storefront-layouts-staging 1.0.0-staging.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CookiePolicyPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/CookiePolicyPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,qBAAqB;IAC7B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,EAAE,qBAAqB,2CA0FtE"}

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

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cookie, ArrowLeft } from 'lucide-react';
+import Link from 'next/link';
+import { formatDateSafe } from '../../../utils/date.js';
+export function CookiePolicyPage({ storeConfig }) {
+    const primaryColor = storeConfig.branding.primaryColor;
+    return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-20", children: [_jsx("div", { className: "bg-white border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-8", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "inline-flex items-center gap-2 text-gray-500 hover:text-gray-900 transition-colors mb-6", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), "Back to Home"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center", style: { backgroundColor: `${primaryColor}15` }, children: _jsx(Cookie, { className: "w-6 h-6", style: { color: primaryColor } }) }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: "Cookie Policy" })] })] }) }), _jsx("div", { className: "container mx-auto px-4 py-12 max-w-4xl", children: _jsxs("div", { className: "bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100 prose prose-lg max-w-none", children: [_jsxs("p", { className: "text-gray-500 lead", children: ["Last updated: ", formatDateSafe(new Date(), undefined, { month: 'long', day: 'numeric', year: 'numeric' })] }), _jsx("p", { children: "This Cookie Policy explains what cookies are and how we use them. You should read this policy so you can understand what type of cookies we use, or the information we collect using cookies and how that information is used." }), _jsx("h3", { children: "What are cookies?" }), _jsx("p", { children: "Cookies are small text files that are sent to your web browser by a website you visit. A cookie file is stored in your web browser and allows the Service or a third-party to recognize you and make your next visit easier and the Service more useful to you." }), _jsxs("h3", { children: ["How ", storeConfig.name, " uses cookies"] }), _jsx("p", { children: "When you use and access the Service, we may place a number of cookies files in your web browser. We use cookies for the following purposes:" }), _jsxs("ul", { children: [_jsx("li", { children: "To enable certain functions of the Service" }), _jsx("li", { children: "To provide analytics" }), _jsx("li", { children: "To store your preferences" }), _jsx("li", { children: "To enable advertisements delivery, including behavioral advertising" })] }), _jsx("h3", { children: "Types of cookies we use" }), _jsx("h4", { children: "Essential Cookies" }), _jsx("p", { children: "We use essential cookies to authenticate users and prevent fraudulent use of user accounts." }), _jsx("h4", { children: "Preferences Cookies" }), _jsx("p", { children: "We use preferences cookies to remember information that changes the way the Service behaves or looks, such as the \"remember me\" functionality of a registered user or a user's language preference." }), _jsx("h4", { children: "Analytics Cookies" }), _jsx("p", { children: "We use analytics cookies to track information how the Service is used so that we can make improvements. We may also use analytics cookies to test new advertisements, pages, features or new functionality of the Service to see how our users react to them." }), _jsx("h3", { children: "Third-party cookies" }), _jsx("p", { children: "In addition to our own cookies, we may also use various third-parties cookies to report usage statistics of the Service, deliver advertisements on and through the Service, and so on." }), _jsx("h3", { children: "What are your choices regarding cookies?" }), _jsx("p", { children: "If you'd like to delete cookies or instruct your web browser to delete or refuse cookies, please visit the help pages of your web browser." }), _jsx("p", { children: "Please note, however, that if you delete cookies or refuse to accept them, you might not be able to use all of the features we offer, you may not be able to store your preferences, and some of our pages might not display properly." })] }) })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureDisabledPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/FeatureDisabledPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,UAAU,wBAAwB;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,WAAW,EACX,kBAAiE,EAClE,EAAE,wBAAwB,2CAwD1B"}

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

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { Button } from '../../../components/ui/button.js';
+import { Home, ArrowLeft, Lock } from 'lucide-react';
+export function FeatureDisabledPage({ storeConfig, featureName, featureDescription = 'This page is not available for this store.' }) {
+    return (_jsx("div", { className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-gray-50 via-white to-gray-50 px-4", children: _jsxs("div", { className: "text-center max-w-2xl w-full", children: [_jsxs("div", { className: "mb-8", children: [_jsx("div", { className: "w-20 h-20 mx-auto mb-6 rounded-full bg-gray-100 flex items-center justify-center", children: _jsx(Lock, { className: "w-10 h-10 text-gray-400" }) }), _jsx("h1", { className: "text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-gray-900 via-gray-700 to-gray-900 mb-4 tracking-tight", children: "Page Not Available" }), _jsx("div", { className: "w-24 h-1 bg-gradient-to-r from-transparent via-gray-400 to-transparent mx-auto" })] }), _jsxs("div", { className: "space-y-4 mb-12", children: [_jsxs("h2", { className: "text-2xl md:text-3xl font-bold text-gray-900", children: [featureName, " is not enabled"] }), _jsx("p", { className: "text-lg text-gray-600 max-w-md mx-auto leading-relaxed", children: featureDescription })] }), _jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 mb-12", children: [_jsx(Link, { href: `/${storeConfig.slug}`, children: _jsxs(Button, { size: "lg", className: "w-full sm:w-auto bg-black hover:bg-gray-800 text-white rounded-full px-8 py-6 h-auto font-semibold shadow-lg shadow-black/10 hover:shadow-xl transition-all hover:scale-105 flex items-center gap-2", children: [_jsx(Home, { className: "w-5 h-5" }), "Back to Store"] }) }), _jsx(Link, { href: `/${storeConfig.slug}`, children: _jsxs(Button, { variant: "outline", size: "lg", className: "w-full sm:w-auto border-2 border-gray-200 hover:border-gray-300 rounded-full px-8 py-6 h-auto font-semibold hover:bg-gray-50 transition-all flex items-center gap-2", children: [_jsx(ArrowLeft, { className: "w-5 h-5" }), "Go Back"] }) })] }), _jsxs("div", { className: "absolute inset-0 -z-10 overflow-hidden pointer-events-none", children: [_jsx("div", { className: "absolute top-1/4 left-1/4 w-96 h-96 bg-gray-100 rounded-full blur-3xl opacity-20" }), _jsx("div", { className: "absolute bottom-1/4 right-1/4 w-96 h-96 bg-gray-100 rounded-full blur-3xl opacity-20" })] })] }) }));
+}

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

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

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

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

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

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search, ChevronDown, ChevronUp, Mail, Phone, MessageCircle } from 'lucide-react';
+import { useState } from 'react';
+import { Button } from '../../../components/ui/button.js';
+export function HelpCenterPage({ storeConfig }) {
+    const primaryColor = storeConfig.branding.primaryColor;
+    const faqConfig = storeConfig.layoutConfig?.pages?.faq;
+    // Convert flat list of FAQs from config to categorized structure if needed,
+    // or just use a default category if the structure doesn't match perfectly.
+    // For simplicity, if config items exist, we'll put them in a "General Questions" category.
+    const faqs = faqConfig?.items ? [
+        {
+            category: "Frequently Asked Questions",
+            questions: faqConfig.items.map(item => ({ q: item.question, a: item.answer }))
+        }
+    ] : [
+        {
+            category: "Ordering & Payment",
+            questions: [
+                { q: "What payment methods do you accept?", a: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and various local payment methods depending on your region." },
+                { q: "Can I modify my order after placing it?", a: "Orders can be modified within 30 minutes of placement. Please contact our support team immediately if you need to make changes." },
+                { q: "How do I use a promo code?", a: "You can enter your promo code at checkout in the designated box. The discount will be applied to your total immediately." }
+            ]
+        },
+        {
+            category: "Shipping & Delivery",
+            questions: [
+                { q: "Do you ship internationally?", a: "Yes, we ship to most countries worldwide. Shipping costs and delivery times vary by location." },
+                { q: "How long will my order take to arrive?", a: "Standard shipping typically takes 3-5 business days domestically. Express shipping options are available at checkout." },
+                { q: "How can I track my order?", a: "Once your order ships, you'll receive a confirmation email with a tracking number and link to track your package." }
+            ]
+        },
+        {
+            category: "Returns & Refunds",
+            questions: [
+                { q: "What is your return policy?", a: "We offer a 30-day return policy for unused items in original packaging. Some exclusions apply to final sale items." },
+                { q: "How long do refunds take to process?", a: "Refunds are typically processed within 5-7 business days after we receive your return." }
+            ]
+        }
+    ];
+    const [openIndex, setOpenIndex] = useState(null);
+    const toggleAccordion = (id) => {
+        setOpenIndex(openIndex === id ? null : id);
+    };
+    return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-20", children: [_jsx("div", { className: "bg-white border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-16 sm:py-24 text-center max-w-3xl", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight text-gray-900 mb-6", children: faqConfig?.title || "How can we help you?" }), _jsxs("div", { className: "relative max-w-xl mx-auto", children: [_jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400" }), _jsx("input", { type: "text", placeholder: "Search for answers...", className: "w-full pl-12 pr-4 py-4 rounded-xl border border-gray-200 shadow-sm focus:outline-none focus:ring-2 focus:border-transparent text-lg", style: { '--tw-ring-color': primaryColor } })] })] }) }), _jsxs("div", { className: "container mx-auto px-4 py-12 max-w-4xl", children: [_jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-16", children: [
+                            { title: "Track Order", icon: MessageCircle, desc: "Check your order status" },
+                            { title: "Shipping Info", icon: Mail, desc: "Delivery times & costs" },
+                            { title: "Returns", icon: Phone, desc: "Start a return or exchange" }
+                        ].map((item, i) => (_jsxs("div", { className: "bg-white p-6 rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow cursor-pointer", children: [_jsx(item.icon, { className: "h-8 w-8 mb-4", style: { color: primaryColor } }), _jsx("h3", { className: "font-semibold text-lg text-gray-900 mb-2", children: item.title }), _jsx("p", { className: "text-gray-500", children: item.desc })] }, i))) }), _jsx("div", { className: "space-y-12", children: faqs.map((section, sectionIdx) => (_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-6", children: section.category }), _jsx("div", { className: "space-y-4", children: section.questions.map((faq, faqIdx) => {
+                                        const id = `${sectionIdx}-${faqIdx}`;
+                                        const isOpen = openIndex === id;
+                                        return (_jsxs("div", { className: "bg-white border border-gray-200 rounded-lg overflow-hidden transition-all duration-200", children: [_jsxs("button", { onClick: () => toggleAccordion(id), className: "w-full flex items-center justify-between p-5 text-left bg-white hover:bg-gray-50 transition-colors", children: [_jsx("span", { className: "font-medium text-gray-900", children: faq.q }), isOpen ? (_jsx(ChevronUp, { className: "h-5 w-5 text-gray-500" })) : (_jsx(ChevronDown, { className: "h-5 w-5 text-gray-500" }))] }), _jsx("div", { className: `overflow-hidden transition-all duration-300 ease-in-out ${isOpen ? 'max-h-48 opacity-100' : 'max-h-0 opacity-0'}`, children: _jsx("div", { className: "p-5 pt-0 text-gray-600 border-t border-gray-100 bg-gray-50/50", children: faq.a }) })] }, faqIdx));
+                                    }) })] }, sectionIdx))) }), _jsxs("div", { className: "mt-20 bg-white rounded-2xl p-8 md:p-12 border border-gray-100 shadow-lg text-center", children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Still need help?" }), _jsx("p", { className: "text-gray-500 mb-8 max-w-lg mx-auto", children: "Our support team is available Monday through Friday, 9am to 6pm EST. We usually respond within 24 hours." }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [_jsx(Button, { className: "px-8 py-6 text-base", style: { backgroundColor: primaryColor }, children: "Contact Support" }), _jsx(Button, { variant: "outline", className: "px-8 py-6 text-base", children: "Email Us" })] })] })] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaintenancePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/MaintenancePage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,oBAAoB;IAC5B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CA2EpE"}

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

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatStoreDisplayName } from '../../../lib/utils/index.js';
+import { getCurrentYear } from '../../../utils/date.js';
+import { RefreshCw, Store } from 'lucide-react';
+export function MaintenancePage({ storeConfig }) {
+    const primaryColor = storeConfig.branding.primaryColor || '#1b0029';
+    const storeDisplayName = formatStoreDisplayName(storeConfig.name);
+    return (_jsxs("div", { className: "relative flex min-h-[100dvh] min-h-screen items-center justify-center overflow-hidden bg-[#f7f5f0] px-4 py-6 pb-[max(1.5rem,env(safe-area-inset-bottom))] pt-[max(1.5rem,env(safe-area-inset-top))] selection:bg-[#f7f5f0] selection:text-[#1b0029] sm:px-6 sm:py-10", style: { backgroundColor: '#f7f5f0' }, children: [_jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [_jsx("div", { className: "absolute right-[-20%] top-[-15%] h-[280px] w-[280px] rounded-full bg-[#f7f5f0] opacity-90 blur-[80px] sm:h-[480px] sm:w-[480px] sm:blur-[100px]" }), _jsx("div", { className: "absolute bottom-0 left-[-10%] h-[240px] w-[320px] bg-gradient-to-t from-[#d16253]/12 to-transparent sm:h-[480px] sm:w-[640px]" }), _jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_20%_20%,rgba(68,0,102,0.05),transparent_40%),radial-gradient(circle_at_80%_70%,rgba(209,98,83,0.08),transparent_45%)]" })] }), _jsxs("div", { className: "relative z-10 w-full max-w-md text-center sm:max-w-2xl lg:max-w-3xl", children: [_jsxs("div", { className: "mb-5 flex flex-col items-center gap-3 sm:mb-7 sm:gap-4", children: [_jsx("span", { className: "inline-flex items-center rounded-full border border-[#1b0029]/10 bg-white px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-[#1b0029] shadow-sm sm:text-xs sm:tracking-wide", children: "Coming Soon" }), _jsxs("div", { className: "relative flex h-20 w-20 items-center justify-center sm:h-24 sm:w-24 md:h-28 md:w-28", children: [_jsx("div", { className: "absolute inset-0 rounded-full opacity-20 blur-lg animate-pulse-slow sm:blur-xl", style: { backgroundColor: primaryColor } }), _jsx("div", { className: "relative flex h-full w-full rotate-2 transform items-center justify-center rounded-2xl border border-[#1b0029]/10 bg-white p-3 shadow-xl transition-transform duration-500 hover:rotate-0 sm:rounded-[28px] sm:p-3.5 md:rounded-[32px]", children: storeConfig.branding?.logo ? (_jsx("img", { src: storeConfig.branding.logo, alt: storeDisplayName, className: "max-h-full max-w-full object-contain" })) : (_jsx(Store, { className: "h-9 w-9 text-[#1b0029] sm:h-11 sm:w-11 md:h-12 md:w-12" })) })] })] }), _jsxs("div", { className: "animate-fade-in-up space-y-3 sm:space-y-4", children: [_jsxs("h1", { className: "text-[1.65rem] font-semibold leading-tight tracking-tight text-[#1b0029] sm:text-3xl md:text-4xl lg:text-5xl", children: ["Something good is", ' ', _jsx("span", { className: "font-normal italic text-[#d16253]", children: "on the way" }), "."] }), _jsxs("div", { className: "mx-auto max-w-lg space-y-2 sm:space-y-2.5", children: [_jsxs("p", { className: "text-sm font-medium leading-snug text-[#1b0029] sm:text-base md:text-lg", children: [storeDisplayName, " isn't open for shopping right now."] }), _jsx("p", { className: "text-xs leading-relaxed text-[#5c4d68] sm:text-sm md:text-base", children: "Check back soon \u2014 we're putting the finishing touches on this storefront." })] })] }), _jsx("div", { className: "mt-5 flex animate-fade-in-up justify-center sm:mt-7", style: { animationDelay: '0.1s' }, children: _jsxs("button", { type: "button", onClick: () => window.location.reload(), className: "group flex h-11 w-full max-w-xs items-center justify-center rounded-full bg-[#1b0029] px-5 text-sm font-semibold text-white shadow-md transition-all hover:bg-[#220033] hover:shadow-lg sm:h-12 sm:max-w-none sm:min-w-[180px] sm:px-7 sm:text-base", children: [_jsx(RefreshCw, { className: "mr-1.5 h-4 w-4 transition-transform group-hover:rotate-180 sm:mr-2 sm:h-5 sm:w-5" }), "Try Again"] }) }), _jsxs("p", { className: "mt-5 text-[10px] font-medium text-[#7b6d88] sm:mt-7 sm:text-xs", children: ["\u00A9 ", getCurrentYear(), " Storefront Inc."] })] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfolioPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/PortfolioPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CAwThE"}

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

@@ -0,0 +1,130 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Calendar, X, ChevronLeft, ChevronRight } from 'lucide-react';
+import Link from 'next/link';
+import { useState, useEffect, useCallback } from 'react';
+import { cn } from '../../../lib/utils/index.js';
+import Image from 'next/image';
+export function PortfolioPage({ storeConfig }) {
+    const primaryColor = storeConfig.branding.primaryColor;
+    const [activeCategory, setActiveCategory] = useState('All');
+    const portfolioConfig = storeConfig.layoutConfig?.pages?.portfolio;
+    // Use config projects or fallback to mock data
+    const portfolioItems = portfolioConfig?.projects?.map((item, index) => ({
+        id: `p${index}`,
+        title: item.title,
+        category: item.category || 'General',
+        image: item.image,
+        date: item.date || '2024',
+        description: item.description,
+        featured: index === 0 || index === 5, // Simple logic for featured
+    })) || [
+        {
+            id: 'p1',
+            title: 'Bridal Makeup Collection',
+            category: 'Bridal',
+            image: 'https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?w=800&q=80',
+            date: '2024',
+            description: 'A stunning collection of bridal looks showcasing elegance and sophistication.',
+            featured: true,
+        },
+        // ... other fallback items
+        {
+            id: 'p2',
+            title: 'Editorial Beauty',
+            category: 'Editorial',
+            image: 'https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=800&q=80',
+            date: '2024',
+            description: 'High-fashion editorial work for magazines and campaigns.',
+            featured: false,
+        },
+        {
+            id: 'p3',
+            title: 'Evening Glamour',
+            category: 'Special Occasion',
+            image: 'https://images.unsplash.com/photo-1516975080664-ed2fc6a32937?w=800&q=80',
+            date: '2024',
+            description: 'Red carpet ready looks for special events and galas.',
+            featured: false,
+        },
+        {
+            id: 'p4',
+            title: 'Natural Beauty',
+            category: 'Natural',
+            image: 'https://images.unsplash.com/photo-1503236823255-94308829887f?w=800&q=80',
+            date: '2024',
+            description: 'Soft, natural looks that enhance your best features.',
+            featured: false,
+        },
+        {
+            id: 'p5',
+            title: 'Creative Transformations',
+            category: 'Creative',
+            image: 'https://images.unsplash.com/photo-1522337660859-02fbefca4702?w=800&q=80',
+            date: '2024',
+            description: 'Bold and creative makeup artistry for photoshoots.',
+            featured: false,
+        },
+        {
+            id: 'p6',
+            title: 'Traditional Elegance',
+            category: 'Traditional',
+            image: 'https://images.unsplash.com/photo-1596704017254-9b121068fb31?w=800&q=80',
+            date: '2024',
+            description: 'Celebrating cultural beauty with traditional makeup styles.',
+            featured: true,
+        },
+    ];
+    const categories = Array.from(new Set(portfolioItems.map(item => item.category)));
+    // Filter portfolio items based on active category
+    const filteredItems = activeCategory === 'All'
+        ? portfolioItems
+        : portfolioItems.filter(item => item.category === activeCategory);
+    const [selectedIndex, setSelectedIndex] = useState(null);
+    const handleNext = useCallback((e) => {
+        e?.stopPropagation();
+        if (selectedIndex === null)
+            return;
+        setSelectedIndex((prev) => (prev === null ? null : (prev + 1) % filteredItems.length));
+    }, [selectedIndex, filteredItems.length]);
+    const handlePrev = useCallback((e) => {
+        e?.stopPropagation();
+        if (selectedIndex === null)
+            return;
+        setSelectedIndex((prev) => (prev === null ? null : (prev - 1 + filteredItems.length) % filteredItems.length));
+    }, [selectedIndex, filteredItems.length]);
+    const handleClose = useCallback(() => {
+        setSelectedIndex(null);
+    }, []);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (selectedIndex === null)
+                return;
+            if (e.key === 'ArrowRight')
+                handleNext();
+            if (e.key === 'ArrowLeft')
+                handlePrev();
+            if (e.key === 'Escape')
+                handleClose();
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [selectedIndex, handleNext, handlePrev, handleClose]);
+    // Lock body scroll when modal is open
+    useEffect(() => {
+        if (selectedIndex !== null) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = 'unset';
+        }
+        return () => {
+            document.body.style.overflow = 'unset';
+        };
+    }, [selectedIndex]);
+    return (_jsxs("div", { className: "min-h-screen bg-white", children: [_jsxs("div", { className: "bg-gradient-to-b from-gray-50 to-white pt-32 pb-20 px-4 text-center border-b border-gray-100", children: [_jsx("h1", { className: "text-4xl md:text-5xl font-light mb-6 tracking-tight text-gray-900", children: portfolioConfig?.title || "Our Portfolio" }), _jsx("p", { className: "text-gray-500 max-w-2xl mx-auto text-lg font-light leading-relaxed", children: portfolioConfig?.description || `Explore our work and see the artistry behind ${storeConfig.name}.` })] }), _jsx("div", { className: "sticky top-16 z-30 bg-white/80 backdrop-blur-xl border-b border-gray-100", children: _jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "flex items-center gap-3 overflow-x-auto py-4 scrollbar-hide", children: [_jsx("button", { onClick: () => setActiveCategory('All'), className: cn("px-6 py-2.5 rounded-full text-sm font-bold whitespace-nowrap flex-shrink-0 transition-all", activeCategory === 'All'
+                                    ? "bg-gray-900 text-white shadow-sm"
+                                    : "text-gray-500 hover:text-gray-900 hover:bg-gray-50"), children: "All" }), categories.map((category) => (_jsx("button", { onClick: () => setActiveCategory(category), className: cn("px-6 py-2.5 rounded-full text-sm font-bold whitespace-nowrap flex-shrink-0 transition-all", activeCategory === category
+                                    ? "text-white shadow-sm"
+                                    : "text-gray-500 hover:text-gray-900 hover:bg-gray-50"), style: activeCategory === category ? { backgroundColor: primaryColor } : {}, children: category }, category)))] }) }) }), _jsx("div", { className: "container mx-auto px-4 max-w-7xl py-16", children: _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: filteredItems.map((item, index) => (_jsxs("div", { onClick: () => setSelectedIndex(index), className: "group relative overflow-hidden rounded-2xl bg-gray-100 aspect-[4/5] cursor-pointer", children: [_jsx(Image, { src: item.image, alt: item.title, fill: true, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6", children: _jsxs("div", { className: "text-white", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className: "text-xs font-bold uppercase tracking-wider opacity-80", children: item.category }), item.featured && (_jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-white/20 backdrop-blur", children: "Featured" }))] }), _jsx("h3", { className: "text-xl font-bold mb-2", children: item.title }), _jsx("p", { className: "text-sm text-white/80 mb-4 line-clamp-2", children: item.description }), _jsx("div", { className: "flex items-center gap-4 text-xs text-white/60", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Calendar, { className: "w-3.5 h-3.5" }), item.date] }) })] }) }), item.featured && (_jsx("div", { className: "absolute top-4 right-4 bg-white/95 backdrop-blur px-3 py-1 rounded-full text-xs font-bold shadow-sm", children: "Featured" }))] }, item.id))) }) }), selectedIndex !== null && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/95 backdrop-blur-md animate-in fade-in duration-200", onClick: handleClose, children: [_jsx("button", { onClick: handleClose, className: "absolute top-6 right-6 p-2 text-white/70 hover:text-white transition-colors hover:bg-white/10 rounded-full z-50", children: _jsx(X, { className: "w-8 h-8" }) }), _jsx("button", { onClick: handlePrev, className: "absolute left-4 md:left-8 top-1/2 -translate-y-1/2 p-3 text-white/70 hover:text-white transition-all hover:bg-white/10 rounded-full z-50 hover:scale-110", "aria-label": "Previous image", children: _jsx(ChevronLeft, { className: "w-8 h-8 md:w-10 md:h-10" }) }), _jsx("button", { onClick: handleNext, className: "absolute right-4 md:right-8 top-1/2 -translate-y-1/2 p-3 text-white/70 hover:text-white transition-all hover:bg-white/10 rounded-full z-50 hover:scale-110", "aria-label": "Next image", children: _jsx(ChevronRight, { className: "w-8 h-8 md:w-10 md:h-10" }) }), _jsxs("div", { className: "relative w-full h-full max-w-7xl mx-auto p-4 md:p-12 flex flex-col items-center justify-center", onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "relative w-full h-full flex items-center justify-center", children: _jsx(Image, { src: filteredItems[selectedIndex].image, alt: filteredItems[selectedIndex].title, fill: true, className: "max-w-full max-h-[85vh] object-contain shadow-2xl rounded-sm", unoptimized: true }) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 z-20 p-8 pb-10 flex flex-col items-center justify-end bg-gradient-to-t from-black/90 via-black/60 to-transparent pt-32 pointer-events-none", children: _jsxs("div", { className: "text-center max-w-3xl mx-auto pointer-events-auto", children: [_jsx("h3", { className: "text-2xl md:text-3xl font-bold text-white mb-3 drop-shadow-lg", children: filteredItems[selectedIndex].title }), _jsx("p", { className: "text-white/90 text-base md:text-lg drop-shadow-md leading-relaxed max-w-2xl mx-auto", children: filteredItems[selectedIndex].description }), _jsxs("div", { className: "mt-4 flex items-center justify-center gap-3", children: [_jsx("span", { className: "bg-white/20 backdrop-blur-md px-3 py-1 rounded-full text-white text-xs font-bold uppercase tracking-wider border border-white/10 shadow-sm", children: filteredItems[selectedIndex].category }), _jsxs("span", { className: "text-white/70 text-sm font-medium drop-shadow-md", children: [selectedIndex + 1, " / ", filteredItems.length] })] })] }) })] })] })), _jsx("div", { className: "bg-gray-50 py-24 px-4", children: _jsxs("div", { className: "container mx-auto max-w-2xl text-center", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold mb-6 text-gray-900", children: "Ready to Create Your Look?" }), _jsx("p", { className: "text-gray-500 text-lg mb-10", children: "Book a consultation and let us bring your vision to life." }), _jsx(Link, { href: `/${storeConfig.slug}/book`, children: _jsx("button", { className: "h-14 px-10 rounded-full text-lg font-bold shadow-xl hover:shadow-2xl transition-all hover:-translate-y-1", style: { backgroundColor: primaryColor, color: 'white' }, children: "Book Appointment" }) })] }) })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrivacyPolicyPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/PrivacyPolicyPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,EAAE,sBAAsB,2CA2GxE"}

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

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ShieldCheck, ArrowLeft } from 'lucide-react';
+import Link from 'next/link';
+import { formatDateSafe } from '../../../utils/date.js';
+export function PrivacyPolicyPage({ storeConfig }) {
+    const primaryColor = storeConfig.branding.primaryColor;
+    return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-20", children: [_jsx("div", { className: "bg-white border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-8", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "inline-flex items-center gap-2 text-gray-500 hover:text-gray-900 transition-colors mb-6", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), "Back to Home"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center", style: { backgroundColor: `${primaryColor}15` }, children: _jsx(ShieldCheck, { className: "w-6 h-6", style: { color: primaryColor } }) }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: "Privacy Policy" })] })] }) }), _jsx("div", { className: "container mx-auto px-4 py-12 max-w-4xl", children: _jsxs("div", { className: "bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100 prose prose-lg max-w-none", children: [_jsxs("p", { className: "text-gray-500 lead", children: ["Last updated: ", formatDateSafe(new Date(), undefined, { month: 'long', day: 'numeric', year: 'numeric' })] }), _jsxs("p", { children: ["At ", storeConfig.name, ", accessible from ", typeof window !== 'undefined' ? window.location.origin : 'our website', ", one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by ", storeConfig.name, " and how we use it."] }), _jsx("p", { children: "If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us." }), _jsx("h3", { children: "Log Files" }), _jsxs("p", { children: [storeConfig.name, " follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information."] }), _jsx("h3", { children: "Cookies and Web Beacons" }), _jsxs("p", { children: ["Like any other website, ", storeConfig.name, " uses \"cookies\". These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information."] }), _jsx("h3", { children: "Privacy Policies" }), _jsxs("p", { children: ["You may consult this list to find the Privacy Policy for each of the advertising partners of ", storeConfig.name, "."] }), _jsxs("p", { children: ["Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on ", storeConfig.name, ", which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit."] }), _jsxs("p", { children: ["Note that ", storeConfig.name, " has no access to or control over these cookies that are used by third-party advertisers."] }), _jsx("h3", { children: "Third Party Privacy Policies" }), _jsxs("p", { children: [storeConfig.name, "'s Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options."] }), _jsx("p", { children: "You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites." }), _jsx("h3", { children: "Children's Information" }), _jsx("p", { children: "Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity." }), _jsxs("p", { children: [storeConfig.name, " does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records."] }), _jsx("h3", { children: "Online Privacy Policy Only" }), _jsxs("p", { children: ["This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in ", storeConfig.name, ". This policy is not applicable to any information collected offline or via channels other than this website."] }), _jsx("h3", { children: "Consent" }), _jsx("p", { children: "By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions." })] }) })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingReturnsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/ShippingReturnsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,UAAU,wBAAwB;IAChC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CAmH5E"}

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

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Truck, RotateCcw } from 'lucide-react';
+export function ShippingReturnsPage({ storeConfig }) {
+    const primaryColor = storeConfig.branding.primaryColor;
+    return (_jsxs("div", { className: "min-h-screen bg-white pb-20", children: [_jsx("div", { className: "bg-gray-50 border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-16 text-center", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight text-gray-900 mb-4", children: "Shipping & Returns" }), _jsx("p", { className: "text-gray-600 max-w-2xl mx-auto text-lg", children: "Everything you need to know about our delivery methods, shipping times, and return policies." })] }) }), _jsxs("div", { className: "container mx-auto px-4 py-16 max-w-4xl", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mb-16", children: [_jsxs("div", { className: "bg-white p-8 rounded-2xl border border-gray-100 shadow-sm", children: [_jsx("div", { className: "w-12 h-12 rounded-full bg-blue-50 flex items-center justify-center mb-6", children: _jsx(Truck, { className: "h-6 w-6 text-blue-600" }) }), _jsx("h3", { className: "text-xl font-bold mb-3", children: "Free Shipping" }), _jsxs("p", { className: "text-gray-500", children: ["Free standard shipping on all domestic orders over $", storeConfig.settings.freeShippingThreshold || 50, ". Orders are processed within 1-2 business days."] })] }), _jsxs("div", { className: "bg-white p-8 rounded-2xl border border-gray-100 shadow-sm", children: [_jsx("div", { className: "w-12 h-12 rounded-full bg-green-50 flex items-center justify-center mb-6", children: _jsx(RotateCcw, { className: "h-6 w-6 text-green-600" }) }), _jsx("h3", { className: "text-xl font-bold mb-3", children: "Easy Returns" }), _jsx("p", { className: "text-gray-500", children: "Not perfect? Return or exchange within 30 days. We provide a pre-paid return label for all domestic returns." })] })] }), _jsxs("div", { className: "space-y-16", children: [_jsxs("section", { children: [_jsxs("h2", { className: "text-2xl font-bold text-gray-900 mb-6 flex items-center gap-3", children: [_jsx("span", { className: "w-1 h-8 rounded-full bg-gray-900", style: { backgroundColor: primaryColor } }), "Shipping Policy"] }), _jsxs("div", { className: "prose prose-gray max-w-none text-gray-600 space-y-4", children: [_jsx("p", { children: "We strive to deliver your order as quickly and efficiently as possible. All orders are processed within 24-48 hours of being placed, excluding weekends and holidays." }), _jsx("h3", { className: "text-lg font-semibold text-gray-900 mt-6 mb-2", children: "Domestic Shipping" }), _jsx("p", { children: "We offer the following shipping methods for domestic orders:" }), _jsxs("ul", { className: "list-disc pl-5 space-y-2", children: [_jsxs("li", { children: [_jsx("strong", { children: "Standard Shipping (3-5 business days):" }), " $5.99 (Free on orders over $", storeConfig.settings.freeShippingThreshold || 50, ")"] }), _jsxs("li", { children: [_jsx("strong", { children: "Express Shipping (2 business days):" }), " $12.99"] }), _jsxs("li", { children: [_jsx("strong", { children: "Overnight Shipping (1 business day):" }), " $24.99"] })] }), _jsx("h3", { className: "text-lg font-semibold text-gray-900 mt-6 mb-2", children: "International Shipping" }), _jsx("p", { children: "We ship to select international destinations. Shipping rates and delivery times vary depending on the destination and shipping method selected at checkout. Please note that customers are responsible for any customs duties or taxes that may apply." })] })] }), _jsx("div", { className: "border-t border-gray-100" }), _jsxs("section", { children: [_jsxs("h2", { className: "text-2xl font-bold text-gray-900 mb-6 flex items-center gap-3", children: [_jsx("span", { className: "w-1 h-8 rounded-full bg-gray-900", style: { backgroundColor: primaryColor } }), "Returns & Exchanges"] }), _jsxs("div", { className: "prose prose-gray max-w-none text-gray-600 space-y-4", children: [_jsx("p", { children: "We want you to be completely satisfied with your purchase. If for any reason you are not, we accept returns of unworn, unwashed, and undamaged items with original tags attached within 30 days of delivery." }), _jsxs("div", { className: "bg-gray-50 rounded-xl p-6 my-6 border border-gray-100", children: [_jsx("h4", { className: "font-semibold text-gray-900 mb-2", children: "How to Start a Return" }), _jsxs("ol", { className: "list-decimal pl-5 space-y-2", children: [_jsx("li", { children: "Visit our returns portal and enter your order number and email." }), _jsx("li", { children: "Select the items you wish to return and the reason for the return." }), _jsx("li", { children: "Print the prepaid shipping label provided." }), _jsx("li", { children: "Pack the items securely and attach the shipping label." }), _jsx("li", { children: "Drop off the package at any authorized carrier location." })] })] }), _jsx("h3", { className: "text-lg font-semibold text-gray-900 mt-6 mb-2", children: "Refunds" }), _jsx("p", { children: "Once we receive your return, we will inspect the items and process your refund within 5-7 business days. The refund will be issued to the original payment method. Please note that shipping costs are non-refundable." }), _jsx("h3", { className: "text-lg font-semibold text-gray-900 mt-6 mb-2", children: "Exchanges" }), _jsx("p", { children: "If you would like to exchange an item for a different size or color, please return the original item for a refund and place a new order." })] })] })] })] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SizeGuidePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/SizeGuidePage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CAwKhE"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+export function SizeGuidePage({ storeConfig }) {
+    // Breadcrumbs
+    const breadcrumbItems = [
+        { label: storeConfig.name, href: `/${storeConfig.slug}` },
+        { label: 'Size Guide', href: `/${storeConfig.slug}/size-guide` },
+    ];
+    return (_jsx("div", { className: "min-h-screen bg-white", children: _jsxs("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl", children: [_jsx("div", { className: "mb-6", children: _jsx(Breadcrumbs, { items: breadcrumbItems }) }), _jsx("h1", { className: "text-3xl sm:text-4xl font-bold text-gray-900 mb-8", children: "Size Guide" }), _jsxs("div", { className: "space-y-12", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-bold mb-4 text-gray-900", children: "Clothing Size Chart" }), _jsx("p", { className: "text-gray-600 mb-6", children: "Use this chart to find your perfect fit for tops, bottoms, and dresses. Measurements are in inches." }), _jsx("div", { className: "overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { className: "w-full text-sm border-collapse text-left", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [_jsx("th", { className: "p-4 border-b border-gray-200 font-semibold text-gray-900", children: "Size" }), _jsx("th", { className: "p-4 border-b border-gray-200 font-semibold text-gray-900", children: "Chest (in)" }), _jsx("th", { className: "p-4 border-b border-gray-200 font-semibold text-gray-900", children: "Waist (in)" }), _jsx("th", { className: "p-4 border-b border-gray-200 font-semibold text-gray-900", children: "Hips (in)" })] }) }), _jsxs("tbody", { className: "divide-y divide-gray-100", children: [_jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "XS" }), _jsx("td", { className: "p-4 text-gray-600", children: "32-34" }), _jsx("td", { className: "p-4 text-gray-600", children: "26-28" }), _jsx("td", { className: "p-4 text-gray-600", children: "32-34" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "S" }), _jsx("td", { className: "p-4 text-gray-600", children: "34-36" }), _jsx("td", { className: "p-4 text-gray-600", children: "28-30" }), _jsx("td", { className: "p-4 text-gray-600", children: "34-36" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "M" }), _jsx("td", { className: "p-4 text-gray-600", children: "38-40" }), _jsx("td", { className: "p-4 text-gray-600", children: "32-34" }), _jsx("td", { className: "p-4 text-gray-600", children: "38-40" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "L" }), _jsx("td", { className: "p-4 text-gray-600", children: "42-44" }), _jsx("td", { className: "p-4 text-gray-600", children: "36-38" }), _jsx("td", { className: "p-4 text-gray-600", children: "42-44" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "XL" }), _jsx("td", { className: "p-4 text-gray-600", children: "46-48" }), _jsx("td", { className: "p-4 text-gray-600", children: "40-42" }), _jsx("td", { className: "p-4 text-gray-600", children: "46-48" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "XXL" }), _jsx("td", { className: "p-4 text-gray-600", children: "50-52" }), _jsx("td", { className: "p-4 text-gray-600", children: "44-46" }), _jsx("td", { className: "p-4 text-gray-600", children: "50-52" })] })] })] }) })] }), _jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-bold mb-4 text-gray-900", children: "Footwear Size Chart" }), _jsx("p", { className: "text-gray-600 mb-6", children: "Use this chart to convert between US, UK, EU, and CM sizes." }), _jsx("div", { className: "overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { className: "w-full text-sm border-collapse text-left", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [_jsx("th", { className: "p-4 border-b border-gray-200 font-semibold text-gray-900", children: "US" }), _jsx("th", { className: "p-4 border-b border-gray-200 font-semibold text-gray-900", children: "UK" }), _jsx("th", { className: "p-4 border-b border-gray-200 font-semibold text-gray-900", children: "EU" }), _jsx("th", { className: "p-4 border-b border-gray-200 font-semibold text-gray-900", children: "CM" })] }) }), _jsxs("tbody", { className: "divide-y divide-gray-100", children: [_jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "6" }), _jsx("td", { className: "p-4 text-gray-600", children: "5" }), _jsx("td", { className: "p-4 text-gray-600", children: "39" }), _jsx("td", { className: "p-4 text-gray-600", children: "24" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "7" }), _jsx("td", { className: "p-4 text-gray-600", children: "6" }), _jsx("td", { className: "p-4 text-gray-600", children: "40" }), _jsx("td", { className: "p-4 text-gray-600", children: "25" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "8" }), _jsx("td", { className: "p-4 text-gray-600", children: "7" }), _jsx("td", { className: "p-4 text-gray-600", children: "41" }), _jsx("td", { className: "p-4 text-gray-600", children: "26" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "9" }), _jsx("td", { className: "p-4 text-gray-600", children: "8" }), _jsx("td", { className: "p-4 text-gray-600", children: "42" }), _jsx("td", { className: "p-4 text-gray-600", children: "27" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "10" }), _jsx("td", { className: "p-4 text-gray-600", children: "9" }), _jsx("td", { className: "p-4 text-gray-600", children: "43" }), _jsx("td", { className: "p-4 text-gray-600", children: "28" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "11" }), _jsx("td", { className: "p-4 text-gray-600", children: "10" }), _jsx("td", { className: "p-4 text-gray-600", children: "44" }), _jsx("td", { className: "p-4 text-gray-600", children: "29" })] }), _jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "p-4 font-medium text-gray-900", children: "12" }), _jsx("td", { className: "p-4 text-gray-600", children: "11" }), _jsx("td", { className: "p-4 text-gray-600", children: "45" }), _jsx("td", { className: "p-4 text-gray-600", children: "30" })] })] })] }) })] }), _jsxs("div", { className: "bg-gray-50 p-6 sm:p-8 rounded-xl border border-gray-100", children: [_jsx("h2", { className: "text-xl font-bold mb-4 text-gray-900", children: "How to Measure" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900 mb-2", children: "Chest" }), _jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: "Measure around the fullest part of your chest, keeping the tape measure horizontal." })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900 mb-2", children: "Waist" }), _jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: "Measure around the narrowest part (typically where your body bends side to side), keeping the tape horizontal." })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-900 mb-2", children: "Hips" }), _jsx("p", { className: "text-sm text-gray-600 leading-relaxed", children: "Measure around the fullest part of your hips, keeping the tape measure horizontal." })] })] })] })] })] }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyleGuidePage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/shared/pages/StyleGuidePage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAiGD,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAqMlE"}

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

