function MainComponent() { const [activeAccordion, setActiveAccordion] = React.useState(null); const toggleAccordion = (index)=>{ setActiveAccordion(activeAccordion === index ? null : index); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen font-sf-pro bg-black text-white", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center p-6 bg-black backdrop-blur-md bg-opacity-80 fixed w-full top-0 z-50", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded-sm", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/app", className: "px-5 py-2 rounded-md bg-[#2A2A2A] text-white text-sm font-medium hover:bg-[#3A3A3A] transition-colors shadow-lg shadow-black/25 border border-[#3A3A3A] hover:translate-y-[-1px] active:translate-y-[1px]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Sign in"))), /*#__PURE__*/ React.createElement("header", { className: "text-center pt-20 md:pt-32 px-4 max-w-5xl mx-auto", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl md:text-8xl font-semibold mb-4 tracking-tight text-white", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Studio Portrait Generator"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-8 text-[#86868B] font-light", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Create your own custom stock photos with our AI portrait generator"), /*#__PURE__*/ React.createElement("a", { href: "/app", target: "_self", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-6 py-3 rounded-md bg-gradient-to-b from-[#0066FF] to-[#0044CC] text-white text-lg font-medium hover:opacity-90 transition-all shadow-lg shadow-blue-500/10 border-t border-[#6BA5FF] hover:translate-y-[-2px] hover:shadow-lg hover:shadow-blue-500/20 active:translate-y-[1px]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Try it now")), /*#__PURE__*/ React.createElement("div", { className: "mt-16", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/4afb414f-38e7-47bb-b2be-3ee38113f449/", alt: "Professional portrait generated by AI", className: "w-full h-[600px] object-cover", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "bg-[#1D1D1F]", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center px-4 max-w-2xl mx-auto py-20 md:py-32", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-3xl md:text-4xl font-semibold mb-2 text-white", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "$5.99"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#86868B] mb-8", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "per month"), /*#__PURE__*/ React.createElement("ul", { className: "mb-8 text-center space-y-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center justify-center space-x-2 text-lg text-[#86868B]", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#86868B]", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Unlimited image generation")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center justify-center space-x-2 text-lg text-[#86868B]", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#86868B]", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, "Download images in high resolution")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center justify-center space-x-2 text-lg text-[#86868B]", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#86868B]", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "Save images to your collection"))), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-3 rounded-md bg-gradient-to-b from-[#0066FF] to-[#0044CC] text-white text-lg font-medium hover:opacity-90 transition-all shadow-lg shadow-blue-500/10 border-t border-[#6BA5FF] hover:translate-y-[-2px] hover:shadow-lg hover:shadow-blue-500/20 active:translate-y-[1px]", onClick: ()=>window.location.href = "/app", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Subscribe Now"))), /*#__PURE__*/ React.createElement("section", { className: "py-20 md:py-32 max-w-3xl mx-auto px-4", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl mb-8 text-center", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Frequently Asked Questions"), [ "Can I use these images commercially?", "What types of images can I create?", "How detailed can the generated images be?" ].map((question, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `flex justify-between items-center w-full p-6 text-left text-lg ${activeAccordion === index ? "border-b border-[#424245] text-[#5C9DFF]" : "border-b border-[#424245] text-white"}`, onClick: ()=>toggleAccordion(index), __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, question), /*#__PURE__*/ React.createElement("i", { className: `fas ${activeAccordion === index ? "fa-minus" : "fa-plus"} text-[#86868B]`, __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this })), activeAccordion === index && /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-[#1D1D1F] text-white border-b border-[#424245]", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, index === 0 && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }, "Yes! All generated images come with full commercial usage rights. You can use them for your business, marketing materials, social media, or any other commercial purpose without attribution."), index === 1 && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }, "Our AI specializes in creating realistic human faces. You can generate portraits of people of different ages, ethnicities, expressions, and styles. Just describe the person you want to see!"), index === 2 && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }, "Our AI can capture fine details like facial expressions, wrinkles, hair texture, and even specific features like glasses or jewelry. The more specific your description, the better the results."))))), /*#__PURE__*/ React.createElement("footer", { className: "py-16 bg-[#1D1D1F] border-t border-[#424245]", __source: { fileName: "", lineNumber: 132, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto px-4", __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#86868B] mb-4 md:mb-0", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, "Realistic Face Generator"), /*#__PURE__*/ React.createElement("div", { className: "p-2 sm:p-4 text-center text-xs sm:text-sm text-white flex items-center justify-center", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, "powered by", /*#__PURE__*/ React.createElement("a", { href: "https://create.xyz", className: "font-bold text-white ml-1 flex items-center", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/cb06e3c7-23ce-4622-a72e-d5ac215e5570/-/format/auto/", alt: "Create Logo", className: "h-3 sm:h-4 mr-1", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }), "create.xyz")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/create.xyz/", target: "_blank", rel: "noopener noreferrer", className: "text-white hover:text-[#A4A4A4]", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram w-6 h-6 flex items-center justify-center", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/create_xyz", target: "_blank", rel: "noopener noreferrer", className: "text-white hover:text-[#A4A4A4]", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter w-6 h-6 flex items-center justify-center", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.youtube.com/@createdotxyz", target: "_blank", rel: "noopener noreferrer", className: "text-white hover:text-[#A4A4A4]", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube w-6 h-6 flex items-center justify-center", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }))))))); }