function HeroSection() { return /*#__PURE__*/ React.createElement("div", { className: "relative h-screen w-full flex items-center justify-center bg-black bg-[url('/images/space.jpg')] bg-cover bg-center bg-no-repeat overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black/50", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 text-center px-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-orbitron text-4xl md:text-6xl lg:text-7xl text-white mb-4 tracking-wider", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Irvai: Maldives Mission to Mars"), /*#__PURE__*/ React.createElement("p", { className: "font-orbitron text-xl md:text-2xl text-[#00ffff] tracking-wide", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Save your civilization. Journey to Mars. Keep your faith."))); } function HeroSectionStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(HeroSection, { __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function Navigation() { return /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1a1a1a] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-center space-y-2 md:space-y-0 md:space-x-8", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white hover:text-[#ffd700] font-roboto text-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/characters", className: "text-white hover:text-[#ffd700] font-roboto text-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Characters"), /*#__PURE__*/ React.createElement("a", { href: "/gameplay", className: "text-white hover:text-[#ffd700] font-roboto text-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Gameplay"), /*#__PURE__*/ React.createElement("a", { href: "/story", className: "text-white hover:text-[#ffd700] font-roboto text-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Story")))); } function NavigationStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this })); } function MainComponent() { const [activeFeature, setActiveFeature] = useState("spaceship"); const features = { spaceship: { title: "Spaceship Engineering", description: "Design and construct your own interplanetary vessels", points: [ "Modular construction system", "Custom engine configurations", "Life support systems", "Radiation shielding", "Fuel management" ], icon: "fa-rocket" }, resources: { title: "Resource Management", description: "Strategic resource gathering and allocation", points: [ "Mine Martian minerals", "Water extraction", "Oxygen production", "Food cultivation", "Power generation" ], icon: "fa-boxes-stacked" }, colonization: { title: "Mars Colonization", description: "Establish and expand your Mars settlement", points: [ "Habitat construction", "Population management", "Research facilities", "Trade networks", "Terraforming projects" ], icon: "fa-globe" } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#1a0f30] to-[#3c1414] text-white font-poppins", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-16", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl text-center mb-12 font-bold", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Gameplay Features"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8 mb-16", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, Object.keys(features).map((key)=>/*#__PURE__*/ React.createElement("div", { key: key, className: `p-6 rounded-xl cursor-pointer transition-all duration-300 ${activeFeature === key ? "bg-[#ffffff1a] shadow-lg scale-105" : "bg-[#ffffff0d] hover:bg-[#ffffff1a]"}`, onClick: ()=>setActiveFeature(key), __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${features[key].icon} text-4xl mb-4 text-[#ff6b6b]`, __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, features[key].title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, features[key].description)))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ffffff0d] rounded-xl p-8", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, features[activeFeature].title), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, features[activeFeature].points.map((point, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-center", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#ff6b6b] mr-3", __source: { fileName: "", lineNumber: 78, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 79, columnNumber: 19 }, __self: this }, point))))))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-[#000000] to-transparent", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this })); }