storefront-layouts 1.0.3 → 1.0.4

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

@@ -1,42 +1,57 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button.js';
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
-import { Sheet } from '../../../components/ui/sheet.js';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
-import { RichTextExcerpt } from '../../../components/rich-text/RichTextExcerpt.js';
-import { richFieldPlainTextForDisplay } from '../../../lib/rich-html.js';
-import { ProductGridSkeleton } from '../../../components/ui/skeletons/index.js';
-import { useStore } from '../../../lib/store-context.js';
-import { useToast } from '../../../components/ui/toast.js';
-import { useLoading } from '../../../lib/loading-context.js';
-import { useAnalytics } from '../../../hooks/use-analytics.js';
+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 { ProductGridSkeleton } from '../../../components/ui/skeletons';
+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 { Check, Search, RotateCcw, SlidersHorizontal } from 'lucide-react';
 import { useSearchParams } from 'next/navigation';
-import { useState, useMemo, useEffect, Suspense } from 'react';
-import { formatCurrency, isEditorPreviewMode, resolveMenuItemsForDisplay, resolveStoreCategoriesForDisplay } from '../../../lib/utils/index.js';
-import { useCatalogLoader } from '../../../hooks/use-catalog-loader.js';
-import { useCatalogPriceRange } from '../../../hooks/use-catalog-price-range.js';
-import { payazaInlineBindingProps } from '../../../preview/canvas/field-key.js';
-import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers.js';
-import { shouldUseAPI } from '../../../lib/utils/demo-detection.js';
-import { showLayoutDecorativeBadges } from '../../../lib/layout-badges.js';
+import { useState, useMemo, useEffect, useRef, Suspense } from 'react';
+import { formatCurrency } from '../../../lib/utils';
+import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers';
+import { shouldUseAPI } from '../../../lib/utils/demo-detection';
+import { useCatalogPriceRange } from '../../../hooks/use-catalog-price-range';
+import { isWithinActivePriceRange } from '../../../lib/utils/catalog-price-bounds';
+import { ProductPriceFilterSection } from '../../shared/components/ProductPriceFilterSection';
+import { productService } from '../../../lib/services/product.service';
+import { transformProductToStoreProduct } from '../../../lib/store-config-utils';
 function ProductsPageContent({ storeConfig: initialConfig }) {
     const { store, addToCart } = useStore();
     const storeConfig = store || initialConfig;
     const searchParams = useSearchParams();
     const categoryParam = searchParams.get('category');
-    const isPreview = isEditorPreviewMode(storeConfig);
-    const { products: loadedProducts, categories: loadedCategories, menuItems: loadedMenuItems } = useCatalogLoader(storeConfig, { fetchServices: false });
-    const menuItems = useMemo(() => resolveMenuItemsForDisplay(loadedMenuItems, loadedProducts, isPreview), [loadedMenuItems, loadedProducts, isPreview]);
-    const categories = resolveStoreCategoriesForDisplay(loadedCategories, isPreview);
+    const [menuItems, setMenuItems] = useState(storeConfig.menuItems || []);
+    const [currentPage, setCurrentPage] = useState(1);
+    const [totalProducts, setTotalProducts] = useState(storeConfig.productsTotal || storeConfig.menuItems?.length || 0);
+    const [isLoadingProducts, setIsLoadingProducts] = useState(false);
+    const categories = storeConfig.categories || [];
     const { addToast } = useToast();
     const { startBackendLoading, stopBackendLoading } = useLoading();
     const { trackEvent } = useAnalytics();
     const productsConfig = storeConfig.layoutConfig?.pages?.products;
+    const toMenuItems = (products) => products.map((apiProduct) => {
+        const product = transformProductToStoreProduct(apiProduct);
+        return {
+            id: product.id,
+            name: product.name,
+            description: product.description || '',
+            price: product.price,
+            image: product.images[0],
+            categoryId: product.categoryId,
+            inStock: product.inStock,
+            dietaryInfo: [],
+            customizable: !!product.variants?.length,
+        };
+    });
     // State for filters & sort
-    const { priceRange, setPriceRange, catalogBounds, sliderMax, resetPriceRange, hasActivePriceFilter, } = useCatalogPriceRange(menuItems, { fallbackMax: 100 });
     const [selectedCategories, setSelectedCategories] = useState([]);
+    const storeCurrency = storeConfig.settings?.currency || 'NGN';
+    const { priceRange, setPriceRange, catalogBounds, resetPriceRange, hasActivePriceFilter, } = useCatalogPriceRange(menuItems);
     const [selectedCategoryFilter, setSelectedCategoryFilter] = useState(null);
     const [searchQuery, setSearchQuery] = useState('');
     // Initialize filters from URL
@@ -59,7 +74,7 @@ function ProductsPageContent({ storeConfig: initialConfig }) {
     const filteredAndSortedItems = useMemo(() => {
         let result = menuItems.filter(item => {
             // Search Filter
-            if (searchQuery && !item.name.toLowerCase().includes(searchQuery.toLowerCase()) && !richFieldPlainTextForDisplay(item.description).toLowerCase().includes(searchQuery.toLowerCase())) {
+            if (searchQuery && !item.name.toLowerCase().includes(searchQuery.toLowerCase()) && !item.description.toLowerCase().includes(searchQuery.toLowerCase())) {
                 return false;
             }
             // Category filter (Sidebar)
@@ -69,7 +84,7 @@ function ProductsPageContent({ storeConfig: initialConfig }) {
                 }
             }
             // Price filter
-            if (item.price < priceRange[0] || item.price > priceRange[1]) {
+            if (!isWithinActivePriceRange(item.price, priceRange, catalogBounds)) {
                 return false;
             }
             // Category Filter (Top Buttons)
@@ -95,8 +110,78 @@ function ProductsPageContent({ storeConfig: initialConfig }) {
         }
         return result;
     }, [menuItems, selectedCategories, priceRange, selectedCategoryFilter, sortBy, searchQuery, categories]);
+    const productQuery = useMemo(() => {
+        const categoryIds = new Set(selectedCategories);
+        const selectedCategory = categories.find((category) => category.slug === selectedCategoryFilter);
+        if (selectedCategory)
+            categoryIds.add(selectedCategory.id);
+        return {
+            storeId: storeConfig.id,
+            categoryIds: categoryIds.size ? Array.from(categoryIds).join(',') : undefined,
+            search: searchQuery || undefined,
+            minPrice: priceRange[0] || undefined,
+            maxPrice: priceRange[1] < catalogBounds.max ? priceRange[1] : undefined,
+            sortBy,
+        };
+    }, [catalogBounds.max, categories, priceRange, searchQuery, selectedCategories, selectedCategoryFilter, sortBy, storeConfig.id]);
+    const skipBootstrapRefetch = useRef(true);
+    useEffect(() => {
+        let cancelled = false;
+        const isDefaultQuery = !productQuery.categoryIds &&
+            !productQuery.search &&
+            !productQuery.minPrice &&
+            productQuery.maxPrice === undefined &&
+            productQuery.sortBy === 'featured';
+        const fetchFilteredProducts = async () => {
+            if (skipBootstrapRefetch.current && isDefaultQuery && menuItems.length > 0) {
+                skipBootstrapRefetch.current = false;
+                setTotalProducts(storeConfig.productsTotal || menuItems.length);
+                return;
+            }
+            skipBootstrapRefetch.current = false;
+            setIsLoadingProducts(true);
+            try {
+                const response = await productService.getProducts({ ...productQuery, page: 1, limit: 12 });
+                if (cancelled)
+                    return;
+                setMenuItems(toMenuItems(response.data));
+                setCurrentPage(1);
+                setTotalProducts(response.meta.total);
+                setVisibleProducts(12);
+            }
+            catch (error) {
+                if (!cancelled)
+                    console.error('Failed to fetch menu items:', error);
+            }
+            finally {
+                if (!cancelled)
+                    setIsLoadingProducts(false);
+            }
+        };
+        const timer = window.setTimeout(fetchFilteredProducts, searchQuery ? 250 : 0);
+        return () => { cancelled = true; window.clearTimeout(timer); };
+    }, [productQuery, searchQuery]);
     const displayedItems = filteredAndSortedItems.slice(0, visibleProducts);
-    const hasMore = visibleProducts < filteredAndSortedItems.length;
+    const hasMore = currentPage * 12 < totalProducts;
+    const handleLoadMore = async () => {
+        if (isLoadingProducts || !hasMore)
+            return;
+        setIsLoadingProducts(true);
+        try {
+            const nextPage = currentPage + 1;
+            const response = await productService.getProducts({ ...productQuery, page: nextPage, limit: 12 });
+            setMenuItems((current) => [...current, ...toMenuItems(response.data)]);
+            setCurrentPage(nextPage);
+            setTotalProducts(response.meta.total);
+            setVisibleProducts((current) => current + 12);
+        }
+        catch (error) {
+            console.error('Failed to load more menu items:', error);
+        }
+        finally {
+            setIsLoadingProducts(false);
+        }
+    };
     const handleAddToCart = (item) => {
         const product = {
             ...item,
@@ -142,8 +227,7 @@ function ProductsPageContent({ storeConfig: initialConfig }) {
         getBannerImage(storeConfig, 'category_header', '');
     console.log('[ProductsPage] Category header image:', categoryHeaderImage ? 'found' : 'not found', categoryHeaderImage);
     // Get category header title from assignedText
-    const categoryHeaderTitle = productsConfig?.productsHeader?.title ||
-        layoutConfig?.assignedText?.['category_header:title'] ||
+    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
@@ -159,17 +243,17 @@ function ProductsPageContent({ storeConfig: initialConfig }) {
     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", { "data-section": "productsHeader", "data-payaza-section-key": "productsHeader", "data-payaza-page": "products", 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(Breadcrumbs, { items: breadcrumbItems, variant: categoryHeaderImage ? 'light' : 'default' }) }), showLayoutDecorativeBadges() && (_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'}`, ...payazaInlineBindingProps(isPreview, 'productsHeader', ['title']), 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: () => {
+    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, "data-section": "productsGrid", "data-payaza-section-key": "productsGrid", "data-payaza-page": "products", 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
+                                                }, 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-white/10 scrollbar-track-transparent", children: [_jsxs("div", { className: "flex items-center justify-between pb-4 border-b border-white/5", children: [_jsx("h2", { className: "text-xl font-bold text-white uppercase tracking-tight", children: "Filters" }), hasActiveFilters && (_jsxs("button", { onClick: clearAllFilters, className: "text-xs font-medium text-orange-500 hover:text-orange-400 flex items-center gap-1 uppercase tracking-widest", children: [_jsx(RotateCcw, { className: "h-3 w-3" }), " Reset"] }))] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xs font-bold text-gray-500 uppercase tracking-[0.2em] mb-4", children: "Search" }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-500" }), _jsx("input", { type: "text", placeholder: "Search menu...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full pl-10 pr-4 py-3 bg-[#1A1A1A] border border-white/10 rounded-none text-sm text-white focus:outline-none focus:border-orange-500 transition-all" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xs font-bold text-gray-500 uppercase tracking-[0.2em] mb-4", children: "Categories" }), _jsx("div", { className: "space-y-2", children: categories.map((category) => (_jsxs("label", { className: "flex items-center gap-3 cursor-pointer group p-2 -ml-2 rounded-none hover:bg-white/5 transition-colors", children: [_jsx("div", { className: `w-5 h-5 rounded-none border flex items-center justify-center transition-colors ${selectedCategories.includes(category.id) ? 'bg-orange-600 border-orange-600' : 'border-white/20 group-hover:border-white/40'}`, children: selectedCategories.includes(category.id) && _jsx(Check, { className: "h-3 w-3 text-white" }) }), _jsx("input", { type: "checkbox", className: "hidden", checked: selectedCategories.includes(category.id), onChange: () => setSelectedCategories(prev => prev.includes(category.id) ? prev.filter(id => id !== category.id) : [...prev, category.id]) }), _jsx("span", { className: "text-sm text-gray-400 font-medium group-hover:text-white transition-colors uppercase tracking-wide", children: category.name })] }, category.id))) })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-xs font-bold text-gray-500 uppercase tracking-[0.2em]", children: "Max Price" }), hasActivePriceFilter && (_jsx("button", { onClick: () => resetPriceRange(), className: "text-xs text-orange-500 hover:text-orange-400 font-medium transition-colors uppercase tracking-widest", children: "Reset" }))] }), _jsxs("div", { className: "space-y-4", children: [_jsx("input", { type: "range", min: "0", max: sliderMax, step: "5", value: priceRange[1], onChange: (e) => setPriceRange([priceRange[0], parseInt(e.target.value)]), className: "w-full h-1 bg-white/10 rounded-none appearance-none cursor-pointer accent-orange-600" }), _jsxs("div", { className: "flex items-center justify-between text-[10px] font-bold text-gray-500 uppercase tracking-widest", children: [_jsx("span", { children: "$0" }), _jsx("span", { className: "text-white", children: formatCurrency(priceRange[1], storeConfig.settings?.currency || 'USD', { minimumFractionDigits: 0, maximumFractionDigits: 0 }) })] })] })] })] }), _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 border-white/10 text-white rounded-none uppercase tracking-widest text-xs", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), " Filters"] }), _jsxs("select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "bg-transparent text-xs font-bold text-gray-400 uppercase tracking-widest focus:outline-none", children: [_jsx("option", { value: "featured", children: "Featured" }), _jsx("option", { value: "price-asc", children: "Price: Low-High" }), _jsx("option", { value: "price-desc", children: "Price: High-Low" })] })] }), _jsxs("div", { className: "hidden lg:flex items-center justify-between mb-8", children: [_jsxs("p", { className: "text-xs font-bold text-gray-500 uppercase tracking-[0.2em]", children: ["Showing ", _jsx("span", { className: "text-white", children: filteredAndSortedItems.length }), " delicacies"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-[10px] font-bold text-gray-600 uppercase tracking-[0.3em]", children: "Sort by" }), _jsxs("select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "bg-transparent text-xs font-bold text-white uppercase tracking-widest focus:outline-none cursor-pointer hover:text-orange-500 transition-colors", children: [_jsx("option", { value: "featured", children: "Featured" }), _jsx("option", { value: "price-asc", children: "Price: Low to High" }), _jsx("option", { value: "price-desc", children: "Price: High to Low" })] })] })] }), isFiltering ? (_jsx(ProductGridSkeleton, { count: 12, columns: 3 })) : displayedItems.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: displayedItems.map((item) => (_jsxs("div", { className: "group bg-[#1A1A1A] rounded-none overflow-hidden border border-white/5 hover:border-orange-500/30 transition-all duration-500 flex flex-col h-full", children: [_jsxs("div", { className: "relative aspect-square overflow-hidden grayscale hover:grayscale-0 transition-all duration-700", children: [_jsx(ImageWithFallback, { src: item.image, alt: item.name, className: "w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110", skeletonAspectRatio: "square" }), _jsx("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-500 flex items-center justify-center", children: _jsx(Button, { className: "rounded-none bg-white text-black hover:bg-orange-600 hover:text-white transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 shadow-2xl font-bold px-8 uppercase tracking-widest text-[10px]", onClick: () => handleAddToCart(item), children: "Add to Order" }) })] }), _jsxs("div", { className: "p-8 flex flex-col flex-1 text-center", children: [_jsx("h3", { className: "font-bold text-lg text-white uppercase tracking-tight mb-2 group-hover:text-orange-500 transition-colors transition-all", children: item.name }), _jsx(RichTextExcerpt, { value: item.description, as: "p", className: "text-gray-500 text-sm mb-6 line-clamp-2 leading-relaxed flex-1 font-light italic" }), _jsx("span", { className: "text-2xl font-serif text-white", children: formatCurrency(item.price, storeConfig.settings?.currency || 'USD') })] })] }, item.id))) }), hasMore && (_jsx("div", { className: "mt-16 text-center", children: _jsx(Button, { onClick: () => setVisibleProducts(prev => prev + 12), variant: "outline", className: "min-w-[240px] rounded-none font-bold h-14 border-white/10 text-white hover:bg-white hover:text-black uppercase tracking-[0.2em] text-xs transition-all", children: "Load More" }) }))] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-32 bg-[#1A1A1A] rounded-none border border-white/5 text-center", children: [_jsx("div", { className: "w-20 h-20 bg-white/5 rounded-full flex items-center justify-center mb-8 text-gray-600", children: _jsx(Search, { className: "h-10 w-10" }) }), _jsx("h3", { className: "text-2xl font-bold text-white uppercase tracking-tight mb-4", children: "Nothing Found" }), _jsx("p", { className: "text-gray-500 mb-10 max-w-sm mx-auto font-light italic", children: "Our culinary team couldn't find any items matching your criteria." }), _jsx(Button, { onClick: clearAllFilters, className: "rounded-none px-12 h-14 bg-white text-black hover:bg-orange-600 hover:text-white uppercase tracking-widest font-bold text-xs", children: "Reset Filters" })] }))] })] })] }), _jsxs(Sheet, { isOpen: isFilterOpen, onClose: () => setIsFilterOpen(false), title: "Filters", side: "right", className: "bg-[#0F0F0F] text-white border-white/10", children: [_jsxs("div", { className: "flex flex-col h-full overflow-y-auto pb-24 space-y-10 p-1", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-[10px] font-bold text-gray-500 uppercase tracking-[0.3em] mb-6", children: "Search" }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-500" }), _jsx("input", { type: "text", placeholder: "Search menu...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full pl-10 pr-4 py-4 bg-[#1A1A1A] border border-white/10 rounded-none text-sm text-white outline-none focus:border-orange-500" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-[10px] font-bold text-gray-500 uppercase tracking-[0.3em] mb-6", children: "Categories" }), _jsx("div", { className: "space-y-4", children: categories.map((category) => (_jsxs("label", { className: "flex items-center gap-4", children: [_jsx("input", { type: "checkbox", checked: selectedCategories.includes(category.id), onChange: () => setSelectedCategories(prev => prev.includes(category.id) ? prev.filter(id => id !== category.id) : [...prev, category.id]), className: "w-5 h-5 rounded-none border-white/20 bg-transparent text-orange-600 focus:ring-orange-500" }), _jsx("span", { className: "text-sm text-gray-400 font-medium uppercase tracking-wider", children: category.name })] }, category.id))) })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-[10px] font-bold text-gray-500 uppercase tracking-[0.3em] mb-6", children: "Max Price" }), _jsx("input", { type: "range", min: "0", max: sliderMax, step: "5", value: priceRange[1], onChange: (e) => setPriceRange([priceRange[0], parseInt(e.target.value)]), className: "w-full h-1 bg-white/10 rounded-none appearance-none cursor-pointer accent-orange-600 mb-6" }), _jsxs("div", { className: "flex justify-between font-bold text-[10px] text-gray-500 uppercase tracking-widest", children: [_jsx("span", { children: "$0" }), _jsx("span", { className: "text-white", children: formatCurrency(priceRange[1], storeConfig.settings?.currency || 'USD', { minimumFractionDigits: 0, maximumFractionDigits: 0 }) })] })] })] }), _jsxs("div", { className: "absolute bottom-0 left-0 right-0 p-6 bg-[#0F0F0F] border-t border-white/10 flex gap-4", children: [_jsx(Button, { onClick: clearAllFilters, variant: "outline", className: "flex-1 h-14 font-bold rounded-none border-white/10 text-white uppercase tracking-widest text-[10px]", children: "Reset" }), _jsx(Button, { onClick: () => setIsFilterOpen(false), className: "flex-[2] bg-white text-black hover:bg-orange-600 hover:text-white h-14 font-bold rounded-none transition-colors uppercase tracking-widest text-[10px]", children: "Apply" })] })] })] }));
+                                    : '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-white/10 scrollbar-track-transparent", children: [_jsxs("div", { className: "flex items-center justify-between pb-4 border-b border-white/5", children: [_jsx("h2", { className: "text-xl font-bold text-white uppercase tracking-tight", children: "Filters" }), hasActiveFilters && (_jsxs("button", { onClick: clearAllFilters, className: "text-xs font-medium text-orange-500 hover:text-orange-400 flex items-center gap-1 uppercase tracking-widest", children: [_jsx(RotateCcw, { className: "h-3 w-3" }), " Reset"] }))] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xs font-bold text-gray-500 uppercase tracking-[0.2em] mb-4", children: "Search" }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-500" }), _jsx("input", { type: "text", placeholder: "Search menu...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full pl-10 pr-4 py-3 bg-[#1A1A1A] border border-white/10 rounded-none text-sm text-white focus:outline-none focus:border-orange-500 transition-all" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-xs font-bold text-gray-500 uppercase tracking-[0.2em] mb-4", children: "Categories" }), _jsx("div", { className: "space-y-2", children: categories.map((category) => (_jsxs("label", { className: "flex items-center gap-3 cursor-pointer group p-2 -ml-2 rounded-none hover:bg-white/5 transition-colors", children: [_jsx("div", { className: `w-5 h-5 rounded-none border flex items-center justify-center transition-colors ${selectedCategories.includes(category.id) ? 'bg-orange-600 border-orange-600' : 'border-white/20 group-hover:border-white/40'}`, children: selectedCategories.includes(category.id) && _jsx(Check, { className: "h-3 w-3 text-white" }) }), _jsx("input", { type: "checkbox", className: "hidden", checked: selectedCategories.includes(category.id), onChange: () => setSelectedCategories(prev => prev.includes(category.id) ? prev.filter(id => id !== category.id) : [...prev, category.id]) }), _jsx("span", { className: "text-sm text-gray-400 font-medium group-hover:text-white transition-colors uppercase tracking-wide", children: category.name })] }, category.id))) })] }), _jsx(ProductPriceFilterSection, { currency: storeCurrency, priceRange: priceRange, onPriceRangeChange: setPriceRange, bounds: catalogBounds, isFilterActive: hasActivePriceFilter, onReset: resetPriceRange })] }), _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 border-white/10 text-white rounded-none uppercase tracking-widest text-xs", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), " Filters"] }), _jsxs("select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "bg-transparent text-xs font-bold text-gray-400 uppercase tracking-widest focus:outline-none", children: [_jsx("option", { value: "featured", children: "Featured" }), _jsx("option", { value: "price-asc", children: "Price: Low-High" }), _jsx("option", { value: "price-desc", children: "Price: High-Low" })] })] }), _jsxs("div", { className: "hidden lg:flex items-center justify-between mb-8", children: [_jsxs("p", { className: "text-xs font-bold text-gray-500 uppercase tracking-[0.2em]", children: ["Showing ", _jsx("span", { className: "text-white", children: filteredAndSortedItems.length }), " delicacies"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-[10px] font-bold text-gray-600 uppercase tracking-[0.3em]", children: "Sort by" }), _jsxs("select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "bg-transparent text-xs font-bold text-white uppercase tracking-widest focus:outline-none cursor-pointer hover:text-orange-500 transition-colors", children: [_jsx("option", { value: "featured", children: "Featured" }), _jsx("option", { value: "price-asc", children: "Price: Low to High" }), _jsx("option", { value: "price-desc", children: "Price: High to Low" })] })] })] }), isFiltering ? (_jsx(ProductGridSkeleton, { count: 12, columns: 3 })) : displayedItems.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: displayedItems.map((item) => (_jsxs("div", { className: "group bg-[#1A1A1A] rounded-none overflow-hidden border border-white/5 hover:border-orange-500/30 transition-all duration-500 flex flex-col h-full", children: [_jsxs("div", { className: "relative aspect-square overflow-hidden grayscale hover:grayscale-0 transition-all duration-700", children: [_jsx(ImageWithFallback, { src: item.image, alt: item.name, className: "w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110", skeletonAspectRatio: "square" }), _jsx("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-500 flex items-center justify-center", children: _jsx(Button, { className: "rounded-none bg-white text-black hover:bg-orange-600 hover:text-white transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 shadow-2xl font-bold px-8 uppercase tracking-widest text-[10px]", onClick: () => handleAddToCart(item), children: "Add to Order" }) })] }), _jsxs("div", { className: "p-8 flex flex-col flex-1 text-center", children: [_jsx("h3", { className: "font-bold text-lg text-white uppercase tracking-tight mb-2 group-hover:text-orange-500 transition-colors transition-all", children: item.name }), _jsx("p", { className: "text-gray-500 text-sm mb-6 line-clamp-2 leading-relaxed flex-1 font-light italic", children: item.description }), _jsx("span", { className: "text-2xl font-serif text-white", children: formatCurrency(item.price, storeConfig.settings?.currency || 'USD') })] })] }, item.id))) }), hasMore && (_jsx("div", { className: "mt-16 text-center", children: _jsx(Button, { onClick: handleLoadMore, variant: "outline", className: "min-w-[240px] rounded-none font-bold h-14 border-white/10 text-white hover:bg-white hover:text-black uppercase tracking-[0.2em] text-xs transition-all", children: "Load More" }) }))] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-32 bg-[#1A1A1A] rounded-none border border-white/5 text-center", children: [_jsx("div", { className: "w-20 h-20 bg-white/5 rounded-full flex items-center justify-center mb-8 text-gray-600", children: _jsx(Search, { className: "h-10 w-10" }) }), _jsx("h3", { className: "text-2xl font-bold text-white uppercase tracking-tight mb-4", children: "Nothing Found" }), _jsx("p", { className: "text-gray-500 mb-10 max-w-sm mx-auto font-light italic", children: "Our culinary team couldn't find any items matching your criteria." }), _jsx(Button, { onClick: clearAllFilters, className: "rounded-none px-12 h-14 bg-white text-black hover:bg-orange-600 hover:text-white uppercase tracking-widest font-bold text-xs", children: "Reset Filters" })] }))] })] })] }), _jsxs(Sheet, { isOpen: isFilterOpen, onClose: () => setIsFilterOpen(false), title: "Filters", side: "right", className: "bg-[#0F0F0F] text-white border-white/10", children: [_jsxs("div", { className: "flex flex-col h-full overflow-y-auto pb-24 space-y-10 p-1", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-[10px] font-bold text-gray-500 uppercase tracking-[0.3em] mb-6", children: "Search" }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-500" }), _jsx("input", { type: "text", placeholder: "Search menu...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full pl-10 pr-4 py-4 bg-[#1A1A1A] border border-white/10 rounded-none text-sm text-white outline-none focus:border-orange-500" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-[10px] font-bold text-gray-500 uppercase tracking-[0.3em] mb-6", children: "Categories" }), _jsx("div", { className: "space-y-4", children: categories.map((category) => (_jsxs("label", { className: "flex items-center gap-4", children: [_jsx("input", { type: "checkbox", checked: selectedCategories.includes(category.id), onChange: () => setSelectedCategories(prev => prev.includes(category.id) ? prev.filter(id => id !== category.id) : [...prev, category.id]), className: "w-5 h-5 rounded-none border-white/20 bg-transparent text-orange-600 focus:ring-orange-500" }), _jsx("span", { className: "text-sm text-gray-400 font-medium uppercase tracking-wider", children: category.name })] }, category.id))) })] }), _jsx(ProductPriceFilterSection, { currency: storeCurrency, priceRange: priceRange, onPriceRangeChange: setPriceRange, bounds: catalogBounds, isFilterActive: hasActivePriceFilter, onReset: resetPriceRange })] }), _jsxs("div", { className: "absolute bottom-0 left-0 right-0 p-6 bg-[#0F0F0F] border-t border-white/10 flex gap-4", children: [_jsx(Button, { onClick: clearAllFilters, variant: "outline", className: "flex-1 h-14 font-bold rounded-none border-white/10 text-white uppercase tracking-widest text-[10px]", children: "Reset" }), _jsx(Button, { onClick: () => setIsFilterOpen(false), className: "flex-[2] bg-white text-black hover:bg-orange-600 hover:text-white h-14 font-bold rounded-none transition-colors uppercase tracking-widest text-[10px]", children: "Apply" })] })] })] }));
 }
-export function FoodModernProductsPage(props) {
+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/motivational-speaker/components/MotivationalHomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MotivationalHomePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/motivational-speaker/components/MotivationalHomePage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAehD,UAAU,yBAAyB;IAC/B,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,yBAAyB,2CA4nB7F"}
+{"version":3,"file":"MotivationalHomePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/motivational-speaker/components/MotivationalHomePage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAahD,UAAU,yBAAyB;IAC/B,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,yBAAyB,2CAqqB7F"}

package/dist/layouts/motivational-speaker/components/MotivationalHomePage.js

@@ -1,22 +1,26 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button.js';
-import { Play, FileText, Headphones, ArrowRight, Lock, Star, CheckCircle, ChevronDown, Quote, Youtube, Instagram, Twitter } from 'lucide-react';
+import { Button } from '../../../components/ui/button';
+import { Play, FileText, Headphones, ArrowRight, Lock, Star, CheckCircle, Mail, ChevronDown, Quote, Youtube, Instagram, Twitter } from 'lucide-react';
 import Link from 'next/link';
 import Image from 'next/image';
-import { formatCurrency, filterActiveServices } from '../../../lib/utils/index.js';
-import { getBannerImage, getServiceImage, getTextContent } from '../../../lib/utils/asset-helpers.js';
+import { formatCurrency, filterActiveServices } from '../../../lib/utils';
+import { getBannerImage, getServiceImage, getTextContent } from '../../../lib/utils/asset-helpers';
 import { motion, useScroll, useTransform } from 'framer-motion';
-import { useRef, useState } from 'react';
-import { useAuth } from '../../../lib/auth-context.js';
-import { useStore } from '../../../lib/store-context.js';
-import { getPayazaSectionInlineStyle } from '../../../lib/payaza-section-styles.js';
-import { resolveStoreLink } from '../../../lib/layout-route-utils.js';
-import { showLayoutDecorativeBadges } from '../../../lib/layout-badges.js';
+import { useRef, useState, useContext } from 'react';
+import { useAuth } from '../../../lib/auth-context';
+import { useStore } from '../../../lib/store-context';
+import { AlertModalContext } from '../../../components/ui/alert-modal';
 export function MotivationalHomePage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;
     const { isAuthenticated } = useAuth();
+    // Safely get alert modal context with fallback
+    const alertContext = useContext(AlertModalContext);
+    const showAlert = alertContext?.showAlert || ((message, type, options) => {
+        // Fallback: log to console if provider is not available
+        console.log(`[Alert] ${type || 'info'}: ${message}`, options);
+    });
     // In preview mode, use mock content if none are available
     const isPreview = (typeof window !== 'undefined' && window.__IS_PREVIEW__) || storeConfig.layoutConfig?.isPreview;
     const rawContent = storeConfig.services || [];
@@ -33,6 +37,7 @@ export function MotivationalHomePage({ storeConfig: initialConfig }) {
                 { id: 'mock-3', name: 'Leadership Blueprint', description: 'The comprehensive guide to leading with impact, authenticity, and clear vision.', price: 0, currency: 'USD', status: 'active', image: 'https://images.unsplash.com/photo-1475721027785-f74ec0f711b1?w=800', slug: 'leadership-blueprint', contentType: 'pdf' }
             ] : []));
     const layoutConfig = storeConfig.layoutConfig;
+    const [email, setEmail] = useState('');
     const [openFaqIndex, setOpenFaqIndex] = useState(null);
     // Assets
     const heroBg = getBannerImage(storeConfig, 'hero_image', 'https://images.unsplash.com/photo-1475721027785-f74ec0f711b1?w=2070&auto=format&fit=crop');
@@ -71,13 +76,19 @@ export function MotivationalHomePage({ storeConfig: initialConfig }) {
             answer: "For individual course purchases, you have lifetime access. For membership subscribers, access continues as long as your subscription is active."
         }
     ];
-    const faqItems = backendFaqItems && backendFaqItems.length > 0
-        ? backendFaqItems
-        : (isPreview ? fallbackFaqItems : []);
+    const faqItems = backendFaqItems && backendFaqItems.length > 0 ? backendFaqItems : fallbackFaqItems;
+    const handleSubscribe = (e) => {
+        e.preventDefault();
+        if (email) {
+            // In a real app, this would call an API
+            showAlert('Thank you for subscribing to our newsletter! Please check your email inbox to confirm your subscription.', 'success', { title: 'Subscription Successful' });
+            setEmail('');
+        }
+    };
     const toggleFaq = (index) => {
         setOpenFaqIndex(openFaqIndex === index ? null : index);
     };
-    return (_jsxs("div", { className: "bg-white font-sans text-gray-900 selection:bg-black selection:text-white", children: [_jsxs("section", { "data-section": "hero", "data-payaza-section-key": "hero", "data-payaza-page": "home", ref: heroRef, className: "relative h-screen min-h-[800px] flex items-center justify-center overflow-hidden bg-black", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'hero'), children: [_jsxs("div", { className: "absolute inset-0 z-0", children: [heroVideo ? (_jsx("video", { src: heroVideo, autoPlay: true, loop: true, muted: true, playsInline: true, className: "w-full h-full object-cover opacity-60" })) : (_jsx(Image, { src: heroBg, alt: "Hero Background", fill: true, className: "object-cover opacity-80", priority: true, unoptimized: true })), _jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-black/70 via-black/40 to-black/80" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-black/10 to-transparent animate-pulse" })] }), _jsx(motion.div, { style: { opacity: heroOpacity, scale: heroScale }, className: "container mx-auto px-6 relative z-10 text-center text-white pt-20", children: _jsxs(motion.div, { initial: { opacity: 0, y: 30 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.8, ease: "easeOut" }, className: "max-w-4xl mx-auto space-y-8", children: [showLayoutDecorativeBadges() && (_jsx(motion.span, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.2, duration: 0.6 }, className: "inline-block py-1.5 px-4 border border-white/30 rounded-full text-sm font-medium tracking-widest uppercase backdrop-blur-md bg-white/5", children: layoutConfig?.sections?.hero?.subtitle || getTextContent(storeConfig, 'hero_subtitle', 'Master Your Mindset') })), _jsx(motion.h1, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.3, duration: 0.8 }, className: "text-6xl md:text-8xl font-serif font-medium tracking-tight leading-tight", children: layoutConfig?.sections?.hero?.title || getTextContent(storeConfig, 'hero_title', 'Unlock Your True Potential') }), _jsx(motion.p, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.5, duration: 0.8 }, className: "text-xl md:text-2xl text-gray-300 max-w-2xl mx-auto font-light leading-relaxed", children: layoutConfig?.sections?.hero?.description || storeConfig.description || "Join thousands of students learning to master their mindset and achieve their dreams." }), _jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.7, duration: 0.8 }, className: "flex flex-col sm:flex-row gap-6 justify-center pt-8", children: [_jsx(Link, { href: isAuthenticated ? resolveStoreLink('account?tab=learning', storeConfig.slug) : resolveStoreLink('subscription', storeConfig.slug), children: _jsxs(Button, { size: "lg", className: "h-16 px-12 rounded-full text-lg font-medium bg-white text-black hover:bg-gray-200 transition-all transform hover:-translate-y-1 hover:shadow-2xl", children: [isAuthenticated ? 'Continue Learning' : (layoutConfig?.sections?.hero?.primaryCTA || getTextContent(storeConfig, 'cta_primary', 'Start Learning Now')), _jsx(ArrowRight, { className: "ml-2 h-5 w-5" })] }) }), _jsx(Link, { href: resolveStoreLink('services', storeConfig.slug), children: _jsxs(Button, { size: "lg", variant: "outline", className: "h-16 px-12 rounded-full text-lg font-medium border-2 border-white/40 text-white hover:bg-white hover:text-black hover:border-white transition-all backdrop-blur-sm", children: [layoutConfig?.sections?.hero?.secondaryCTA || 'Explore Catalogue', _jsx(ArrowRight, { className: "ml-2 h-5 w-5" })] }) })] })] }) }), _jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 1, duration: 0.6 }, className: "absolute bottom-10 left-1/2 -translate-x-1/2", children: _jsx(motion.div, { animate: { y: [0, 10, 0] }, transition: { duration: 2, repeat: Infinity, ease: "easeInOut" }, className: "w-[1px] h-16 bg-gradient-to-b from-white to-transparent opacity-50" }) })] }), _jsxs("section", { "data-section": "trust", "data-payaza-section-key": "trust", "data-payaza-page": "home", className: "py-20 border-y border-gray-100 bg-white overflow-hidden", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'trust'), children: [_jsx("div", { className: "container mx-auto px-6 mb-10", children: _jsx("p", { className: "text-center text-[10px] font-black uppercase tracking-[0.4em] text-gray-400", children: "Trusted by Global Institutions" }) }), _jsx("div", { className: "relative flex overflow-x-hidden group", children: _jsx("div", { className: "animate-scroll flex items-center gap-20 whitespace-nowrap min-w-full", children: [
+    return (_jsxs("div", { className: "bg-white font-sans text-gray-900 selection:bg-black selection:text-white", children: [_jsxs("section", { "data-section": "hero", ref: heroRef, className: "relative h-screen min-h-[800px] flex items-center justify-center overflow-hidden bg-black", children: [_jsxs("div", { className: "absolute inset-0 z-0", children: [heroVideo ? (_jsx("video", { src: heroVideo, autoPlay: true, loop: true, muted: true, playsInline: true, className: "w-full h-full object-cover opacity-60" })) : (_jsx(Image, { src: heroBg, alt: "Hero Background", fill: true, className: "object-cover opacity-80", priority: true })), _jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-black/70 via-black/40 to-black/80" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-black/10 to-transparent animate-pulse" })] }), _jsx(motion.div, { style: { opacity: heroOpacity, scale: heroScale }, className: "container mx-auto px-6 relative z-10 text-center text-white pt-20", children: _jsxs(motion.div, { initial: { opacity: 0, y: 30 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.8, ease: "easeOut" }, className: "max-w-4xl mx-auto space-y-8", children: [_jsx(motion.span, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.2, duration: 0.6 }, className: "inline-block py-1.5 px-4 border border-white/30 rounded-full text-sm font-medium tracking-widest uppercase backdrop-blur-md bg-white/5", children: layoutConfig?.sections?.hero?.subtitle || getTextContent(storeConfig, 'hero_subtitle', 'Master Your Mindset') }), _jsx(motion.h1, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.3, duration: 0.8 }, className: "text-6xl md:text-8xl font-serif font-medium tracking-tight leading-tight", children: layoutConfig?.sections?.hero?.title || getTextContent(storeConfig, 'hero_title', 'Unlock Your True Potential') }), _jsx(motion.p, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.5, duration: 0.8 }, className: "text-xl md:text-2xl text-gray-300 max-w-2xl mx-auto font-light leading-relaxed", children: layoutConfig?.sections?.hero?.description || storeConfig.description || "Join thousands of students learning to master their mindset and achieve their dreams." }), _jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.7, duration: 0.8 }, className: "flex flex-col sm:flex-row gap-6 justify-center pt-8", children: [_jsx(Link, { href: isAuthenticated ? `/${storeConfig.slug}/account?tab=learning` : `/${storeConfig.slug}/subscription`, children: _jsxs(Button, { size: "lg", className: "h-16 px-12 rounded-full text-lg font-medium bg-white text-black hover:bg-gray-200 transition-all transform hover:-translate-y-1 hover:shadow-2xl", children: [isAuthenticated ? 'Continue Learning' : (layoutConfig?.sections?.hero?.primaryCTA || getTextContent(storeConfig, 'cta_primary', 'Start Learning Now')), _jsx(ArrowRight, { className: "ml-2 h-5 w-5" })] }) }), _jsx(Link, { href: `/${storeConfig.slug}/services`, children: _jsxs(Button, { size: "lg", variant: "outline", className: "h-16 px-12 rounded-full text-lg font-medium border-2 border-white/40 text-white hover:bg-white hover:text-black hover:border-white transition-all backdrop-blur-sm", children: [layoutConfig?.sections?.hero?.secondaryCTA || 'Explore Catalogue', _jsx(ArrowRight, { className: "ml-2 h-5 w-5" })] }) })] })] }) }), _jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 1, duration: 0.6 }, className: "absolute bottom-10 left-1/2 -translate-x-1/2", children: _jsx(motion.div, { animate: { y: [0, 10, 0] }, transition: { duration: 2, repeat: Infinity, ease: "easeInOut" }, className: "w-[1px] h-16 bg-gradient-to-b from-white to-transparent opacity-50" }) })] }), _jsxs("section", { "data-section": "trust", className: "py-20 border-y border-gray-100 bg-white overflow-hidden", children: [_jsx("div", { className: "container mx-auto px-6 mb-10", children: _jsx("p", { className: "text-center text-[10px] font-black uppercase tracking-[0.4em] text-gray-400", children: "Trusted by Global Institutions" }) }), _jsx("div", { className: "relative flex overflow-x-hidden group", children: _jsx("div", { className: "animate-scroll flex items-center gap-20 whitespace-nowrap min-w-full", children: [
                                 { name: "Forbes", logo: "https://logos-world.net/wp-content/uploads/2021/03/Forbes-Logo.png" },
                                 { name: "Entrepreneur", logo: "https://logos-world.net/wp-content/uploads/2023/11/Entrepreneur-Logo.png" },
                                 { name: "TED", logo: "https://logos-world.net/wp-content/uploads/2023/11/TED-Logo.png" },
@@ -91,7 +102,7 @@ export function MotivationalHomePage({ storeConfig: initialConfig }) {
                                 { name: "Wired", logo: "https://logos-world.net/wp-content/uploads/2023/11/Wired-Logo.png" },
                                 { name: "Fast Company", logo: "https://logos-world.net/wp-content/uploads/2023/11/Fast-Company-Logo.png" },
                                 { name: "Inc", logo: "https://logos-world.net/wp-content/uploads/2023/11/Inc-Logo.png" },
-                            ].map((brand, i) => (_jsx("div", { className: "flex items-center justify-center w-32 h-10 grayscale opacity-40 hover:grayscale-0 hover:opacity-100 transition-all duration-700 mx-10", children: _jsx(Image, { src: brand.logo, alt: brand.name, width: 120, height: 40, className: "object-contain max-h-full", unoptimized: true }) }, i))) }) })] }), _jsx("section", { "data-section": "about", "data-payaza-section-key": "about", "data-payaza-page": "home", className: "py-32 bg-white", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'about'), children: _jsx("div", { className: "container mx-auto px-6 max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-16 items-center", children: [_jsxs(motion.div, { initial: { opacity: 0, x: -50 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { duration: 0.8 }, className: "lg:col-span-5 relative", children: [_jsx("div", { className: "relative aspect-[4/5] overflow-hidden bg-gray-100 rounded-lg", children: _jsx(Image, { src: speakerImage, alt: "Speaker Portrait", fill: true, className: "object-cover grayscale hover:grayscale-0 transition-all duration-700 ease-in-out", unoptimized: true }) }), _jsx("div", { className: "absolute -bottom-6 -right-6 w-32 h-32 border-r-2 border-b-2 border-black/10 -z-10 backdrop-blur-sm bg-white/30" }), _jsx("div", { className: "absolute -top-6 -left-6 w-32 h-32 border-t-2 border-l-2 border-black/10 -z-10 backdrop-blur-sm bg-white/30" })] }), _jsx("div", { className: "lg:col-span-1" }), " ", _jsxs(motion.div, { initial: { opacity: 0, x: 50 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { duration: 0.8, delay: 0.2 }, className: "lg:col-span-6 space-y-10", children: [_jsx("h2", { className: "text-4xl md:text-6xl font-serif text-gray-900 leading-tight", children: layoutConfig?.sections?.about?.title || getTextContent(storeConfig, 'bio_title', "Hi, I'm here to help you grow.") }), _jsx("div", { className: "space-y-6 text-xl text-gray-600 font-light leading-relaxed", children: _jsx("p", { children: layoutConfig?.sections?.about?.description || getTextContent(storeConfig, 'bio_desc', "I have dedicated my life to helping individuals break through their barriers. My courses are designed to give you practical tools for everyday success.") }) }), _jsxs("div", { className: "grid grid-cols-3 gap-8 pt-8 border-t border-gray-100", children: [_jsxs("div", { children: [_jsx("div", { className: "text-4xl font-serif text-gray-900 mb-1", children: "50k+" }), _jsx("div", { className: "text-sm uppercase tracking-wider text-gray-400", children: "Students" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-4xl font-serif text-gray-900 mb-1", children: "100+" }), _jsx("div", { className: "text-sm uppercase tracking-wider text-gray-400", children: "Modules" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-4xl font-serif text-gray-900 mb-1", children: "4.9" }), _jsx("div", { className: "text-sm uppercase tracking-wider text-gray-400", children: "Rating" })] })] }), _jsxs("div", { className: "flex items-center gap-4 pt-4", children: [storeConfig.branding.socialMedia?.youtube && (_jsx("a", { href: storeConfig.branding.socialMedia.youtube, target: "_blank", rel: "noopener noreferrer", className: "p-3 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors", children: _jsx(Youtube, { className: "w-5 h-5 text-gray-700" }) })), storeConfig.branding.socialMedia?.instagram && (_jsx("a", { href: storeConfig.branding.socialMedia.instagram, target: "_blank", rel: "noopener noreferrer", className: "p-3 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors", children: _jsx(Instagram, { className: "w-5 h-5 text-gray-700" }) })), storeConfig.branding.socialMedia?.twitter && (_jsx("a", { href: storeConfig.branding.socialMedia.twitter, target: "_blank", rel: "noopener noreferrer", className: "p-3 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors", children: _jsx(Twitter, { className: "w-5 h-5 text-gray-700" }) }))] })] })] }) }) }), _jsx("section", { "data-section": "services", "data-payaza-section-key": "services", "data-payaza-page": "home", className: "py-32 bg-gray-50", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'services'), children: _jsxs("div", { className: "container mx-auto px-6 max-w-7xl", children: [_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6 }, className: "flex flex-col md:flex-row justify-between items-end mb-20 gap-8", children: [_jsxs("div", { children: [_jsx("span", { className: "text-gray-400 font-bold tracking-widest uppercase text-xs mb-4 block", children: "Catalogue" }), _jsx("h2", { className: "text-4xl md:text-5xl font-serif text-gray-900", children: layoutConfig?.sections?.services?.title || 'Latest Materials' })] }), _jsxs(Link, { href: `/${storeConfig.slug}/services`, className: "group flex items-center gap-3 text-lg font-medium hover:text-gray-600 transition-colors", children: [layoutConfig?.sections?.services?.viewAllLabel || 'View All Material', " ", _jsx(ArrowRight, { className: "w-5 h-5 group-hover:translate-x-1 transition-transform" })] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10", children: contentItems.slice(0, 6).map((item, index) => {
+                            ].map((brand, i) => (_jsx("div", { className: "flex items-center justify-center w-32 h-10 grayscale opacity-40 hover:grayscale-0 hover:opacity-100 transition-all duration-700 mx-10", children: _jsx(Image, { src: brand.logo, alt: brand.name, width: 120, height: 40, className: "object-contain max-h-full" }) }, i))) }) })] }), _jsx("section", { "data-section": "about", className: "py-32 bg-white", children: _jsx("div", { className: "container mx-auto px-6 max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-16 items-center", children: [_jsxs(motion.div, { initial: { opacity: 0, x: -50 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { duration: 0.8 }, className: "lg:col-span-5 relative", children: [_jsx("div", { className: "relative aspect-[4/5] overflow-hidden bg-gray-100 rounded-lg", children: _jsx(Image, { src: speakerImage, alt: "Speaker Portrait", fill: true, className: "object-cover grayscale hover:grayscale-0 transition-all duration-700 ease-in-out" }) }), _jsx("div", { className: "absolute -bottom-6 -right-6 w-32 h-32 border-r-2 border-b-2 border-black/10 -z-10 backdrop-blur-sm bg-white/30" }), _jsx("div", { className: "absolute -top-6 -left-6 w-32 h-32 border-t-2 border-l-2 border-black/10 -z-10 backdrop-blur-sm bg-white/30" })] }), _jsx("div", { className: "lg:col-span-1" }), " ", _jsxs(motion.div, { initial: { opacity: 0, x: 50 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { duration: 0.8, delay: 0.2 }, className: "lg:col-span-6 space-y-10", children: [_jsx("h2", { className: "text-4xl md:text-6xl font-serif text-gray-900 leading-tight", children: layoutConfig?.sections?.about?.title || getTextContent(storeConfig, 'bio_title', "Hi, I'm here to help you grow.") }), _jsx("div", { className: "space-y-6 text-xl text-gray-600 font-light leading-relaxed", children: _jsx("p", { children: layoutConfig?.sections?.about?.description || getTextContent(storeConfig, 'bio_desc', "I have dedicated my life to helping individuals break through their barriers. My courses are designed to give you practical tools for everyday success.") }) }), _jsxs("div", { className: "grid grid-cols-3 gap-8 pt-8 border-t border-gray-100", children: [_jsxs("div", { children: [_jsx("div", { className: "text-4xl font-serif text-gray-900 mb-1", children: "50k+" }), _jsx("div", { className: "text-sm uppercase tracking-wider text-gray-400", children: "Students" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-4xl font-serif text-gray-900 mb-1", children: "100+" }), _jsx("div", { className: "text-sm uppercase tracking-wider text-gray-400", children: "Modules" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-4xl font-serif text-gray-900 mb-1", children: "4.9" }), _jsx("div", { className: "text-sm uppercase tracking-wider text-gray-400", children: "Rating" })] })] }), _jsxs("div", { className: "flex items-center gap-4 pt-4", children: [storeConfig.branding.socialMedia?.youtube && (_jsx("a", { href: storeConfig.branding.socialMedia.youtube, target: "_blank", rel: "noopener noreferrer", className: "p-3 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors", children: _jsx(Youtube, { className: "w-5 h-5 text-gray-700" }) })), storeConfig.branding.socialMedia?.instagram && (_jsx("a", { href: storeConfig.branding.socialMedia.instagram, target: "_blank", rel: "noopener noreferrer", className: "p-3 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors", children: _jsx(Instagram, { className: "w-5 h-5 text-gray-700" }) })), storeConfig.branding.socialMedia?.twitter && (_jsx("a", { href: storeConfig.branding.socialMedia.twitter, target: "_blank", rel: "noopener noreferrer", className: "p-3 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors", children: _jsx(Twitter, { className: "w-5 h-5 text-gray-700" }) }))] })] })] }) }) }), _jsx("section", { "data-section": "services", className: "py-32 bg-gray-50", children: _jsxs("div", { className: "container mx-auto px-6 max-w-7xl", children: [_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6 }, className: "flex flex-col md:flex-row justify-between items-end mb-20 gap-8", children: [_jsxs("div", { children: [_jsx("span", { className: "text-gray-400 font-bold tracking-widest uppercase text-xs mb-4 block", children: "Catalogue" }), _jsx("h2", { className: "text-4xl md:text-5xl font-serif text-gray-900", children: layoutConfig?.sections?.services?.title || 'Latest Materials' })] }), _jsxs(Link, { href: `/${storeConfig.slug}/services`, className: "group flex items-center gap-3 text-lg font-medium hover:text-gray-600 transition-colors", children: [layoutConfig?.sections?.services?.viewAllLabel || 'View All Material', " ", _jsx(ArrowRight, { className: "w-5 h-5 group-hover:translate-x-1 transition-transform" })] })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10", children: contentItems.slice(0, 6).map((item, index) => {
                                 // Infer Type & Badge
                                 let TypeIcon = Play;
                                 let typeLabel = "Course";
@@ -109,23 +120,21 @@ export function MotivationalHomePage({ storeConfig: initialConfig }) {
                                 }
                                 // Access Status
                                 const isLocked = item.accessLevel === 'subscription' || item.accessLevel === 'paid';
-                                return (_jsx(motion.div, { initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6, delay: index * 0.1 }, children: _jsx(Link, { href: `/${storeConfig.slug}/services/${item.slug}`, className: "group block h-full", children: _jsxs("article", { className: "bg-white h-full flex flex-col hover:shadow-2xl transition-all duration-500 ease-out border border-gray-200/50 hover:border-gray-300 rounded-lg overflow-hidden", children: [_jsxs("div", { className: "relative aspect-[16/10] overflow-hidden bg-gray-200", children: [_jsx(Image, { src: getServiceImage(item.image, storeConfig, "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=800&auto=format&fit=crop"), alt: item.name, fill: true, className: "object-cover group-hover:scale-110 transition-transform duration-700", unoptimized: true }), _jsxs("div", { className: "absolute top-4 left-4 flex gap-2", children: [_jsxs("div", { className: "bg-white/90 backdrop-blur-md text-black px-4 py-2 text-xs font-bold uppercase tracking-wider flex items-center gap-2 rounded-full shadow-lg", children: [_jsx(TypeIcon, { className: "w-3 h-3" }), " ", typeLabel] }), isLocked && (_jsxs("div", { className: "bg-black/90 backdrop-blur-md text-white px-3 py-2 text-xs font-bold uppercase tracking-wider flex items-center gap-2 rounded-full shadow-lg", children: [_jsx(Lock, { className: "w-3 h-3" }), " Premium"] }))] })] }), _jsxs("div", { className: "p-8 flex flex-col flex-1", children: [_jsx("h3", { className: "text-2xl font-serif text-gray-900 mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-gray-300", children: item.name }), _jsx("p", { className: "text-gray-500 font-light leading-relaxed mb-8 line-clamp-3", children: item.description }), _jsxs("div", { className: "mt-auto pt-6 border-t border-gray-100 flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-xs uppercase tracking-wider text-gray-400 mb-1", children: "Access" }), _jsx("span", { className: "font-medium text-lg", children: item.price > 0 ? formatCurrency(item.price, item.currency || 'USD') : 'Free' })] }), _jsx("div", { className: "w-10 h-10 border border-gray-200 rounded-full flex items-center justify-center group-hover:bg-black group-hover:border-black group-hover:text-white transition-all", children: _jsx(ArrowRight, { className: "w-4 h-4" }) })] })] })] }) }) }, item.id));
-                            }) })] }) }), _jsxs("section", { "data-section": "subscription", "data-payaza-section-key": "subscription", "data-payaza-page": "home", className: "relative py-32 bg-[#0a0a0a] text-white overflow-hidden", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'subscription'), children: [_jsx("div", { className: "absolute inset-0 opacity-20", children: _jsx(Image, { src: subBanner, alt: "Background", fill: true, className: "object-cover", unoptimized: true }) }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black via-[#0a0a0a] to-transparent" }), _jsx("div", { className: "container mx-auto px-6 relative z-10 max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-20 items-center", children: [_jsxs(motion.div, { initial: { opacity: 0, x: -30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { duration: 0.8 }, children: [_jsx("span", { className: "text-yellow-500 font-bold tracking-widest uppercase text-xs mb-6 block", children: layoutConfig?.sections?.marketing?.subscriptionBadge || 'Inner Circle Access' }), _jsx("h2", { className: "text-5xl md:text-7xl font-serif mb-8 leading-none", children: layoutConfig?.sections?.marketing?.subscriptionTitle || getTextContent(storeConfig, 'sub_title', 'Join the Movement') }), _jsx("p", { className: "text-xl text-gray-400 mb-12 font-light leading-relaxed max-w-lg", children: layoutConfig?.sections?.marketing?.subscriptionDescription || getTextContent(storeConfig, 'sub_desc', 'Get unlimited access to all courses, exclusive live sessions, and a community of like-minded individuals.') }), _jsx("div", { className: "flex flex-col sm:flex-row gap-6", children: _jsx(Link, { href: resolveStoreLink('subscription', storeConfig.slug), children: _jsxs(Button, { size: "lg", className: "h-16 px-12 rounded-full text-lg font-bold bg-yellow-500 text-black hover:bg-yellow-400 border-0 shadow-lg hover:shadow-xl transition-all transform hover:-translate-y-1", children: [layoutConfig?.sections?.marketing?.subscriptionButton || getTextContent(storeConfig, 'sub_cta', 'Become a Member'), _jsx(ArrowRight, { className: "ml-2 h-5 w-5" })] }) }) })] }), _jsxs(motion.div, { initial: { opacity: 0, x: 30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { duration: 0.8, delay: 0.2 }, className: "bg-white/5 backdrop-blur-md border border-white/10 p-10 lg:p-14 rounded-2xl", children: [_jsx("h3", { className: "text-2xl font-serif mb-8", children: "Membership Benefits" }), _jsx("ul", { className: "space-y-6", children: [
+                                return (_jsx(motion.div, { initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6, delay: index * 0.1 }, children: _jsx(Link, { href: `/${storeConfig.slug}/services/${item.slug}`, className: "group block h-full", children: _jsxs("article", { className: "bg-white h-full flex flex-col hover:shadow-2xl transition-all duration-500 ease-out border border-gray-200/50 hover:border-gray-300 rounded-lg overflow-hidden", children: [_jsxs("div", { className: "relative aspect-[16/10] overflow-hidden bg-gray-200", children: [_jsx(Image, { src: getServiceImage(item.image, storeConfig, "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=800&auto=format&fit=crop"), alt: item.name, fill: true, className: "object-cover group-hover:scale-110 transition-transform duration-700" }), _jsxs("div", { className: "absolute top-4 left-4 flex gap-2", children: [_jsxs("div", { className: "bg-white/90 backdrop-blur-md text-black px-4 py-2 text-xs font-bold uppercase tracking-wider flex items-center gap-2 rounded-full shadow-lg", children: [_jsx(TypeIcon, { className: "w-3 h-3" }), " ", typeLabel] }), isLocked && (_jsxs("div", { className: "bg-black/90 backdrop-blur-md text-white px-3 py-2 text-xs font-bold uppercase tracking-wider flex items-center gap-2 rounded-full shadow-lg", children: [_jsx(Lock, { className: "w-3 h-3" }), " Premium"] }))] })] }), _jsxs("div", { className: "p-8 flex flex-col flex-1", children: [_jsx("h3", { className: "text-2xl font-serif text-gray-900 mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-gray-300", children: item.name }), _jsx("p", { className: "text-gray-500 font-light leading-relaxed mb-8 line-clamp-3", children: item.description }), _jsxs("div", { className: "mt-auto pt-6 border-t border-gray-100 flex items-center justify-between", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-xs uppercase tracking-wider text-gray-400 mb-1", children: "Access" }), _jsx("span", { className: "font-medium text-lg", children: item.price > 0 ? formatCurrency(item.price, item.currency || 'USD') : 'Free' })] }), _jsx("div", { className: "w-10 h-10 border border-gray-200 rounded-full flex items-center justify-center group-hover:bg-black group-hover:border-black group-hover:text-white transition-all", children: _jsx(ArrowRight, { className: "w-4 h-4" }) })] })] })] }) }) }, item.id));
+                            }) })] }) }), _jsxs("section", { "data-section": "subscription", className: "relative py-32 bg-[#0a0a0a] text-white overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-20", children: _jsx(Image, { src: subBanner, alt: "Background", fill: true, className: "object-cover" }) }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black via-[#0a0a0a] to-transparent" }), _jsx("div", { className: "container mx-auto px-6 relative z-10 max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-20 items-center", children: [_jsxs(motion.div, { initial: { opacity: 0, x: -30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { duration: 0.8 }, children: [_jsx("span", { className: "text-yellow-500 font-bold tracking-widest uppercase text-xs mb-6 block", children: layoutConfig?.sections?.marketing?.subscriptionBadge || 'Inner Circle Access' }), _jsx("h2", { className: "text-5xl md:text-7xl font-serif mb-8 leading-none", children: layoutConfig?.sections?.marketing?.subscriptionTitle || getTextContent(storeConfig, 'sub_title', 'Join the Movement') }), _jsx("p", { className: "text-xl text-gray-400 mb-12 font-light leading-relaxed max-w-lg", children: layoutConfig?.sections?.marketing?.subscriptionDescription || getTextContent(storeConfig, 'sub_desc', 'Get unlimited access to all courses, exclusive live sessions, and a community of like-minded individuals.') }), _jsx("div", { className: "flex flex-col sm:flex-row gap-6", children: _jsx(Link, { href: `/${storeConfig.slug}/subscription`, children: _jsxs(Button, { size: "lg", className: "h-16 px-12 rounded-full text-lg font-bold bg-yellow-500 text-black hover:bg-yellow-400 border-0 shadow-lg hover:shadow-xl transition-all transform hover:-translate-y-1", children: [layoutConfig?.sections?.marketing?.subscriptionButton || getTextContent(storeConfig, 'sub_cta', 'Become a Member'), _jsx(ArrowRight, { className: "ml-2 h-5 w-5" })] }) }) })] }), _jsxs(motion.div, { initial: { opacity: 0, x: 30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { duration: 0.8, delay: 0.2 }, className: "bg-white/5 backdrop-blur-md border border-white/10 p-10 lg:p-14 rounded-2xl", children: [_jsx("h3", { className: "text-2xl font-serif mb-8", children: "Membership Benefits" }), _jsx("ul", { className: "space-y-6", children: [
                                                 "Unlimited access to all video courses",
                                                 "Downloadable PDF workbooks & guides",
                                                 "Weekly live Q&A sessions",
                                                 "Exclusive community access",
                                                 "Priority support"
-                                            ].map((benefit, i) => (_jsxs(motion.li, { initial: { opacity: 0, x: 20 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { delay: i * 0.1 }, className: "flex items-start gap-4", children: [_jsx(CheckCircle, { className: "w-6 h-6 text-yellow-500 shrink-0" }), _jsx("span", { className: "text-lg font-light text-gray-200", children: benefit })] }, i))) })] })] }) })] }), layoutConfig?.sections?.testimonials?.show !== false && (_jsx("section", { "data-section": "testimonials", "data-payaza-section-key": "testimonials", "data-payaza-page": "home", className: "py-32 bg-white", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'testimonials'), children: _jsxs("div", { className: "container mx-auto px-6 max-w-7xl", children: [_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6 }, className: "text-center mb-24", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-serif mb-4", children: "Success Stories" }), _jsx("div", { className: "w-12 h-1 bg-gray-200 mx-auto" })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-12", children: (() => {
+                                            ].map((benefit, i) => (_jsxs(motion.li, { initial: { opacity: 0, x: 20 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: true }, transition: { delay: i * 0.1 }, className: "flex items-start gap-4", children: [_jsx(CheckCircle, { className: "w-6 h-6 text-yellow-500 shrink-0" }), _jsx("span", { className: "text-lg font-light text-gray-200", children: benefit })] }, i))) })] })] }) })] }), layoutConfig?.sections?.testimonials?.show !== false && (_jsx("section", { "data-section": "testimonials", className: "py-32 bg-white", children: _jsxs("div", { className: "container mx-auto px-6 max-w-7xl", children: [_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6 }, className: "text-center mb-24", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-serif mb-4", children: "Success Stories" }), _jsx("div", { className: "w-12 h-1 bg-gray-200 mx-auto" })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-12", children: (() => {
                                 const backendTestimonials = layoutConfig?.sections?.testimonials?.items || [];
                                 const fallbackTestimonials = [
                                     { id: '1', name: 'Michael Chen', role: 'Entrepreneur', quote: "Completely changed my perspective on leadership.", rating: 5, image: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop', order: 1 },
                                     { id: '2', name: 'Sarah Johnson', role: 'Creative Director', quote: "Worth every penny. The depth of content is unmatched.", rating: 5, image: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop', order: 2 },
                                     { id: '3', name: 'David Lee', role: 'Developer', quote: "Simple, practical, and effective. Highly recommend.", rating: 5, image: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop', order: 3 },
                                 ];
-                                const testimonials = backendTestimonials.length > 0
-                                    ? backendTestimonials
-                                    : (isPreview ? fallbackTestimonials : []);
-                                return testimonials.slice(0, 3).map((testimonial, index) => (_jsxs(motion.div, { initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6, delay: index * 0.1 }, className: "text-center space-y-6", children: [_jsx("div", { className: "relative w-20 h-20 mx-auto rounded-full overflow-hidden mb-6 ring-4 ring-gray-100", children: _jsx(Image, { src: testimonial.image || '', alt: testimonial.name, fill: true, className: "object-cover", unoptimized: true }) }), _jsx("div", { className: "flex justify-center gap-1 mb-4 text-yellow-500", children: [...Array(5)].map((_, i) => _jsx(Star, { className: "w-4 h-4 fill-current" }, i)) }), _jsx(Quote, { className: "w-8 h-8 text-gray-300 mx-auto" }), _jsxs("p", { className: "text-xl font-serif text-gray-800 italic leading-relaxed", children: ["\"", testimonial.quote, "\""] }), _jsxs("div", { children: [_jsx("div", { className: "font-bold uppercase tracking-wider text-sm", children: testimonial.name }), _jsx("div", { className: "text-gray-400 text-xs mt-1", children: testimonial.role })] })] }, testimonial.id || testimonial.name)));
-                            })() })] }) })), _jsx("section", { "data-section": "faq", "data-payaza-section-key": "faq", "data-payaza-page": "home", className: "py-32 bg-white", style: getPayazaSectionInlineStyle(storeConfig, 'home', 'faq'), children: _jsxs("div", { className: "container mx-auto px-6 max-w-4xl", children: [_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6 }, className: "text-center mb-16", children: [_jsx("span", { className: "text-gray-400 font-bold tracking-widest uppercase text-xs mb-4 block", children: "Support" }), _jsx("h2", { className: "text-4xl md:text-5xl font-serif text-gray-900 mb-4", children: "Frequently Asked Questions" }), _jsx("p", { className: "text-lg text-gray-600 max-w-2xl mx-auto", children: "Everything you need to know about our courses and membership." })] }), _jsx("div", { className: "space-y-4", children: faqItems.map((faq, index) => (_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.4, delay: index * 0.1 }, className: "border border-gray-200 rounded-lg overflow-hidden bg-white hover:shadow-lg transition-shadow", children: [_jsxs("button", { onClick: () => toggleFaq(index), className: "w-full px-6 py-5 flex items-center justify-between text-left hover:bg-gray-50 transition-colors", children: [_jsx("span", { className: "text-lg font-semibold text-gray-900 pr-8", children: faq.question }), _jsx(ChevronDown, { className: `w-5 h-5 text-gray-500 transition-transform shrink-0 ${openFaqIndex === index ? 'transform rotate-180' : ''}` })] }), openFaqIndex === index && (_jsx(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'auto' }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.3 }, className: "px-6 pb-5", children: _jsx("p", { className: "text-gray-600 leading-relaxed", children: faq.answer }) }))] }, index))) })] }) })] }));
+                                const testimonials = backendTestimonials.length > 0 ? backendTestimonials : fallbackTestimonials;
+                                return testimonials.slice(0, 3).map((testimonial, index) => (_jsxs(motion.div, { initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6, delay: index * 0.1 }, className: "text-center space-y-6", children: [_jsx("div", { className: "relative w-20 h-20 mx-auto rounded-full overflow-hidden mb-6 ring-4 ring-gray-100", children: _jsx(Image, { src: testimonial.image || '', alt: testimonial.name, fill: true, className: "object-cover" }) }), _jsx("div", { className: "flex justify-center gap-1 mb-4 text-yellow-500", children: [...Array(5)].map((_, i) => _jsx(Star, { className: "w-4 h-4 fill-current" }, i)) }), _jsx(Quote, { className: "w-8 h-8 text-gray-300 mx-auto" }), _jsxs("p", { className: "text-xl font-serif text-gray-800 italic leading-relaxed", children: ["\"", testimonial.quote, "\""] }), _jsxs("div", { children: [_jsx("div", { className: "font-bold uppercase tracking-wider text-sm", children: testimonial.name }), _jsx("div", { className: "text-gray-400 text-xs mt-1", children: testimonial.role })] })] }, testimonial.id || testimonial.name)));
+                            })() })] }) })), _jsxs("section", { "data-section": "marketing", className: "py-24 bg-gradient-to-br from-gray-900 via-gray-800 to-black text-white relative overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0 opacity-10", children: [_jsx("div", { className: "absolute top-0 left-0 w-96 h-96 bg-yellow-500 rounded-full blur-3xl" }), _jsx("div", { className: "absolute bottom-0 right-0 w-96 h-96 bg-blue-500 rounded-full blur-3xl" })] }), _jsx("div", { className: "container mx-auto px-6 max-w-4xl relative z-10", children: _jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6 }, className: "text-center space-y-8", children: [_jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-xs font-bold uppercase tracking-widest", children: [_jsx(Mail, { className: "w-3 h-3" }), layoutConfig?.sections?.marketing?.newsletterBadge || 'Stay Connected'] }), _jsx("h2", { className: "text-4xl md:text-5xl font-serif", children: layoutConfig?.sections?.marketing?.newsletterTitle || 'Join Our Newsletter' }), _jsx("p", { className: "text-xl text-gray-300 max-w-2xl mx-auto font-light", children: layoutConfig?.sections?.marketing?.newsletterSubtitle || 'Get weekly insights, exclusive content, and early access to new courses delivered straight to your inbox.' }), _jsxs("form", { onSubmit: handleSubscribe, className: "flex flex-col sm:flex-row gap-4 max-w-lg mx-auto", children: [_jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: layoutConfig?.sections?.marketing?.newsletterPlaceholder || 'Enter your email', required: true, className: "flex-1 px-6 py-4 rounded-full bg-white/10 backdrop-blur-md border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:border-transparent" }), _jsxs(Button, { type: "submit", size: "lg", className: "h-14 px-8 rounded-full bg-yellow-500 text-black hover:bg-yellow-400 font-bold text-lg transition-all transform hover:-translate-y-1 hover:shadow-xl", children: [layoutConfig?.sections?.marketing?.newsletterButton || 'Subscribe', _jsx(ArrowRight, { className: "ml-2 h-5 w-5" })] })] }), _jsx("p", { className: "text-sm text-gray-400", children: "We respect your privacy. Unsubscribe at any time." })] }) })] }), _jsx("section", { "data-section": "faq", className: "py-32 bg-white", children: _jsxs("div", { className: "container mx-auto px-6 max-w-4xl", children: [_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6 }, className: "text-center mb-16", children: [_jsx("span", { className: "text-gray-400 font-bold tracking-widest uppercase text-xs mb-4 block", children: "Support" }), _jsx("h2", { className: "text-4xl md:text-5xl font-serif text-gray-900 mb-4", children: "Frequently Asked Questions" }), _jsx("p", { className: "text-lg text-gray-600 max-w-2xl mx-auto", children: "Everything you need to know about our courses and membership." })] }), _jsx("div", { className: "space-y-4", children: faqItems.map((faq, index) => (_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.4, delay: index * 0.1 }, className: "border border-gray-200 rounded-lg overflow-hidden bg-white hover:shadow-lg transition-shadow", children: [_jsxs("button", { onClick: () => toggleFaq(index), className: "w-full px-6 py-5 flex items-center justify-between text-left hover:bg-gray-50 transition-colors", children: [_jsx("span", { className: "text-lg font-semibold text-gray-900 pr-8", children: faq.question }), _jsx(ChevronDown, { className: `w-5 h-5 text-gray-500 transition-transform shrink-0 ${openFaqIndex === index ? 'transform rotate-180' : ''}` })] }), openFaqIndex === index && (_jsx(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'auto' }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.3 }, className: "px-6 pb-5", children: _jsx("p", { className: "text-gray-600 leading-relaxed", children: faq.answer }) }))] }, index))) })] }) })] }));
 }

package/dist/layouts/motivational-speaker/components/MotivationalSpeakerPageWrapper.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { MotivationalLayout } from '../../shared/wrappers/MotivationalLayout.js';
+import { MotivationalLayout } from '../../shared/wrappers/MotivationalLayout';
 export const MotivationalSpeakerPageWrapper = (props) => {
     return _jsx(MotivationalLayout, { ...props });
 };

package/dist/layouts/motivational-speaker/index.js

@@ -1,10 +1,10 @@
 // Motivational Speaker layout — fully sandboxed exports
-export { MotivationalHomePage } from './components/MotivationalHomePage.js';
-export { MotivationalSpeakerPageWrapper as MotivationalPageWrapper } from './components/MotivationalSpeakerPageWrapper.js';
-export { MotivationalProductsPage } from './pages/ProductsPage.js';
-export { MotivationalServiceDetailPage } from './pages/ServiceDetailPage.js';
-export { MotivationalServicesPage } from './pages/ServicesPage.js';
-export { MotivationalSubscriptionPage } from './pages/SubscriptionPage.js';
-export { MotivationalCategoryPage } from './pages/CategoryPage.js';
-export { MotivationalAboutPage } from './pages/AboutPage.js';
-export { MotivationalContactPage } from './pages/ContactPage.js';
+export { MotivationalHomePage } from './components/MotivationalHomePage';
+export { MotivationalSpeakerPageWrapper as MotivationalPageWrapper } from './components/MotivationalSpeakerPageWrapper';
+export { MotivationalProductsPage } from './pages/ProductsPage';
+export { MotivationalServiceDetailPage } from './pages/ServiceDetailPage';
+export { MotivationalServicesPage } from './pages/ServicesPage';
+export { MotivationalSubscriptionPage } from './pages/SubscriptionPage';
+export { MotivationalCategoryPage } from './pages/CategoryPage';
+export { MotivationalAboutPage } from './pages/AboutPage';
+export { MotivationalContactPage } from './pages/ContactPage';

package/dist/layouts/motivational-speaker/pages/AboutPage.d.ts

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

package/dist/layouts/motivational-speaker/pages/AboutPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/motivational-speaker/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,2CA4PnF"}
+{"version":3,"file":"AboutPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/motivational-speaker/pages/AboutPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,cAAc,2CA2OvE"}