function UserDropdown({ user, onProfileClick, onSettingsClick, onLogoutClick }) { const [isOpen, setIsOpen] = useState(false); const toggleDropdown = ()=>setIsOpen(!isOpen); return /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleDropdown, className: "flex items-center space-x-2 px-4 py-2 rounded-lg hover:bg-gray-100", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-xl text-gray-600", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, user?.name || "Guest"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-down transition-transform ${isOpen ? "rotate-180" : ""}`, __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this })), isOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2 z-50", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onProfileClick, className: "w-full text-left px-4 py-2 hover:bg-gray-100 font-roboto flex items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user w-5", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Profile")), /*#__PURE__*/ React.createElement("button", { onClick: onSettingsClick, className: "w-full text-left px-4 py-2 hover:bg-gray-100 font-roboto flex items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog w-5", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Settings")), /*#__PURE__*/ React.createElement("button", { onClick: onLogoutClick, className: "w-full text-left px-4 py-2 hover:bg-gray-100 font-roboto flex items-center text-red-600", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt w-5", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Logout")))); } function UserDropdownStory() { const mockUser = { name: "John Doe", email: "john@example.com" }; const handleProfileClick = ()=>alert("Profile clicked"); const handleSettingsClick = ()=>alert("Settings clicked"); const handleLogoutClick = ()=>alert("Logout clicked"); return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(UserDropdown, { user: mockUser, onProfileClick: handleProfileClick, onSettingsClick: handleSettingsClick, onLogoutClick: handleLogoutClick, __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this })); } function ProductCard({ image, title, priceUSD, priceZOC, rating, onBuy }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md overflow-hidden w-[300px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[200px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: title, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-semibold text-gray-800", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "mt-2 space-y-1", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "$", priceUSD.toFixed(2), " USD"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, priceZOC.toFixed(2), " ZOC")), /*#__PURE__*/ React.createElement("div", { className: "mt-2 flex items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("i", { key: i, className: `fas fa-star ${i < rating ? "text-yellow-400" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: onBuy, className: "mt-4 w-full bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300 font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Buy Now"))); } function ProductCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(ProductCard, { image: "/images/lamp.jpg", title: "Modern Desk Lamp", priceUSD: 49.99, priceZOC: 149.97, rating: 4, onBuy: ()=>alert("Buy clicked"), __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(ProductCard, { image: "/images/earbuds.jpg", title: "Wireless Earbuds", priceUSD: 129.99, priceZOC: 389.97, rating: 5, onBuy: ()=>alert("Buy clicked"), __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(ProductCard, { image: "/images/watch.jpg", title: "Smart Watch", priceUSD: 199.99, priceZOC: 599.97, rating: 3, onBuy: ()=>alert("Buy clicked"), __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }))); } function Header({ language = "en", currency = "USD", onLanguageChange, onCurrencyChange, logo = "/images/default-logo.png" }) { const { data: user, loading } = useUser(); const [currentLang, setCurrentLang] = useState(language); const [currentCurrency, setCurrentCurrency] = useState(currency); const handleLanguageToggle = ()=>{ const newLang = currentLang === "en" ? "ko" : "en"; setCurrentLang(newLang); onLanguageChange?.(newLang); }; const handleCurrencyToggle = ()=>{ const newCurrency = currentCurrency === "USD" ? "ZOC" : "USD"; setCurrentCurrency(newCurrency); onCurrencyChange?.(newCurrency); }; return /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#f8e5e5] shadow-sm py-4 px-6", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex items-center justify-between", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "mr-8", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logo, alt: "Company logo", className: "h-12 w-auto object-contain", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-8", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#9b6b6b] hover:text-[#7a5252] font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/products", className: "text-[#9b6b6b] hover:text-[#7a5252] font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Products"), /*#__PURE__*/ React.createElement("a", { href: "/cart", className: "text-[#9b6b6b] hover:text-[#7a5252] font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Cart"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-8", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleLanguageToggle, className: "text-[#9b6b6b] hover:text-[#7a5252] font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, currentLang === "en" ? "EN" : "KO"), /*#__PURE__*/ React.createElement("button", { onClick: handleCurrencyToggle, className: "text-[#9b6b6b] hover:text-[#7a5252] font-roboto", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, currentCurrency), loading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse bg-[#e3c8c8] h-8 w-20 rounded", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }) : user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-[#9b6b6b] hover:text-[#7a5252] font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Sign out") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#9b6b6b] hover:text-[#7a5252] font-roboto", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "Sign in"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-[#d4a5a5] text-white px-4 py-2 rounded hover:bg-[#c49090] font-roboto", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "Sign up"))))); } function HeaderStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 103, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { language: "en", currency: "USD", logo: "/images/custom-logo.png", onLanguageChange: (lang)=>console.log("Language changed to:", lang), onCurrencyChange: (currency)=>console.log("Currency changed to:", currency), __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Header, { language: "ko", currency: "ZOC", onLanguageChange: (lang)=>console.log("Language changed to:", lang), onCurrencyChange: (currency)=>console.log("Currency changed to:", currency), __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this })); } function AdminSidebar({ activePage = "dashboard", onNavigate = ()=>{} }) { const menuItems = [ { id: "dashboard", label: "Dashboard", icon: "fa-solid fa-gauge" }, { id: "users", label: "Users", icon: "fa-solid fa-users" }, { id: "products", label: "Products", icon: "fa-solid fa-box" }, { id: "orders", label: "Orders", icon: "fa-solid fa-shopping-cart" }, { id: "settings", label: "Settings", icon: "fa-solid fa-gear" } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen bg-gray-100", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-64 bg-white shadow-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto text-gray-800", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Admin Panel")), /*#__PURE__*/ React.createElement("nav", { className: "p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("button", { key: item.id, onClick: ()=>onNavigate(item.id), className: `w-full flex items-center p-3 mb-2 rounded-lg transition-colors ${activePage === item.id ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${item.icon} mr-3`, __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, item.label))))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-8", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto text-gray-800 mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Welcome to Admin Dashboard"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Select an option from the sidebar to get started.")))); } function AdminSidebarStory() { const [activePage, setActivePage] = useState("dashboard"); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AdminSidebar, { activePage: activePage, onNavigate: setActivePage, __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this })); } function MainComponent() { const [products, setProducts] = useState([]); const [loading, setLoading] = useState(true); const { data: user } = useUser(); const [currentSlide, setCurrentSlide] = useState(0); useEffect(()=>{ async function fetchData() { try { const response = await fetch("/integrations/web-scraping/post", { method: "POST", body: JSON.stringify({ url: "https://zocial.life", getText: true }) }); const data = await response.text(); const parser = new DOMParser(); const doc = parser.parseFromString(data, "text/html"); const productElements = doc.querySelectorAll(".product-item"); const productData = await Promise.all(Array.from(productElements).slice(0, 12).map(async (el)=>{ const title = el.querySelector(".title")?.textContent || "Product"; const price = el.querySelector(".price")?.textContent || "$99.99"; const imageResponse = await fetch(`/integrations/image-search/imagesearch?q=${encodeURIComponent(title)}`); const imageData = await imageResponse.json(); const image = imageData.items[0]?.thumbnailImageUrl || "/images/placeholder.jpg"; return { title, price, image }; })); setProducts(productData); } catch (error) { console.error(error); } finally{ setLoading(false); } } fetchData(); }, []); const nextSlide = ()=>{ setCurrentSlide((prev)=>(prev + 1) % Math.ceil(products.length / 4)); }; const prevSlide = ()=>{ setCurrentSlide((prev)=>prev === 0 ? Math.ceil(products.length / 4) - 1 : prev - 1); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { language: "en", currency: "USD", onLanguageChange: (lang)=>console.log(lang), onCurrencyChange: (curr)=>console.log(curr), __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#e9ecef] text-[#495057] py-20", __source: { fileName: "", lineNumber: 71, 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: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold mb-6 text-[#495057]", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Welcome to Our Marketplace"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-8 text-[#6c757d]", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Discover amazing products at unbeatable prices"), !user && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-[#dee2e6] text-[#495057] px-8 py-3 rounded-lg font-bold hover:bg-[#ced4da]", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "Get Started"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "border-2 border-[#adb5bd] text-[#495057] px-8 py-3 rounded-lg font-bold hover:bg-[#dee2e6]", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "Sign In"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-16 relative", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-[#495057] mb-8", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "Featured Products"), !loading && /*#__PURE__*/ React.createElement("div", { className: "relative overflow-hidden", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex transition-transform duration-300", style: { transform: `translateX(-${currentSlide * 100}%)` }, __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "w-1/4 flex-shrink-0 px-2", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement(ProductCard, { image: product.image, title: product.title, priceUSD: parseFloat(product.price.replace(/[^0-9.-]+/g, "")), priceZOC: parseFloat(product.price.replace(/[^0-9.-]+/g, "")) * 3, rating: Math.floor(Math.random() * 5) + 1, onBuy: ()=>alert(`Buying ${product.title}`), __source: { fileName: "", lineNumber: 113, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { onClick: prevSlide, className: "absolute left-0 top-1/2 -translate-y-1/2 bg-white p-2 rounded-full shadow-lg", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: nextSlide, className: "absolute right-0 top-1/2 -translate-y-1/2 bg-white p-2 rounded-full shadow-lg", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-12", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-[#495057]", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, "Trending Products"), /*#__PURE__*/ React.createElement("a", { href: "/products", className: "bg-[#adb5bd] text-white px-6 py-2 rounded-lg hover:bg-[#6c757d]", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, "View All Products")), loading ? /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, [ ...Array.from({ length: 12 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "animate-pulse", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-40 rounded-lg mb-2", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded mb-2", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/2", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this })))) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement(ProductCard, { key: index, image: product.image, title: product.title, priceUSD: parseFloat(product.price.replace(/[^0-9.-]+/g, "")), priceZOC: parseFloat(product.price.replace(/[^0-9.-]+/g, "")) * 3, rating: Math.floor(Math.random() * 5) + 1, onBuy: ()=>alert(`Buying ${product.title}`), __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 bg-[#e9ecef] rounded-2xl p-12 text-[#495057] text-center", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold mb-6", __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, "Limited Time Offer"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-8 text-[#6c757d]", __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }, "Join today and get 20% off your first purchase!"), /*#__PURE__*/ React.createElement("a", { href: user ? "/products" : "/account/signup", className: "inline-block bg-[#adb5bd] text-white px-8 py-3 rounded-lg hover:bg-[#6c757d] font-bold", __source: { fileName: "", lineNumber: 189, columnNumber: 11 }, __self: this }, user ? "Shop Now" : "Sign Up Now")))); }