function MainComponent() { const [selectedFaq, setSelectedFaq] = useState(null); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#1a1a1a] to-[#0a0a0a] text-white", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "py-20 px-4 text-center relative overflow-hidden", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 opacity-20", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('/images/ice-pattern.png')] bg-cover", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/6238e266-0616-4b0c-88b5-543a614466bc/-/format/auto/", alt: "Hypor Bear", className: "w-64 h-64 mx-auto mb-8 animate-bounce", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold mb-4 font-montserrat", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Welcome to $HYPOR 🐻"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-8 text-[#a0a0a0]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "The Most Based Bear in Crypto! 🪓"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 justify-center flex-wrap", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#00ffcc] text-black px-8 py-3 rounded-full font-bold hover:bg-[#00e6b8] transition-colors", onClick: ()=>alert("Buy $HYPOR clicked!"), __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Buy $HYPOR"), /*#__PURE__*/ React.createElement("button", { className: "border-2 border-[#00ffcc] px-8 py-3 rounded-full font-bold hover:bg-[#00ffcc] hover:text-black transition-colors", onClick: ()=>alert("Join Community clicked!"), __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Join Community")))), /*#__PURE__*/ React.createElement("section", { className: "py-20 px-4", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-12 text-center font-montserrat", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Why Choose Hypor? 🚀"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1c1c1c] p-6 rounded-xl", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket text-[#00ffcc] text-3xl mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "Moon Mission"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0a0a0]", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "We're going straight to the moon! 🌕")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1c1c1c] p-6 rounded-xl", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-[#00ffcc] text-3xl mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Strong Community"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0a0a0]", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Best crypto fam ever! 🤝")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1c1c1c] p-6 rounded-xl", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fire text-[#00ffcc] text-3xl mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, "Viral Potential"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0a0a0]", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "The next big meme! 🔥"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1c1c1c] py-12 px-4", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#a0a0a0] hover:text-[#00ffcc]", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, "Chart")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#a0a0a0] hover:text-[#00ffcc]", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, "Buy Now")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#a0a0a0] hover:text-[#00ffcc]", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "Community")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Join Us"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-2xl hover:text-[#00ffcc]", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-2xl hover:text-[#00ffcc]", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-2xl hover:text-[#00ffcc]", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-telegram", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0a0a0]", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "gm@hypor.com"))))); }