payaza-storefront-layouts 1.0.0

package/dist/layouts/food/pages/ProductsPage.js

@@ -0,0 +1,297 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../components/ui/button';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
+import { Sheet } from '../../../components/ui/sheet';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
+import { ProductCard } from '../../../components/ui/product-card';
+import { ProductGridSkeleton } from '../../../components/ui/skeletons';
+import { CategoryTree } from '../../../components/ui/category-tree';
+import { useStore } from '../../../lib/store-context';
+import { useToast } from '../../../components/ui/toast';
+import { useLoading } from '../../../lib/loading-context';
+import { useAnalytics } from '../../../hooks/use-analytics';
+import { ChevronDown, ChevronUp, Star, Check, Search, RotateCcw, SlidersHorizontal } from 'lucide-react';
+import { useSearchParams } from 'next/navigation';
+import { useState, useMemo, useEffect, Suspense } from 'react';
+import { formatCurrency, filterActiveProducts } from '../../../lib/utils';
+import { getAllCategoryIds, flattenCategoryTree, buildCategoryTree } from '../../../lib/utils/category-tree';
+import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers';
+import { shouldUseAPI } from '../../../lib/utils/demo-detection';
+function ProductsPageContent({ storeConfig }) {
+    const searchParams = useSearchParams();
+    const categoryParam = searchParams.get('category');
+    const [products, setProducts] = useState(() => {
+        // Filter out inactive/deleted products first
+        let initialProducts = filterActiveProducts(storeConfig.products || []);
+        // Ensure all products have unique IDs just in case mock data has duplicates
+        // or if we are artificially duplicating for grid demo
+        if (initialProducts.length > 0) {
+            // If very few products, duplicate them to show grid structure
+            if (initialProducts.length < 4) {
+                initialProducts = [...initialProducts, ...initialProducts].map((p, i) => ({
+                    ...p,
+                    id: `${p.id}-copy-${i}`,
+                    name: `${p.name} ${i > 0 ? '(Copy)' : ''}`
+                }));
+            }
+            else {
+                // Even if enough products, ensure IDs are unique strings
+                // (Mock data usually is fine, but this is a safeguard)
+                const seenIds = new Set();
+                initialProducts = initialProducts.map((p, i) => {
+                    if (seenIds.has(p.id)) {
+                        return { ...p, id: `${p.id}-${i}` };
+                    }
+                    seenIds.add(p.id);
+                    return p;
+                });
+            }
+        }
+        return initialProducts;
+    });
+    const [isLoadingProducts, setIsLoadingProducts] = useState(false);
+    const categories = storeConfig.categories || [];
+    // Update products when storeConfig.products changes (e.g., after async load)
+    useEffect(() => {
+        if (storeConfig.products && storeConfig.products.length > 0) {
+            setProducts(storeConfig.products);
+        }
+        else if (storeConfig.products && storeConfig.products.length === 0 && !isLoadingProducts) {
+            // If products array is empty, try to fetch from API
+            const fetchProducts = async () => {
+                setIsLoadingProducts(true);
+                startBackendLoading();
+                try {
+                    const { productService } = await import('../../../lib/services/product.service');
+                    const { transformProductToStoreProduct } = await import('../../../lib/store-config-utils');
+                    const response = await productService.getProducts({
+                        storeId: storeConfig.id,
+                        limit: 1000,
+                    });
+                    const fetchedProducts = response.data.map(transformProductToStoreProduct);
+                    setProducts(fetchedProducts);
+                }
+                catch (error) {
+                    console.error('Failed to fetch products:', error);
+                    // Keep empty array on error
+                }
+                finally {
+                    setIsLoadingProducts(false);
+                    stopBackendLoading();
+                }
+            };
+            fetchProducts();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [storeConfig.products, storeConfig.id]); // Removed isLoadingProducts from deps to prevent infinite loops
+    const { addToCart } = useStore();
+    const { addToast } = useToast();
+    const { startBackendLoading, stopBackendLoading } = useLoading();
+    const { trackEvent } = useAnalytics();
+    // State for filters & sort
+    const [selectedBrands, setSelectedBrands] = useState([]);
+    const [selectedCategories, setSelectedCategories] = useState([]);
+    const [priceRange, setPriceRange] = useState([0, 5000]);
+    const [selectedCategoryFilter, setSelectedCategoryFilter] = useState(null);
+    // Initialize filters from URL
+    useEffect(() => {
+        if (categoryParam) {
+            setSelectedCategoryFilter(categoryParam);
+        }
+    }, [categoryParam]);
+    const [minRating, setMinRating] = useState(null);
+    const [showInStockOnly, setShowInStockOnly] = useState(false);
+    const [showMoreBrands, setShowMoreBrands] = useState(false);
+    const [isFilterOpen, setIsFilterOpen] = useState(false);
+    const [sortBy, setSortBy] = useState('featured');
+    const [visibleProducts, setVisibleProducts] = useState(12);
+    const [isFiltering, setIsFiltering] = useState(false);
+    // Extract unique brands
+    const brands = useMemo(() => {
+        const brandSet = new Set();
+        products.forEach(product => {
+            // First check specifications for Brand
+            if (product.specifications?.Brand) {
+                brandSet.add(product.specifications.Brand);
+            }
+            else {
+                // Fallback to regex matching common brand names
+                const brandMatch = product.name.match(/\b(Reebok|Nike|Adidas|Puma|Zara|Dickies|Vans|Uniqlo|New Balance|Converse|Sony|Samsung|Apple|Dell|HP|Gucci|Prada|Versace|Armani|Calvin Klein|Tommy Hilfiger|Levi's|Gap|H&M|Forever 21|ASOS|Shein|Amazon|Microsoft|LG|Canon|Nikon|Bose|JBL|Beats|Ray-Ban|Oakley)\b/i);
+                if (brandMatch) {
+                    brandSet.add(brandMatch[1]);
+                }
+            }
+        });
+        return Array.from(brandSet).sort();
+    }, [products]);
+    // Track filter changes and show loading
+    useEffect(() => {
+        setIsFiltering(true);
+        const timer = setTimeout(() => setIsFiltering(false), 300);
+        return () => clearTimeout(timer);
+    }, [selectedBrands, selectedCategories, priceRange, selectedCategoryFilter, minRating, showInStockOnly, sortBy]);
+    // Build category tree for filtering
+    const categoryTree = useMemo(() => buildCategoryTree(categories), [categories]);
+    // Get all category IDs to filter (including children of selected parent categories)
+    const effectiveCategoryIds = useMemo(() => {
+        if (selectedCategories.length === 0)
+            return [];
+        const allIds = new Set();
+        const flatCategories = flattenCategoryTree(categoryTree);
+        selectedCategories.forEach(selectedId => {
+            allIds.add(selectedId);
+            // Find the category and add all its children
+            const category = flatCategories.find(c => c.id === selectedId);
+            if (category) {
+                const childIds = getAllCategoryIds(category);
+                childIds.forEach(id => allIds.add(id));
+            }
+        });
+        return Array.from(allIds);
+    }, [selectedCategories, categoryTree]);
+    // Filter & Sort Logic
+    const filteredAndSortedProducts = useMemo(() => {
+        let result = products.filter(product => {
+            // Brand filter
+            if (selectedBrands.length > 0) {
+                const productBrand = product.specifications?.Brand ||
+                    product.name.match(/\b(Reebok|Nike|Adidas|Puma|Zara|Dickies|Vans|Uniqlo|New Balance|Converse|Sony|Samsung|Apple|Dell|HP|Gucci|Prada|Versace|Armani|Calvin Klein|Tommy Hilfiger|Levi's|Gap|H&M|Forever 21|ASOS|Shein|Amazon|Microsoft|LG|Canon|Nikon|Bose|JBL|Beats|Ray-Ban|Oakley)\b/i)?.[1];
+                if (!productBrand || !selectedBrands.includes(productBrand)) {
+                    return false;
+                }
+            }
+            // Category filter (Sidebar) - includes parent and child categories
+            if (effectiveCategoryIds.length > 0) {
+                if (!effectiveCategoryIds.includes(product.categoryId)) {
+                    return false;
+                }
+            }
+            // Price filter
+            if (product.price < priceRange[0] || product.price > priceRange[1]) {
+                return false;
+            }
+            // Category Filter (Top Buttons)
+            if (selectedCategoryFilter) {
+                const category = categories.find(c => c.slug === selectedCategoryFilter);
+                if (category && product.categoryId !== category.id) {
+                    return false;
+                }
+            }
+            // Rating Filter
+            if (minRating !== null) {
+                const productRating = product.rating || 0;
+                if (productRating < minRating) {
+                    return false;
+                }
+            }
+            // Availability Filter
+            if (showInStockOnly) {
+                if (!product.inStock) {
+                    return false;
+                }
+            }
+            return true;
+        });
+        // Sorting
+        switch (sortBy) {
+            case 'price-asc':
+                result.sort((a, b) => a.price - b.price);
+                break;
+            case 'price-desc':
+                result.sort((a, b) => b.price - a.price);
+                break;
+            case 'newest':
+                // Simulating newness by ID or reverse original order
+                result.reverse();
+                break;
+            case 'rating':
+                result.sort((a, b) => (b.rating || 0) - (a.rating || 0));
+                break;
+            default:
+                // Featured - keep original order
+                break;
+        }
+        return result;
+    }, [products, selectedBrands, effectiveCategoryIds, priceRange, selectedCategoryFilter, minRating, showInStockOnly, sortBy, categories]);
+    const displayedProducts = filteredAndSortedProducts.slice(0, visibleProducts);
+    const hasMore = visibleProducts < filteredAndSortedProducts.length;
+    const handleAddToCart = (product) => {
+        addToCart(product);
+        addToast(`${product.name} added to cart`, 'success');
+    };
+    const handleQuickView = (product) => {
+        addToast(`Quick view for ${product.name}`, 'info');
+    };
+    const clearAllFilters = () => {
+        setSelectedBrands([]);
+        setSelectedCategories([]);
+        setPriceRange([0, 5000]);
+        setSelectedCategoryFilter(null);
+        setMinRating(null);
+        setShowInStockOnly(false);
+    };
+    const hasActiveFilters = selectedBrands.length > 0 ||
+        selectedCategories.length > 0 ||
+        priceRange[1] < 5000 ||
+        minRating !== null ||
+        showInStockOnly;
+    // Breadcrumbs
+    const breadcrumbItems = [
+        { label: storeConfig.name, href: `/${storeConfig.slug}` },
+        { label: 'Products', href: `/${storeConfig.slug}/products` },
+    ];
+    // Get layout config and category header image
+    const layoutConfig = storeConfig.layoutConfig;
+    const isRealStore = shouldUseAPI(storeConfig.slug);
+    // Debug logging for category header
+    console.log('[ProductsPage] LayoutConfig:', {
+        hasLayoutConfig: !!layoutConfig,
+        hasAssignedAssets: !!layoutConfig?.assignedAssets,
+        categoryHeaderFromAssets: layoutConfig?.assignedAssets?.category_header ? 'found' : 'not found',
+        hasAssignedText: !!layoutConfig?.assignedText,
+        categoryHeaderTitle: layoutConfig?.assignedText?.['category_header:title'],
+    });
+    // Get category header image from assignedAssets
+    const categoryHeaderImage = layoutConfig?.assignedAssets?.category_header ||
+        getBannerImage(storeConfig, 'category_header', '');
+    console.log('[ProductsPage] Category header image:', categoryHeaderImage ? 'found' : 'not found', categoryHeaderImage);
+    // Get category header title from assignedText
+    const categoryHeaderTitle = layoutConfig?.assignedText?.['category_header:title'] ||
+        getLayoutText(storeConfig, 'category_header:title', `Explore The Collections of ${storeConfig.name}`);
+    // Get category header buttons from configuration (if available)
+    // assignedText values are always strings
+    const categoryHeaderPrimaryButton = layoutConfig?.assignedText?.['category_header:primaryButton'];
+    const categoryHeaderSecondaryButton = layoutConfig?.assignedText?.['category_header:secondaryButton'];
+    // Determine button text - use database value if available and not empty, otherwise use fallback
+    // If database explicitly provides empty string, button will be hidden
+    const hasPrimaryButtonFromConfig = categoryHeaderPrimaryButton !== undefined && categoryHeaderPrimaryButton !== null;
+    const hasSecondaryButtonFromConfig = categoryHeaderSecondaryButton !== undefined && categoryHeaderSecondaryButton !== null;
+    const primaryButtonText = hasPrimaryButtonFromConfig
+        ? (categoryHeaderPrimaryButton && categoryHeaderPrimaryButton.trim() !== '' ? categoryHeaderPrimaryButton.trim() : null)
+        : getLayoutText(storeConfig, 'common.shopNow', 'Start Shopping');
+    const secondaryButtonText = hasSecondaryButtonFromConfig
+        ? (categoryHeaderSecondaryButton && categoryHeaderSecondaryButton.trim() !== '' ? categoryHeaderSecondaryButton.trim() : null)
+        : getLayoutText(storeConfig, 'sections.categories.viewAll', 'View Categories');
+    return (_jsxs("div", { className: "min-h-screen bg-white font-sans text-slate-900", children: [_jsxs("div", { className: "relative overflow-hidden bg-white", children: [categoryHeaderImage && (_jsxs("div", { className: "absolute inset-0 z-0", children: [_jsx(ImageWithFallback, { src: categoryHeaderImage, alt: categoryHeaderTitle || storeConfig.name, className: "w-full h-full object-cover", skeletonAspectRatio: "16/9" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/60 via-black/40 to-black/60" })] })), !categoryHeaderImage && (_jsxs("div", { className: "absolute top-0 left-0 w-full h-full overflow-hidden z-0 pointer-events-none", children: [_jsx("div", { className: "absolute top-[-10%] right-[-5%] w-[500px] h-[500px] bg-gray-100 rounded-full mix-blend-multiply filter blur-3xl opacity-70 animate-pulse-slow" }), _jsx("div", { className: "absolute bottom-[-10%] left-[-10%] w-[400px] h-[400px] bg-gray-50 rounded-full mix-blend-multiply filter blur-3xl opacity-70 animate-pulse-slow", style: { animationDelay: '2s' } })] })), _jsx("div", { className: `container mx-auto px-4 sm:px-6 lg:px-8 relative z-10 pt-12 pb-16 lg:pt-20 lg:pb-24 ${categoryHeaderImage ? 'min-h-[500px] flex items-center' : ''}`, children: _jsx("div", { className: "flex flex-col items-center w-full max-w-4xl mx-auto", children: _jsxs("div", { className: `w-full text-center lg:text-left animate-fade-in-up ${categoryHeaderImage ? 'text-white' : ''}`, children: [_jsx("div", { className: "flex justify-center lg:justify-start mb-6", children: _jsx("div", { className: categoryHeaderImage ? 'bg-white/10 backdrop-blur-md px-4 py-2 rounded-full border border-white/20' : '', children: _jsx(Breadcrumbs, { items: breadcrumbItems, variant: categoryHeaderImage ? 'light' : 'default' }) }) }), _jsxs("div", { className: `inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-bold tracking-wider uppercase mb-6 ${categoryHeaderImage ? 'bg-white/20 backdrop-blur-md text-white border border-white/30' : 'bg-black/5 text-gray-900'}`, children: [_jsx("span", { className: `w-2 h-2 rounded-full animate-pulse ${categoryHeaderImage ? 'bg-white' : 'bg-black'}` }), getLayoutText(storeConfig, 'common.newArrivals', 'New Arrivals 2024')] }), _jsx("h1", { className: `text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight mb-6 leading-[1.1] ${categoryHeaderImage ? 'text-white' : 'text-gray-900'}`, children: categoryHeaderTitle || (_jsxs(_Fragment, { children: ["Explore The Collections of ", _jsx("br", {}), _jsx("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-gray-900 via-gray-700 to-gray-900", children: storeConfig.name })] })) }), _jsx("p", { className: `text-lg mb-8 leading-relaxed max-w-lg mx-auto lg:mx-0 ${categoryHeaderImage ? 'text-white/90' : 'text-gray-600'}`, children: getLayoutText(storeConfig, 'category_header:description', "Don't miss out on shopping our latest collection! curated for quality and style. Experience the perfect blend of modern aesthetics and premium craftsmanship.") }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-center lg:justify-start", children: [primaryButtonText && primaryButtonText.trim() !== '' && (_jsx(Button, { className: `h-12 px-8 rounded-full text-base font-medium shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 ${categoryHeaderImage ? 'bg-white text-gray-900 hover:bg-gray-100' : ''}`, onClick: () => {
+                                                    const element = document.getElementById('product-grid');
+                                                    element?.scrollIntoView({ behavior: 'smooth' });
+                                                }, children: primaryButtonText })), secondaryButtonText && secondaryButtonText.trim() !== '' && (_jsx(Button, { className: `h-12 px-8 rounded-full text-base font-medium shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 ${categoryHeaderImage ? 'bg-white/10 backdrop-blur-md text-white border border-white/30 hover:bg-white/20' : 'bg-gray-100 text-gray-900 hover:bg-gray-200 border border-gray-200'}`, onClick: () => {
+                                                    window.location.href = `/${storeConfig.slug}/categories`;
+                                                }, children: secondaryButtonText }))] })] }) }) })] }), _jsxs("div", { "data-content-ready": true, className: "container mx-auto px-4 sm:px-6 lg:px-8 py-8", children: [_jsxs("div", { className: "flex gap-3 mb-8 overflow-x-auto pb-2 scrollbar-hide", children: [_jsx("button", { onClick: () => setSelectedCategoryFilter(null), className: `px-6 py-2.5 rounded-lg text-sm font-semibold whitespace-nowrap transition-all ${!selectedCategoryFilter
+                                    ? 'bg-gray-900 text-white hover:bg-blue-600'
+                                    : 'bg-gray-100 text-gray-700 hover:bg-blue-50 hover:text-blue-600'}`, children: "All" }), categories.map((category) => (_jsx("button", { onClick: () => setSelectedCategoryFilter(selectedCategoryFilter === category.slug ? null : category.slug), className: `px-6 py-2.5 rounded-lg text-sm font-semibold whitespace-nowrap transition-all ${selectedCategoryFilter === category.slug
+                                    ? 'bg-gray-900 text-white hover:bg-blue-600'
+                                    : 'bg-gray-100 text-gray-700 hover:bg-blue-50 hover:text-blue-600'}`, children: category.name }, category.id)))] }), _jsxs("div", { id: "product-grid", className: "grid grid-cols-1 lg:grid-cols-4 gap-8", children: [_jsxs("aside", { className: "hidden lg:block col-span-1 space-y-8 sticky top-24 h-fit max-h-[calc(100vh-8rem)] overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-gray-200 scrollbar-track-transparent", children: [_jsxs("div", { className: "flex items-center justify-between pb-4 border-b border-gray-100", children: [_jsx("h2", { className: "text-xl font-bold text-gray-900", children: "Filters" }), hasActiveFilters && (_jsxs("button", { onClick: clearAllFilters, className: "text-xs font-medium text-red-500 hover:text-red-700 flex items-center gap-1", children: [_jsx(RotateCcw, { className: "h-3 w-3" }), " Reset"] }))] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-gray-900 uppercase tracking-wide mb-4", children: "Availability" }), _jsxs("label", { className: "flex items-center gap-3 cursor-pointer group p-2 -ml-2 rounded-lg hover:bg-gray-50 transition-colors", children: [_jsx("div", { className: `w-5 h-5 rounded border flex items-center justify-center transition-colors ${showInStockOnly ? 'bg-black border-black' : 'border-gray-300 group-hover:border-black'}`, children: showInStockOnly && _jsx(Check, { className: "h-3 w-3 text-white" }) }), _jsx("input", { type: "checkbox", className: "hidden", checked: showInStockOnly, onChange: () => setShowInStockOnly(!showInStockOnly) }), _jsx("span", { className: "text-sm text-gray-700 font-medium", children: "In Stock Only" })] })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-sm font-semibold text-gray-900 uppercase tracking-wide", children: "Brand" }), selectedBrands.length > 0 && (_jsx("button", { onClick: () => setSelectedBrands([]), className: "text-xs text-gray-600 hover:text-blue-600 font-medium transition-colors", children: "Clear" }))] }), brands.length > 0 ? (_jsxs("div", { className: "space-y-2", children: [(showMoreBrands ? brands : brands.slice(0, 6)).map((brand) => (_jsx("label", { className: "flex items-center justify-between cursor-pointer group hover:bg-blue-50 hover:text-blue-600 p-2 rounded-lg -ml-2 -mr-2 transition-colors", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("input", { type: "checkbox", checked: selectedBrands.includes(brand), onChange: () => setSelectedBrands(prev => prev.includes(brand) ? prev.filter(b => b !== brand) : [...prev, brand]), className: "w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" }), _jsx("span", { className: "text-sm text-gray-700 font-medium group-hover:text-blue-600", children: brand })] }) }, brand))), brands.length > 6 && (_jsx("button", { onClick: () => setShowMoreBrands(!showMoreBrands), className: "text-sm text-gray-600 hover:text-blue-600 font-medium mt-2 flex items-center gap-1 transition-colors", children: showMoreBrands ? _jsxs(_Fragment, { children: ["Show less ", _jsx(ChevronUp, { className: "h-4 w-4" })] }) : _jsxs(_Fragment, { children: ["Show more ", _jsx(ChevronDown, { className: "h-4 w-4" })] }) }))] })) : (_jsx("p", { className: "text-xs text-gray-500 italic", children: "No brands available" }))] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-gray-900 uppercase tracking-wide mb-4", children: "Category" }), _jsx(CategoryTree, { categories: categories, selectedCategoryIds: selectedCategories, onCategoryToggle: (categoryId, isSelected) => {
+                                                    setSelectedCategories(prev => isSelected
+                                                        ? [...prev, categoryId]
+                                                        : prev.filter(id => id !== categoryId));
+                                                }, mode: "checkbox" })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-sm font-semibold text-gray-900 uppercase tracking-wide", children: "Price Range" }), (priceRange[0] > 0 || priceRange[1] < 5000) && (_jsx("button", { onClick: () => setPriceRange([0, 5000]), className: "text-xs text-gray-600 hover:text-blue-600 font-medium transition-colors", children: "Reset" }))] }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx("input", { type: "range", min: "0", max: "5000", step: "50", value: priceRange[1], onChange: (e) => setPriceRange([priceRange[0], parseInt(e.target.value)]), className: "flex-1 h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-gray-900" }) }), _jsxs("div", { className: "flex items-center justify-between text-sm font-medium", children: [_jsx("span", { className: "text-gray-900", children: formatCurrency(priceRange[0], storeConfig.settings?.currency || 'USD', { minimumFractionDigits: 0, maximumFractionDigits: 0 }) }), _jsx("span", { className: "text-gray-900", children: formatCurrency(priceRange[1], storeConfig.settings?.currency || 'USD', { minimumFractionDigits: 0, maximumFractionDigits: 0 }) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx("button", { onClick: () => setPriceRange([0, 100]), className: "px-3 py-2 text-xs font-semibold rounded-lg bg-gray-100 text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition-colors", children: "$0 - $100" }), _jsx("button", { onClick: () => setPriceRange([0, 500]), className: "px-3 py-2 text-xs font-semibold rounded-lg bg-gray-100 text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition-colors", children: "$0 - $500" })] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-gray-900 uppercase tracking-wide mb-4", children: "Rating" }), _jsx("div", { className: "space-y-2", children: [4, 3, 2, 1].map((rating) => (_jsxs("label", { className: "flex items-center gap-3 cursor-pointer group p-2 -ml-2 rounded-lg hover:bg-blue-50 hover:text-blue-600 transition-colors", children: [_jsx("div", { className: `w-5 h-5 rounded-full border flex items-center justify-center transition-colors ${minRating === rating ? 'border-blue-600 bg-blue-600' : 'border-gray-300 group-hover:border-blue-400'}`, children: minRating === rating && _jsx("div", { className: "w-2.5 h-2.5 bg-white rounded-full" }) }), _jsx("input", { type: "radio", name: "rating", checked: minRating === rating, onChange: () => setMinRating(minRating === rating ? null : rating), className: "hidden" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "flex text-yellow-400", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Star, { className: `h-3.5 w-3.5 ${i < rating ? 'fill-current' : 'text-gray-200 fill-gray-200'}` }, i))) }), _jsx("span", { className: "text-sm text-gray-600", children: "& Up" })] })] }, rating))) })] })] }), _jsxs("div", { className: "lg:col-span-3", children: [_jsxs("div", { className: "lg:hidden mb-6 flex items-center justify-between", children: [_jsxs(Button, { onClick: () => setIsFilterOpen(true), variant: "outline", className: "flex items-center gap-2", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), " Filters"] }), _jsxs("select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "bg-transparent text-sm font-medium text-gray-700 focus:outline-none", children: [_jsx("option", { value: "featured", children: "Sort by: Featured" }), _jsx("option", { value: "newest", children: "Sort by: Newest" }), _jsx("option", { value: "price-asc", children: "Sort by: Price Low-High" }), _jsx("option", { value: "price-desc", children: "Sort by: Price High-Low" })] })] }), _jsxs("div", { className: "hidden lg:flex items-center justify-between mb-6", children: [_jsxs("p", { className: "text-sm text-gray-600", children: ["Showing ", _jsx("span", { className: "font-semibold text-gray-900", children: filteredAndSortedProducts.length }), " products"] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-gray-500", children: "Sort by:" }), _jsxs("select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "bg-transparent text-sm font-medium text-gray-900 focus:outline-none cursor-pointer hover:text-blue-600 transition-colors", children: [_jsx("option", { value: "featured", children: "Featured" }), _jsx("option", { value: "newest", children: "Newest Arrivals" }), _jsx("option", { value: "price-asc", children: "Price: Low to High" }), _jsx("option", { value: "price-desc", children: "Price: High to Low" }), _jsx("option", { value: "rating", children: "Top Rated" })] })] })] }), isLoadingProducts || isFiltering ? (_jsx(ProductGridSkeleton, { count: 12, columns: 3 })) : displayedProducts.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: displayedProducts.map((product) => (_jsx(ProductCard, { product: product, storeSlug: storeConfig.slug, onAddToCart: handleAddToCart, onQuickView: handleQuickView }, product.id))) }), hasMore && (_jsx("div", { className: "mt-12 text-center", children: _jsx(Button, { onClick: () => setVisibleProducts(prev => prev + 12), variant: "outline", className: "min-w-[200px]", children: "Load More" }) }))] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-20 bg-white rounded-lg border border-dashed border-gray-200 text-center", children: [_jsx("div", { className: "w-12 h-12 bg-gray-50 rounded-full flex items-center justify-center mb-4 text-gray-400", children: _jsx(Search, { className: "h-6 w-6" }) }), _jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-1", children: "No products found" }), _jsx("p", { className: "text-sm text-gray-500 mb-6", children: "Try adjusting your filters or search criteria." }), _jsx(Button, { onClick: clearAllFilters, variant: "outline", children: "Clear All Filters" })] }))] })] })] }), _jsxs(Sheet, { isOpen: isFilterOpen, onClose: () => setIsFilterOpen(false), title: "Filters", side: "right", children: [_jsxs("div", { className: "flex flex-col h-full overflow-y-auto pb-20 space-y-8 p-1", children: [_jsxs("div", { className: "pb-6 border-b border-gray-100", children: [_jsx("h3", { className: "font-bold text-sm uppercase tracking-widest mb-4", children: "Availability" }), _jsxs("label", { className: "flex items-center gap-3", children: [_jsx("input", { type: "checkbox", checked: showInStockOnly, onChange: () => setShowInStockOnly(!showInStockOnly), className: "rounded border-gray-300 text-black focus:ring-black" }), _jsx("span", { className: "text-sm text-gray-700", children: "In Stock Only" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-bold text-sm uppercase tracking-widest mb-4", children: "Price Range" }), _jsx("input", { type: "range", min: "0", max: "5000", step: "50", value: priceRange[1], onChange: (e) => setPriceRange([priceRange[0], parseInt(e.target.value)]), className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-black mb-4" }), _jsxs("div", { className: "flex justify-between font-bold text-sm", children: [_jsx("span", { children: formatCurrency(0, storeConfig.settings?.currency || 'USD', { minimumFractionDigits: 0, maximumFractionDigits: 0 }) }), _jsxs("span", { children: [formatCurrency(priceRange[1], storeConfig.settings?.currency || 'USD', { minimumFractionDigits: 0, maximumFractionDigits: 0 }), "+"] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-bold text-sm uppercase tracking-widest mb-4", children: "Categories" }), _jsx(CategoryTree, { categories: categories, selectedCategoryIds: selectedCategories, onCategoryToggle: (categoryId, isSelected) => {
+                                            setSelectedCategories(prev => isSelected
+                                                ? [...prev, categoryId]
+                                                : prev.filter(id => id !== categoryId));
+                                        }, mode: "checkbox" })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-bold text-sm uppercase tracking-widest mb-4", children: "Brand" }), brands.length > 0 ? (_jsx("div", { className: "space-y-3", children: brands.map(brand => (_jsxs("label", { className: "flex items-center gap-3", children: [_jsx("input", { type: "checkbox", checked: selectedBrands.includes(brand), onChange: () => setSelectedBrands(prev => prev.includes(brand) ? prev.filter(b => b !== brand) : [...prev, brand]), className: "rounded border-gray-300 text-black focus:ring-black" }), _jsx("span", { className: "text-sm text-gray-700", children: brand })] }, brand))) })) : (_jsx("p", { className: "text-xs text-gray-500 italic", children: "No brands available" }))] }), _jsxs("div", { children: [_jsx("h3", { className: "font-bold text-sm uppercase tracking-widest mb-4", children: "Rating" }), _jsx("div", { className: "space-y-3", children: [4, 3, 2, 1].map(rating => (_jsxs("label", { className: "flex items-center gap-3", children: [_jsx("input", { type: "radio", name: "mobile-rating", checked: minRating === rating, onChange: () => setMinRating(minRating === rating ? null : rating), className: "rounded-full border-gray-300 text-black focus:ring-black" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "flex text-yellow-400", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Star, { className: `h-3 w-3 ${i < rating ? 'fill-current' : 'text-gray-200 fill-gray-200'}` }, i))) }), _jsx("span", { className: "text-sm text-gray-600", children: "& Up" })] })] }, rating))) })] })] }), _jsxs("div", { className: "absolute bottom-0 left-0 right-0 p-4 bg-white border-t border-gray-100 flex gap-3", children: [_jsx(Button, { onClick: clearAllFilters, variant: "outline", className: "flex-1 h-12 font-bold rounded-lg border-gray-300", children: "Reset" }), _jsx(Button, { onClick: () => setIsFilterOpen(false), className: "flex-[2] bg-black text-white hover:bg-blue-600 h-12 font-bold rounded-lg transition-colors", children: "View Results" })] })] })] }));
+}
+export function ProductsPage(props) {
+    return (_jsx(Suspense, { fallback: _jsx("div", { className: "min-h-screen flex items-center justify-center", children: _jsx("div", { className: "w-8 h-8 border-2 border-black border-t-transparent rounded-full animate-spin" }) }), children: _jsx(ProductsPageContent, { ...props }) }));
+}

package/dist/layouts/food-modern/components/FoodHomePageModern.d.ts

@@ -0,0 +1,7 @@
+import { StoreConfig } from '../../../lib/store-types';
+interface FoodHomePageModernProps {
+    storeConfig: StoreConfig;
+}
+export declare function FoodHomePageModern({ storeConfig }: FoodHomePageModernProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FoodHomePageModern.d.ts.map

package/dist/layouts/food-modern/components/FoodHomePageModern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoodHomePageModern.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food-modern/components/FoodHomePageModern.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAgB9D,UAAU,uBAAuB;IAC/B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,EAAE,uBAAuB,2CAgoB1E"}

package/dist/layouts/food-modern/components/FoodHomePageModern.js

@@ -0,0 +1,118 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../components/ui/button';
+import { Modal } from '../../../components/ui/modal';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
+import { useToast } from '../../../components/ui/toast';
+import { useStore } from '../../../lib/store-context';
+import { Star, Clock, MapPin, ChefHat, ArrowRight, Instagram, Facebook, Twitter, Utensils, Search, Menu as MenuIcon, Calendar, Users, Mail, Phone, CheckCircle, Flame, Wine, Coffee, X } from 'lucide-react';
+import Link from 'next/link';
+import { useState, useEffect } from 'react';
+import { formatCurrency } from '../../../lib/utils';
+import { getLayoutText, getBannerImage, getLogoUrl, getAssetUrl } from '../../../lib/utils/asset-helpers';
+import { StoreLogo } from '../../../components/ui/store-logos';
+import { shouldUseAPI } from '../../../lib/utils/demo-detection';
+import { VideoPlayer } from '../../../components/ui/video-player';
+import { PromoBanner } from '../../../layouts/shared/components/PromoBanner';
+export function FoodHomePageModern({ storeConfig }) {
+    const categories = storeConfig.categories || [];
+    const menuItems = storeConfig.menuItems || [];
+    const layoutConfig = storeConfig.layoutConfig;
+    const { addToCart } = useStore();
+    const { addToast } = useToast();
+    const [scrolled, setScrolled] = useState(false);
+    const [isReservationOpen, setIsReservationOpen] = useState(false);
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const [reservationStep, setReservationStep] = useState(1);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [activeTab, setActiveTab] = useState('all');
+    const [isSearchOpen, setIsSearchOpen] = useState(false);
+    const [newsletterEmail, setNewsletterEmail] = useState('');
+    useEffect(() => {
+        const handleScroll = () => {
+            setScrolled(window.scrollY > 50);
+        };
+        window.addEventListener('scroll', handleScroll);
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, []);
+    const handleReservationSubmit = (e) => {
+        e.preventDefault();
+        setIsSubmitting(true);
+        setTimeout(() => {
+            setIsSubmitting(false);
+            setReservationStep(2);
+            addToast('Table reserved successfully!', 'success');
+        }, 1500);
+    };
+    const closeReservation = () => {
+        setIsReservationOpen(false);
+        setTimeout(() => setReservationStep(1), 300);
+    };
+    const scrollToMenu = () => {
+        const menuSection = document.getElementById('menu-section');
+        if (menuSection) {
+            menuSection.scrollIntoView({ behavior: 'smooth' });
+        }
+    };
+    const filteredItems = activeTab === 'all'
+        ? menuItems
+        : menuItems.filter(item => item.categoryId === activeTab);
+    // Get testimonials from layoutConfig sections or use fallback
+    const isRealStore = shouldUseAPI(storeConfig.slug);
+    const testimonialsSection = layoutConfig?.sections?.testimonials;
+    const backendTestimonials = testimonialsSection?.items || [];
+    const fallbackTestimonials = [
+        { id: '1', name: "Emily Clark", role: "Food Critic", comment: "An absolute masterpiece of culinary art. The flavors are balanced to perfection.", image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&q=80" },
+        { id: '2', name: "James Wilson", role: "Regular Guest", comment: "The atmosphere, the service, and the food - everything is just 10/10. My favorite spot in the city.", image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&q=80" },
+        { id: '3', name: "Sarah & Mike", role: "Couple", comment: "We celebrated our anniversary here and it was magical. Highly recommend the tasting menu.", image: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=100&q=80" },
+    ];
+    const testimonials = backendTestimonials.length > 0
+        ? backendTestimonials.map((t, idx) => ({
+            id: t.id || String(idx + 1),
+            name: t.name || fallbackTestimonials[idx]?.name || 'Customer',
+            role: t.role || fallbackTestimonials[idx]?.role || 'Customer',
+            comment: t.quote || t.comment || fallbackTestimonials[idx]?.comment || '',
+            image: t.image || fallbackTestimonials[idx]?.image || '',
+        }))
+        : fallbackTestimonials;
+    return (_jsxs("div", { className: "min-h-screen bg-[#0F0F0F] text-white font-sans selection:bg-orange-500 selection:text-white", children: [_jsx("nav", { className: `fixed top-0 left-0 right-0 z-40 transition-all duration-500 ${scrolled ? 'bg-[#0F0F0F]/95 backdrop-blur-xl border-b border-white/5 py-4' : 'bg-transparent py-8'}`, children: _jsxs("div", { className: "container mx-auto px-6 flex items-center justify-between", children: [getLogoUrl(storeConfig) ? (_jsx(Link, { href: `/${storeConfig.slug}`, className: "relative z-50", children: _jsx(StoreLogo, { storeConfig: storeConfig, className: "h-10 w-10 transition-all duration-300 hover:opacity-90", alt: storeConfig.name }) })) : (_jsxs(Link, { href: `/${storeConfig.slug}`, className: "text-2xl font-black tracking-tighter uppercase relative z-50 group", children: [storeConfig.name, _jsx("span", { className: "text-orange-500 group-hover:text-white transition-colors duration-300", children: "." })] })), _jsxs("div", { className: "hidden md:flex items-center gap-10 text-xs font-bold tracking-[0.2em] uppercase", children: [_jsx("button", { onClick: scrollToMenu, className: "hover:text-orange-500 transition-colors relative after:content-[''] after:absolute after:-bottom-2 after:left-0 after:w-0 after:h-0.5 after:bg-orange-500 hover:after:w-full after:transition-all", children: "Menu" }), _jsx("button", { onClick: () => setIsReservationOpen(true), className: "hover:text-orange-500 transition-colors relative after:content-[''] after:absolute after:-bottom-2 after:left-0 after:w-0 after:h-0.5 after:bg-orange-500 hover:after:w-full after:transition-all", children: "Reservations" }), _jsx(Link, { href: `/${storeConfig.slug}/about`, className: "hover:text-orange-500 transition-colors relative after:content-[''] after:absolute after:-bottom-2 after:left-0 after:w-0 after:h-0.5 after:bg-orange-500 hover:after:w-full after:transition-all", children: "Story" }), _jsx(Link, { href: `/${storeConfig.slug}/contact`, className: "hover:text-orange-500 transition-colors relative after:content-[''] after:absolute after:-bottom-2 after:left-0 after:w-0 after:h-0.5 after:bg-orange-500 hover:after:w-full after:transition-all", children: "Contact" })] }), _jsxs("div", { className: "flex items-center gap-6", children: [_jsx(Button, { variant: "ghost", size: "icon", className: "text-white hover:text-orange-500 hover:bg-white/5 rounded-full md:hidden", onClick: () => setIsMenuOpen(true), children: _jsx(MenuIcon, { className: "h-6 w-6" }) }), storeConfig.features.search && (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => setIsSearchOpen(!isSearchOpen), className: "text-white hover:text-orange-500 hover:bg-white/5 rounded-full hidden md:flex", children: _jsx(Search, { className: "h-5 w-5" }) })), _jsx(Button, { onClick: () => setIsReservationOpen(true), className: "bg-white text-black hover:bg-orange-500 hover:text-white rounded-full px-8 font-bold uppercase tracking-wider text-xs h-10 transition-all duration-300 hidden sm:flex", children: "Book Table" })] })] }) }), isSearchOpen && storeConfig.features.search && (_jsx("div", { className: "fixed inset-0 z-50 bg-[#0F0F0F]/98 backdrop-blur-xl pt-20", children: _jsx("div", { className: "container mx-auto px-6", children: _jsxs("div", { className: "relative max-w-2xl mx-auto", children: [_jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 h-6 w-6 text-gray-400" }), _jsx("input", { type: "text", placeholder: getLayoutText(storeConfig, 'header.searchPlaceholder', 'Search menu items...'), autoFocus: true, className: "w-full pl-14 pr-4 py-6 text-xl bg-transparent border-b-2 border-orange-500/50 text-white focus:outline-none focus:border-orange-500", onBlur: () => setIsSearchOpen(false) })] }) }) })), _jsx("div", { className: `fixed inset-0 z-50 bg-[#0F0F0F] transition-transform duration-500 ${isMenuOpen ? 'translate-x-0' : '-translate-x-full'}`, children: _jsxs("div", { className: "flex flex-col h-full p-8", children: [_jsxs("div", { className: "flex justify-between items-center mb-12", children: [!getLogoUrl(storeConfig) ? (_jsxs("span", { className: "text-2xl font-black uppercase", children: [storeConfig.name, _jsx("span", { className: "text-orange-500", children: "." })] })) : (_jsx(StoreLogo, { storeConfig: storeConfig, className: "h-10 w-10", alt: storeConfig.name })), _jsx("button", { onClick: () => setIsMenuOpen(false), className: "text-white hover:text-orange-500", children: _jsx(X, { className: "h-8 w-8" }) })] }), _jsxs("div", { className: "flex flex-col gap-8 text-2xl font-black uppercase tracking-tight", children: [_jsx("button", { onClick: () => { scrollToMenu(); setIsMenuOpen(false); }, className: "text-left hover:text-orange-500", children: "Menu" }), _jsx("button", { onClick: () => { setIsReservationOpen(true); setIsMenuOpen(false); }, className: "text-left hover:text-orange-500", children: "Reservations" }), _jsx(Link, { href: `/${storeConfig.slug}/about`, onClick: () => setIsMenuOpen(false), className: "hover:text-orange-500", children: "Story" }), _jsx(Link, { href: `/${storeConfig.slug}/contact`, onClick: () => setIsMenuOpen(false), className: "hover:text-orange-500", children: "Contact" })] })] }) }), _jsxs("section", { className: "relative h-screen w-full overflow-hidden flex items-center justify-center", children: [_jsxs("div", { className: "absolute inset-0 z-0", children: [_jsx(VideoPlayer, { src: getAssetUrl(storeConfig, 'hero_video', "https://cdn.coverr.co/videos/coverr-chef-preparing-food-in-kitchen-5379/1080p.mp4"), poster: getBannerImage(storeConfig, 'hero_video_poster', "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=2070&auto=format&fit=crop"), context: "background", className: "w-full h-full opacity-50 scale-105" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-[#0F0F0F] via-[#0F0F0F]/40 to-black/30" }), _jsx("div", { className: "absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/noise.png')] opacity-20 mix-blend-overlay" })] }), _jsxs("div", { className: "relative z-10 text-center px-4 max-w-5xl mx-auto space-y-10", children: [_jsxs("div", { className: "flex justify-center items-center gap-6 animate-fade-in-up", children: [_jsx("span", { className: "h-px w-16 bg-white/30" }), _jsxs("div", { className: "flex items-center gap-2 text-orange-500 uppercase tracking-[0.3em] text-xs font-bold", children: [_jsx(Star, { className: "h-3 w-3 fill-current" }), " ", getLayoutText(storeConfig, 'food.ourPhilosophy', 'Michelin Star 2024')] }), _jsx("span", { className: "h-px w-16 bg-white/30" })] }), _jsxs("h1", { className: "text-5xl md:text-8xl lg:text-9xl font-black tracking-tighter leading-none uppercase text-white animate-fade-in-up delay-100", children: [getLayoutText(storeConfig, 'food.ourPhilosophy', 'Taste the Extraordinary'), " ", _jsx("br", {}), _jsx("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-amber-200", children: "Extraordinary" })] }), _jsxs("p", { className: "text-lg md:text-xl text-gray-300 max-w-xl mx-auto font-light leading-relaxed animate-fade-in-up delay-200 tracking-wide", children: [storeConfig.description, " Where culinary art meets exceptional atmosphere."] }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-6 justify-center items-center pt-8 animate-fade-in-up delay-300", children: [_jsx(Button, { onClick: () => setIsReservationOpen(true), className: "h-14 px-10 bg-orange-600 hover:bg-orange-700 text-white text-sm font-bold uppercase tracking-[0.2em] rounded-full transition-all hover:scale-105 hover:shadow-[0_0_40px_rgba(234,88,12,0.3)]", children: getLayoutText(storeConfig, 'food.reserveTable', 'Reserve Table') }), _jsx("div", { onClick: scrollToMenu, className: "w-14 h-14 rounded-full border border-white/20 flex items-center justify-center cursor-pointer hover:bg-white hover:text-black transition-all group", children: _jsx(ArrowRight, { className: "h-5 w-5 group-hover:rotate-90 transition-transform duration-300" }) })] })] }), _jsxs("div", { className: "absolute bottom-10 left-1/2 -translate-x-1/2 flex flex-col items-center gap-4 animate-pulse", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.3em] text-gray-500", children: "Scroll" }), _jsx("div", { className: "w-px h-16 bg-gradient-to-b from-orange-500 to-transparent" })] })] }), layoutConfig?.sections?.story?.show !== false && (_jsxs("section", { className: "py-20 px-6 relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-1/3 h-full bg-white/5 skew-x-12 transform translate-x-20 pointer-events-none" }), _jsx("div", { className: "container mx-auto max-w-6xl relative z-10", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "aspect-[4/5] rounded-none overflow-hidden grayscale hover:grayscale-0 transition-all duration-700", children: _jsx(ImageWithFallback, { src: getBannerImage(storeConfig, 'about_section_image', "https://images.unsplash.com/photo-1559339352-11d035aa65de?w=1200&q=80"), alt: "Chef", className: "w-full h-full object-cover" }) }), _jsxs("div", { className: "absolute -bottom-10 -right-10 bg-[#1A1A1A] p-8 border border-white/5 max-w-xs hidden md:block", children: [_jsx("p", { className: "font-serif italic text-2xl text-white mb-4", children: "\"Cooking is an art, but patience is the key ingredient.\"" }), _jsx("p", { className: "text-orange-500 text-xs font-bold uppercase tracking-widest", children: "\u2014 Head Chef Marco" })] })] }), _jsxs("div", { className: "space-y-8", children: [_jsx("span", { className: "text-orange-500 font-bold uppercase tracking-widest text-xs", children: layoutConfig?.sections?.story?.label || getLayoutText(storeConfig, 'food.ourPhilosophy', 'Our Philosophy') }), _jsx("h2", { className: "text-4xl md:text-5xl font-bold leading-tight", children: layoutConfig?.sections?.story?.title || getLayoutText(storeConfig, 'food.ourPhilosophy', 'Crafting Memories Through Flavor') }), _jsx("p", { className: "text-gray-400 text-lg leading-relaxed", children: layoutConfig?.sections?.story?.description || getLayoutText(storeConfig, 'food.ourPhilosophy', 'We believe that dining is more than just eating; it\'s an experience that engages all senses. Our seasonal menu is carefully curated using locally sourced ingredients to bring you the freshest flavors of the region.') }), _jsxs("div", { className: "grid grid-cols-3 gap-8 pt-8 border-t border-white/10", children: [_jsxs("div", { children: [_jsx(Flame, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Wood Fired" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Authentic taste" })] }), _jsxs("div", { children: [_jsx(Wine, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Fine Wines" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Curated selection" })] }), _jsxs("div", { children: [_jsx(Coffee, { className: "h-8 w-8 text-orange-500 mb-4" }), _jsx("h4", { className: "font-bold text-lg", children: "Artisan Coffee" }), _jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Roasted in-house" })] })] })] })] }) })] })), layoutConfig?.sections?.promoBanner?.show !== false && layoutConfig?.sections?.promoBanner && (_jsx(PromoBanner, { config: layoutConfig.sections.promoBanner, layoutStyle: "food", className: "my-20" })), _jsx("section", { id: "menu-section", className: "py-20 bg-[#141414] border-t border-white/5", children: _jsxs("div", { className: "container mx-auto px-6 max-w-7xl", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsx("span", { className: "text-orange-500 font-bold uppercase tracking-widest text-xs mb-4 block", children: "Discover" }), _jsx("h2", { className: "text-4xl md:text-5xl font-bold uppercase tracking-tight mb-8", children: getLayoutText(storeConfig, 'food.menuCategories', 'Our Menu') }), _jsxs("div", { className: "flex flex-wrap justify-center gap-4", children: [_jsx("button", { onClick: () => setActiveTab('all'), className: `px-8 py-3 rounded-full text-sm font-bold uppercase tracking-wider transition-all border ${activeTab === 'all' ? 'bg-white text-black border-white' : 'bg-transparent text-gray-400 border-white/10 hover:border-white/30'}`, children: "All" }), categories.map((cat) => (_jsx("button", { onClick: () => setActiveTab(cat.id), className: `px-8 py-3 rounded-full text-sm font-bold uppercase tracking-wider transition-all border ${activeTab === cat.id ? 'bg-white text-black border-white' : 'bg-transparent text-gray-400 border-white/10 hover:border-white/30'}`, children: cat.name }, cat.id)))] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-16", children: filteredItems.map((item) => (_jsxs("div", { className: "group cursor-pointer", children: [_jsxs("div", { className: "aspect-square overflow-hidden rounded-full mb-6 border border-white/10 relative", children: [_jsx(ImageWithFallback, { src: item.image, alt: item.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 group-hover:rotate-3", skeletonAspectRatio: "square" }), _jsx("div", { className: "hidden lg:flex absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity items-center justify-center", children: _jsx(Button, { className: "bg-orange-600 rounded-full px-6 hover:bg-orange-700", onClick: (e) => {
+                                                        e.preventDefault();
+                                                        e.stopPropagation();
+                                                        // Adapt menu item to product for cart
+                                                        const product = {
+                                                            ...item,
+                                                            slug: item.id,
+                                                            images: item.image ? [item.image] : [],
+                                                            variants: [],
+                                                            specifications: {},
+                                                            rating: 0,
+                                                            reviewCount: 0
+                                                        };
+                                                        addToCart(product);
+                                                        addToast(`${item.name} added to order`, 'success');
+                                                    }, children: "Order Now" }) }), _jsx("button", { className: "lg:hidden absolute bottom-2 right-2 bg-orange-600 text-white rounded-full w-10 h-10 flex items-center justify-center shadow-lg z-10 active:scale-95 transition-transform", onClick: (e) => {
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                    const product = {
+                                                        ...item,
+                                                        slug: item.id,
+                                                        images: item.image ? [item.image] : [],
+                                                        variants: [],
+                                                        specifications: {},
+                                                        rating: 0,
+                                                        reviewCount: 0
+                                                    };
+                                                    addToCart(product);
+                                                    addToast(`${item.name} added to order`, 'success');
+                                                }, children: _jsx(Utensils, { className: "h-5 w-5" }) })] }), _jsxs("div", { className: "text-center px-4", children: [_jsx("h3", { className: "text-xl font-bold uppercase tracking-wide mb-2 group-hover:text-orange-500 transition-colors", children: item.name }), _jsx("p", { className: "text-gray-500 text-sm mb-3 line-clamp-2", children: item.description }), _jsx("span", { className: "text-2xl font-serif text-white block", children: formatCurrency(item.price, item.currency || storeConfig.settings?.currency || 'USD') })] })] }, item.id))) })] }) }), testimonialsSection?.show !== false && (_jsx("section", { className: "py-20 px-6 bg-[#0F0F0F] border-t border-white/5", children: _jsxs("div", { className: "container mx-auto max-w-6xl", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-12 uppercase tracking-tight", children: testimonialsSection?.title || getLayoutText(storeConfig, 'sections.testimonials.title', 'Guest Stories') }), testimonialsSection?.subtitle && (_jsx("p", { className: "text-center text-gray-400 mb-12 max-w-2xl mx-auto", children: testimonialsSection.subtitle })), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: testimonials.slice(0, 3).map((t) => (_jsxs("div", { className: "bg-[#1A1A1A] p-8 rounded-none border border-white/5 relative hover:-translate-y-2 transition-transform duration-300", children: [_jsx("div", { className: "absolute -top-5 left-8 text-6xl text-orange-500/20 font-serif", children: "\"" }), _jsx("p", { className: "text-gray-300 leading-relaxed mb-8 relative z-10 italic font-light", children: t.comment }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(ImageWithFallback, { src: t.image, alt: t.name, className: "w-12 h-12 rounded-full object-cover grayscale" }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-white text-sm uppercase tracking-wide", children: t.name }), _jsx("span", { className: "text-xs text-orange-500 font-bold uppercase tracking-widest", children: t.role })] })] })] }, t.id))) })] }) })), _jsxs("section", { className: "relative py-20 md:py-32 flex items-center justify-center overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-cover bg-center fixed-bg opacity-30 grayscale", style: { backgroundImage: `url('${getBannerImage(storeConfig, 'reservation_bg', "https://images.unsplash.com/photo-1559339352-11d035aa65de?q=80&w=1974&auto=format&fit=crop")}')` } }), _jsx("div", { className: "absolute inset-0 bg-[#0F0F0F]/80" }), _jsxs("div", { className: "relative z-10 text-center max-w-4xl mx-auto px-6", children: [_jsx(ChefHat, { className: "h-12 w-12 md:h-16 md:w-16 text-white/20 mx-auto mb-6 md:mb-8" }), _jsx("h2", { className: "text-4xl md:text-7xl font-bold uppercase tracking-tight mb-6 md:mb-8", children: "Your Table Awaits" }), _jsx("p", { className: "text-lg md:text-xl text-gray-300 mb-10 md:mb-12 font-light", children: "Experience the art of fine dining in the heart of the city." }), _jsx(Button, { onClick: () => setIsReservationOpen(true), className: "h-16 px-12 bg-white text-black hover:bg-orange-500 hover:text-white text-lg font-bold uppercase tracking-[0.2em] rounded-full transition-all duration-300 hover:shadow-[0_0_30px_rgba(255,255,255,0.2)]", children: "Make a Reservation" })] })] }), _jsx("footer", { className: "bg-black pt-24 pb-12 border-t border-white/5", children: _jsxs("div", { className: "container mx-auto px-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16 mb-20", children: [_jsxs("div", { className: "space-y-8", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "text-3xl font-black tracking-tighter uppercase block", children: [storeConfig.name, _jsx("span", { className: "text-orange-500", children: "." })] }), _jsx("p", { className: "text-gray-500 leading-relaxed text-sm", children: storeConfig.description || getLayoutText(storeConfig, 'footer.description', 'Redefining the art of dining through innovation, passion, and uncompromising quality.') }), (storeConfig.branding.socialMedia || storeConfig.socialLinks) && (_jsxs("div", { className: "flex gap-4", children: [(storeConfig.branding.socialMedia?.instagram || storeConfig.socialLinks?.instagram) && (_jsx("a", { href: storeConfig.branding.socialMedia?.instagram || storeConfig.socialLinks?.instagram || '#', target: "_blank", rel: "noopener noreferrer", className: "w-10 h-10 border border-white/10 flex items-center justify-center hover:bg-orange-500 hover:border-orange-500 hover:text-white transition-all rounded-full", children: _jsx(Instagram, { className: "h-4 w-4" }) })), (storeConfig.branding.socialMedia?.facebook || storeConfig.socialLinks?.facebook) && (_jsx("a", { href: storeConfig.branding.socialMedia?.facebook || storeConfig.socialLinks?.facebook || '#', target: "_blank", rel: "noopener noreferrer", className: "w-10 h-10 border border-white/10 flex items-center justify-center hover:bg-orange-500 hover:border-orange-500 hover:text-white transition-all rounded-full", children: _jsx(Facebook, { className: "h-4 w-4" }) })), (storeConfig.branding.socialMedia?.twitter || storeConfig.socialLinks?.twitter) && (_jsx("a", { href: storeConfig.branding.socialMedia?.twitter || storeConfig.socialLinks?.twitter || '#', target: "_blank", rel: "noopener noreferrer", className: "w-10 h-10 border border-white/10 flex items-center justify-center hover:bg-orange-500 hover:border-orange-500 hover:text-white transition-all rounded-full", children: _jsx(Twitter, { className: "h-4 w-4" }) }))] }))] }), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-bold uppercase tracking-[0.2em] mb-8 text-white", children: getLayoutText(storeConfig, 'footer.quickLinks.title', 'Quick Links') }), _jsx("ul", { className: "space-y-4 text-gray-500 text-sm", children: storeConfig.navigation?.footer && storeConfig.navigation.footer.length > 0 ? (storeConfig.navigation.footer.map((section, idx) => (section.links?.map((link, linkIdx) => (_jsx("li", { children: _jsx(Link, { href: link.href, className: "hover:text-orange-500 transition-colors", children: link.label }) }, `${idx}-${linkIdx}`))))).flat()) : (_jsxs(_Fragment, { children: [_jsx("li", { children: _jsx(Link, { href: `/${storeConfig.slug}/menu`, className: "hover:text-orange-500 transition-colors", children: getLayoutText(storeConfig, 'footer.quickLinks.menu', 'Our Menu') }) }), _jsx("li", { children: _jsx("button", { onClick: () => setIsReservationOpen(true), className: "hover:text-orange-500 transition-colors text-left", children: getLayoutText(storeConfig, 'footer.quickLinks.reservations', 'Reservations') }) }), _jsx("li", { children: _jsx(Link, { href: `/${storeConfig.slug}/contact`, className: "hover:text-orange-500 transition-colors", children: getLayoutText(storeConfig, 'footer.quickLinks.privateDining', 'Private Dining') }) }), _jsx("li", { children: _jsx(Link, { href: `/${storeConfig.slug}/contact`, className: "hover:text-orange-500 transition-colors", children: getLayoutText(storeConfig, 'footer.quickLinks.giftCards', 'Gift Cards') }) })] })) })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-bold uppercase tracking-[0.2em] mb-8 text-white", children: getLayoutText(storeConfig, 'footer.contact.title', 'Contact') }), _jsxs("ul", { className: "space-y-4 text-gray-500 text-sm", children: [storeConfig.contactInfo?.address && ((storeConfig.contactInfo.address.street ||
+                                                    storeConfig.contactInfo.address.city ||
+                                                    storeConfig.contactInfo.address.state ||
+                                                    storeConfig.contactInfo.address.zipCode) && (_jsxs("li", { className: "flex items-start gap-3", children: [_jsx(MapPin, { className: "h-5 w-5 text-orange-500 mt-1 shrink-0" }), _jsxs("span", { children: [storeConfig.contactInfo.address.street && `${storeConfig.contactInfo.address.street}, `, storeConfig.contactInfo.address.city && `${storeConfig.contactInfo.address.city}, `, storeConfig.contactInfo.address.state && `${storeConfig.contactInfo.address.state} `, storeConfig.contactInfo.address.zipCode && storeConfig.contactInfo.address.zipCode] })] }))), storeConfig.contactInfo?.phone && (_jsxs("li", { className: "flex items-center gap-3", children: [_jsx(Phone, { className: "h-5 w-5 text-orange-500 shrink-0" }), _jsx("a", { href: `tel:${storeConfig.contactInfo.phone}`, className: "hover:text-orange-500 transition-colors", children: storeConfig.contactInfo.phone })] })), storeConfig.contactInfo?.email && (_jsxs("li", { className: "flex items-center gap-3", children: [_jsx(Mail, { className: "h-5 w-5 text-orange-500 shrink-0" }), _jsx("a", { href: `mailto:${storeConfig.contactInfo.email}`, className: "hover:text-orange-500 transition-colors", children: storeConfig.contactInfo.email })] })), storeConfig.locations && storeConfig.locations.length > 0 && storeConfig.locations[0].openingHours && (_jsxs("li", { className: "flex items-center gap-3", children: [_jsx(Clock, { className: "h-5 w-5 text-orange-500 shrink-0" }), _jsx("span", { children: storeConfig.locations[0].openingHours })] })), !storeConfig.contactInfo?.address && !storeConfig.contactInfo?.phone && !storeConfig.contactInfo?.email && (!storeConfig.locations || storeConfig.locations.length === 0 || !storeConfig.locations[0].openingHours) && (_jsxs("li", { className: "flex items-center gap-3", children: [_jsx(Clock, { className: "h-5 w-5 text-orange-500 shrink-0" }), _jsx("span", { children: getLayoutText(storeConfig, 'footer.contact.openingHours', 'Mon-Sun: 11am - 11pm') })] }))] })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-bold uppercase tracking-[0.2em] mb-8 text-white", children: getLayoutText(storeConfig, 'footer.newsletter.title', 'Newsletter') }), _jsx("p", { className: "text-gray-500 mb-6 text-sm", children: getLayoutText(storeConfig, 'footer.newsletter.description', getLayoutText(storeConfig, 'sections.marketing.newsletter.subtitle', 'Subscribe for seasonal updates and exclusive invitations.')) }), _jsxs("form", { onSubmit: async (e) => {
+                                                e.preventDefault();
+                                                if (newsletterEmail && newsletterEmail.includes('@')) {
+                                                    await new Promise(resolve => setTimeout(resolve, 500));
+                                                    addToast('Thank you for subscribing!', 'success');
+                                                    setNewsletterEmail('');
+                                                }
+                                            }, className: "flex border-b border-white/20 pb-2", children: [_jsx("input", { type: "email", placeholder: getLayoutText(storeConfig, 'footer.newsletter.placeholder', getLayoutText(storeConfig, 'sections.marketing.newsletter.placeholder', 'Email Address')), value: newsletterEmail, onChange: (e) => setNewsletterEmail(e.target.value), required: true, className: "bg-transparent border-none outline-none text-white w-full placeholder:text-gray-600 text-sm" }), _jsx("button", { type: "submit", className: "text-orange-500 font-bold uppercase text-xs hover:text-white transition-colors", children: getLayoutText(storeConfig, 'footer.newsletter.button', getLayoutText(storeConfig, 'sections.marketing.newsletter.button', 'Join')) })] })] })] }), _jsxs("div", { className: "border-t border-white/5 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-gray-600 uppercase tracking-wider", children: [_jsx("p", { children: getLayoutText(storeConfig, 'footer.copyright', `© ${new Date().getFullYear()} ${storeConfig.name}. All rights reserved.`) }), _jsxs("div", { className: "flex gap-8", children: [_jsx(Link, { href: `/${storeConfig.slug}/privacy`, className: "hover:text-white transition-colors", children: getLayoutText(storeConfig, 'footer.privacyPolicy', 'Privacy Policy') }), _jsx(Link, { href: `/${storeConfig.slug}/terms`, className: "hover:text-white transition-colors", children: getLayoutText(storeConfig, 'footer.termsOfService', 'Terms of Service') })] })] })] }) }), _jsx(Modal, { isOpen: isReservationOpen, onClose: closeReservation, title: "Table Reservation", className: "bg-[#1A1A1A] text-white border border-white/10 rounded-none", children: reservationStep === 1 ? (_jsxs("form", { onSubmit: handleReservationSubmit, className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold uppercase tracking-wider text-gray-500", children: "Date" }), _jsxs("div", { className: "relative", children: [_jsx(Calendar, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("input", { type: "date", required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold uppercase tracking-wider text-gray-500", children: "Time" }), _jsxs("div", { className: "relative", children: [_jsx(Clock, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsxs("select", { required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm text-gray-300", children: [_jsx("option", { children: "18:00" }), _jsx("option", { children: "18:30" }), _jsx("option", { children: "19:00" }), _jsx("option", { children: "19:30" }), _jsx("option", { children: "20:00" }), _jsx("option", { children: "20:30" })] })] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold uppercase tracking-wider text-gray-500", children: "Guests" }), _jsxs("div", { className: "relative", children: [_jsx(Users, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("select", { required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm text-gray-300", children: [1, 2, 3, 4, 5, 6, 7, 8].map(n => _jsxs("option", { value: n, children: [n, " People"] }, n)) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold uppercase tracking-wider text-gray-500", children: "Contact Details" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "relative", children: [_jsx(Users, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("input", { type: "text", placeholder: "Full Name", required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm" })] }), _jsxs("div", { className: "relative", children: [_jsx(Mail, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("input", { type: "email", placeholder: "Email Address", required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm" })] }), _jsxs("div", { className: "relative", children: [_jsx(Phone, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("input", { type: "tel", placeholder: "Phone Number", required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm" })] })] })] }), _jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full h-14 bg-orange-600 hover:bg-orange-700 text-white font-bold uppercase tracking-[0.2em] rounded-none mt-4", children: isSubmitting ? 'Confirming...' : 'Confirm Reservation' })] })) : (_jsxs("div", { className: "text-center py-8 space-y-6", children: [_jsx("div", { className: "w-20 h-20 bg-green-500/10 rounded-full flex items-center justify-center mx-auto border border-green-500/20", children: _jsx(CheckCircle, { className: "h-10 w-10 text-green-500" }) }), _jsx("h3", { className: "text-2xl font-bold uppercase tracking-tight", children: "Confirmed" }), _jsx("p", { className: "text-gray-400", children: "Your table has been reserved. Check your email for details." }), _jsx(Button, { onClick: closeReservation, className: "bg-white text-black hover:bg-gray-200 rounded-none px-10 h-12 uppercase tracking-wider font-bold", children: "Close" })] })) })] }));
+}

package/dist/layouts/food-modern/index.d.ts

@@ -0,0 +1,9 @@
+export { FoodHomePageModern } from './components/FoodHomePageModern';
+export { ProductsPage } from './pages/ProductsPage';
+export { ProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage } from './pages/CategoryPage';
+export { CategoriesPage } from './pages/CategoriesPage';
+export { MenuPage } from './pages/MenuPage';
+export { AboutPage } from './pages/AboutPage';
+export { ContactPage } from './pages/ContactPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/food-modern/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/food-modern/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/layouts/food-modern/index.js

@@ -0,0 +1,9 @@
+// Food-modern layout exports
+export { FoodHomePageModern } from './components/FoodHomePageModern';
+export { ProductsPage } from './pages/ProductsPage';
+export { ProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage } from './pages/CategoryPage';
+export { CategoriesPage } from './pages/CategoriesPage';
+export { MenuPage } from './pages/MenuPage';
+export { AboutPage } from './pages/AboutPage';
+export { ContactPage } from './pages/ContactPage';

package/dist/layouts/food-modern/pages/AboutPage.d.ts

@@ -0,0 +1,7 @@
+import { StoreConfig } from '../../../lib/store-types';
+interface AboutPageProps {
+    storeConfig: StoreConfig;
+}
+export declare function AboutPage({ storeConfig }: AboutPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AboutPage.d.ts.map

package/dist/layouts/food-modern/pages/AboutPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/food-modern/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,EAAE,cAAc,2CAsOxD"}