function ProductGrid({ products, title, onViewDetails }) { if (!products || products.length === 0) { return /*#__PURE__*/ React.createElement("div", { className: "text-center py-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, title || "Products"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "No products found.")); } return /*#__PURE__*/ React.createElement("div", { className: "py-8", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, title && /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, products.map((product)=>/*#__PURE__*/ React.createElement(ProductCard, { key: product.id, product: product, onViewDetails: onViewDetails, __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })))); } function ProductGridStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProductGrid, { __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this })); } function FilterSidebar() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const { signInWithCredentials } = useAuth(); const urlParams = new URLSearchParams(window.location.search); const callbackUrl = urlParams.get("callbackUrl") || "/"; const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); setLoading(true); try { if (!email || !password) { setError("Email and password are required"); setLoading(false); return; } const result = await signInWithCredentials({ email, password, callbackUrl, redirect: true }); setError("Authentication failed. Please check your credentials and try again."); } catch (error) { console.error("Sign in error:", error); setError(error.message || "Failed to sign in. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-center text-3xl font-extrabold text-gray-900", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Sign in to your account"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Or", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "font-medium text-blue-600 hover:text-blue-500", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "create a new account"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Email address"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", required: true, value: email, onChange: (e)=>setEmail(e.target.value), className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", autoComplete: "current-password", required: true, value: password, onChange: (e)=>setPassword(e.target.value), className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, loading ? "Signing in..." : "Sign in"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full border-t border-gray-300", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative flex justify-center text-sm", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-2 bg-white text-gray-500", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, "Or continue with"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 grid grid-cols-1 gap-3", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/shop", className: "w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "Continue as guest")))))); } function FilterSidebarStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 149, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FilterSidebar, { __source: { fileName: "", lineNumber: 150, columnNumber: 7 }, __self: this })); } function CartItem() { const { signOut } = useAuth(); const [error, setError] = useState(""); useEffect(()=>{ const performLogout = async ()=>{ try { await signOut({ callbackUrl: "/", redirect: true }); // If we get here, the redirect failed window.location.href = "/"; } catch (error) { console.error("Logout error:", error); setError("Failed to log out. Please try again."); } }; performLogout(); }, [ signOut ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-center text-3xl font-extrabold text-gray-900", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Signing out..."), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, error, /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-medium text-blue-600 hover:text-blue-500", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Return to home page"))))); } function CartItemStory() { const sampleItem = { id: 1, name: "Classic White T-Shirt", price: 29.99, size: "M", quantity: 2, image_url: "https://placehold.co/400x500/e2e8f0/1e293b?text=T-Shirt" }; const sampleItem2 = { id: 2, name: "Slim Fit Jeans", price: 59.99, size: "32", quantity: 1, image_url: "https://placehold.co/400x500/e2e8f0/1e293b?text=Jeans" }; const handleUpdateQuantity = (id, newQuantity)=>{ console.log(`Update item ${id} quantity to ${newQuantity}`); }; const handleRemove = (id)=>{ console.log(`Remove item ${id} from cart`); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-100", __source: { fileName: "", lineNumber: 76, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, "Cart Item Component"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow mb-6", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "Default Cart Item"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center py-4 border-b", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 flex-shrink-0", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: sampleItem?.image_url || "https://placehold.co/400x500/e2e8f0/1e293b?text=Lifestyle+Clothing", alt: sampleItem?.name || "Product image", className: "w-full h-full object-cover rounded", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-4 flex-grow", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, sampleItem?.name || "Product Name"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "Size: ", sampleItem?.size || "N/A"), /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "$", sampleItem?.price || "0.00")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleUpdateQuantity && handleUpdateQuantity(sampleItem?.id, Math.max(1, (sampleItem?.quantity || 1) - 1)), className: "w-8 h-8 flex items-center justify-center border rounded-l", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "w-10 text-center border-t border-b", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, sampleItem?.quantity || 1), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleUpdateQuantity && handleUpdateQuantity(sampleItem?.id, (sampleItem?.quantity || 1) + 1), className: "w-8 h-8 flex items-center justify-center border rounded-r", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "+")), /*#__PURE__*/ React.createElement("div", { className: "ml-6 text-right", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, "$", ((sampleItem?.price || 0) * (sampleItem?.quantity || 1)).toFixed(2)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRemove && handleRemove(sampleItem?.id), className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, "Remove")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow mb-6", __source: { fileName: "", lineNumber: 150, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3", __source: { fileName: "", lineNumber: 151, columnNumber: 9 }, __self: this }, "Another Cart Item"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center py-4 border-b", __source: { fileName: "", lineNumber: 152, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 flex-shrink-0", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: sampleItem2?.image_url || "https://placehold.co/400x500/e2e8f0/1e293b?text=Lifestyle+Clothing", alt: sampleItem2?.name || "Product image", className: "w-full h-full object-cover rounded", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-4 flex-grow", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium", __source: { fileName: "", lineNumber: 165, columnNumber: 13 }, __self: this }, sampleItem2?.name || "Product Name"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, "Size: ", sampleItem2?.size || "N/A"), /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 171, columnNumber: 13 }, __self: this }, "$", sampleItem2?.price || "0.00")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleUpdateQuantity && handleUpdateQuantity(sampleItem2?.id, Math.max(1, (sampleItem2?.quantity || 1) - 1)), className: "w-8 h-8 flex items-center justify-center border rounded-l", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "w-10 text-center border-t border-b", __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }, sampleItem2?.quantity || 1), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleUpdateQuantity && handleUpdateQuantity(sampleItem2?.id, (sampleItem2?.quantity || 1) + 1), className: "w-8 h-8 flex items-center justify-center border rounded-r", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, "+")), /*#__PURE__*/ React.createElement("div", { className: "ml-6 text-right", __source: { fileName: "", lineNumber: 204, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }, "$", ((sampleItem2?.price || 0) * (sampleItem2?.quantity || 1)).toFixed(2)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRemove && handleRemove(sampleItem2?.id), className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, "Remove")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 221, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3", __source: { fileName: "", lineNumber: 222, columnNumber: 9 }, __self: this }, "Empty State"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center py-4 border-b", __source: { fileName: "", lineNumber: 223, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 flex-shrink-0", __source: { fileName: "", lineNumber: 224, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://placehold.co/400x500/e2e8f0/1e293b?text=Lifestyle+Clothing", alt: "Product image", className: "w-full h-full object-cover rounded", __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-4 flex-grow", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }, "Product Name"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, "Size: N/A"), /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, "$0.00")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 238, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-8 h-8 flex items-center justify-center border rounded-l", __source: { fileName: "", lineNumber: 239, columnNumber: 13 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "w-10 text-center border-t border-b", __source: { fileName: "", lineNumber: 242, columnNumber: 13 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("button", { className: "w-8 h-8 flex items-center justify-center border rounded-r", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, "+")), /*#__PURE__*/ React.createElement("div", { className: "ml-6 text-right", __source: { fileName: "", lineNumber: 248, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 249, columnNumber: 13 }, __self: this }, "$0.00"), /*#__PURE__*/ React.createElement("button", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }, "Remove"))))); } function SeoHead({ title = "Lifestyle Clothing | Plus Size Streetwear Fashion", description = "Discover trendy plus size streetwear that helps you exude confidence. Fashion that fits your lifestyle with inclusive sizing and modern designs.", keywords = "plus size clothing, streetwear, inclusive fashion, plus size streetwear, lifestyle clothing, trendy plus size fashion", ogImage = "https://images.unsplash.com/photo-1556905055-8f358a7a47b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80", ogType = "website", canonical = "" }) { // Get the current URL for canonical link if not provided const currentUrl = typeof window !== "undefined" ? window.location.href : ""; const canonicalUrl = canonical || currentUrl; return /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("meta", { name: "title", content: title, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "description", content: description, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "keywords", content: keywords, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "canonical", href: canonicalUrl, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:type", content: ogType, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:url", content: canonicalUrl, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: title, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: description, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image", content: ogImage, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "twitter:card", content: "summary_large_image", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "twitter:url", content: canonicalUrl, __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "twitter:title", content: title, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "twitter:description", content: description, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "twitter:image", content: ogImage, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "robots", content: "index, follow", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "language", content: "English", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "revisit-after", content: "7 days", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "author", content: "Lifestyle Clothing", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })); } function SeoHeadStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, "Default SEO Head"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg bg-gray-50", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, JSON.stringify({ title: "Lifestyle Clothing | Plus Size Streetwear Fashion", description: "Discover trendy plus size streetwear that helps you exude confidence. Fashion that fits your lifestyle with inclusive sizing and modern designs.", keywords: "plus size clothing, streetwear, inclusive fashion, plus size streetwear, lifestyle clothing, trendy plus size fashion", ogImage: "https://images.unsplash.com/photo-1556905055-8f358a7a47b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80", ogType: "website" }, null, 2))), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mt-8 mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, "Product Page SEO Head"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg bg-gray-50", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, JSON.stringify({ title: "Classic Oversized Hoodie | Lifestyle Clothing", description: "Stay comfortable and stylish with our Classic Oversized Hoodie. Available in plus sizes with premium quality fabric and modern design.", keywords: "oversized hoodie, plus size hoodie, streetwear hoodie, comfortable hoodie, lifestyle clothing", ogImage: "https://images.unsplash.com/photo-1556905055-8f358a7a47b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80", ogType: "product" }, null, 2))), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mt-8 mb-4", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, "Blog Post SEO Head"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg bg-gray-50", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, JSON.stringify({ title: "5 Ways to Style Plus Size Streetwear | Lifestyle Clothing Blog", description: "Discover 5 trendy ways to style your plus size streetwear for any occasion. Get inspired with our fashion tips and outfit ideas.", keywords: "plus size fashion tips, streetwear styling, plus size outfit ideas, streetwear fashion blog", ogImage: "https://images.unsplash.com/photo-1556905055-8f358a7a47b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80", ogType: "article" }, null, 2)))); } function ProductCard() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const { signUpWithCredentials } = useAuth(); const urlParams = new URLSearchParams(window.location.search); const callbackUrl = urlParams.get("callbackUrl") || "/"; const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); if (password !== confirmPassword) { setError("Passwords do not match"); return; } if (password.length < 8) { setError("Password must be at least 8 characters long"); return; } setLoading(true); try { const result = await signUpWithCredentials({ email, password, callbackUrl, redirect: true }); setError("Registration failed. Please try again."); } catch (error) { console.error("Sign up error:", error); setError(error.message || "Failed to sign up. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-center text-3xl font-extrabold text-gray-900", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Create your account"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "Or", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "font-medium text-blue-600 hover:text-blue-500", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "sign in to your existing account"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Email address"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", required: true, value: email, onChange: (e)=>setEmail(e.target.value), className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", autoComplete: "new-password", required: true, value: password, onChange: (e)=>setPassword(e.target.value), className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-xs text-gray-500", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, "Must be at least 8 characters long")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "confirmPassword", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, "Confirm Password"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "confirmPassword", name: "confirmPassword", type: "password", autoComplete: "new-password", required: true, value: confirmPassword, onChange: (e)=>setConfirmPassword(e.target.value), className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, loading ? "Creating account..." : "Create account"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full border-t border-gray-300", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative flex justify-center text-sm", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-2 bg-white text-gray-500", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, "Or continue with"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 grid grid-cols-1 gap-3", __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/shop", className: "w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "Continue as guest")))))); } function ProductCardStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 177, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProductCard, { __source: { fileName: "", lineNumber: 178, columnNumber: 7 }, __self: this })); } function StructuredData({ type = "WebSite", data = {} }) { // Base structured data for the website const baseWebsiteData = { "@context": "https://schema.org", "@type": "WebSite", name: "Lifestyle Clothing", url: "https://www.lifestyleclothing.com", potentialAction: { "@type": "SearchAction", target: "https://www.lifestyleclothing.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } }; // Base structured data for an organization const baseOrganizationData = { "@context": "https://schema.org", "@type": "Organization", name: "Lifestyle Clothing", url: "https://www.lifestyleclothing.com", logo: "https://www.lifestyleclothing.com/logo.png", sameAs: [ "https://www.facebook.com/lifestyleclothing", "https://www.instagram.com/lifestyleclothing", "https://twitter.com/lifestyleclothing" ] }; // Base structured data for a product const baseProductData = { "@context": "https://schema.org", "@type": "Product", name: "", image: "", description: "", brand: { "@type": "Brand", name: "Lifestyle Clothing" }, offers: { "@type": "Offer", url: "", priceCurrency: "USD", price: "", availability: "https://schema.org/InStock" } }; let structuredData = {}; // Select the appropriate base data based on type if (type === "WebSite") { structuredData = { ...baseWebsiteData, ...data }; } else if (type === "Organization") { structuredData = { ...baseOrganizationData, ...data }; } else if (type === "Product") { structuredData = { ...baseProductData, ...data }; } else { structuredData = { "@context": "https://schema.org", "@type": type, ...data }; } return /*#__PURE__*/ React.createElement("script", { type: "application/ld+json", __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, JSON.stringify(structuredData)); } function StructuredDataStory() { const productData = { name: "Classic Oversized Hoodie", image: "https://www.lifestyleclothing.com/images/hoodie.jpg", description: "Stay comfortable and stylish with our Classic Oversized Hoodie. Available in plus sizes with premium quality fabric and modern design.", offers: { price: "59.99", url: "https://www.lifestyleclothing.com/product/classic-oversized-hoodie" } }; return /*#__PURE__*/ React.createElement("div", { className: "p-6 space-y-8", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "Website Structured Data"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-100 p-4 rounded overflow-auto text-sm", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, JSON.stringify({ "@context": "https://schema.org", "@type": "WebSite", name: "Lifestyle Clothing", url: "https://www.lifestyleclothing.com", potentialAction: { "@type": "SearchAction", target: "https://www.lifestyleclothing.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } }, null, 2)), /*#__PURE__*/ React.createElement(StructuredData, { type: "WebSite", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, "Organization Structured Data"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-100 p-4 rounded overflow-auto text-sm", __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }, JSON.stringify({ "@context": "https://schema.org", "@type": "Organization", name: "Lifestyle Clothing", url: "https://www.lifestyleclothing.com", logo: "https://www.lifestyleclothing.com/logo.png", sameAs: [ "https://www.facebook.com/lifestyleclothing", "https://www.instagram.com/lifestyleclothing", "https://twitter.com/lifestyleclothing" ] }, null, 2)), /*#__PURE__*/ React.createElement(StructuredData, { type: "Organization", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 131, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }, "Product Structured Data"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-100 p-4 rounded overflow-auto text-sm", __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, JSON.stringify({ "@context": "https://schema.org", "@type": "Product", name: "Classic Oversized Hoodie", image: "https://www.lifestyleclothing.com/images/hoodie.jpg", description: "Stay comfortable and stylish with our Classic Oversized Hoodie. Available in plus sizes with premium quality fabric and modern design.", brand: { "@type": "Brand", name: "Lifestyle Clothing" }, offers: { "@type": "Offer", url: "https://www.lifestyleclothing.com/product/classic-oversized-hoodie", priceCurrency: "USD", price: "59.99", availability: "https://schema.org/InStock" } }, null, 2)), /*#__PURE__*/ React.createElement(StructuredData, { type: "Product", data: productData, __source: { fileName: "", lineNumber: 158, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }, "Custom Structured Data"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-100 p-4 rounded overflow-auto text-sm", __source: { fileName: "", lineNumber: 163, columnNumber: 9 }, __self: this }, JSON.stringify({ "@context": "https://schema.org", "@type": "FAQPage", mainEntity: [ { "@type": "Question", name: "Do you offer international shipping?", acceptedAnswer: { "@type": "Answer", text: "Yes, we ship to most countries worldwide. Shipping rates vary by location." } } ] }, null, 2)), /*#__PURE__*/ React.createElement(StructuredData, { type: "FAQPage", data: { mainEntity: [ { "@type": "Question", name: "Do you offer international shipping?", acceptedAnswer: { "@type": "Answer", text: "Yes, we ship to most countries worldwide. Shipping rates vary by location." } } ] }, __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [featuredProducts, setFeaturedProducts] = useState([]); const [newArrivals, setNewArrivals] = useState([]); const [loading, setLoading] = useState(true); const [email, setEmail] = useState(""); const [name, setName] = useState(""); const [subscribeMessage, setSubscribeMessage] = useState(null); const [subscribeError, setSubscribeError] = useState(null); const [subscribing, setSubscribing] = useState(false); const { data: user } = useUser(); useEffect(()=>{ const fetchProducts = async ()=>{ try { const response = await fetch("/api/products", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { throw new Error(`Error fetching products: ${response.status}`); } const data = await response.json(); if (data.products) { const products = data.products; setFeaturedProducts(products.slice(0, 4)); setNewArrivals(products.slice(4, 8)); } } catch (error) { console.error("Error fetching products:", error); } finally{ setLoading(false); } }; fetchProducts(); }, []); const navigate = (path)=>{ window.location.href = path; }; const handleSubscribe = async (e)=>{ e.preventDefault(); // Reset messages setSubscribeMessage(null); setSubscribeError(null); if (!email) { setSubscribeError("Please enter your email address"); return; } setSubscribing(true); try { const response = await fetch("/api/subscribe", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, name }) }); const data = await response.json(); if (data.success) { setSubscribeMessage(data.message); setEmail(""); setName(""); } else { setSubscribeError(data.error || "Failed to subscribe. Please try again."); } } catch (error) { console.error("Error subscribing:", error); setSubscribeError("Failed to subscribe. Please try again later."); } finally{ setSubscribing(false); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(SeoHead, { title: "Lifestyle Clothing | Plus Size Streetwear Fashion", description: "Discover trendy plus size streetwear that helps you exude confidence. Fashion that fits your lifestyle with inclusive sizing and modern designs.", keywords: "plus size clothing, streetwear, inclusive fashion, plus size streetwear, lifestyle clothing, trendy plus size fashion", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StructuredData, { type: "WebSite", __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StructuredData, { type: "Organization", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black text-white py-2 px-4", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, "Lifestyle Clothing"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/auth-test", className: "text-sm hover:underline", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, "Fix Authentication"), /*#__PURE__*/ React.createElement("a", { href: "/direct-login", className: "text-sm hover:underline", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, "Direct Login"), user ? /*#__PURE__*/ React.createElement("a", { href: "/admin", className: "text-sm hover:underline", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, "Admin Dashboard") : /*#__PURE__*/ React.createElement("a", { href: "/direct-login", className: "text-sm hover:underline", __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }, "Sign In")))), /*#__PURE__*/ React.createElement("div", { className: "relative h-[70vh] bg-gray-900 flex items-center", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://images.unsplash.com/photo-1556905055-8f358a7a47b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80", alt: "Diverse models wearing stylish plus size streetwear clothing", className: "w-full h-full object-cover opacity-60", loading: "eager", width: "2070", height: "1380", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 relative z-10 text-white", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-4", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, "Lifestyle Clothing"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-8 max-w-2xl", __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, "Plus size streetwear that helps you exude confidence. Fashion that fits your lifestyle."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate("/shop"), className: "bg-white text-black px-8 py-3 rounded-full font-bold hover:bg-gray-100 transition", "aria-label": "Shop Now", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, "Shop Now"), user ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate("/admin"), className: "border-2 border-white text-white px-8 py-3 rounded-full font-bold hover:bg-white hover:text-black transition", "aria-label": "Admin Dashboard", __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this }, "Admin Dashboard") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate("/direct-login"), className: "border-2 border-white text-white px-8 py-3 rounded-full font-bold hover:bg-white hover:text-black transition", "aria-label": "Sign In", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, "Sign In")))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-16", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-10", __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, "Loading products...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("section", { "aria-labelledby": "featured-collection", __source: { fileName: "", lineNumber: 183, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(ProductGrid, { products: featuredProducts, title: "Featured Collection", onViewDetails: (id)=>navigate(`/product/${id}`), __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("section", { "aria-labelledby": "features", className: "my-16", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-6 border rounded-lg", __source: { fileName: "", lineNumber: 193, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", "aria-hidden": "true", __source: { fileName: "", lineNumber: 194, columnNumber: 21 }, __self: this }, "👕"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 197, columnNumber: 21 }, __self: this }, "Inclusive Sizing"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 198, columnNumber: 21 }, __self: this }, "Clothing that fits and flatters all body types.")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-6 border rounded-lg", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", "aria-hidden": "true", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, "🔥"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 206, columnNumber: 21 }, __self: this }, "Trendy Styles"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 207, columnNumber: 21 }, __self: this }, "Stay on top of streetwear fashion trends.")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-6 border rounded-lg", __source: { fileName: "", lineNumber: 211, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", "aria-hidden": "true", __source: { fileName: "", lineNumber: 212, columnNumber: 21 }, __self: this }, "💪"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 215, columnNumber: 21 }, __self: this }, "Confidence Boost"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 216, columnNumber: 21 }, __self: this }, "Look good, feel good in our quality garments.")))), /*#__PURE__*/ React.createElement("section", { "aria-labelledby": "new-arrivals", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(ProductGrid, { products: newArrivals, title: "New Arrivals", onViewDetails: (id)=>navigate(`/product/${id}`), __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("section", { "aria-labelledby": "newsletter-signup", className: "my-16", __source: { fileName: "", lineNumber: 231, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 rounded-xl p-8 text-center", __source: { fileName: "", lineNumber: 232, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { id: "newsletter-signup", className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 233, columnNumber: 19 }, __self: this }, "Join Our Community"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }, "Get exclusive access to new drops, special offers, and styling tips for plus-size fashion."), subscribeMessage && /*#__PURE__*/ React.createElement("div", { className: "bg-green-100 text-green-700 p-4 rounded-lg mb-6 max-w-md mx-auto", role: "alert", __source: { fileName: "", lineNumber: 245, columnNumber: 21 }, __self: this }, subscribeMessage), subscribeError && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 text-red-700 p-4 rounded-lg mb-6 max-w-md mx-auto", role: "alert", __source: { fileName: "", lineNumber: 254, columnNumber: 21 }, __self: this }, subscribeError), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubscribe, className: "flex flex-col gap-4 max-w-md mx-auto", "aria-labelledby": "newsletter-signup", __source: { fileName: "", lineNumber: 262, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: name, onChange: (e)=>setName(e.target.value), placeholder: "Your name (optional)", className: "px-4 py-3 rounded border", "aria-label": "Your name (optional)", __source: { fileName: "", lineNumber: 267, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4", __source: { fileName: "", lineNumber: 276, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Your email address", className: "px-4 py-3 rounded border flex-grow", required: true, "aria-label": "Your email address", "aria-required": "true", __source: { fileName: "", lineNumber: 277, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: subscribing, className: "bg-black text-white px-6 py-3 rounded font-bold hover:bg-gray-800 disabled:opacity-50", "aria-label": subscribing ? "Subscribing..." : "Subscribe", __source: { fileName: "", lineNumber: 288, columnNumber: 23 }, __self: this }, subscribing ? "Subscribing..." : "Subscribe"))))))))); }