function MainComponent() { const { data: user, loading } = useUser(); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white flex flex-col font-quicksand p-4 md:p-8", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F3E5F5] rounded-2xl shadow-sm flex flex-col", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#F3E5F5] border-b border-gray-100 px-4 md:px-8 py-4 rounded-t-2xl", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-['Inter'] text-xl font-bold text-[#1A1B41]", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "CRAWL&TELL"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "h-8 w-24 bg-gray-200 animate-pulse rounded-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }) : user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 hidden md:inline", __source: { fileName: "", lineNumber: 18, columnNumber: 19 }, __self: this }, user.email), /*#__PURE__*/ React.createElement("button", { onClick: ()=>signOut({ callbackUrl: "/", redirect: true }), className: "text-gray-600 hover:text-gray-900 transition-colors", __source: { fileName: "", lineNumber: 21, columnNumber: 19 }, __self: this }, "Sign Out")) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "px-4 py-2 text-[#1A1B41] hover:text-[#2A2B51] transition-colors", __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "px-4 py-2 bg-[#1A1B41] text-white rounded-lg hover:bg-[#2A2B51] transition-colors", __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex items-center justify-center px-4 md:px-8 py-12 md:py-24", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-12 relative", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 mx-auto relative", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 bg-gray-200 animate-pulse rounded-full", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/cf733bec-7cdb-4bbe-bc64-55e8aa50e802/-/format/auto/", alt: "AI-powered website optimization illustration", className: "w-full h-full object-contain transform transition-transform hover:scale-105 duration-300", __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-medium text-[#1A1B41] mb-6", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Transform Your Website"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-l text-gray-600 mb-12 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Instantly optimize your website content with AI-powered suggestions for professional, engaging, and SEO-friendly versions."), loading ? /*#__PURE__*/ React.createElement("div", { className: "h-12 w-48 bg-gray-200 animate-pulse rounded-lg mx-auto", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("a", { href: user ? "/" : "/account/signup", className: "inline-flex items-center justify-center px-8 py-4 bg-[#1A1B41] text-white rounded-lg hover:bg-[#2A2B51] transition-colors text-lg font-medium", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, user ? "Start Optimizing" : "Get Started Free", /*#__PURE__*/ React.createElement("svg", { className: "ml-2 w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7", __source: { fileName: "", lineNumber: 87, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#F3E5F5] border-t border-gray-100 px-4 md:px-8 py-6 rounded-b-2xl", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center gap-4", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-['Inter'] text-lg text-[#1A1B41]", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, "CRAWL&TELL"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, "© 2025 All rights reserved")))))); }