storefront-layouts-staging 1.0.0-staging.0

package/dist/layouts/booking/components/booking-testimonial-defaults.js

@@ -0,0 +1,112 @@
+/** Default cards for booking home preview / empty editor state. */
+export const BOOKING_DEFAULT_TESTIMONIALS = [
+    {
+        id: 'booking-t1',
+        order: 1,
+        name: 'Emily Davis',
+        role: 'Bridal Client',
+        quote: "I've never felt more beautiful. The makeup was flawless and lasted all night. Absolutely stunning work!",
+        rating: 5,
+        image: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop',
+    },
+    {
+        id: 'booking-t2',
+        order: 2,
+        name: 'Sarah Johnson',
+        role: 'Fashion Model',
+        quote: 'Professional, creative and punctual. They really know how to work with light and camera!',
+        rating: 5,
+        image: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop',
+    },
+];
+export const BOOKING_TESTIMONIALS_MAX_CARDS = 3;
+const PLACEHOLDER_NAMES = new Set(['client name', 'customer']);
+export function clampBookingTestimonialLimit(raw) {
+    const n = typeof raw === 'number' && Number.isFinite(raw) ? raw : 3;
+    return Math.min(BOOKING_TESTIMONIALS_MAX_CARDS, Math.max(1, Math.round(n)));
+}
+function textOrEmpty(value) {
+    if (value == null)
+        return '';
+    return String(value).trim();
+}
+/** True when a card has merchant-authored content (not an empty placeholder shell). */
+export function testimonialItemHasContent(item) {
+    if (!item || typeof item !== 'object')
+        return false;
+    const record = item;
+    const quote = textOrEmpty(record.quote ?? record.comment);
+    const name = textOrEmpty(record.name).toLowerCase();
+    const image = textOrEmpty(record.image);
+    return Boolean(quote ||
+        (name && !PLACEHOLDER_NAMES.has(name)) ||
+        image);
+}
+/** Merge one saved item onto schema defaults without empty strings wiping defaults. */
+export function mergeBookingTestimonialItem(defaults, actual) {
+    const base = defaults ? { ...defaults } : { ...actual };
+    const merged = { ...base, ...actual };
+    const preserveIfEmpty = (key) => {
+        const actualVal = actual[key];
+        const defaultVal = defaults?.[key];
+        if ((actualVal === '' || actualVal == null) &&
+            defaultVal != null &&
+            textOrEmpty(defaultVal)) {
+            merged[key] = defaultVal;
+        }
+    };
+    preserveIfEmpty('quote');
+    preserveIfEmpty('name');
+    preserveIfEmpty('role');
+    preserveIfEmpty('image');
+    preserveIfEmpty('location');
+    preserveIfEmpty('date');
+    if (typeof merged.rating !== 'number' || !Number.isFinite(merged.rating)) {
+        merged.rating = typeof defaults?.rating === 'number' ? defaults.rating : 5;
+    }
+    return merged;
+}
+/** Drop hollow shells; optionally restore schema defaults when every saved card is empty. */
+export function normalizeBookingTestimonialItems(items, fallbackDefaults = BOOKING_DEFAULT_TESTIMONIALS) {
+    if (!Array.isArray(items) || items.length === 0)
+        return [];
+    const defaultsById = new Map(fallbackDefaults.filter((item) => item.id).map((item) => [item.id, item]));
+    const allHollow = items.every((raw) => !testimonialItemHasContent(raw));
+    const normalized = [];
+    items.forEach((raw) => {
+        if (!raw || typeof raw !== 'object')
+            return;
+        const actual = raw;
+        if (testimonialItemHasContent(actual)) {
+            normalized.push(actual);
+            return;
+        }
+        const defaultItem = actual.id ? defaultsById.get(actual.id) : undefined;
+        if (allHollow && defaultItem) {
+            normalized.push(mergeBookingTestimonialItem(defaultItem, actual));
+        }
+    });
+    return normalized.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+}
+/** Resolve cards for storefront / editor canvas. */
+export function resolveBookingTestimonialsForDisplay(config, options = {}) {
+    const limit = clampBookingTestimonialLimit(config?.limit);
+    const rawItems = Array.isArray(config?.items) ? config.items : [];
+    const hasSavedContent = rawItems.some(testimonialItemHasContent);
+    const normalized = normalizeBookingTestimonialItems(rawItems);
+    if (!hasSavedContent) {
+        if (options.isPreview) {
+            return BOOKING_DEFAULT_TESTIMONIALS.slice(0, limit);
+        }
+        return normalized.slice(0, limit);
+    }
+    return normalized.slice(0, limit);
+}
+/** Remove placeholder shells before persisting layout config. */
+export function sanitizeBookingTestimonialItemsForSave(items) {
+    if (!Array.isArray(items))
+        return [];
+    return items
+        .filter((item) => testimonialItemHasContent(item))
+        .map((item) => ({ ...item }));
+}

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

