function MainComponent() { const [isPlaying, setIsPlaying] = useState(false); const socials = [ { icon: "fab fa-telegram", link: "https://t.me/pikaonsoI", label: "Telegram", className: "text-blue-500 hover:text-blue-400", type: "icon" }, { icon: "fa-brands fa-x", link: "https://x.com/pikaon_sol?s=21", label: "X", className: "text-black hover:text-gray-700", type: "icon" }, { icon: "fas fa-chart-line", link: "#", label: "Dexscreener", className: "text-black hover:text-gray-700", type: "icon" } ]; const togglePlay = ()=>{ const audio = document.getElementById("background-music"); if (isPlaying) { audio.pause(); } else { audio.play(); } setIsPlaying(!isPlaying); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen w-full relative flex flex-col items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/9bc47e36-4b6c-4ed2-b777-ce4736147071/-/format/auto/", alt: "Cute cat wearing Pikachu costume with yellow umbrella", className: "fixed inset-0 w-full h-full object-cover z-0", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 flex flex-col items-center w-full", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full text-center mt-8 mb-16", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-7xl md:text-9xl font-bold text-yellow-400 tracking-wider drop-shadow-[0_2px_2px_rgba(0,0,0,0.8)]", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "PIKA")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-12", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-row justify-center items-center gap-12 p-6", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, socials.map((social, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: social.link, target: "_blank", rel: "noopener noreferrer", className: `${social.className} transition-all duration-300`, __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${social.icon} text-5xl`, __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("a", { href: "#", className: "bg-yellow-400 hover:bg-yellow-300 text-black font-bold text-xl px-12 py-4 rounded-full shadow-lg transition-colors duration-300", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Buy Now")), /*#__PURE__*/ React.createElement("button", { onClick: togglePlay, className: "fixed bottom-6 right-6 bg-yellow-400 hover:bg-yellow-300 text-black rounded-full p-4 shadow-lg transition-colors duration-300", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isPlaying ? "fa-pause" : "fa-play"} text-2xl`, __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("audio", { id: "background-music", loop: true, __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "https://storage.googleapis.com/create-audio/tourner-dans-le-vide.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this })))); }