function MainComponent() { const [copied, setCopied] = React.useState(false); const [isHovering, setIsHovering] = React.useState(false); const contractAddress = "0xbff93c17479d04d9e388398e2b5d9c4b9f2f3999"; const copyToClipboard = ()=>{ navigator.clipboard.writeText(contractAddress); setCopied(true); setTimeout(()=>setCopied(false), 2000); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen w-full flex flex-col items-center justify-between relative overflow-hidden bg-black font-inter", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 opacity-30", style: { backgroundImage: "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")", backgroundRepeat: "repeat", mixBlendMode: "overlay" }, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 w-full max-w-4xl px-4 py-6", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-6 mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-white transition-colors", "aria-label": "X/Twitter", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "https://zora.co", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-white transition-colors", "aria-label": "Zora", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 100 100", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M50 0C22.4 0 0 22.4 0 50C0 77.6 22.4 100 50 100C77.6 100 100 77.6 100 50C100 22.4 77.6 0 50 0ZM80 75.3H65.5L20 29.8V75.3H35.8V50.3L80 75.3Z", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "https://spotify.com", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-white transition-colors", "aria-label": "Spotify", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "https://music.gala.com", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-white transition-colors", "aria-label": "GALA MUSIC", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M19.952 1.651a.244.244 0 0 1 .048.134v20.43a.244.244 0 0 1-.244.244h-2.511a.244.244 0 0 1-.244-.244V3.304a.244.244 0 0 0-.244-.244H7.244A.244.244 0 0 0 7 3.304v18.912a.244.244 0 0 1-.244.244H4.244A.244.244 0 0 1 4 22.215V1.785c0-.134.11-.244.244-.244h15.512c.086 0 .159.049.196.11z", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "https://youtube.com", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-white transition-colors", "aria-label": "YouTube", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-8 bg-[#111111] rounded-lg p-4 flex flex-col md:flex-row items-center justify-between shadow-lg", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4 md:mb-0", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-300 mr-2", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "Contract:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center bg-[#222222] rounded px-3 py-1", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 text-sm md:text-base truncate max-w-[150px] md:max-w-[250px]", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, contractAddress), /*#__PURE__*/ React.createElement("button", { onClick: copyToClipboard, className: "ml-2 text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, copied ? /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 text-green-500", viewBox: "0 0 20 20", fill: "currentColor", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 137, columnNumber: 21 }, __self: this })) : /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 144, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z", __source: { fileName: "", lineNumber: 151, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("button", { className: "bg-gradient-to-r from-purple-600 to-blue-500 text-white px-6 py-2 rounded-lg hover:opacity-90 transition-opacity font-medium", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, "Buy on Moonshot"))), /*#__PURE__*/ React.createElement("div", { className: "relative flex flex-col items-center justify-center transform transition-transform duration-500 hover:scale-105 my-8", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://zora.co/coin/base:0xbff93c17479d04d9e388398e2b5d9c4b9f2f3999?referrer=0xfd08866cc659fee164309e5aacbc91671ba4f3c7", target: "_blank", rel: "noopener noreferrer", className: "block focus:outline-none", onMouseEnter: ()=>setIsHovering(true), onMouseLeave: ()=>setIsHovering(false), __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/1ec4cf8c-5f02-4144-be67-82c983dc8982/-/format/auto/", alt: "BAZZ artwork NFT collection featuring digital art with vibrant colors", className: "w-[280px] h-[280px] md:w-[500px] md:h-[500px] object-cover rounded-lg shadow-2xl", __source: { fileName: "", lineNumber: 177, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `mt-4 text-white text-center ${isHovering ? "opacity-100" : "opacity-70"} transition-opacity duration-300`, __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block w-2 h-2 bg-blue-500 rounded-full mr-2 animate-pulse", __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm md:text-base", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }, "Tap image to view on Zora")))), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 w-full max-w-4xl px-4 py-8 mb-8 flex justify-center space-x-4", __source: { fileName: "", lineNumber: 195, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://music.gala.com", target: "_blank", rel: "noopener noreferrer", className: "bg-gradient-to-r from-blue-500 to-purple-600 text-white px-4 py-3 rounded-lg hover:opacity-90 transition-opacity text-sm md:text-base font-medium shadow-lg flex-1 max-w-[180px] text-center flex items-center justify-center", __source: { fileName: "", lineNumber: 196, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 202, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z", __source: { fileName: "", lineNumber: 208, columnNumber: 13 }, __self: this })), "Listen on GALA"), /*#__PURE__*/ React.createElement("a", { href: "https://opensea.io/bazzginen", target: "_blank", rel: "noopener noreferrer", className: "bg-gradient-to-r from-purple-600 to-blue-500 text-white px-4 py-3 rounded-lg hover:opacity-90 transition-opacity text-sm md:text-base font-medium shadow-lg flex-1 max-w-[180px] text-center flex items-center justify-center", __source: { fileName: "", lineNumber: 212, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 218, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1.07 14.15l-3.8-3.8 1.42-1.42 2.38 2.38 5.5-5.5 1.42 1.42-6.92 6.92z", __source: { fileName: "", lineNumber: 224, columnNumber: 13 }, __self: this })), "Collect on OpenSea")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 230, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } } .animate-pulse { animation: pulse 2s infinite; } `)); }