@@ -0,0 +1,126 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button } from '../../../components/ui/button.js';
+import { Card, CardContent } from '../../../components/ui/card.js';
+import { Ruler, Info, CheckCircle2 } from 'lucide-react';
+import { cn } from '../../../lib/utils/index.js';
+const MEASUREMENT_GUIDE = [
+    {
+        title: 'Bust / Chest',
+        description: 'Measure around the fullest part of your chest, keeping the tape horizontal.',
+    },
+    {
+        title: 'Waist',
+        description: 'Measure around the narrowest part of your waist (typically the small of your back and where your body bends side to side).',
+    },
+    {
+        title: 'Hips',
+        description: 'Measure around the fullest part of your hips, keeping the tape horizontal.',
+    },
+    {
+        title: 'Inseam',
+        description: 'Measure from the top of your inner thigh along the inside seam to the bottom of your leg.',
+    },
+];
+const SIZE_DATA = {
+    women: {
+        clothing: {
+            columns: ['Size', 'US', 'UK', 'EU', 'Bust', 'Waist', 'Hips'],
+            rows: [
+                { size: 'XS', us: '0-2', uk: '4-6', eu: '32-34', bust: { in: '31-33', cm: '79-84' }, waist: { in: '24-26', cm: '61-66' }, hips: { in: '34-36', cm: '86-91' } },
+                { size: 'S', us: '4-6', uk: '8-10', eu: '36-38', bust: { in: '33-35', cm: '84-89' }, waist: { in: '26-28', cm: '66-71' }, hips: { in: '36-38', cm: '91-97' } },
+                { size: 'M', us: '8-10', uk: '12-14', eu: '40-42', bust: { in: '35-37', cm: '89-94' }, waist: { in: '28-30', cm: '71-76' }, hips: { in: '38-40', cm: '97-102' } },
+                { size: 'L', us: '12-14', uk: '16-18', eu: '44-46', bust: { in: '38-40', cm: '97-102' }, waist: { in: '30-33', cm: '76-84' }, hips: { in: '40-43', cm: '102-109' } },
+                { size: 'XL', us: '16-18', uk: '20-22', eu: '48-50', bust: { in: '41-43', cm: '104-109' }, waist: { in: '33-36', cm: '84-91' }, hips: { in: '43-46', cm: '109-117' } },
+            ]
+        },
+        shoes: {
+            columns: ['US', 'UK', 'EU', 'CM', 'Inches'],
+            rows: [
+                { us: '5', uk: '3', eu: '36', cm: '22', in: '8.6' },
+                { us: '6', uk: '4', eu: '37', cm: '23', in: '9' },
+                { us: '7', uk: '5', eu: '38', cm: '24', in: '9.4' },
+                { us: '8', uk: '6', eu: '39', cm: '25', in: '9.8' },
+                { us: '9', uk: '7', eu: '40', cm: '26', in: '10.2' },
+                { us: '10', uk: '8', eu: '41', cm: '27', in: '10.6' },
+            ]
+        }
+    },
+    men: {
+        clothing: {
+            columns: ['Size', 'US', 'UK', 'EU', 'Chest', 'Waist', 'Neck'],
+            rows: [
+                { size: 'S', us: '34-36', uk: '34-36', eu: '44-46', chest: { in: '34-36', cm: '86-91' }, waist: { in: '28-30', cm: '71-76' }, neck: { in: '14-14.5', cm: '36-37' } },
+                { size: 'M', us: '38-40', uk: '38-40', eu: '48-50', chest: { in: '38-40', cm: '97-102' }, waist: { in: '32-34', cm: '81-86' }, neck: { in: '15-15.5', cm: '38-39' } },
+                { size: 'L', us: '42-44', uk: '42-44', eu: '52-54', chest: { in: '42-44', cm: '107-112' }, waist: { in: '36-38', cm: '91-97' }, neck: { in: '16-16.5', cm: '41-42' } },
+                { size: 'XL', us: '46-48', uk: '46-48', eu: '56-58', chest: { in: '46-48', cm: '117-122' }, waist: { in: '40-42', cm: '102-107' }, neck: { in: '17-17.5', cm: '43-44' } },
+                { size: 'XXL', us: '50-52', uk: '50-52', eu: '60-62', chest: { in: '50-52', cm: '127-132' }, waist: { in: '44-46', cm: '112-117' }, neck: { in: '18-18.5', cm: '46-47' } },
+            ]
+        },
+        shoes: {
+            columns: ['US', 'UK', 'EU', 'CM', 'Inches'],
+            rows: [
+                { us: '7', uk: '6', eu: '40', cm: '25', in: '9.8' },
+                { us: '8', uk: '7', eu: '41', cm: '26', in: '10.2' },
+                { us: '9', uk: '8', eu: '42', cm: '27', in: '10.6' },
+                { us: '10', uk: '9', eu: '43', cm: '28', in: '11' },
+                { us: '11', uk: '10', eu: '44', cm: '29', in: '11.4' },
+                { us: '12', uk: '11', eu: '45', cm: '30', in: '11.8' },
+            ]
+        }
+    },
+    kids: {
+        clothing: {
+            columns: ['Size', 'Age (Approx)', 'Height', 'Weight'],
+            rows: [
+                { size: 'XS', age: '4-5', height: { in: '40-45', cm: '102-114' }, weight: { in: '35-45 lbs', cm: '16-20 kg' } },
+                { size: 'S', age: '6-7', height: { in: '45-50', cm: '114-127' }, weight: { in: '45-60 lbs', cm: '20-27 kg' } },
+                { size: 'M', age: '8-9', height: { in: '50-55', cm: '127-140' }, weight: { in: '60-80 lbs', cm: '27-36 kg' } },
+                { size: 'L', age: '10-11', height: { in: '55-60', cm: '140-152' }, weight: { in: '80-100 lbs', cm: '36-45 kg' } },
+                { size: 'XL', age: '12-13', height: { in: '60-64', cm: '152-163' }, weight: { in: '100-120 lbs', cm: '45-54 kg' } },
+            ]
+        },
+        shoes: {
+            columns: ['US Kids', 'UK', 'EU', 'CM', 'Inches'],
+            rows: [
+                { us: '10', uk: '9', eu: '27', cm: '17', in: '6.7' },
+                { us: '11', uk: '10', eu: '28', cm: '18', in: '7' },
+                { us: '12', uk: '11', eu: '30', cm: '19', in: '7.4' },
+                { us: '13', uk: '12', eu: '31', cm: '20', in: '7.8' },
+                { us: '1', uk: '13', eu: '32', cm: '21', in: '8.1' },
+                { us: '2', uk: '1', eu: '33', cm: '22', in: '8.5' },
+            ]
+        }
+    }
+};
+export function StyleGuidePage({ storeConfig }) {
+    const [unit, setUnit] = useState('in');
+    const [activeCategory, setActiveCategory] = useState('women');
+    const [activeSubCategory, setActiveSubCategory] = useState('clothing');
+    const primaryColor = storeConfig.branding.primaryColor;
+    // Type safe data access
+    const currentData = SIZE_DATA[activeCategory]?.[activeSubCategory];
+    return (_jsxs("div", { className: "container mx-auto px-4 py-12 md:py-16 space-y-12", children: [_jsxs("div", { className: "text-center space-y-4 max-w-3xl mx-auto", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight text-gray-900", children: "Size & Style Guide" }), _jsx("p", { className: "text-lg text-gray-600", children: "Find your perfect fit with our comprehensive size charts and measurement guides. Compare international sizes and convert measurements instantly." })] }), _jsxs("div", { className: "grid lg:grid-cols-[1fr_300px] gap-8", children: [_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 bg-gray-50 p-4 rounded-xl", children: [_jsx("div", { className: "flex bg-white rounded-lg p-1 shadow-sm border", children: ['women', 'men', 'kids'].map((cat) => (_jsx("button", { onClick: () => setActiveCategory(cat), className: cn("px-4 py-2 rounded-md text-sm font-medium transition-all capitalize", activeCategory === cat
+                                                ? "bg-gray-900 text-white shadow-sm"
+                                                : "text-gray-600 hover:text-gray-900 hover:bg-gray-50"), style: activeCategory === cat ? { backgroundColor: primaryColor } : {}, children: cat }, cat))) }), _jsx("div", { className: "flex items-center gap-4", children: _jsx("div", { className: "flex gap-2", children: ['clothing', 'shoes'].map((sub) => (_jsx(Button, { variant: activeSubCategory === sub ? "default" : "outline", size: "sm", onClick: () => setActiveSubCategory(sub), className: "capitalize", children: sub }, sub))) }) })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("h2", { className: "text-2xl font-semibold capitalize", children: [activeCategory, "s ", activeSubCategory === 'clothing' ? 'Clothing' : 'Shoes', " Chart"] }), _jsxs("div", { className: "flex items-center gap-2 bg-gray-100 p-1 rounded-lg", children: [_jsx("button", { onClick: () => setUnit('in'), className: cn("px-3 py-1 rounded-md text-sm font-medium transition-all", unit === 'in' ? "bg-white text-gray-900 shadow-sm" : "text-gray-500 hover:text-gray-900"), children: "IN" }), _jsx("button", { onClick: () => setUnit('cm'), className: cn("px-3 py-1 rounded-md text-sm font-medium transition-all", unit === 'cm' ? "bg-white text-gray-900 shadow-sm" : "text-gray-500 hover:text-gray-900"), children: "CM" })] })] }), _jsx(Card, { className: "overflow-hidden border-0 shadow-md", children: _jsx(CardContent, { className: "p-0", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm text-left", children: [_jsx("thead", { className: "text-xs text-gray-700 uppercase bg-gray-50", children: _jsx("tr", { children: currentData?.columns.map((col) => (_jsx("th", { className: "px-6 py-4 font-bold tracking-wider", children: col }, col))) }) }), _jsx("tbody", { className: "divide-y divide-gray-100", children: currentData?.rows.map((row, idx) => (_jsx("tr", { className: "bg-white hover:bg-gray-50 transition-colors", children: currentData.columns.map((col) => {
+                                                            const key = col.toLowerCase().split(' ')[0]; // simple matching strategy
+                                                            let value = row[key];
+                                                            // Check if value is an object with units
+                                                            if (typeof value === 'object' && value !== null && 'in' in value) {
+                                                                value = value[unit];
+                                                            }
+                                                            // Fallback for direct mapping (like US, UK)
+                                                            if (!value) {
+                                                                // Attempt to find by column name if key mapping failed (e.g. "US Kids" -> "us")
+                                                                const altKey = col.toLowerCase().includes('us') ? 'us' :
+                                                                    col.toLowerCase().includes('age') ? 'age' :
+                                                                        key;
+                                                                value = row[altKey];
+                                                                if (typeof value === 'object' && value !== null && 'in' in value) {
+                                                                    value = value[unit];
+                                                                }
+                                                            }
+                                                            return (_jsx("td", { className: "px-6 py-4 font-medium text-gray-900", children: value || '-' }, col));
+                                                        }) }, idx))) })] }) }) }) }), _jsxs("div", { className: "bg-blue-50 border border-blue-100 rounded-lg p-4 flex gap-3 items-start", children: [_jsx(Info, { className: "w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5" }), _jsxs("p", { className: "text-sm text-blue-800", children: [_jsx("strong", { children: "Note:" }), " Size charts are a general guide. Fit may vary depending on the manufacturer, style, and materials. When in doubt, we recommend sizing up for a more comfortable fit."] })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "bg-gray-50 p-6 rounded-xl border border-gray-100", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx(Ruler, { className: "w-5 h-5 text-gray-700" }), _jsx("h3", { className: "font-semibold text-lg", children: "How to Measure" })] }), _jsx("div", { className: "space-y-6", children: MEASUREMENT_GUIDE.map((guide, idx) => (_jsxs("div", { className: "space-y-1", children: [_jsxs("p", { className: "font-medium text-gray-900 text-sm flex items-center gap-2", children: [_jsx("span", { className: "bg-gray-200 text-gray-700 w-5 h-5 rounded-full inline-flex items-center justify-center text-xs", children: idx + 1 }), guide.title] }), _jsx("p", { className: "text-xs text-gray-500 pl-7 leading-relaxed", children: guide.description })] }, idx))) })] }), _jsxs("div", { className: "bg-white p-6 rounded-xl border shadow-sm", children: [_jsx("h3", { className: "font-semibold text-lg mb-4", children: "Fit Tips" }), _jsxs("ul", { className: "space-y-3", children: [_jsxs("li", { className: "text-sm text-gray-600 flex gap-2", children: [_jsx(CheckCircle2, { className: "w-4 h-4 text-green-500 flex-shrink-0 mt-0.5" }), _jsx("span", { children: "Measure yourself in your underwear for accuracy." })] }), _jsxs("li", { className: "text-sm text-gray-600 flex gap-2", children: [_jsx(CheckCircle2, { className: "w-4 h-4 text-green-500 flex-shrink-0 mt-0.5" }), _jsx("span", { children: "Keep the tape measure level and snug, but not tight." })] }), _jsxs("li", { className: "text-sm text-gray-600 flex gap-2", children: [_jsx(CheckCircle2, { className: "w-4 h-4 text-green-500 flex-shrink-0 mt-0.5" }), _jsx("span", { children: "If you fall between sizes, order the larger size." })] })] })] })] })] })] }));
+}