@@ -0,0 +1,9 @@
+export { BookingHomePage } from './components/BookingHomePage';
+export { BookingBookPage } from './pages/BookPage';
+export { BookingServicesPage } from './pages/ServicesPage';
+export { BookingProductDetailPage } from './pages/ProductDetailPage';
+export { BookingCategoryPage } from './pages/CategoryPage';
+export { BookingCategoriesPage } from './pages/CategoriesPage';
+export { BookingAboutPage } from './pages/AboutPage';
+export { BookingContactPage } from './pages/ContactPage';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/booking/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/layouts/booking/index.js

@@ -0,0 +1,9 @@
+// BookEasy Standard (booking) layout — fully sandboxed exports
+export { BookingHomePage } from './components/BookingHomePage.js';
+export { BookingBookPage } from './pages/BookPage.js';
+export { BookingServicesPage } from './pages/ServicesPage.js';
+export { BookingProductDetailPage } from './pages/ProductDetailPage.js';
+export { BookingCategoryPage } from './pages/CategoryPage.js';
+export { BookingCategoriesPage } from './pages/CategoriesPage.js';
+export { BookingAboutPage } from './pages/AboutPage.js';
+export { BookingContactPage } from './pages/ContactPage.js';

package/dist/layouts/booking/pages/AboutPage.d.ts

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

package/dist/layouts/booking/pages/AboutPage.d.ts.map

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

