function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A0A0B] text-white", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full z-50 bg-[#0A0A0B]/80 backdrop-blur-lg border-b border-[#2A2A2D]", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-inter text-2xl font-bold bg-gradient-to-r from-[#FFD700] to-[#9400D3] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "LegendsNeverD.ai")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-8", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#rhyme-storm", className: "font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, "Rhyme Storm"), /*#__PURE__*/ React.createElement("a", { href: "#lyric-architect", className: "font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, "Lyric Architect"), /*#__PURE__*/ React.createElement("a", { href: "#beat-forge", className: "font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, "Beat Forge"), /*#__PURE__*/ React.createElement("a", { href: "#cypher", className: "font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "Cypher"), /*#__PURE__*/ React.createElement("a", { href: "#dojo", className: "font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, "Dojo"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "md:hidden", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-[#9400D3] text-2xl", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-[#0A0A0B]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#rhyme-storm", className: "block font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors py-2", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Rhyme Storm"), /*#__PURE__*/ React.createElement("a", { href: "#lyric-architect", className: "block font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors py-2", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Lyric Architect"), /*#__PURE__*/ React.createElement("a", { href: "#beat-forge", className: "block font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors py-2", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Beat Forge"), /*#__PURE__*/ React.createElement("a", { href: "#cypher", className: "block font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors py-2", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Cypher"), /*#__PURE__*/ React.createElement("a", { href: "#dojo", className: "block font-inter text-[#9400D3] hover:text-[#FFD700] transition-colors py-2", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Dojo")))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "relative h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('/hero-bg.jpg')] bg-cover bg-center opacity-20", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 text-center px-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-7xl font-bold font-inter mb-6 bg-gradient-to-r from-[#FFD700] to-[#9400D3] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "LegendsNeverD.ai"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl font-inter text-[#E0E0E0] mb-12", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Where Rhymes Never Die – Craft Your Flow, Own Your Beat. Become a Legend."), /*#__PURE__*/ React.createElement("button", { className: "px-8 py-4 bg-[#FF0000] hover:bg-[#FF0000]/80 rounded-md font-inter text-white text-lg shadow-[0_0_20px_rgba(255,0,0,0.3)] transition-all hover:shadow-[0_0_30px_rgba(255,0,0,0.5)]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Join the Cypher. Leave Your Mark."))), /*#__PURE__*/ React.createElement("section", { id: "rhyme-storm", className: "py-20 px-4", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center gap-12", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-5xl font-bold font-inter mb-6 bg-gradient-to-r from-[#9400D3] to-[#FFD700] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "Rhyme Storm"), /*#__PURE__*/ React.createElement("p", { className: "text-[#E0E0E0] font-inter", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, "Unleash your creativity with our advanced rhyme generator. Powered by AI, it helps you discover unique rhymes and wordplay that elevate your lyrics to the next level.")), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1D] rounded-xl p-6 border border-[#2A2A2D]", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/rhyme-storm.jpg", alt: "AI-powered rhyme generator interface", className: "rounded-lg w-full", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("section", { id: "lyric-architect", className: "py-20 px-4 bg-[#0D0D0E]", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row-reverse items-center gap-12", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-5xl font-bold font-inter mb-6 bg-gradient-to-r from-[#FFD700] to-[#9400D3] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, "Lyric Architect"), /*#__PURE__*/ React.createElement("p", { className: "text-[#E0E0E0] font-inter", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "Your personal writing assistant that helps structure verses, suggest metaphors, and polish your lyrics while keeping your authentic voice intact.")), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1D] rounded-xl p-6 border border-[#2A2A2D]", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/lyric-architect.jpg", alt: "AI writing assistant interface", className: "rounded-lg w-full", __source: { fileName: "", lineNumber: 93, columnNumber: 19 }, __self: this }))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }, ` @keyframes glow { 0% { box-shadow: 0 0 20px rgba(255,0,0,0.3); } 50% { box-shadow: 0 0 30px rgba(255,0,0,0.5); } 100% { box-shadow: 0 0 20px rgba(255,0,0,0.3); } } `)); }