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-open-sans bg-white text-[#151515]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-base md:text-xl font-semibold", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Image Generator 🖼️"), /*#__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-4 py-2 rounded-lg border border-[#2A2A2A] bg-[#1E1E1E] text-white hover:bg-[#2A2A2A]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Login"))), /*#__PURE__*/ React.createElement("header", { className: "text-center py-8 md:py-16 px-4 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-7xl font-semibold mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Generate AI Images"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-8 text-[#2A2A2A]", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Create stunning images with just a few clicks!"), /*#__PURE__*/ React.createElement("a", { href: "/app", target: "_self", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-8 md:px-10 py-3 md:py-4 rounded-lg border border-[#2A2A2A] bg-[#1E1E1E] text-white text-lg mb-8 hover:bg-[#2A2A2A]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Start Generating")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-16 md:gap-8 mt-8 mb-16", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[350px] md:w-[200px] h-[350px] md:h-[200px] mx-auto bg-[#f2f2f2] rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/705b8434-5fe0-4742-ab80-cc32584eb158/", alt: "Generated portrait of a woman with blonde hair", className: "w-full h-full object-cover rounded-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-[350px] md:w-[200px] h-[350px] md:h-[200px] mx-auto bg-[#f2f2f2] rounded", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/10937549-e229-43ef-b47e-e2ac9bb96649/", alt: "Generated close-up portrait of a woman with green eyes", className: "w-full h-full object-cover rounded-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-[350px] md:w-[200px] h-[350px] md:h-[200px] mx-auto bg-[#f2f2f2] rounded", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/07bebd32-b560-4cc0-836c-ac984d247739/", alt: "Man working in the forest", className: "w-full h-full object-cover rounded-lg", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "py-12 md:py-16 bg-[#F5F5F5]", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center px-4", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl md:text-2xl mb-6", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Subscription"), /*#__PURE__*/ React.createElement("div", { className: "flex items-end mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl md:text-5xl font-medium", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "$9.99"), /*#__PURE__*/ React.createElement("span", { className: "text-lg md:text-xl ml-2 mb-1 text-[#A4A4A4]", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "/month")), /*#__PURE__*/ React.createElement("ul", { className: "mb-8 text-left", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-4 flex items-center", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-check mr-3", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Unlimited image generation")), /*#__PURE__*/ React.createElement("li", { className: "mb-4 flex items-center", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-check mr-3", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "Download images in high resolution")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-check mr-3", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Save images to your collection"))), /*#__PURE__*/ React.createElement("button", { className: "px-8 py-3 rounded-lg border border-[#2A2A2A] bg-[#1E1E1E] text-white text-lg hover:bg-[#2A2A2A]", onClick: ()=>window.location.href = "/app", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Subscribe Now"))), /*#__PURE__*/ React.createElement("section", { className: "py-12 md:py-16 max-w-2xl mx-auto px-4", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl mb-8 text-center", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "Frequently Asked Questions"), [ "How many images can I generate?", "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: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `flex justify-between items-center w-full p-4 rounded-lg ${activeAccordion === index ? "bg-[#1E1E1E] text-white" : "bg-white text-[#151515] border border-[#2A2A2A]"}`, onClick: ()=>toggleAccordion(index), __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, question), /*#__PURE__*/ React.createElement("i", { className: `far ${activeAccordion === index ? "fa-chevron-up" : "fa-chevron-down"}`, __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this })), activeAccordion === index && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white text-[#2A2A2A] border border-[#2A2A2A] border-t-0", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, index === 0 && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 122, columnNumber: 19 }, __self: this }, "You can generate an unlimited number of images with our subscription plan. However, we may need to limit generation during peak times to ensure fair usage for all users."), index === 1 && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }, "Our AI can generate a wide variety of image types, including landscapes, portraits, abstract art, and more. You can describe what you want, and the AI will create it for you."), index === 2 && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 136, columnNumber: 19 }, __self: this }, "The AI can create highly detailed images based on your descriptions. The more specific you are, the more detailed and accurate the generated image will be."))))), /*#__PURE__*/ React.createElement("footer", { className: "py-8 bg-[#1E1E1E]", __source: { fileName: "", lineNumber: 148, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4", __source: { fileName: "", lineNumber: 149, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl text-white mb-4 md:mb-0", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, "Image Generator 🖼️"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mb-4 md:mb-0 text-white", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, "Powered by AI 🤖"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 155, 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: 156, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram w-6 h-6 flex items-center justify-center", __source: { fileName: "", lineNumber: 162, 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: 164, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter w-6 h-6 flex items-center justify-center", __source: { fileName: "", lineNumber: 170, 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: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube w-6 h-6 flex items-center justify-center", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }))))))); }