storefront-layouts-staging 1.0.0-staging.0

package/dist/layouts/shared/components/headers/FoodModernHeader.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../../components/ui/button.js';
+import { Modal } from '../../../../components/ui/modal.js';
+import { useToast } from '../../../../components/ui/toast.js';
+import { Menu as MenuIcon, Search, X, Calendar, Clock, Users, Mail, Phone, CheckCircle, User } from 'lucide-react';
+import { useAuth } from '../../../../lib/auth-context.js';
+import { usePathname } from 'next/navigation';
+import Link from 'next/link';
+import { useState, useEffect } from 'react';
+import { getLayoutText, getLogoUrl } from '../../../../lib/utils/asset-helpers.js';
+import { formatStoreDisplayName } from '../../../../lib/utils/index.js';
+import { StoreLogo } from '../../../../components/ui/store-logos.js';
+export function FoodModernHeader({ storeConfig }) {
+    const { addToast } = useToast();
+    const { isAuthenticated, openLogin } = useAuth();
+    const pathname = usePathname();
+    const [scrolled, setScrolled] = useState(false);
+    const [isReservationOpen, setIsReservationOpen] = useState(false);
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const [reservationStep, setReservationStep] = useState(1);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [isSearchOpen, setIsSearchOpen] = useState(false);
+    const storeDisplayName = formatStoreDisplayName(storeConfig.name);
+    useEffect(() => {
+        const handleScroll = () => {
+            setScrolled(window.scrollY > 50);
+        };
+        window.addEventListener('scroll', handleScroll);
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, []);
+    const handleReservationSubmit = (e) => {
+        e.preventDefault();
+        setIsSubmitting(true);
+        setTimeout(() => {
+            setIsSubmitting(false);
+            setReservationStep(2);
+            addToast('Table reserved successfully!', 'success');
+        }, 1500);
+    };
+    const closeReservation = () => {
+        setIsReservationOpen(false);
+        setTimeout(() => setReservationStep(1), 300);
+    };
+    const scrollToMenu = () => {
+        // If on homepage, scroll to menu section
+        if (window.location.pathname === `/${storeConfig.slug}`) {
+            const menuSection = document.getElementById('menu-section');
+            if (menuSection) {
+                menuSection.scrollIntoView({ behavior: 'smooth' });
+            }
+        }
+        else {
+            // If on other pages, navigate to menu page (if exists) or homepage anchor
+            window.location.href = `/${storeConfig.slug}#menu-section`;
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("nav", { className: `fixed top-0 left-0 right-0 z-40 transition-all duration-500 ${scrolled ? 'bg-[#0F0F0F]/95 backdrop-blur-xl border-b border-white/5 py-4' : 'bg-transparent py-8'}`, children: _jsxs("div", { className: "container mx-auto px-6 flex items-center justify-between", children: [getLogoUrl(storeConfig) ? (_jsx(Link, { href: `/${storeConfig.slug}`, className: "relative z-50", children: _jsx(StoreLogo, { storeConfig: storeConfig, className: "h-10 w-10 transition-all duration-300 hover:opacity-90", alt: storeDisplayName }) })) : (_jsxs(Link, { href: `/${storeConfig.slug}`, className: "text-2xl font-black tracking-tighter relative z-50 group text-white", children: [storeDisplayName, _jsx("span", { className: "text-orange-500 group-hover:text-white transition-colors duration-300", children: "." })] })), _jsxs("div", { className: "hidden md:flex items-center gap-10 text-xs font-bold tracking-[0.2em] uppercase text-white", children: [_jsx("button", { onClick: scrollToMenu, className: "hover:text-orange-500 transition-colors relative after:content-[''] after:absolute after:-bottom-2 after:left-0 after:w-0 after:h-0.5 after:bg-orange-500 hover:after:w-full after:transition-all", children: "Menu" }), _jsx("button", { onClick: () => setIsReservationOpen(true), className: "hover:text-orange-500 transition-colors relative after:content-[''] after:absolute after:-bottom-2 after:left-0 after:w-0 after:h-0.5 after:bg-orange-500 hover:after:w-full after:transition-all", children: "Reservations" }), _jsx(Link, { href: `/${storeConfig.slug}/about`, className: "hover:text-orange-500 transition-colors relative after:content-[''] after:absolute after:-bottom-2 after:left-0 after:w-0 after:h-0.5 after:bg-orange-500 hover:after:w-full after:transition-all", children: "Story" }), _jsx(Link, { href: `/${storeConfig.slug}/contact`, className: "hover:text-orange-500 transition-colors relative after:content-[''] after:absolute after:-bottom-2 after:left-0 after:w-0 after:h-0.5 after:bg-orange-500 hover:after:w-full after:transition-all", children: "Contact" })] }), _jsxs("div", { className: "flex items-center gap-6", children: [_jsx(Button, { variant: "ghost", size: "icon", className: "text-white hover:text-orange-500 hover:bg-white/5 rounded-full md:hidden", onClick: () => setIsMenuOpen(true), children: _jsx(MenuIcon, { className: "h-6 w-6" }) }), storeConfig.features.search && (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => setIsSearchOpen(!isSearchOpen), className: "text-white hover:text-orange-500 hover:bg-white/5 rounded-full hidden md:flex", children: _jsx(Search, { className: "h-5 w-5" }) })), !isAuthenticated ? (_jsx(Button, { variant: "ghost", size: "icon", className: "text-white hover:text-orange-500 hover:bg-white/5 rounded-full hidden sm:flex", "aria-label": "Sign in", onClick: () => openLogin({
+                                        callbackUrl: pathname || `/${storeConfig.slug}`,
+                                    }), children: _jsx(User, { className: "h-5 w-5" }) })) : (_jsx(Link, { href: `/${storeConfig.slug}/account`, children: _jsx(Button, { variant: "ghost", size: "icon", className: "text-white hover:text-orange-500 hover:bg-white/5 rounded-full hidden sm:flex", "aria-label": "My account", children: _jsx(User, { className: "h-5 w-5" }) }) })), _jsx(Button, { onClick: () => setIsReservationOpen(true), className: "bg-white text-black hover:bg-orange-500 hover:text-white rounded-full px-8 font-bold uppercase tracking-wider text-xs h-10 transition-all duration-300 hidden sm:flex", children: "Book Table" })] })] }) }), isSearchOpen && storeConfig.features.search && (_jsx("div", { className: "fixed inset-0 z-50 bg-[#0F0F0F]/98 backdrop-blur-xl pt-20", children: _jsx("div", { className: "container mx-auto px-6", children: _jsxs("div", { className: "relative max-w-2xl mx-auto", children: [_jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 h-6 w-6 text-gray-400" }), _jsx("input", { type: "text", placeholder: getLayoutText(storeConfig, 'header.searchPlaceholder', 'Search menu items...'), autoFocus: true, className: "w-full pl-14 pr-4 py-6 text-xl bg-transparent border-b-2 border-orange-500/50 text-white focus:outline-none focus:border-orange-500", onBlur: () => setIsSearchOpen(false) })] }) }) })), _jsx("div", { className: `fixed inset-0 z-50 bg-[#0F0F0F] transition-transform duration-500 ${isMenuOpen ? 'translate-x-0' : '-translate-x-full'}`, children: _jsxs("div", { className: "flex flex-col h-full p-8 text-white", children: [_jsxs("div", { className: "flex justify-between items-center mb-12", children: [!getLogoUrl(storeConfig) ? (_jsxs("span", { className: "text-2xl font-black uppercase", children: [storeConfig.name, _jsx("span", { className: "text-orange-500", children: "." })] })) : (_jsx(StoreLogo, { storeConfig: storeConfig, className: "h-10 w-10", alt: storeConfig.name })), _jsx("button", { onClick: () => setIsMenuOpen(false), className: "text-white hover:text-orange-500", children: _jsx(X, { className: "h-8 w-8" }) })] }), _jsxs("div", { className: "flex flex-col gap-8 text-2xl font-black uppercase tracking-tight", children: [_jsx("button", { onClick: () => { scrollToMenu(); setIsMenuOpen(false); }, className: "text-left hover:text-orange-500", children: "Menu" }), _jsx("button", { onClick: () => { setIsReservationOpen(true); setIsMenuOpen(false); }, className: "text-left hover:text-orange-500", children: "Reservations" }), _jsx(Link, { href: `/${storeConfig.slug}/about`, onClick: () => setIsMenuOpen(false), className: "hover:text-orange-500", children: "Story" }), _jsx(Link, { href: `/${storeConfig.slug}/contact`, onClick: () => setIsMenuOpen(false), className: "hover:text-orange-500", children: "Contact" })] })] }) }), _jsx(Modal, { isOpen: isReservationOpen, onClose: closeReservation, title: "Table Reservation", className: "bg-[#1A1A1A] text-white border border-white/10 rounded-none", children: reservationStep === 1 ? (_jsxs("form", { onSubmit: handleReservationSubmit, className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold uppercase tracking-wider text-gray-500", children: "Date" }), _jsxs("div", { className: "relative", children: [_jsx(Calendar, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("input", { type: "date", required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold uppercase tracking-wider text-gray-500", children: "Time" }), _jsxs("div", { className: "relative", children: [_jsx(Clock, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsxs("select", { required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm text-gray-300", children: [_jsx("option", { children: "18:00" }), _jsx("option", { children: "18:30" }), _jsx("option", { children: "19:00" }), _jsx("option", { children: "19:30" }), _jsx("option", { children: "20:00" }), _jsx("option", { children: "20:30" })] })] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold uppercase tracking-wider text-gray-500", children: "Guests" }), _jsxs("div", { className: "relative", children: [_jsx(Users, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("select", { required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm text-gray-300", children: [1, 2, 3, 4, 5, 6, 7, 8].map(n => _jsxs("option", { value: n, children: [n, " People"] }, n)) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold uppercase tracking-wider text-gray-500", children: "Contact Details" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "relative", children: [_jsx(Users, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("input", { type: "text", placeholder: "Full Name", required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm" })] }), _jsxs("div", { className: "relative", children: [_jsx(Mail, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("input", { type: "email", placeholder: "Email Address", required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm" })] }), _jsxs("div", { className: "relative", children: [_jsx(Phone, { className: "absolute left-3 top-3 h-4 w-4 text-gray-400" }), _jsx("input", { type: "tel", placeholder: "Phone Number", required: true, className: "w-full pl-10 pr-4 py-3 bg-[#0F0F0F] border border-white/10 rounded-none focus:outline-none focus:border-orange-500 text-sm" })] })] })] }), _jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full h-14 bg-orange-600 hover:bg-orange-700 text-white font-bold uppercase tracking-[0.2em] rounded-none mt-4", children: isSubmitting ? 'Confirming...' : 'Confirm Reservation' })] })) : (_jsxs("div", { className: "text-center py-8 space-y-6", children: [_jsx("div", { className: "w-20 h-20 bg-green-500/10 rounded-full flex items-center justify-center mx-auto border border-green-500/20", children: _jsx(CheckCircle, { className: "h-10 w-10 text-green-500" }) }), _jsx("h3", { className: "text-2xl font-bold uppercase tracking-tight", children: "Confirmed" }), _jsx("p", { className: "text-gray-400", children: "Your table has been reserved. Check your email for details." }), _jsx(Button, { onClick: closeReservation, className: "bg-white text-black hover:bg-gray-200 rounded-none px-10 h-12 uppercase tracking-wider font-bold", children: "Close" })] })) })] }));
+}

package/dist/layouts/shared/index.d.ts

@@ -0,0 +1,23 @@
+export { BaseStoreLayout } from './components/BaseStoreLayout';
+export { GenericPageWrapper } from './components/GenericPageWrapper';
+export { PromoBanner } from './components/PromoBanner';
+export { StoreFooter } from './components/StoreFooter';
+export { StoreHeader } from './components/StoreHeader';
+export { TestimonialCard } from './components/TestimonialCard';
+export { AccountPage } from './pages/AccountPage';
+export { CartPage } from './pages/CartPage';
+export { CheckoutPage } from './pages/CheckoutPage';
+export { CookiePolicyPage } from './pages/CookiePolicyPage';
+export { FeatureDisabledPage } from './pages/FeatureDisabledPage';
+export { HelpCenterPage } from './pages/HelpCenterPage';
+export { MaintenancePage } from './pages/MaintenancePage';
+export { PortfolioPage } from './pages/PortfolioPage';
+export { PrivacyPolicyPage } from './pages/PrivacyPolicyPage';
+export { ShippingReturnsPage } from './pages/ShippingReturnsPage';
+export { SizeGuidePage } from './pages/SizeGuidePage';
+export { StyleGuidePage } from './pages/StyleGuidePage';
+export { TeamPage } from './pages/TeamPage';
+export { TermsPage } from './pages/TermsPage';
+export { TrackOrderPage } from './pages/TrackOrderPage';
+export { WishlistPage } from './pages/WishlistPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/shared/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/layouts/shared/index.js

@@ -0,0 +1,23 @@
+// Shared layout exports
+export { BaseStoreLayout } from './components/BaseStoreLayout.js';
+export { GenericPageWrapper } from './components/GenericPageWrapper.js';
+export { PromoBanner } from './components/PromoBanner.js';
+export { StoreFooter } from './components/StoreFooter.js';
+export { StoreHeader } from './components/StoreHeader.js';
+export { TestimonialCard } from './components/TestimonialCard.js';
+export { AccountPage } from './pages/AccountPage.js';
+export { CartPage } from './pages/CartPage.js';
+export { CheckoutPage } from './pages/CheckoutPage.js';
+export { CookiePolicyPage } from './pages/CookiePolicyPage.js';
+export { FeatureDisabledPage } from './pages/FeatureDisabledPage.js';
+export { HelpCenterPage } from './pages/HelpCenterPage.js';
+export { MaintenancePage } from './pages/MaintenancePage.js';
+export { PortfolioPage } from './pages/PortfolioPage.js';
+export { PrivacyPolicyPage } from './pages/PrivacyPolicyPage.js';
+export { ShippingReturnsPage } from './pages/ShippingReturnsPage.js';
+export { SizeGuidePage } from './pages/SizeGuidePage.js';
+export { StyleGuidePage } from './pages/StyleGuidePage.js';
+export { TeamPage } from './pages/TeamPage.js';
+export { TermsPage } from './pages/TermsPage.js';
+export { TrackOrderPage } from './pages/TrackOrderPage.js';
+export { WishlistPage } from './pages/WishlistPage.js';

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

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

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

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