payaza-storefront-layouts 1.0.14 → 1.0.17

package/dist/hooks/use-cart-api.d.ts

@@ -1,5 +1,15 @@
-import { Cart } from '../lib/services/cart.service';
 import { StoreConfig } from '../lib/store-types';
+export interface Cart {
+    items: CartItem[];
+    total: number;
+}
+export interface CartItem {
+    id: string;
+    productId: string;
+    quantity: number;
+    price: number;
+    product?: any;
+}
 export interface UseCartApiResult {
     cart: Cart | null;
     loading: boolean;
@@ -11,7 +21,8 @@ export interface UseCartApiResult {
     clearCart: () => Promise<void>;
 }
 /**
- * Hook to manage cart with API sync for non-demo stores
+ * Hook to manage cart - uses StoreContext only (localStorage-based)
+ * Note: cartService removed - all cart operations use StoreContext
  */
 export declare function useCartApi(storeConfig: StoreConfig | null): UseCartApiResult;
 //# sourceMappingURL=use-cart-api.d.ts.map

package/dist/hooks/use-cart-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-cart-api.d.ts","sourceRoot":"","sources":["../../src/hooks/use-cart-api.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,IAAI,EAAY,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/F,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,gBAAgB,CAkI5E"}
+{"version":3,"file":"use-cart-api.d.ts","sourceRoot":"","sources":["../../src/hooks/use-cart-api.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/F,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,gBAAgB,CAqH5E"}

package/dist/hooks/use-cart-api.js

@@ -1,126 +1,108 @@
-import { useState, useEffect, useCallback } from 'react';
-import { cartService } from '../lib/services/cart.service';
-import { shouldUseAPI } from '../lib/utils/demo-detection';
+import { useState, useCallback } from 'react';
 import { useStore } from '../lib/store-context';
 /**
- * Hook to manage cart with API sync for non-demo stores
+ * Hook to manage cart - uses StoreContext only (localStorage-based)
+ * Note: cartService removed - all cart operations use StoreContext
  */
 export function useCartApi(storeConfig) {
     const { cart: localCart, addToCart: localAddToCart, updateCartQuantity, removeFromCart: localRemoveFromCart } = useStore();
-    const [apiCart, setApiCart] = useState(null);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
+    // Convert localCart to Cart format
+    const apiCart = localCart.length > 0 ? {
+        items: localCart.map(item => ({
+            id: item.id,
+            productId: item.productId,
+            quantity: item.quantity,
+            price: item.price,
+            product: item.product,
+        })),
+        total: localCart.reduce((sum, item) => sum + (item.price * item.quantity), 0),
+    } : null;
     const syncCart = useCallback(async () => {
-        if (!storeConfig || !shouldUseAPI(storeConfig.slug)) {
-            return; // Use local storage for demo stores
-        }
+        // No-op: cart is managed by StoreContext (localStorage-based)
+        // This function exists for API compatibility
+    }, []);
+    const addItem = useCallback(async (productId, quantity, options) => {
+        if (!storeConfig)
+            return;
         try {
             setLoading(true);
             setError(null);
-            const cart = await cartService.getCart();
-            setApiCart(cart);
+            // Find product from storeConfig
+            const product = storeConfig.products?.find(p => p.id === productId);
+            if (!product) {
+                throw new Error('Product not found');
+            }
+            // Use StoreContext addToCart (localStorage-based)
+            await localAddToCart(product, quantity, options?.variantId);
         }
         catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Failed to sync cart';
+            const errorMessage = err instanceof Error ? err.message : 'Failed to add item';
             setError(errorMessage);
+            throw err;
         }
         finally {
             setLoading(false);
         }
-    }, [storeConfig]);
-    const addItem = useCallback(async (productId, quantity, options) => {
-        if (!storeConfig)
-            return;
-        if (shouldUseAPI(storeConfig.slug)) {
-            try {
-                setLoading(true);
-                await cartService.addItem(productId, quantity, options);
-                await syncCart();
-            }
-            catch (err) {
-                const errorMessage = err instanceof Error ? err.message : 'Failed to add item';
-                setError(errorMessage);
-                throw err;
-            }
-            finally {
-                setLoading(false);
-            }
-        }
-        else {
-            // Use local storage for demo stores
-            // This will be handled by the StoreContext
-        }
-    }, [storeConfig, syncCart]);
+    }, [storeConfig, localAddToCart]);
     const updateItem = useCallback(async (itemId, quantity) => {
         if (!storeConfig)
             return;
-        if (shouldUseAPI(storeConfig.slug)) {
-            try {
-                setLoading(true);
-                await cartService.updateItem(itemId, quantity);
-                await syncCart();
-            }
-            catch (err) {
-                const errorMessage = err instanceof Error ? err.message : 'Failed to update item';
-                setError(errorMessage);
-                throw err;
-            }
-            finally {
-                setLoading(false);
-            }
+        try {
+            setLoading(true);
+            setError(null);
+            // Use StoreContext updateCartQuantity (localStorage-based)
+            await updateCartQuantity(itemId, quantity);
         }
-        else {
-            // Use local storage for demo stores
-            updateCartQuantity(itemId, quantity);
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Failed to update item';
+            setError(errorMessage);
+            throw err;
         }
-    }, [storeConfig, syncCart, updateCartQuantity]);
+        finally {
+            setLoading(false);
+        }
+    }, [storeConfig, updateCartQuantity]);
     const removeItem = useCallback(async (itemId) => {
         if (!storeConfig)
             return;
-        if (shouldUseAPI(storeConfig.slug)) {
-            try {
-                setLoading(true);
-                await cartService.removeItem(itemId);
-                await syncCart();
-            }
-            catch (err) {
-                const errorMessage = err instanceof Error ? err.message : 'Failed to remove item';
-                setError(errorMessage);
-                throw err;
-            }
-            finally {
-                setLoading(false);
-            }
+        try {
+            setLoading(true);
+            setError(null);
+            // Use StoreContext removeFromCart (localStorage-based)
+            await localRemoveFromCart(itemId);
         }
-        else {
-            // Use local storage for demo stores
-            localRemoveFromCart(itemId);
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Failed to remove item';
+            setError(errorMessage);
+            throw err;
+        }
+        finally {
+            setLoading(false);
         }
-    }, [storeConfig, syncCart, localRemoveFromCart]);
+    }, [storeConfig, localRemoveFromCart]);
     const clearCart = useCallback(async () => {
         if (!storeConfig)
             return;
-        if (shouldUseAPI(storeConfig.slug)) {
-            try {
-                setLoading(true);
-                await cartService.clearCart();
-                await syncCart();
-            }
-            catch (err) {
-                const errorMessage = err instanceof Error ? err.message : 'Failed to clear cart';
-                setError(errorMessage);
-                throw err;
-            }
-            finally {
-                setLoading(false);
+        try {
+            setLoading(true);
+            setError(null);
+            // Remove all items from cart
+            const itemsToRemove = [...localCart];
+            for (const item of itemsToRemove) {
+                await localRemoveFromCart(item.id);
             }
         }
-    }, [storeConfig, syncCart]);
-    useEffect(() => {
-        if (storeConfig && shouldUseAPI(storeConfig.slug)) {
-            syncCart();
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Failed to clear cart';
+            setError(errorMessage);
+            throw err;
+        }
+        finally {
+            setLoading(false);
         }
-    }, [storeConfig, syncCart]);
+    }, [storeConfig, localCart, localRemoveFromCart]);
     return {
         cart: apiCart,
         loading,

package/dist/layouts/clothing/components/ClothingHomePage.js

@@ -114,7 +114,7 @@ export function ClothingHomePage({ storeConfig }) {
         // Fallback to old format (backward compatibility)
         heroSlides = [
             {
-                image: getBannerImage(storeConfig, 'hero_slide_1', 'https://images.unsplash.com/photo-1483985988355-763728e1935b?q=80&w=2070&auto=format&fit=crop'),
+                image: getBannerImage(storeConfig, 'hero_slide_1', 'https://images.unsplash.com/photo-1523381210434-271e8be1f52b?q=80&w=2000&auto=format&fit=crop'),
                 badge: layoutConfig?.hero?.showBadges
                     ? (isRealStore && layoutConfig?.text?.hero?.slides?.[0]?.badge ? layoutConfig.text.hero.slides[0].badge : getLayoutText(storeConfig, 'hero.badge', 'New Season'))
                     : undefined,
@@ -126,7 +126,7 @@ export function ClothingHomePage({ storeConfig }) {
                 secondaryButtonLink: `/${storeConfig.slug}/categories`,
             },
             {
-                image: getBannerImage(storeConfig, 'hero_slide_2', 'https://images.unsplash.com/photo-1552374196-c4e7ffc6e126?q=80&w=2070&auto=format&fit=crop'),
+                image: getBannerImage(storeConfig, 'hero_slide_2', 'https://images.unsplash.com/photo-1617059063772-34532796ddb5?q=80&w=2000&auto=format&fit=crop'),
                 badge: layoutConfig?.hero?.showBadges
                     ? (isRealStore && layoutConfig?.text?.hero?.slides?.[1]?.badge ? layoutConfig.text.hero.slides[1].badge : getLayoutText(storeConfig, 'common.trending', 'Trending Now'))
                     : undefined,
@@ -138,7 +138,7 @@ export function ClothingHomePage({ storeConfig }) {
                 secondaryButtonLink: `/${storeConfig.slug}/categories/men`,
             },
             {
-                image: getBannerImage(storeConfig, 'hero_slide_3', 'https://images.unsplash.com/photo-1469334031218-e382a71b716b?q=80&w=2070&auto=format&fit=crop'),
+                image: getBannerImage(storeConfig, 'hero_slide_3', 'https://images.unsplash.com/photo-1558769132-cb1aea458c5e?q=80&w=2000&auto=format&fit=crop'),
                 badge: layoutConfig?.hero?.showBadges
                     ? (isRealStore && layoutConfig?.text?.hero?.slides?.[2]?.badge ? layoutConfig.text.hero.slides[2].badge : getLayoutText(storeConfig, 'common.limited', 'Limited Edition'))
                     : undefined,

package/dist/layouts/electronics/pages/TrackOrderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrackOrderPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/TrackOrderPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAkmBlE"}
+{"version":3,"file":"TrackOrderPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/TrackOrderPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAkmBlE"}

package/dist/layouts/electronics/pages/TrackOrderPage.js

@@ -4,7 +4,8 @@ import { Search, Package, Truck, CheckCircle, Clock, AlertCircle, Loader2, XCirc
 import { useState, useEffect, useRef } from 'react';
 import { useSearchParams } from 'next/navigation';
 import { Button } from '../../../components/ui/button';
-import { orderService } from '../../../lib/services/order.service';
+// Note: orderService removed - this page is shared and not editable in the editor
+// Order tracking functionality not available in preview mode
 import { useToast } from '../../../components/ui/toast';
 import { useLoading } from '../../../lib/loading-context';
 export function TrackOrderPage({ storeConfig }) {
@@ -32,7 +33,9 @@ export function TrackOrderPage({ storeConfig }) {
                 setError(null);
                 startBackendLoading();
                 try {
-                    const orderData = await orderService.trackOrder(orderNumberFromUrl);
+                    // Note: orderService removed - order tracking not available in preview mode
+                    setError('Order tracking is not available in preview mode. This feature requires the order service.');
+                    const orderData = null;
                     processOrderData(orderData);
                 }
                 catch (error) {
@@ -254,8 +257,9 @@ export function TrackOrderPage({ storeConfig }) {
         setError(null);
         startBackendLoading();
         try {
-            // Use tracking number if provided, otherwise use order number
-            const orderData = await orderService.trackOrder(trackingNumber || orderId, email);
+            // Note: orderService removed - order tracking not available in preview mode
+            setError('Order tracking is not available in preview mode. This feature requires the order service.');
+            const orderData = null;
             processOrderData(orderData);
         }
         catch (error) {

package/dist/layouts/electronics-grid/pages/TrackOrderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrackOrderPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics-grid/pages/TrackOrderPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAkmBlE"}
+{"version":3,"file":"TrackOrderPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics-grid/pages/TrackOrderPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAkmBlE"}

package/dist/layouts/electronics-grid/pages/TrackOrderPage.js

@@ -4,7 +4,8 @@ import { Search, Package, Truck, CheckCircle, Clock, AlertCircle, Loader2, XCirc
 import { useState, useEffect, useRef } from 'react';
 import { useSearchParams } from 'next/navigation';
 import { Button } from '../../../components/ui/button';
-import { orderService } from '../../../lib/services/order.service';
+// Note: orderService removed - this page is shared and not editable in the editor
+// Order tracking functionality not available in preview mode
 import { useToast } from '../../../components/ui/toast';
 import { useLoading } from '../../../lib/loading-context';
 export function TrackOrderPage({ storeConfig }) {
@@ -32,7 +33,9 @@ export function TrackOrderPage({ storeConfig }) {
                 setError(null);
                 startBackendLoading();
                 try {
-                    const orderData = await orderService.trackOrder(orderNumberFromUrl);
+                    // Note: orderService removed - order tracking not available in preview mode
+                    setError('Order tracking is not available in preview mode. This feature requires the order service.');
+                    const orderData = null;
                     processOrderData(orderData);
                 }
                 catch (error) {
@@ -254,8 +257,9 @@ export function TrackOrderPage({ storeConfig }) {
         setError(null);
         startBackendLoading();
         try {
-            // Use tracking number if provided, otherwise use order number
-            const orderData = await orderService.trackOrder(trackingNumber || orderId, email);
+            // Note: orderService removed - order tracking not available in preview mode
+            setError('Order tracking is not available in preview mode. This feature requires the order service.');
+            const orderData = null;
             processOrderData(orderData);
         }
         catch (error) {

package/dist/layouts/food/components/FoodHomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FoodHomePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/components/FoodHomePage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AAc/D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CA49B9D"}
+{"version":3,"file":"FoodHomePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food/components/FoodHomePage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AAc/D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CAw9B9D"}

package/dist/layouts/food/components/FoodHomePage.js

@@ -109,7 +109,7 @@ export function FoodHomePage({ storeConfig }) {
         // Fallback to old format (backward compatibility)
         heroSlides = [
             {
-                image: getBannerImage(storeConfig, 'hero_slide_1', "https://images.unsplash.com/photo-1504674900247-0877df9cc836?q=80&w=2070&auto=format&fit=crop"),
+                image: getBannerImage(storeConfig, 'hero_slide_1', "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?q=80&w=2000&auto=format&fit=crop"),
                 badge: isRealStore && layoutConfig?.text?.hero?.slides?.[0]?.badge ? layoutConfig.text.hero.slides[0].badge : getTextContent(storeConfig, 'hero_slide_1:badge', "#1 Food Delivery in Town"),
                 title: isRealStore && layoutConfig?.text?.hero?.slides?.[0]?.title ? layoutConfig.text.hero.slides[0].title : getTextContent(storeConfig, 'hero_slide_1:title', "Taste the"),
                 highlight: getTextContent(storeConfig, 'hero_slide_1:highlight', "Extraordinary"),
@@ -118,7 +118,7 @@ export function FoodHomePage({ storeConfig }) {
                 secondaryBtn: isRealStore && layoutConfig?.text?.hero?.slides?.[0]?.secondaryButton ? layoutConfig.text.hero.slides[0].secondaryButton : getLayoutText(storeConfig, 'common.viewMenu', "View Menu")
             },
             {
-                image: getBannerImage(storeConfig, 'hero_slide_2', "https://images.unsplash.com/photo-1559339352-11d035aa65de?q=80&w=1974&auto=format&fit=crop"),
+                image: getBannerImage(storeConfig, 'hero_slide_2', "https://images.unsplash.com/photo-1556910103-1c02745a30bf?q=80&w=2000&auto=format&fit=crop"),
                 badge: isRealStore && layoutConfig?.text?.hero?.slides?.[1]?.badge ? layoutConfig.text.hero.slides[1].badge : getTextContent(storeConfig, 'hero_slide_2:badge', "Fresh & Authentic"),
                 title: isRealStore && layoutConfig?.text?.hero?.slides?.[1]?.title ? layoutConfig.text.hero.slides[1].title : getTextContent(storeConfig, 'hero_slide_2:title', "Ingredients of"),
                 highlight: getTextContent(storeConfig, 'hero_slide_2:highlight', "Quality"),
@@ -127,7 +127,7 @@ export function FoodHomePage({ storeConfig }) {
                 secondaryBtn: isRealStore && layoutConfig?.text?.hero?.slides?.[1]?.secondaryButton ? layoutConfig.text.hero.slides[1].secondaryButton : getLayoutText(storeConfig, 'common.ourStory', "Our Story")
             },
             {
-                image: getBannerImage(storeConfig, 'hero_slide_3', "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=2070&auto=format&fit=crop"),
+                image: getBannerImage(storeConfig, 'hero_slide_3', "https://images.unsplash.com/photo-1559339352-11d035aa65de?q=80&w=1974&auto=format&fit=crop"),
                 badge: isRealStore && layoutConfig?.text?.hero?.slides?.[2]?.badge ? layoutConfig.text.hero.slides[2].badge : getTextContent(storeConfig, 'hero_slide_3:badge', "Chef's Special"),
                 title: isRealStore && layoutConfig?.text?.hero?.slides?.[2]?.title ? layoutConfig.text.hero.slides[2].title : getTextContent(storeConfig, 'hero_slide_3:title', "Crafted with"),
                 highlight: getTextContent(storeConfig, 'hero_slide_3:highlight', "Passion"),
@@ -263,7 +263,7 @@ export function FoodHomePage({ storeConfig }) {
                                 setIsAutoPlaying(false);
                             }, className: `transition-all duration-500 rounded-full ${index === currentSlide
                                 ? 'w-12 h-3 bg-orange-500 shadow-lg shadow-orange-500/50'
-                                : 'w-3 h-3 bg-white/30 hover:bg-white/50'}`, "aria-label": `Go to slide ${index + 1}` }, index))) })] })), _jsx("section", { className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 -mt-20 md:-mt-32 relative z-10", children: _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "bg-white/80 backdrop-blur-xl rounded-[2.5rem] shadow-2xl shadow-black/5 p-8 md:p-14 border border-white/20", children: [_jsxs("div", { className: "text-center mb-8 md:mb-12", children: [_jsx("span", { className: "text-orange-500 font-bold tracking-widest uppercase text-xs mb-3 block", children: "Menu Categories" }), _jsx("h2", { className: "text-3xl md:text-4xl font-black text-gray-900 tracking-tight", children: "What are you craving?" })] }), _jsx("div", { className: "flex flex-wrap justify-center gap-8 md:gap-12", children: categories.map((category) => (_jsxs(Link, { href: `/${storeConfig.slug}/menu/${category.slug}`, className: "group flex flex-col items-center gap-5 min-w-[120px]", children: [_jsxs("div", { className: "w-24 h-24 md:w-32 md:h-32 rounded-full bg-white shadow-[0_10px_40px_rgba(0,0,0,0.08)] group-hover:shadow-[0_20px_40px_rgba(249,115,22,0.2)] flex items-center justify-center transition-all duration-500 group-hover:-translate-y-2 border-4 border-white overflow-hidden relative", children: [_jsx("div", { className: "absolute inset-0 bg-orange-50 opacity-0 group-hover:opacity-100 transition-opacity duration-500" }), _jsx(Utensils, { className: "h-10 w-10 md:h-12 md:w-12 text-gray-400 group-hover:text-orange-500 transition-colors relative z-10" })] }), _jsx("span", { className: "font-bold text-gray-600 group-hover:text-orange-600 transition-colors text-base md:text-lg tracking-tight", children: category.name })] }, category.id))) })] }) }) }), _jsx("section", { className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-[#FAFAFA]", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "text-center mb-12 md:mb-20", children: [_jsx("span", { className: "text-orange-500 font-bold tracking-widest uppercase text-xs mb-3 block", children: "Simple Process" }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 tracking-tight", children: "How It Works" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-12 relative max-w-5xl mx-auto", children: [_jsx("div", { className: "hidden md:block absolute top-16 left-[20%] right-[20%] h-0.5 bg-gradient-to-r from-gray-200 via-orange-200 to-gray-200 -z-10 border-t-2 border-dashed border-gray-300/50" }), _jsxs("div", { className: "flex flex-col items-center text-center group", children: [_jsxs("div", { className: "w-32 h-32 rounded-[2rem] bg-white flex items-center justify-center mb-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)] group-hover:shadow-[0_20px_50px_rgba(249,115,22,0.15)] group-hover:-translate-y-2 transition-all duration-500 relative z-10 border border-gray-100", children: [_jsx("div", { className: "p-4 bg-orange-50 rounded-2xl group-hover:bg-orange-100 transition-colors duration-500", children: _jsx(Smartphone, { className: "h-10 w-10 text-orange-500 group-hover:scale-110 transition-transform duration-500" }) }), _jsx("div", { className: "absolute -top-3 -right-3 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-sm shadow-lg", children: "1" })] }), _jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Choose Your Dish" }), _jsx("p", { className: "text-gray-500 leading-relaxed max-w-xs font-medium", children: "Browse our diverse menu and select your favorite meals with just a few taps." })] }), _jsxs("div", { className: "flex flex-col items-center text-center group", children: [_jsxs("div", { className: "w-32 h-32 rounded-[2rem] bg-white flex items-center justify-center mb-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)] group-hover:shadow-[0_20px_50px_rgba(249,115,22,0.15)] group-hover:-translate-y-2 transition-all duration-500 relative z-10 border border-gray-100", children: [_jsx("div", { className: "p-4 bg-orange-50 rounded-2xl group-hover:bg-orange-100 transition-colors duration-500", children: _jsx(ChefHat, { className: "h-10 w-10 text-orange-500 group-hover:scale-110 transition-transform duration-500" }) }), _jsx("div", { className: "absolute -top-3 -right-3 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-sm shadow-lg", children: "2" })] }), _jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-4", children: "We Cook It Fresh" }), _jsx("p", { className: "text-gray-500 leading-relaxed max-w-xs font-medium", children: "Our expert chefs prepare your order using the finest, freshest ingredients." })] }), _jsxs("div", { className: "flex flex-col items-center text-center group", children: [_jsxs("div", { className: "w-32 h-32 rounded-[2rem] bg-white flex items-center justify-center mb-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)] group-hover:shadow-[0_20px_50px_rgba(249,115,22,0.15)] group-hover:-translate-y-2 transition-all duration-500 relative z-10 border border-gray-100", children: [_jsx("div", { className: "p-4 bg-orange-50 rounded-2xl group-hover:bg-orange-100 transition-colors duration-500", children: _jsx(Truck, { className: "h-10 w-10 text-orange-500 group-hover:scale-110 transition-transform duration-500" }) }), _jsx("div", { className: "absolute -top-3 -right-3 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-sm shadow-lg", children: "3" })] }), _jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Fast Delivery" }), _jsx("p", { className: "text-gray-500 leading-relaxed max-w-xs font-medium", children: "Receive your hot and delicious meal at your doorstep in record time." })] })] })] }) }), _jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "flex flex-col md:flex-row items-end justify-between mb-8 md:mb-12 gap-4", children: [_jsxs("div", { children: [_jsx("span", { className: "text-orange-500 font-bold tracking-widest uppercase text-xs mb-3 block", children: "Our Menu" }), _jsx("h2", { className: "text-3xl md:text-4xl font-black text-gray-900 tracking-tight", children: getLayoutText(storeConfig, 'food.chefRecommendations', 'Chef\'s Recommendations') })] }), _jsxs(Link, { href: `/${storeConfig.slug}/menu`, className: "group flex items-center gap-2 text-gray-600 hover:text-orange-600 font-bold transition-colors", children: [getLayoutText(storeConfig, 'food.viewMenu', 'View Full Menu'), " ", _jsx(ArrowRight, { className: "h-5 w-5 transition-transform group-hover:translate-x-1" })] })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: menuItems.slice(0, 3).map((item) => (_jsxs("div", { className: "group bg-white rounded-[2rem] border border-gray-100 shadow-sm hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] transition-all duration-500 overflow-hidden flex flex-col h-full hover:-translate-y-2", children: [_jsxs("div", { className: "relative aspect-[4/3] overflow-hidden m-3 rounded-[1.5rem]", children: [item.image ? (_jsx("div", { className: "w-full h-full relative", children: _jsx(Image, { src: item.image, alt: item.name, fill: true, className: "object-cover transition-transform duration-700 group-hover:scale-110", unoptimized: true }) })) : (_jsx("div", { className: "w-full h-full bg-gray-100 flex items-center justify-center", children: _jsx(Utensils, { className: "h-12 w-12 text-gray-300" }) })), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" }), _jsx("div", { className: "absolute top-4 right-4 bg-white/95 backdrop-blur-md px-4 py-2 rounded-full font-black text-gray-900 shadow-lg border border-white/50", children: formatCurrency(item.price, storeConfig.settings?.currency || 'USD') }), _jsx("div", { className: "hidden lg:block absolute bottom-4 left-4 right-4 translate-y-20 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 delay-100", children: _jsx(Button, { onClick: () => handleAddToCart(item), className: "w-full h-12 rounded-xl bg-white hover:bg-orange-600 text-gray-900 hover:text-white font-bold shadow-xl border-0 transition-colors", children: "Add to Order" }) }), _jsx("button", { onClick: () => handleAddToCart(item), className: "lg:hidden absolute bottom-3 right-3 bg-white text-orange-600 w-10 h-10 rounded-full shadow-lg flex items-center justify-center font-bold z-10 active:scale-95 transition-transform", children: _jsx(Plus, { className: "h-5 w-5" }) })] }), _jsxs("div", { className: "p-6 pt-2 flex flex-col flex-1", children: [_jsx("div", { className: "flex justify-between items-start mb-2", children: _jsx("h3", { className: "font-bold text-xl text-gray-900 group-hover:text-orange-600 transition-colors line-clamp-1", children: item.name }) }), _jsx("p", { className: "text-gray-500 text-sm mb-6 line-clamp-2 flex-1 leading-relaxed font-medium", children: item.description }), item.dietaryInfo && item.dietaryInfo.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mt-auto pt-4 border-t border-gray-50", children: item.dietaryInfo.map((info) => (_jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider px-3 py-1.5 bg-gray-50 text-gray-600 rounded-lg group-hover:bg-orange-50 group-hover:text-orange-700 transition-colors", children: info }, info))) }))] })] }, item.id))) })] }) }), layoutConfig?.sections?.story?.show !== false && (_jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8 bg-white overflow-hidden", children: _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-12 lg:gap-20 items-center", children: [_jsx("div", { className: "order-2 lg:order-1", children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute -top-10 -left-10 w-64 h-64 bg-orange-100 rounded-full blur-3xl opacity-50" }), _jsx("div", { className: "relative aspect-square rounded-3xl overflow-hidden shadow-2xl rotate-3 hover:rotate-0 transition-transform duration-700", children: _jsx(Image, { src: layoutConfig?.sections?.story?.image || getBannerImage(storeConfig, 'chef_image', "https://images.unsplash.com/photo-1577219491135-ce391730fb2c?q=80&w=2077&auto=format&fit=crop"), alt: "Chef Cooking", fill: true, className: "object-cover", unoptimized: true }) }), _jsx("div", { className: "absolute -bottom-8 -right-8 bg-white p-6 rounded-2xl shadow-xl animate-fade-in-up hidden md:block", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "p-3 bg-orange-100 rounded-full text-orange-600", children: _jsx(ChefHat, { className: "h-8 w-8" }) }), _jsxs("div", { children: [_jsx("p", { className: "font-bold text-gray-900 text-lg", children: "Master Chef" }), _jsx("p", { className: "text-sm text-gray-500", children: "15+ Years Experience" })] })] }) })] }) }), _jsxs("div", { className: "order-1 lg:order-2 space-y-6", children: [_jsx("span", { className: "text-orange-600 font-bold tracking-wider uppercase text-sm", children: layoutConfig?.sections?.story?.label || getLayoutText(storeConfig, 'chef_image:section_title', 'Our Story') }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 leading-tight", children: layoutConfig?.sections?.story?.title || getLayoutText(storeConfig, 'chef_image:chef_name', 'Crafted with Love, Served with Passion') }), _jsx("p", { className: "text-lg text-gray-600 leading-relaxed", children: layoutConfig?.sections?.story?.description || getLayoutText(storeConfig, 'chef_image:chef_bio', 'We believe that great food brings people together. Our chefs use only the freshest, locally-sourced ingredients to create dishes that not only taste amazing but also tell a story of tradition and innovation.') }), _jsxs("div", { className: "grid grid-cols-2 gap-6 pt-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-3xl font-black text-gray-900", children: "15k+" }), _jsx("p", { className: "text-gray-500 font-medium", children: "Happy Customers" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-3xl font-black text-gray-900", children: "100%" }), _jsx("p", { className: "text-gray-500 font-medium", children: "Fresh Ingredients" })] })] }), _jsx("div", { className: "pt-6", children: _jsx(Link, { href: `/${storeConfig.slug}/about`, children: _jsx(Button, { variant: "outline", className: "rounded-full px-8 py-6 border-gray-200 hover:border-orange-600 hover:text-orange-600 text-base font-bold", children: "Read More About Us" }) }) })] })] }) }) })), layoutConfig?.sections?.testimonials?.show !== false && (_jsx("section", { className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-white via-orange-50/30 to-white", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "text-center mb-12 md:mb-20", children: [_jsx("span", { className: "text-orange-500 font-bold tracking-widest uppercase text-xs mb-3 block", children: "Testimonials" }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 tracking-tight", children: layoutConfig?.sections?.testimonials?.title || getLayoutText(storeConfig, 'sections.testimonials.title', 'What Our Customers Say') }), _jsx("p", { className: "text-gray-500 text-lg mt-4 max-w-2xl mx-auto", children: layoutConfig?.sections?.testimonials?.subtitle || getLayoutText(storeConfig, 'sections.testimonials.subtitle', 'Real experiences from food lovers who trust us') })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: (() => {
+                                : 'w-3 h-3 bg-white/30 hover:bg-white/50'}`, "aria-label": `Go to slide ${index + 1}` }, index))) })] })), _jsx("section", { className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 -mt-20 md:-mt-32 relative z-10", children: _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "bg-white/80 backdrop-blur-xl rounded-[2.5rem] shadow-2xl shadow-black/5 p-8 md:p-14 border border-white/20", children: [_jsxs("div", { className: "text-center mb-8 md:mb-12", children: [_jsx("span", { className: "text-orange-500 font-bold tracking-widest uppercase text-xs mb-3 block", children: "Menu Categories" }), _jsx("h2", { className: "text-3xl md:text-4xl font-black text-gray-900 tracking-tight", children: "What are you craving?" })] }), _jsx("div", { className: "flex flex-wrap justify-center gap-8 md:gap-12", children: categories.map((category) => (_jsxs(Link, { href: `/${storeConfig.slug}/menu/${category.slug}`, className: "group flex flex-col items-center gap-5 min-w-[120px]", children: [_jsxs("div", { className: "w-24 h-24 md:w-32 md:h-32 rounded-full bg-white shadow-[0_10px_40px_rgba(0,0,0,0.08)] group-hover:shadow-[0_20px_40px_rgba(249,115,22,0.2)] flex items-center justify-center transition-all duration-500 group-hover:-translate-y-2 border-4 border-white overflow-hidden relative", children: [_jsx("div", { className: "absolute inset-0 bg-orange-50 opacity-0 group-hover:opacity-100 transition-opacity duration-500" }), _jsx(Utensils, { className: "h-10 w-10 md:h-12 md:w-12 text-gray-400 group-hover:text-orange-500 transition-colors relative z-10" })] }), _jsx("span", { className: "font-bold text-gray-600 group-hover:text-orange-600 transition-colors text-base md:text-lg tracking-tight", children: category.name })] }, category.id))) })] }) }) }), _jsx("section", { className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-[#FAFAFA]", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "text-center mb-12 md:mb-20", children: [_jsx("span", { className: "text-orange-500 font-bold tracking-widest uppercase text-xs mb-3 block", children: "Simple Process" }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 tracking-tight", children: "How It Works" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-12 relative max-w-5xl mx-auto", children: [_jsx("div", { className: "hidden md:block absolute top-16 left-[20%] right-[20%] h-0.5 bg-gradient-to-r from-gray-200 via-orange-200 to-gray-200 -z-10 border-t-2 border-dashed border-gray-300/50" }), _jsxs("div", { className: "flex flex-col items-center text-center group", children: [_jsxs("div", { className: "w-32 h-32 rounded-[2rem] bg-white flex items-center justify-center mb-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)] group-hover:shadow-[0_20px_50px_rgba(249,115,22,0.15)] group-hover:-translate-y-2 transition-all duration-500 relative z-10 border border-gray-100", children: [_jsx("div", { className: "p-4 bg-orange-50 rounded-2xl group-hover:bg-orange-100 transition-colors duration-500", children: _jsx(Smartphone, { className: "h-10 w-10 text-orange-500 group-hover:scale-110 transition-transform duration-500" }) }), _jsx("div", { className: "absolute -top-3 -right-3 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-sm shadow-lg", children: "1" })] }), _jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Choose Your Dish" }), _jsx("p", { className: "text-gray-500 leading-relaxed max-w-xs font-medium", children: "Browse our diverse menu and select your favorite meals with just a few taps." })] }), _jsxs("div", { className: "flex flex-col items-center text-center group", children: [_jsxs("div", { className: "w-32 h-32 rounded-[2rem] bg-white flex items-center justify-center mb-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)] group-hover:shadow-[0_20px_50px_rgba(249,115,22,0.15)] group-hover:-translate-y-2 transition-all duration-500 relative z-10 border border-gray-100", children: [_jsx("div", { className: "p-4 bg-orange-50 rounded-2xl group-hover:bg-orange-100 transition-colors duration-500", children: _jsx(ChefHat, { className: "h-10 w-10 text-orange-500 group-hover:scale-110 transition-transform duration-500" }) }), _jsx("div", { className: "absolute -top-3 -right-3 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-sm shadow-lg", children: "2" })] }), _jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-4", children: "We Cook It Fresh" }), _jsx("p", { className: "text-gray-500 leading-relaxed max-w-xs font-medium", children: "Our expert chefs prepare your order using the finest, freshest ingredients." })] }), _jsxs("div", { className: "flex flex-col items-center text-center group", children: [_jsxs("div", { className: "w-32 h-32 rounded-[2rem] bg-white flex items-center justify-center mb-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)] group-hover:shadow-[0_20px_50px_rgba(249,115,22,0.15)] group-hover:-translate-y-2 transition-all duration-500 relative z-10 border border-gray-100", children: [_jsx("div", { className: "p-4 bg-orange-50 rounded-2xl group-hover:bg-orange-100 transition-colors duration-500", children: _jsx(Truck, { className: "h-10 w-10 text-orange-500 group-hover:scale-110 transition-transform duration-500" }) }), _jsx("div", { className: "absolute -top-3 -right-3 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-sm shadow-lg", children: "3" })] }), _jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Fast Delivery" }), _jsx("p", { className: "text-gray-500 leading-relaxed max-w-xs font-medium", children: "Receive your hot and delicious meal at your doorstep in record time." })] })] })] }) }), _jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "flex flex-col md:flex-row items-end justify-between mb-8 md:mb-12 gap-4", children: [_jsxs("div", { children: [_jsx("span", { className: "text-orange-500 font-bold tracking-widest uppercase text-xs mb-3 block", children: "Our Menu" }), _jsx("h2", { className: "text-3xl md:text-4xl font-black text-gray-900 tracking-tight", children: getLayoutText(storeConfig, 'food.chefRecommendations', 'Chef\'s Recommendations') })] }), _jsxs(Link, { href: `/${storeConfig.slug}/menu`, className: "group flex items-center gap-2 text-gray-600 hover:text-orange-600 font-bold transition-colors", children: [getLayoutText(storeConfig, 'food.viewMenu', 'View Full Menu'), " ", _jsx(ArrowRight, { className: "h-5 w-5 transition-transform group-hover:translate-x-1" })] })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: menuItems.slice(0, 3).map((item) => (_jsxs("div", { className: "group bg-white rounded-[2rem] border border-gray-100 shadow-sm hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] transition-all duration-500 overflow-hidden flex flex-col h-full hover:-translate-y-2", children: [_jsxs("div", { className: "relative aspect-[4/3] overflow-hidden m-3 rounded-[1.5rem]", children: [item.image ? (_jsx("div", { className: "w-full h-full relative", children: _jsx(Image, { src: item.image, alt: item.name, fill: true, className: "object-cover transition-transform duration-700 group-hover:scale-110", unoptimized: true }) })) : (_jsx("div", { className: "w-full h-full bg-gray-100 flex items-center justify-center", children: _jsx(Utensils, { className: "h-12 w-12 text-gray-300" }) })), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" }), _jsx("div", { className: "absolute top-4 right-4 bg-white/95 backdrop-blur-md px-4 py-2 rounded-full font-black text-gray-900 shadow-lg border border-white/50", children: formatCurrency(item.price, storeConfig.settings?.currency || 'USD') }), _jsx("div", { className: "hidden lg:block absolute bottom-4 left-4 right-4 translate-y-20 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 delay-100", children: _jsx(Button, { onClick: () => handleAddToCart(item), className: "w-full h-12 rounded-xl bg-white hover:bg-orange-600 text-gray-900 hover:text-white font-bold shadow-xl border-0 transition-colors", children: "Add to Order" }) }), _jsx("button", { onClick: () => handleAddToCart(item), className: "lg:hidden absolute bottom-3 right-3 bg-white text-orange-600 w-10 h-10 rounded-full shadow-lg flex items-center justify-center font-bold z-10 active:scale-95 transition-transform", children: _jsx(Plus, { className: "h-5 w-5" }) })] }), _jsxs("div", { className: "p-6 pt-2 flex flex-col flex-1", children: [_jsx("div", { className: "flex justify-between items-start mb-2", children: _jsx("h3", { className: "font-bold text-xl text-gray-900 group-hover:text-orange-600 transition-colors line-clamp-1", children: item.name }) }), _jsx("p", { className: "text-gray-500 text-sm mb-6 line-clamp-2 flex-1 leading-relaxed font-medium", children: item.description }), item.dietaryInfo && item.dietaryInfo.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mt-auto pt-4 border-t border-gray-50", children: item.dietaryInfo.map((info) => (_jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider px-3 py-1.5 bg-gray-50 text-gray-600 rounded-lg group-hover:bg-orange-50 group-hover:text-orange-700 transition-colors", children: info }, info))) }))] })] }, item.id))) })] }) }), layoutConfig?.sections?.story?.show !== false && (_jsx("section", { className: "py-16 md:py-20 px-4 sm:px-6 lg:px-8 bg-white overflow-hidden", children: _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-10 md:gap-12 lg:gap-20 items-center", children: [_jsx("div", { className: "order-2 lg:order-1", children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute -top-10 -left-10 w-64 h-64 bg-orange-100 rounded-full blur-3xl opacity-50" }), _jsx("div", { className: "relative aspect-square rounded-3xl overflow-hidden shadow-2xl rotate-3 hover:rotate-0 transition-transform duration-700", children: _jsx(Image, { src: layoutConfig?.sections?.story?.image || getBannerImage(storeConfig, 'chef_image', "https://images.unsplash.com/photo-1583394293214-28ded15ee548?q=80&w=2000&auto=format&fit=crop"), alt: "Chef Cooking", fill: true, className: "object-cover", unoptimized: true }) }), _jsx("div", { className: "absolute -bottom-8 -right-8 bg-white p-6 rounded-2xl shadow-xl animate-fade-in-up hidden md:block", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "p-3 bg-orange-100 rounded-full text-orange-600", children: _jsx(ChefHat, { className: "h-8 w-8" }) }), _jsxs("div", { children: [_jsx("p", { className: "font-bold text-gray-900 text-lg", children: "Master Chef" }), _jsx("p", { className: "text-sm text-gray-500", children: "15+ Years Experience" })] })] }) })] }) }), _jsxs("div", { className: "order-1 lg:order-2 space-y-6", children: [_jsx("span", { className: "text-orange-600 font-bold tracking-wider uppercase text-sm", children: layoutConfig?.sections?.story?.label || getLayoutText(storeConfig, 'chef_image:section_title', 'Our Story') }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 leading-tight", children: layoutConfig?.sections?.story?.title || getLayoutText(storeConfig, 'chef_image:chef_name', 'Crafted with Love, Served with Passion') }), _jsx("p", { className: "text-lg text-gray-600 leading-relaxed", children: layoutConfig?.sections?.story?.description || getLayoutText(storeConfig, 'chef_image:chef_bio', 'We believe that great food brings people together. Our chefs use only the freshest, locally-sourced ingredients to create dishes that not only taste amazing but also tell a story of tradition and innovation.') }), _jsxs("div", { className: "grid grid-cols-2 gap-6 pt-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-3xl font-black text-gray-900", children: "15k+" }), _jsx("p", { className: "text-gray-500 font-medium", children: "Happy Customers" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-3xl font-black text-gray-900", children: "100%" }), _jsx("p", { className: "text-gray-500 font-medium", children: "Fresh Ingredients" })] })] }), _jsx("div", { className: "pt-6", children: _jsx(Link, { href: `/${storeConfig.slug}/about`, children: _jsx(Button, { variant: "outline", className: "rounded-full px-8 py-6 border-gray-200 hover:border-orange-600 hover:text-orange-600 text-base font-bold", children: "Read More About Us" }) }) })] })] }) }) })), layoutConfig?.sections?.testimonials?.show !== false && (_jsx("section", { className: "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-white via-orange-50/30 to-white", children: _jsxs("div", { className: "container mx-auto max-w-7xl", children: [_jsxs("div", { className: "text-center mb-12 md:mb-20", children: [_jsx("span", { className: "text-orange-500 font-bold tracking-widest uppercase text-xs mb-3 block", children: "Testimonials" }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 tracking-tight", children: layoutConfig?.sections?.testimonials?.title || getLayoutText(storeConfig, 'sections.testimonials.title', 'What Our Customers Say') }), _jsx("p", { className: "text-gray-500 text-lg mt-4 max-w-2xl mx-auto", children: layoutConfig?.sections?.testimonials?.subtitle || getLayoutText(storeConfig, 'sections.testimonials.subtitle', 'Real experiences from food lovers who trust us') })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: (() => {
                                 // Use backend testimonials if available
                                 const backendTestimonials = layoutConfig?.sections?.testimonials?.items || [];
                                 const fallbackTestimonials = [

package/dist/layouts/shared/components/GenericPageWrapper.js

@@ -13,7 +13,7 @@ export function GenericPageWrapper({ children, storeConfig }) {
     // But typically we route those to ElectronicsPageWrapper.
     const needsHeader = customLayouts.includes(storeConfig.layout);
     if (needsHeader) {
-        return (_jsxs("div", { className: "min-h-screen flex flex-col", children: [_jsx(StoreHeader, { storeConfig: storeConfig }), _jsx("main", { className: "flex-1 pt-20", children: children }), _jsx(StoreFooter, { storeConfig: storeConfig })] }));
+        return (_jsxs("div", { className: "min-h-screen flex flex-col", children: [_jsx(StoreHeader, { storeConfig: storeConfig }), _jsx("main", { className: "flex-1", children: children }), _jsx(StoreFooter, { storeConfig: storeConfig })] }));
     }
     return _jsx(_Fragment, { children: children });
 }

package/dist/layouts/shared/pages/AccountPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/AccountPage.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAahD,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CAq9C5D"}
+{"version":3,"file":"AccountPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/AccountPage.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAyChD,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CA89C5D"}

package/dist/layouts/shared/pages/AccountPage.js

@@ -10,16 +10,18 @@ import { AvatarImage } from '../../../components/ui/avatar-image';
 import { useState, useEffect } from 'react';
 import { useAuth } from '../../../lib/auth-context';
 import { cn, formatCurrency } from '../../../lib/utils';
-import { orderService } from '../../../lib/services/order.service';
+// Note: orderService and wishlistService removed - these pages are shared and not editable in the editor
+// Using StoreContext for wishlist functionality instead
 import { bookingService } from '../../../lib/services/booking.service';
-import { wishlistService } from '../../../lib/services/wishlist.service';
 import { customerService } from '../../../lib/services/customer.service';
+import { useStore } from '../../../lib/store-context';
 import { useToast } from '../../../components/ui/toast';
 import { useLoading } from '../../../lib/loading-context';
 import { MentorshipProgress } from '../../../components/learning/MentorshipProgress';
 import { CertificateCard } from '../../../components/learning/CertificateTemplates';
 export function AccountPage({ storeConfig }) {
     const { user, isAuthenticated, isLoading, logout, updateUserState } = useAuth();
+    const { wishlist, toggleWishlist } = useStore();
     const searchParams = useSearchParams();
     const router = useRouter();
     const { addToast } = useToast();
@@ -115,15 +117,9 @@ export function AccountPage({ storeConfig }) {
                 setIsLoadingData(true);
                 startBackendLoading();
                 try {
-                    // Fetch orders
-                    try {
-                        const ordersData = await orderService.getOrders();
-                        setOrders(ordersData);
-                    }
-                    catch (error) {
-                        console.error('Failed to fetch orders:', error);
-                        setOrders([]);
-                    }
+                    // Note: orderService removed - orders not available in editor preview
+                    // In production, orders would be fetched from the backend API
+                    setOrders([]);
                     // Fetch bookings
                     try {
                         const bookingsData = await bookingService.getBookings();
@@ -133,13 +129,18 @@ export function AccountPage({ storeConfig }) {
                         console.error('Failed to fetch bookings:', error);
                         setBookings([]);
                     }
-                    // Fetch wishlist
-                    try {
-                        const wishlistData = await wishlistService.getWishlist();
-                        setWishlistItems(wishlistData);
+                    // Use wishlist from StoreContext (localStorage-based)
+                    // Note: wishlistService removed - using StoreContext instead
+                    if (wishlist && storeConfig?.products) {
+                        const items = wishlist
+                            .map(productId => {
+                            const product = storeConfig.products?.find(p => p.id === productId);
+                            return product ? { id: productId, productId, product } : null;
+                        })
+                            .filter((item) => item !== null);
+                        setWishlistItems(items);
                     }
-                    catch (error) {
-                        console.error('Failed to fetch wishlist:', error);
+                    else {
                         setWishlistItems([]);
                     }
                 }
@@ -527,11 +528,19 @@ export function AccountPage({ storeConfig }) {
                                                     const storeSlug = product?.storeSlug || storeConfig?.slug;
                                                     return (_jsxs("div", { className: "group border border-gray-100 rounded-2xl p-4 hover:shadow-md transition-all relative bg-white", children: [_jsx("button", { className: "absolute top-4 right-4 z-10 p-2 bg-white/80 backdrop-blur rounded-full text-red-500 hover:bg-red-50 transition-colors", onClick: async () => {
                                                                     try {
-                                                                        await wishlistService.removeFromWishlist(item.id);
+                                                                        // Use StoreContext toggleWishlist (localStorage-based)
+                                                                        await toggleWishlist(item.productId);
                                                                         addToast('Removed from wishlist', 'success');
-                                                                        // Refresh wishlist
-                                                                        const updatedWishlist = await wishlistService.getWishlist();
-                                                                        setWishlistItems(updatedWishlist);
+                                                                        // Refresh wishlist from StoreContext
+                                                                        if (wishlist && storeConfig?.products) {
+                                                                            const items = wishlist
+                                                                                .map(productId => {
+                                                                                const product = storeConfig.products?.find(p => p.id === productId);
+                                                                                return product ? { id: productId, productId, product } : null;
+                                                                            })
+                                                                                .filter((item) => item !== null);
+                                                                            setWishlistItems(items);
+                                                                        }
                                                                     }
                                                                     catch (error) {
                                                                         const errorMessage = error instanceof Error ? error.message : 'Failed to remove from wishlist';

package/dist/layouts/shared/pages/TrackOrderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrackOrderPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/TrackOrderPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAkmBlE"}
+{"version":3,"file":"TrackOrderPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/TrackOrderPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAgmBlE"}

package/dist/layouts/shared/pages/TrackOrderPage.js

@@ -4,7 +4,8 @@ import { Search, Package, Truck, CheckCircle, Clock, AlertCircle, Loader2, XCirc
 import { useState, useEffect, useRef } from 'react';
 import { useSearchParams } from 'next/navigation';
 import { Button } from '../../../components/ui/button';
-import { orderService } from '../../../lib/services/order.service';
+// Note: orderService removed - this page is shared and not editable in the editor
+// Order tracking functionality not available in preview mode
 import { useToast } from '../../../components/ui/toast';
 import { useLoading } from '../../../lib/loading-context';
 export function TrackOrderPage({ storeConfig }) {
@@ -32,8 +33,9 @@ export function TrackOrderPage({ storeConfig }) {
                 setError(null);
                 startBackendLoading();
                 try {
-                    const orderData = await orderService.trackOrder(orderNumberFromUrl);
-                    processOrderData(orderData);
+                    // Note: orderService removed - order tracking not available in preview mode
+                    setError('Order tracking is not available in preview mode. This feature requires the order service.');
+                    setOrderStatus(null);
                 }
                 catch (error) {
                     handleTrackingError(error);
@@ -254,9 +256,9 @@ export function TrackOrderPage({ storeConfig }) {
         setError(null);
         startBackendLoading();
         try {
-            // Use tracking number if provided, otherwise use order number
-            const orderData = await orderService.trackOrder(trackingNumber || orderId, email);
-            processOrderData(orderData);
+            // Note: orderService removed - order tracking not available in preview mode
+            setError('Order tracking is not available in preview mode. This feature requires the order service.');
+            setOrderStatus(null);
         }
         catch (error) {
             handleTrackingError(error);

package/dist/layouts/shared/pages/WishlistPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WishlistPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/WishlistPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAgB9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CA8P9D"}
+{"version":3,"file":"WishlistPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/WishlistPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAsB9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CA+O9D"}