package/dist/layouts/booking/pages/AboutPage.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Heart, ArrowRight } from 'lucide-react';
+import { Button } from '../../../components/ui/button.js';
+import { DotPattern } from '../../../components/ui/background-patterns.js';
+import { DynamicIcon } from '../../../components/ui/dynamic-icon.js';
+import { useStore } from '../../../lib/store-context.js';
+import Image from 'next/image';
+import Link from 'next/link';
+import { payazaInlineBindingProps, payazaIconBindingProps, encodePayazaFieldKey, } from '../../../preview/canvas/field-key.js';
+import { showLayoutDecorativeBadges } from '../../../lib/layout-badges.js';
+import { resolveStoreLink } from '../../../lib/layout-route-utils.js';
+import { BOOKING_DEFAULT_STORY_IMAGE, resolveBookingAboutStats, resolveBookingAboutValues, } from '../components/booking-about-defaults.js';
+export function BookingAboutPage({ storeConfig: initialConfig }) {
+    const { store } = useStore();
+    const storeConfig = store || initialConfig;
+    const primaryColor = storeConfig.branding.primaryColor;
+    const secondaryColor = storeConfig.branding.secondaryColor || primaryColor;
+    const aboutConfig = storeConfig.layoutConfig?.pages?.about;
+    const isPreview = !!storeConfig.isPreview;
+    const payaza = (sectionKey, segments) => isPreview ? encodePayazaFieldKey(sectionKey, segments) : undefined;
+    const inline = (sectionKey, path) => payazaInlineBindingProps(isPreview, sectionKey, path);
+    // Hero
+    const heroConfig = aboutConfig?.hero;
+    const heroImage = heroConfig?.heroImage || aboutConfig?.heroImage || 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop';
+    const pageTitle = heroConfig?.title || aboutConfig?.title || 'Crafting Experiences, Delivering Joy.';
+    const missionStatement = heroConfig?.missionStatement || aboutConfig?.missionStatement;
+    // Story
+    const storyConfig = aboutConfig?.story;
+    const pageContent = storyConfig?.content || aboutConfig?.content || storeConfig.description;
+    const storyLabel = storyConfig?.sectionLabel || 'Who We Are';
+    const storyHeading = storyConfig?.sectionHeading || 'Our Journey';
+    const storyImage = storyConfig?.storyImage || BOOKING_DEFAULT_STORY_IMAGE;
+    const galleryImages = aboutConfig?.gallerySection || storyConfig?.gallerySection;
+    const galleryOverlayTitle = storyConfig?.galleryOverlayTitle || 'The Dream Team';
+    const galleryOverlaySubtitle = storyConfig?.galleryOverlaySubtitle || 'Working together to serve you better';
+    // Values & stats — always resolve against schema defaults so canvas indices stay stable
+    const valuesData = resolveBookingAboutValues(aboutConfig?.values);
+    const statsData = resolveBookingAboutStats(aboutConfig?.stats, {
+        servicesCount: storeConfig.services?.length,
+    });
+    // Contact-info section
+    const contactInfoConfig = aboutConfig?.['contact-info'];
+    const contactInfoTitle = contactInfoConfig?.sectionTitle || 'Get in Touch';
+    const contactInfoSubtitle = contactInfoConfig?.sectionSubtitle ||
+        "Have questions? We'd love to hear from you. Reach out to our team via email, phone, or visit us at our store.";
+    const visitTitle = contactInfoConfig?.visitTitle || 'Visit Us';
+    const visitIcon = contactInfoConfig?.visitIcon || 'MapPin';
+    const emailTitle = contactInfoConfig?.emailTitle || 'Email Us';
+    const emailIcon = contactInfoConfig?.emailIcon || 'Mail';
+    const hoursTitle = contactInfoConfig?.hoursTitle || 'Opening Hours';
+    const hoursIcon = contactInfoConfig?.hoursIcon || 'Clock';
+    const emailCTALabel = contactInfoConfig?.emailCTALabel || 'Send a message';
+    const emailLink = contactInfoConfig?.emailLink || '/contact';
+    const defaultAddress = [
+        storeConfig.contactInfo?.address?.street || '123 Store Street',
+        [storeConfig.contactInfo?.address?.city || 'Commerce City', storeConfig.contactInfo?.address?.state || 'ST', storeConfig.contactInfo?.address?.zipCode || '12345'].filter(Boolean).join(', '),
+    ].filter(Boolean).join('\n');
+    const addressText = contactInfoConfig?.address || defaultAddress;
+    const emailAddress = contactInfoConfig?.email || storeConfig.contactInfo?.email || `hello@${storeConfig.slug}.com`;
+    const phoneNumber = contactInfoConfig?.phone || storeConfig.contactInfo?.phone || '+1 (555) 123-4567';
+    const defaultHours = 'Mon - Fri: 9am - 6pm\nSat - Sun: 10am - 4pm';
+    const hoursText = contactInfoConfig?.hours ||
+        (typeof storeConfig.locations?.[0]?.openingHours === 'string'
+            ? storeConfig.locations[0].openingHours
+            : defaultHours);
+    const establishedYear = heroConfig?.establishedYear || 'Est. 2024';
+    return (_jsxs("div", { className: "min-h-screen bg-white pb-20 overflow-hidden", children: [(heroConfig?.show !== false) && (_jsxs("section", { "data-section": "hero", "data-payaza-section-key": "hero", "data-payaza-page": "about", className: "relative h-[60vh] min-h-[500px] w-full overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0", "data-payaza-image": payaza('hero', ['heroImage']), children: [_jsx(Image, { src: heroImage, alt: "About Us", fill: true, className: "w-full h-full object-cover transform scale-105 animate-pulse-slow", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" })] }), _jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "container mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl animate-fade-in-up", children: [showLayoutDecorativeBadges() && (_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-white text-sm font-medium mb-6", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-white animate-pulse" }), _jsx("span", { ...inline('hero', ['establishedYear']), children: establishedYear })] })), _jsx("h1", { className: "text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading-tight", children: _jsx("span", { ...inline('hero', ['title']), children: pageTitle }) }), _jsx("p", { className: "text-xl md:text-2xl text-gray-200 max-w-2xl leading-relaxed font-light", children: _jsx("span", { ...inline('hero', ['missionStatement']), children: missionStatement || storeConfig.description }) })] }) }) })] })), (storyConfig?.show !== false) && (_jsxs("section", { "data-section": "story", "data-payaza-section-key": "story", "data-payaza-page": "about", className: "py-24 px-4 sm:px-6 lg:px-8 relative", children: [_jsx("div", { className: "absolute top-0 right-0 -mt-24 -mr-24 w-96 h-96 bg-gray-50 rounded-full blur-3xl -z-10" }), _jsx("div", { className: "container mx-auto max-w-7xl", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-16 items-center", children: [_jsxs("div", { className: "relative", children: [galleryImages && galleryImages.length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-4", children: galleryImages.slice(0, 4).map((img, i) => (_jsx("div", { className: `relative overflow-hidden rounded-2xl shadow-lg ${i === 0 ? 'col-span-2 aspect-[16/9]' : 'aspect-square'}`, "data-payaza-image": payaza('story', ['gallerySection', String(i), 'image']), children: _jsx(Image, { src: img.image, alt: img.caption || 'Gallery Image', fill: true, className: "w-full h-full object-cover hover:scale-110 transition-transform duration-500", unoptimized: true }) }, img.image || i))) })) : (_jsxs("div", { className: "relative aspect-[4/5] rounded-[2rem] overflow-hidden shadow-2xl", "data-payaza-image": payaza('story', ['storyImage']), children: [_jsx(Image, { src: storyImage, alt: "Our Team", fill: true, className: "w-full h-full object-cover", unoptimized: true }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }), _jsxs("div", { className: "absolute bottom-8 left-8 text-white", children: [_jsx("p", { className: "font-bold text-lg", children: _jsx("span", { ...inline('story', ['galleryOverlayTitle']), children: galleryOverlayTitle }) }), _jsx("p", { className: "text-white/80 text-sm", children: _jsx("span", { ...inline('story', ['galleryOverlaySubtitle']), children: galleryOverlaySubtitle }) })] })] })), _jsx("div", { className: "absolute -bottom-6 -right-6 w-24 h-24 bg-white rounded-2xl shadow-xl flex items-center justify-center p-4 animate-bounce duration-[3000ms]", children: _jsx(Heart, { className: "w-10 h-10", style: { color: primaryColor, fill: primaryColor } }) })] }), _jsxs("div", { className: "space-y-10", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-bold uppercase tracking-widest mb-3 block", style: { color: primaryColor }, children: _jsx("span", { ...inline('story', ['sectionLabel']), children: storyLabel }) }), _jsx("h2", { className: "text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight", children: _jsx("span", { ...inline('story', ['sectionHeading']), children: storyHeading }) }), _jsxs("div", { className: "prose prose-lg text-gray-600 leading-relaxed space-y-6", ...payazaInlineBindingProps(isPreview, 'story', ['content'], { rich: 'inline' }), children: [pageContent?.split('\n').map((paragraph, idx) => (_jsx("p", { children: paragraph }, idx))), !pageContent && (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Founded with a bold vision to redefine excellence in the", ' ', _jsx("span", { className: "font-semibold text-gray-900", children: storeConfig.type }), " industry,", ' ', storeConfig.name, " has grown from a small passion project into a beloved brand. We believe in the power of quality, innovation, and community."] }), _jsx("p", { children: "Every day, we strive to bring you the best products, curated with care and delivered with a smile. Our team is dedicated to ensuring that your experience with us is nothing short of exceptional." })] }))] })] }), (aboutConfig?.values?.show !== false) && (_jsx("div", { "data-section": "values", "data-payaza-section-key": "values", "data-payaza-page": "about", className: "grid grid-cols-1 sm:grid-cols-2 gap-8", children: valuesData.map((item, idx) => (_jsxs("div", { className: "flex gap-4 group", "data-payaza-group": payaza('values', ['items', String(idx)]), children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-14 h-14 rounded-2xl flex items-center justify-center transition-colors group-hover:bg-gray-100", style: { backgroundColor: `${primaryColor}10` }, ...payazaIconBindingProps(isPreview, 'values', ['items', String(idx), 'icon']), children: _jsx(DynamicIcon, { name: item.icon || 'Award', className: "h-7 w-7 transition-transform group-hover:scale-110", style: { color: primaryColor } }) }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-gray-900 mb-2 text-lg", children: _jsx("span", { ...inline('values', ['items', String(idx), 'title']), children: item.title }) }), _jsx("p", { className: "text-gray-600 text-sm leading-relaxed", children: _jsx("span", { ...inline('values', ['items', String(idx), 'description']), children: item.description }) })] })] }, item.id || idx))) }))] })] }) })] })), (aboutConfig?.stats?.show !== false) && (_jsxs("section", { "data-section": "stats", "data-payaza-section-key": "stats", "data-payaza-page": "about", className: "py-20 relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 opacity-10", children: _jsx(DotPattern, { color: primaryColor, cx: 2, cy: 2, cr: 2, width: 30, height: 30 }) }), _jsx("div", { className: "absolute inset-0", style: { backgroundColor: `${secondaryColor}15` } }), _jsx("div", { className: "container mx-auto px-4 relative z-10", children: _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12", children: statsData.map((stat, idx) => (_jsxs("div", { className: "text-center group", "data-payaza-group": payaza('stats', ['items', String(idx)]), children: [_jsx("div", { className: "text-5xl md:text-6xl font-black mb-2 tracking-tight transition-transform group-hover:scale-110 duration-300", style: { color: primaryColor }, children: _jsx("span", { ...inline('stats', ['items', String(idx), 'value']), children: stat.value }) }), _jsx("div", { className: "text-gray-600 font-bold uppercase tracking-widest text-xs md:text-sm", children: _jsx("span", { ...inline('stats', ['items', String(idx), 'label']), children: stat.label }) })] }, stat.id || idx))) }) })] })), (contactInfoConfig?.show !== false) && (_jsx("section", { "data-section": "contact-info", "data-payaza-section-key": "contact-info", "data-payaza-page": "about", className: "py-24 px-4 sm:px-6 lg:px-8 bg-white", children: _jsxs("div", { className: "container mx-auto max-w-6xl", children: [_jsxs("div", { className: "text-center mb-16", children: [_jsx("h2", { className: "text-3xl md:text-4xl font-bold text-gray-900 mb-4", children: _jsx("span", { ...inline('contact-info', ['sectionTitle']), children: contactInfoTitle }) }), _jsx("p", { className: "text-gray-500 max-w-xl mx-auto", children: _jsx("span", { ...payazaInlineBindingProps(isPreview, 'contact-info', ['sectionSubtitle'], { rich: 'inline' }), children: contactInfoSubtitle }) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: [_jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center", children: [_jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", ...payazaIconBindingProps(isPreview, 'contact-info', ['visitIcon']), children: _jsx(DynamicIcon, { name: visitIcon, className: "h-8 w-8 text-gray-400 group-hover:text-blue-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: _jsx("span", { ...inline('contact-info', ['visitTitle']), children: visitTitle }) }), _jsx("p", { className: "text-gray-600 leading-relaxed whitespace-pre-line", children: _jsx("span", { ...inline('contact-info', ['address']), children: addressText }) })] }), _jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 border-2 border-transparent group-hover:border-orange-100 rounded-[2rem] transition-colors pointer-events-none" }), _jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", ...payazaIconBindingProps(isPreview, 'contact-info', ['emailIcon']), children: _jsx(DynamicIcon, { name: emailIcon, className: "h-8 w-8 text-gray-400 group-hover:text-orange-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: _jsx("span", { ...inline('contact-info', ['emailTitle']), children: emailTitle }) }), _jsxs("p", { className: "text-gray-600 leading-relaxed mb-4", children: [_jsx("span", { className: "block", ...inline('contact-info', ['email']), children: emailAddress }), _jsx("span", { className: "block", ...inline('contact-info', ['phone']), children: phoneNumber })] }), _jsx(Link, { href: resolveStoreLink(emailLink, storeConfig.slug), children: _jsxs(Button, { variant: "link", className: "text-orange-600 font-bold p-0 h-auto hover:no-underline group-hover:translate-x-1 transition-transform", children: [_jsx("span", { ...inline('contact-info', ['emailCTALabel']), children: emailCTALabel }), _jsx(ArrowRight, { className: "ml-1 h-4 w-4" })] }) })] }), _jsxs("div", { className: "group p-8 rounded-[2rem] bg-gray-50 border border-gray-100 hover:shadow-xl hover:-translate-y-2 transition-all duration-300 text-center", children: [_jsx("div", { className: "w-16 h-16 mx-auto mb-6 rounded-2xl bg-white shadow-sm flex items-center justify-center group-hover:scale-110 transition-transform", ...payazaIconBindingProps(isPreview, 'contact-info', ['hoursIcon']), children: _jsx(DynamicIcon, { name: hoursIcon, className: "h-8 w-8 text-gray-400 group-hover:text-green-500 transition-colors" }) }), _jsx("h3", { className: "font-bold text-xl text-gray-900 mb-3", children: _jsx("span", { ...inline('contact-info', ['hoursTitle']), children: hoursTitle }) }), _jsx("p", { className: "text-gray-600 leading-relaxed whitespace-pre-line", children: _jsx("span", { ...inline('contact-info', ['hours']), children: hoursText }) })] })] })] }) }))] }));
+}

package/dist/layouts/booking/pages/BookPage.d.ts

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

package/dist/layouts/booking/pages/BookPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/booking/pages/BookPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAoB9D,UAAU,aAAa;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,aAAa,2CAikC1E"}