@mohasinac/appkit 2.2.0 → 2.3.1

package/dist/features/homepage/components/SiteFeaturesSection.js

@@ -1,9 +1,8 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { THEME_CONSTANTS } from "../../../tokens";
 import { Grid, Heading, Section, Text } from "../../../ui";
-// ─── Section ─────────────────────────────────────────────────────────────────
+// --- Section -----------------------------------------------------------------
 export function SiteFeaturesSection({ title, subtitle, features, className = "", }) {
     const { themed } = THEME_CONSTANTS;
-    return (_jsx(Section, { className: `p-8 ${themed.bgSecondary} ${className}`, children: _jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsx(Heading, { level: 2, className: `text-3xl md:text-4xl font-bold ${themed.textPrimary} mb-3`, children: title }), subtitle && (_jsx(Text, { className: `text-base ${themed.textSecondary} max-w-2xl mx-auto`, children: subtitle }))] }), _jsx(Grid, { gap: "lg", className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 md:gap-8", children: features.map((feature) => (_jsxs("div", { className: "p-6 text-center hover:shadow-lg transition-all group rounded-2xl bg-white dark:bg-slate-900 border border-zinc-100 dark:border-slate-800", children: [_jsx("div", { className: "text-6xl mb-4 group-hover:scale-110 transition-transform", children: feature.icon }), _jsx(Heading, { level: 3, className: `text-base font-bold ${themed.textPrimary} mb-2`, children: feature.title }), _jsx(Text, { className: `text-base ${themed.textSecondary}`, children: feature.description })] }, feature.id))) })] }) }));
+    return (_jsx(Section, { className: `p-8 ${themed.bgSecondary} ${className}`, children: _jsxs("div", { className: "w-full", "data-section": "sitefeaturessection-div-369", children: [_jsxs("div", { className: "text-center mb-12", "data-section": "sitefeaturessection-div-370", children: [_jsx(Heading, { level: 2, className: `text-3xl md:text-4xl font-bold ${themed.textPrimary} mb-3`, children: title }), subtitle && (_jsx(Text, { className: `text-base ${themed.textSecondary} max-w-2xl mx-auto`, children: subtitle }))] }), _jsx(Grid, { gap: "lg", className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 md:gap-8", children: features.map((feature) => (_jsxs("div", { className: "p-6 text-center hover:shadow-lg transition-all group rounded-2xl bg-white dark:bg-slate-900 border border-zinc-100 dark:border-slate-800", "data-section": "sitefeaturessection-div-371", children: [_jsx("div", { className: "text-6xl mb-4 group-hover:scale-110 transition-transform", "data-section": "sitefeaturessection-div-372", children: feature.icon }), _jsx(Heading, { level: 3, className: `text-base font-bold ${themed.textPrimary} mb-2`, children: feature.title }), _jsx(Text, { className: `text-base ${themed.textSecondary}`, children: feature.description })] }, feature.id))) })] }) }));
 }

package/dist/features/homepage/components/StatsCounterSection.js

@@ -2,16 +2,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Div, Grid, Heading, Section, Text } from "../../../ui";
-// ─── Smngle stat mtem ─────────────────────────────────────────────────────────
+// --- Smngle stat mtem ---------------------------------------------------------
 function StatCard({ stat, visible, delay, isLast, }) {
     return (_jsxs(Div, { className: [
             "relative flex flex-col items-center px-6 py-8 text-center",
             "transition-all duration-700",
             visible ? "translate-y-0 opacity-100" : "translate-y-6 opacity-0",
-            !isLast ? "border-cobalt-200 md:border-r dark:border-white/10" : "",
-        ].join(" "), style: { transitionDelay: `${delay}ms` }, children: [stat.renderIcon && (_jsx(Div, { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-cobalt-100 backdrop-blur dark:bg-white/10", children: stat.renderIcon({ className: "w-7 h-7" }) })), _jsx(Heading, { level: 2, variant: "none", className: "mb-1 font-display text-4xl text-zinc-900 dark:text-white md:text-5xl", children: stat.value }), _jsx(Text, { variant: "none", className: "text-sm uppercase tracking-widest text-zinc-500 dark:text-white/60", children: stat.label })] }));
+            !isLast ? "border-r border-zinc-200 dark:border-slate-700" : "",
+        ].join(" "), style: { transitionDelay: `${delay}ms` }, children: [stat.renderIcon && (_jsx(Div, { className: "mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-primary-50 dark:bg-primary-950/40 border border-primary-100 dark:border-primary-900/30", children: stat.renderIcon({ className: "w-7 h-7" }) })), _jsx(Heading, { level: 2, variant: "none", className: "mb-1 font-display text-4xl font-black bg-gradient-to-r from-primary-600 to-cobalt dark:from-secondary dark:to-cobalt-400 bg-clip-text text-transparent md:text-5xl", children: stat.value }), _jsx(Text, { variant: "none", className: "text-xs uppercase tracking-widest text-zinc-500 dark:text-zinc-400 font-medium", children: stat.label })] }));
 }
-// ─── Sectmon ─────────────────────────────────────────────────────────────────
+// --- Sectmon -----------------------------------------------------------------
 export function StatsCounterSection({ stats, className = "", }) {
     const sectionRef = useRef(null);
     const [visible, setVisible] = useState(false);
@@ -28,5 +28,5 @@ export function StatsCounterSection({ stats, className = "", }) {
         observer.observe(el);
         return () => observer.disconnect();
     }, []);
-    return (_jsx(Section, { ref: sectionRef, className: `bg-gradient-to-br from-cobalt-50 via-zinc-50 to-cobalt-50 px-4 py-12 dark:from-cobalt-900 dark:via-slate-900 dark:to-cobalt-950 ${className}`, children: _jsx(Div, { className: "mx-auto max-w-5xl", children: _jsx(Grid, { gap: "none", className: "grid-cols-2 md:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4", children: stats.map((stat, i) => (_jsx(StatCard, { stat: stat, visible: visible, delay: i * 120, isLast: i === stats.length - 1 }, stat.key))) }) }) }));
+    return (_jsx(Section, { ref: sectionRef, className: `bg-white dark:bg-slate-900 border-y border-zinc-100 dark:border-slate-800 px-4 py-14 ${className}`, children: _jsx(Div, { className: "mx-auto max-w-5xl", children: _jsx(Grid, { gap: "none", className: "grid-cols-2 md:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4", children: stats.map((stat, i) => (_jsx(StatCard, { stat: stat, visible: visible, delay: i * 120, isLast: i === stats.length - 1 }, stat.key))) }) }) }));
 }

package/dist/features/homepage/components/TrustFeaturesSection.js

@@ -3,19 +3,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { THEME_CONSTANTS } from "../../../tokens";
 import { Grid, Heading, Section, Span, Text } from "../../../ui";
-// ─── Single cards-variant card ───────────────────────────────────────────────
+// --- Single cards-variant card -----------------------------------------------
 function TrustFeatureCard({ item, visible, delay, }) {
     return (_jsxs("div", { className: [
             "flex flex-col items-center text-center p-4",
             "transition-all duration-500",
             visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4",
-        ].join(" "), style: { transitionDelay: `${delay}ms` }, children: [_jsx("div", { className: "from-primary-500/10 to-cobalt-500/10 flex h-14 w-14 items-center justify-center rounded-2xl bg-gradient-to-br flex-shrink-0", children: item.renderIcon ? (item.renderIcon({ className: "w-7 h-7" })) : (_jsx(Span, { className: "text-primary-600 dark:text-primary-400 text-2xl", "aria-hidden": "true", children: "\u2713" })) }), _jsx(Heading, { level: 3, className: "mt-3 mb-1 text-sm font-semibold tracking-wide uppercase text-zinc-800 dark:text-zinc-100", children: item.title }), _jsx(Text, { className: "text-xs leading-relaxed text-zinc-500 dark:text-zinc-400", children: item.description })] }));
+        ].join(" "), style: { transitionDelay: `${delay}ms` }, "data-section": "trustfeaturessection-div-373", children: [_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-primary-50 dark:bg-primary-950/40 border border-primary-100 dark:border-primary-900/30 flex-shrink-0", "data-section": "trustfeaturessection-div-374", children: item.renderIcon ? (item.renderIcon({ className: "w-7 h-7" })) : (_jsx(Span, { className: "text-primary-600 dark:text-secondary-400 text-2xl", "aria-hidden": "true", children: "\u2713" })) }), _jsx(Heading, { level: 3, className: "mt-3 mb-1 text-sm font-bold tracking-wide uppercase text-zinc-900 dark:text-zinc-100", children: item.title }), _jsx(Text, { className: "text-xs leading-relaxed text-zinc-500 dark:text-zinc-400", children: item.description })] }));
 }
-// ─── Single strip-variant item ───────────────────────────────────────────────
+// --- Single strip-variant item -----------------------------------------------
 function TrustStripItem({ item }) {
-    return (_jsxs("div", { className: "inline-flex flex-shrink-0 items-center gap-2 px-6", children: [item.renderIcon ? (item.renderIcon({ className: "w-5 h-5" })) : (_jsx(Span, { className: "text-primary-600 dark:text-primary-400 text-lg", "aria-hidden": "true", children: "\u2713" })), _jsx(Text, { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 whitespace-nowrap", children: item.title })] }));
+    return (_jsxs("div", { className: "inline-flex flex-shrink-0 items-center gap-2 px-6", "data-section": "trustfeaturessection-div-375", children: [item.renderIcon ? (item.renderIcon({ className: "w-5 h-5" })) : (_jsx(Span, { className: "text-primary-600 dark:text-primary-400 text-lg", "aria-hidden": "true", children: "\u2713" })), _jsx(Text, { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 whitespace-nowrap", children: item.title })] }));
 }
-// ─── Section ─────────────────────────────────────────────────────────────────
+// --- Section -----------------------------------------------------------------
 export function TrustFeaturesSection({ items, title, variant = "cards", className = "", }) {
     const { themed } = THEME_CONSTANTS;
     const sectionRef = useRef(null);
@@ -35,7 +35,7 @@ export function TrustFeaturesSection({ items, title, variant = "cards", classNam
     }, []);
     if (variant === "strip") {
         const doubled = [...items, ...items];
-        return (_jsx(Section, { ref: sectionRef, className: `py-4 overflow-hidden border-y border-zinc-100 dark:border-slate-800 ${className}`, children: _jsx("div", { className: "flex animate-marquee", children: doubled.map((item, i) => (_jsx(TrustStripItem, { item: item }, `${item.iconName}-${i}`))) }) }));
+        return (_jsx(Section, { ref: sectionRef, className: `py-4 overflow-hidden border-y border-zinc-100 dark:border-slate-800 ${className}`, children: _jsx("div", { className: "flex animate-marquee", "data-section": "trustfeaturessection-div-376", children: doubled.map((item, i) => (_jsx(TrustStripItem, { item: item }, `${item.iconName}-${i}`))) }) }));
     }
-    return (_jsx(Section, { ref: sectionRef, className: `py-10 px-4 ${themed.bgSecondary} ${className}`, children: _jsxs("div", { className: "max-w-6xl mx-auto", children: [title && (_jsx("div", { className: "text-center mb-8", children: _jsx(Heading, { level: 2, className: `text-3xl md:text-4xl font-bold ${themed.textPrimary}`, children: title }) })), _jsx(Grid, { gap: "lg", className: "grid-cols-2 sm:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4", children: items.map((item, index) => (_jsx(TrustFeatureCard, { item: item, visible: visible, delay: index * 100 }, item.iconName))) })] }) }));
+    return (_jsx(Section, { ref: sectionRef, className: `py-14 px-4 bg-zinc-50 dark:bg-slate-900/80 ${className}`, children: _jsxs("div", { className: "max-w-6xl mx-auto", "data-section": "trustfeaturessection-div-377", children: [title && (_jsx("div", { className: "text-center mb-8", "data-section": "trustfeaturessection-div-378", children: _jsx(Heading, { level: 2, className: "text-3xl md:text-4xl font-bold text-zinc-900 dark:text-zinc-100", children: title }) })), _jsx(Grid, { gap: "lg", className: "grid-cols-2 sm:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4", children: items.map((item, index) => (_jsx(TrustFeatureCard, { item: item, visible: visible, delay: index * 100 }, item.iconName))) })] }) }));
 }

package/dist/features/homepage/components/TrustIndicatorsSection.js

@@ -1,9 +1,8 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { THEME_CONSTANTS } from "../../../tokens";
 import { Grid, Heading, Section, Text } from "../../../ui";
-// ─── Section ─────────────────────────────────────────────────────────────────
+// --- Section -----------------------------------------------------------------
 export function TrustIndicatorsSection({ items, className = "", }) {
     const { themed } = THEME_CONSTANTS;
-    return (_jsx(Section, { className: `p-6 ${themed.bgSecondary} ${className}`, children: _jsx("div", { className: "w-full", children: _jsx(Grid, { gap: "md", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4 md:gap-8", children: items.map((indicator, index) => (_jsxs("div", { className: "text-center p-4 rounded-2xl bg-white dark:bg-slate-900 border border-zinc-100 dark:border-slate-800 hover:shadow-md transition-shadow", children: [_jsx("div", { className: "text-4xl md:text-5xl mb-2 md:mb-3", children: indicator.icon }), _jsx(Heading, { level: 3, className: `text-sm font-semibold ${themed.textPrimary} mb-1 md:mb-2`, children: indicator.title }), _jsx(Text, { className: `text-xs ${themed.textSecondary}`, children: indicator.description })] }, index))) }) }) }));
+    return (_jsx(Section, { className: `p-6 ${themed.bgSecondary} ${className}`, children: _jsx("div", { className: "w-full", "data-section": "trustindicatorssection-div-379", children: _jsx(Grid, { gap: "md", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4 md:gap-8", children: items.map((indicator, index) => (_jsxs("div", { className: "text-center p-4 rounded-2xl bg-white dark:bg-slate-900 border border-zinc-100 dark:border-slate-800 hover:shadow-md transition-shadow", "data-section": "trustindicatorssection-div-380", children: [_jsx("div", { className: "text-4xl md:text-5xl mb-2 md:mb-3", "data-section": "trustindicatorssection-div-381", children: indicator.icon }), _jsx(Heading, { level: 3, className: `text-sm font-semibold ${themed.textPrimary} mb-1 md:mb-2`, children: indicator.title }), _jsx(Text, { className: `text-xs ${themed.textSecondary}`, children: indicator.description })] }, index))) }) }) }));
 }

package/dist/features/homepage/components/WelcomeSection.d.ts

@@ -9,12 +9,14 @@ export interface WelcomeSectionProps {
     pillLabel?: string;
     showCTA?: boolean;
     ctaLabel?: string;
+    ctaHref?: string;
     onCtaClick?: () => void;
     secondaryCtaLabel?: string;
+    secondaryCtaHref?: string;
     onSecondaryCtaClick?: () => void;
     trustChips?: WelcomeSectionChip[];
     isLoading?: boolean;
     brandLogoText?: string;
     className?: string;
 }
-export declare function WelcomeSection({ title, subtitle, pillLabel, showCTA, ctaLabel, onCtaClick, secondaryCtaLabel, onSecondaryCtaClick, trustChips, isLoading, brandLogoText, className, }: WelcomeSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function WelcomeSection({ title, subtitle, pillLabel, showCTA, ctaLabel, ctaHref, onCtaClick, secondaryCtaLabel, secondaryCtaHref, onSecondaryCtaClick, trustChips, isLoading, brandLogoText, className, }: WelcomeSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/homepage/components/WelcomeSection.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { THEME_CONSTANTS } from "../../../tokens";
-import { Button, Grid, Heading, Row, Section, Span, Text } from "../../../ui";
-// ─── Component ───────────────────────────────────────────────────────────────
-export function WelcomeSection({ title, subtitle, pillLabel, showCTA = true, ctaLabel = "Shop now", onCtaClick, secondaryCtaLabel = "Browse products", onSecondaryCtaClick, trustChips = [], isLoading = false, brandLogoText = "", className = "", }) {
+import { Button, Grid, Heading, Row, Section, Span, Text, TextLink } from "../../../ui";
+// --- Component ---------------------------------------------------------------
+export function WelcomeSection({ title, subtitle, pillLabel, showCTA = true, ctaLabel = "Shop now", ctaHref, onCtaClick, secondaryCtaLabel = "Browse products", secondaryCtaHref, onSecondaryCtaClick, trustChips = [], isLoading = false, brandLogoText = "", className = "", }) {
     const { themed, flex } = THEME_CONSTANTS;
     if (isLoading) {
-        return (_jsx(Section, { className: `relative overflow-hidden py-16 md:py-24 px-4 ${className}`, children: _jsxs("div", { className: "animate-pulse max-w-4xl mx-auto text-center", children: [_jsx("div", { className: "h-6 bg-zinc-200 dark:bg-slate-700 rounded-full w-52 mx-auto mb-6" }), _jsx("div", { className: "h-20 bg-zinc-200 dark:bg-slate-700 rounded-lg mb-4 max-w-2xl mx-auto" }), _jsx("div", { className: "h-6 bg-zinc-200 dark:bg-slate-700 rounded-lg mb-8 max-w-lg mx-auto" }), _jsxs("div", { className: "flex justify-center gap-4", children: [_jsx("div", { className: "h-12 bg-zinc-200 dark:bg-slate-700 rounded-xl w-36" }), _jsx("div", { className: "h-12 bg-zinc-200 dark:bg-slate-700 rounded-xl w-36" })] })] }) }));
+        return (_jsx(Section, { className: `relative overflow-hidden py-16 md:py-24 px-4 ${className}`, children: _jsxs("div", { className: "animate-pulse max-w-4xl mx-auto text-center", "data-section": "welcomesection-div-382", children: [_jsx("div", { className: "h-6 bg-zinc-200 dark:bg-slate-700 rounded-full w-52 mx-auto mb-6" }), _jsx("div", { className: "h-20 bg-zinc-200 dark:bg-slate-700 rounded-lg mb-4 max-w-2xl mx-auto" }), _jsx("div", { className: "h-6 bg-zinc-200 dark:bg-slate-700 rounded-lg mb-8 max-w-lg mx-auto" }), _jsxs("div", { className: "flex justify-center gap-4", "data-section": "welcomesection-div-383", children: [_jsx("div", { className: "h-12 bg-zinc-200 dark:bg-slate-700 rounded-xl w-36" }), _jsx("div", { className: "h-12 bg-zinc-200 dark:bg-slate-700 rounded-xl w-36" })] })] }) }));
     }
-    return (_jsxs(Section, { className: `relative overflow-hidden py-16 md:py-24 px-4 ${className}`, children: [_jsx("div", { className: "pointer-events-none absolute -top-24 -left-24 w-96 h-96 rounded-full border border-dashed border-primary/10 animate-spin [animation-duration:60s]", "aria-hidden": "true" }), _jsx("div", { className: "pointer-events-none absolute -bottom-32 -right-32 w-[32rem] h-[32rem] rounded-full border border-dashed border-cobalt/10 animate-spin [animation-duration:80s] [animation-direction:reverse]", "aria-hidden": "true" }), _jsx("div", { className: "relative z-10 max-w-7xl mx-auto", children: _jsxs(Grid, { gap: "2xl", className: "grid-cols-1 lg:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2 items-center", children: [_jsxs("div", { className: "text-center lg:text-left", children: [pillLabel && (_jsx("div", { children: _jsxs(Span, { className: "inline-flex items-center gap-2 rounded-full border border-primary-500/30 bg-primary-500/10 px-5 py-1.5 text-xs font-medium tracking-[0.2em] uppercase text-primary-700 dark:text-primary-400 backdrop-blur-sm", children: [_jsx(Span, { className: "w-1.5 h-1.5 rounded-full bg-primary-500 inline-block", "aria-hidden": "true" }), pillLabel, _jsx(Span, { className: "w-1.5 h-1.5 rounded-full bg-primary-500 inline-block", "aria-hidden": "true" })] }) })), _jsx(Heading, { level: 1, variant: "none", className: "mt-4 font-display text-5xl md:text-7xl lg:text-8xl bg-gradient-to-r from-primary via-cobalt to-secondary dark:from-secondary dark:via-cobalt dark:to-primary bg-clip-text text-transparent leading-tight", children: title }), subtitle && (_jsx(Text, { className: `mt-4 text-xl ${themed.textSecondary} max-w-xl leading-relaxed mx-auto lg:mx-0`, children: subtitle })), showCTA && (_jsxs(Row, { wrap: true, gap: "md", className: "mt-8 justify-center lg:justify-start", children: [_jsx(Button, { variant: "primary", size: "lg", onClick: onCtaClick, children: ctaLabel }), _jsx(Button, { variant: "outline", size: "lg", onClick: onSecondaryCtaClick, children: secondaryCtaLabel })] })), trustChips.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mt-6 justify-center lg:justify-start", children: trustChips.map((chip) => (_jsxs(Span, { className: "bg-zinc-100 dark:bg-slate-800 rounded-full px-3 py-1 text-xs text-zinc-600 dark:text-zinc-400", children: [chip.emoji, " ", chip.label] }, chip.key))) }))] }), _jsx("div", { className: "hidden lg:block", children: _jsxs("div", { className: `relative rounded-3xl overflow-hidden aspect-[4/3] bg-gradient-to-br from-primary/10 via-cobalt/10 to-secondary/10 border ${themed.border}`, children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-cobalt/5" }), _jsx("div", { className: `absolute inset-0 ${flex.center}`, children: _jsx(Span, { className: "font-display text-8xl text-primary/20 select-none", children: brandLogoText }) })] }) })] }) })] }));
+    return (_jsxs(Section, { className: `relative overflow-hidden py-20 md:py-28 px-4 ${className}`, children: [_jsx("div", { className: "pointer-events-none absolute -top-32 -left-32 w-[28rem] h-[28rem] rounded-full bg-primary/10 blur-3xl", "aria-hidden": "true" }), _jsx("div", { className: "pointer-events-none absolute -bottom-40 -right-40 w-[36rem] h-[36rem] rounded-full bg-secondary/10 dark:bg-secondary/15 blur-3xl", "aria-hidden": "true" }), _jsx("div", { className: "relative z-10 max-w-7xl mx-auto", "data-section": "welcomesection-div-384", children: _jsxs(Grid, { gap: "2xl", className: "grid-cols-1 lg:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2 items-center", children: [_jsxs("div", { className: "text-center lg:text-left", "data-section": "welcomesection-div-385", children: [pillLabel && (_jsx("div", { "data-section": "welcomesection-div-386", children: _jsxs(Span, { className: "inline-flex items-center gap-2 rounded-full border border-primary-500/30 bg-primary-500/10 px-5 py-1.5 text-xs font-medium tracking-[0.2em] uppercase text-primary-700 dark:text-primary-400 backdrop-blur-sm", children: [_jsx(Span, { className: "w-1.5 h-1.5 rounded-full bg-primary-500 inline-block", "aria-hidden": "true" }), pillLabel, _jsx(Span, { className: "w-1.5 h-1.5 rounded-full bg-primary-500 inline-block", "aria-hidden": "true" })] }) })), _jsx(Heading, { level: 1, variant: "none", className: "mt-4 font-display text-5xl md:text-6xl lg:text-7xl xl:text-8xl bg-gradient-to-r from-primary-600 via-cobalt to-primary-400 dark:from-secondary dark:via-cobalt-400 dark:to-secondary-300 bg-clip-text text-transparent leading-[1.1] tracking-tight", children: title }), subtitle && (_jsx(Text, { className: `mt-4 text-xl ${themed.textSecondary} max-w-xl leading-relaxed mx-auto lg:mx-0`, children: subtitle })), showCTA && (_jsxs(Row, { wrap: true, gap: "md", className: "mt-8 justify-center lg:justify-start", children: [ctaHref ? (_jsx(TextLink, { href: ctaHref, className: "inline-flex items-center justify-center rounded-xl px-8 py-3.5 text-base font-bold !bg-primary hover:!bg-primary-500 !text-zinc-900 dark:!bg-secondary dark:hover:!bg-secondary-600 dark:!text-white shadow-lg shadow-primary/25 dark:shadow-secondary/25 transition-all hover:scale-[1.02]", children: ctaLabel })) : (_jsx(Button, { variant: "primary", size: "lg", onClick: onCtaClick, children: ctaLabel })), secondaryCtaHref ? (_jsx(TextLink, { href: secondaryCtaHref, className: "inline-flex items-center justify-center rounded-xl border-2 border-cobalt/40 dark:border-cobalt-400/40 px-8 py-3.5 text-base font-semibold text-cobalt-700 dark:text-cobalt-300 hover:bg-cobalt-50 dark:hover:bg-cobalt-900/20 transition-all hover:scale-[1.02]", children: secondaryCtaLabel })) : (_jsx(Button, { variant: "outline", size: "lg", onClick: onSecondaryCtaClick, children: secondaryCtaLabel }))] })), trustChips.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mt-6 justify-center lg:justify-start", children: trustChips.map((chip) => (_jsxs(Span, { className: "inline-flex items-center gap-1.5 bg-zinc-100 dark:bg-slate-800 border border-zinc-200 dark:border-slate-700 rounded-full px-3.5 py-1.5 text-xs font-medium text-zinc-700 dark:text-zinc-300", children: [chip.emoji, " ", chip.label] }, chip.key))) }))] }), _jsx("div", { className: "hidden lg:block", "data-section": "welcomesection-div-387", children: _jsxs("div", { className: `relative rounded-3xl overflow-hidden aspect-[4/3] bg-gradient-to-br from-primary-100 via-cobalt-100/60 to-secondary-100 dark:from-primary-950/60 dark:via-cobalt-950/40 dark:to-secondary-950/60 border ${themed.border} shadow-2xl`, "data-section": "welcomesection-div-388", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-cobalt/5" }), _jsx("div", { className: `absolute inset-0 ${flex.center}`, "data-section": "welcomesection-div-389", children: _jsx(Span, { className: "font-display text-9xl font-black text-primary-400/30 dark:text-secondary-400/30 select-none", children: brandLogoText }) })] }) })] }) })] }));
 }

package/dist/features/homepage/components/WhatsAppCommunitySection.d.ts

@@ -1,4 +1,3 @@
-import "client-only";
 export interface WhatsAppCommunitySectionProps {
     title: string;
     /** HTML string for the description (safe server-rendered HTML). */

package/dist/features/homepage/components/WhatsAppCommunitySection.js

@@ -1,15 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "client-only";
 import { THEME_CONSTANTS } from "../../../tokens";
-import { Button, Grid, Heading, Section, Span, Text } from "../../../ui";
+import { Button, Grid, Heading, RichText, Section, Span, Text } from "../../../ui";
 import { MessageCircle } from "lucide-react";
 import { getDefaultLocale } from "../../../core/baseline-resolver";
-// ─── Section ─────────────────────────────────────────────────────────────────
+// --- Section -----------------------------------------------------------------
 export function WhatsAppCommunitySection({ title, descriptionHtml, memberCount, memberCountLabel = "members", testimonial, benefits = [], buttonText = "Join our WhatsApp community", groupLink, isLoading = false, className = "", }) {
     const { themed, flex } = THEME_CONSTANTS;
     if (isLoading) {
-        return (_jsx(Section, { className: `p-8 ${themed.bgSecondary} ${className}`, children: _jsx("div", { className: "w-full max-w-7xl mx-auto", children: _jsx("div", { className: "h-80 bg-zinc-200 dark:bg-slate-700 rounded-2xl animate-pulse" }) }) }));
+        return (_jsx(Section, { className: `p-8 ${themed.bgSecondary} ${className}`, children: _jsx("div", { className: "w-full max-w-7xl mx-auto", "data-section": "whatsappcommunitysection-div-390", children: _jsx("div", { className: "h-80 bg-zinc-200 dark:bg-slate-700 rounded-2xl animate-pulse" }) }) }));
     }
     if (!title && !groupLink)
         return null;
@@ -17,5 +16,5 @@ export function WhatsAppCommunitySection({ title, descriptionHtml, memberCount,
         if (groupLink)
             window.open(groupLink, "_blank");
     };
-    return (_jsx(Section, { className: `p-8 ${themed.bgSecondary} ${className}`, children: _jsx("div", { className: "w-full max-w-7xl mx-auto", children: _jsxs("div", { className: "bg-gradient-to-br from-green-700 to-green-800 dark:from-emerald-800 dark:to-emerald-900 rounded-2xl p-8 text-white overflow-hidden relative", children: [_jsx("div", { className: "absolute inset-0 opacity-10", "aria-hidden": true, children: _jsxs("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsx("pattern", { id: "wa-dots", x: "0", y: "0", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: _jsx("circle", { cx: "20", cy: "20", r: "2", fill: "white" }) }) }), _jsx("rect", { width: "100%", height: "100%", fill: "url(#wa-dots)" })] }) }), _jsxs("div", { className: "relative z-10 text-center", children: [_jsx("div", { className: `inline-flex items-center justify-center w-20 h-20 rounded-full bg-white/20 backdrop-blur-sm mb-6 mx-auto`, children: _jsx(MessageCircle, { className: "w-10 h-10 text-white" }) }), _jsx(Heading, { level: 2, className: "mb-3 text-white", children: title }), descriptionHtml && (_jsx("div", { className: "text-lg md:text-xl mb-2 opacity-90 prose prose-invert max-w-none", dangerouslySetInnerHTML: { __html: descriptionHtml } })), memberCount && (_jsxs("div", { className: `${flex.center} gap-3 mb-4`, children: [_jsx("div", { className: "flex -space-x-2", children: ["A", "R", "S", "M", "P"].map((initial, i) => (_jsx("div", { className: `w-8 h-8 rounded-full border-2 border-white bg-green-700 ${flex.center} text-white text-xs font-bold`, children: initial }, i))) }), _jsxs(Text, { variant: "none", className: "text-white font-bold", children: [_jsx(Span, { className: "text-xl font-extrabold", children: memberCount.toLocaleString(getDefaultLocale()) }), " ", memberCountLabel] })] })), testimonial && (_jsxs(Text, { size: "sm", variant: "none", className: "italic text-white/90 max-w-sm mx-auto mb-6", children: ["\u201C", testimonial, "\u201D"] })), benefits.length > 0 && (_jsx(Grid, { className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4 max-w-2xl mx-auto my-8", children: benefits.slice(0, 4).map((benefit, index) => (_jsxs("div", { className: "flex items-start gap-3 text-left bg-white/10 backdrop-blur-sm p-4 rounded-lg", children: [_jsx("svg", { className: "w-6 h-6 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }), _jsx(Span, { className: "text-sm md:text-base", children: benefit })] }, index))) })), groupLink && (_jsxs("div", { className: "relative inline-block", children: [_jsx("div", { className: "absolute inset-0 rounded-full bg-lime-400/30 animate-pulse blur-md scale-110", "aria-hidden": true }), _jsxs(Button, { variant: "primary", size: "lg", "aria-label": buttonText, onClick: handleJoin, className: "relative bg-white text-green-600 hover:bg-zinc-100 shadow-xl hover:shadow-2xl", children: [_jsx("svg", { className: "w-6 h-6 mr-2", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }), buttonText] })] }))] })] }) }) }));
+    return (_jsx(Section, { className: `p-8 ${themed.bgSecondary} ${className}`, children: _jsx("div", { className: "w-full max-w-7xl mx-auto", "data-section": "whatsappcommunitysection-div-391", children: _jsxs("div", { className: "bg-gradient-to-br from-green-700 to-green-800 dark:from-emerald-800 dark:to-emerald-900 rounded-2xl p-8 text-white overflow-hidden relative", "data-section": "whatsappcommunitysection-div-392", children: [_jsx("div", { className: "absolute inset-0 opacity-10", "aria-hidden": true, "data-section": "whatsappcommunitysection-div-393", children: _jsxs("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsx("pattern", { id: "wa-dots", x: "0", y: "0", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: _jsx("circle", { cx: "20", cy: "20", r: "2", fill: "white" }) }) }), _jsx("rect", { width: "100%", height: "100%", fill: "url(#wa-dots)" })] }) }), _jsxs("div", { className: "relative z-10 text-center", "data-section": "whatsappcommunitysection-div-394", children: [_jsx("div", { className: `inline-flex items-center justify-center w-20 h-20 rounded-full bg-white/20 backdrop-blur-sm mb-6 mx-auto`, "data-section": "whatsappcommunitysection-div-395", children: _jsx(MessageCircle, { className: "w-10 h-10 text-white" }) }), _jsx(Heading, { level: 2, className: "mb-3 text-white", children: title }), descriptionHtml && (_jsx(RichText, { html: descriptionHtml, className: "text-lg md:text-xl mb-2 opacity-90 prose-invert prose-sm" })), memberCount && (_jsxs("div", { className: `${flex.center} gap-3 mb-4`, "data-section": "whatsappcommunitysection-div-396", children: [_jsx("div", { className: "flex -space-x-2", "data-section": "whatsappcommunitysection-div-397", children: ["A", "R", "S", "M", "P"].map((initial, i) => (_jsx("div", { className: `w-8 h-8 rounded-full border-2 border-white bg-green-700 ${flex.center} text-white text-xs font-bold`, "data-section": "whatsappcommunitysection-div-398", children: initial }, i))) }), _jsxs(Text, { variant: "none", className: "text-white font-bold", children: [_jsx(Span, { className: "text-xl font-extrabold", children: memberCount.toLocaleString(getDefaultLocale()) }), " ", memberCountLabel] })] })), testimonial && (_jsxs(Text, { size: "sm", variant: "none", className: "italic text-white/90 max-w-sm mx-auto mb-6", children: ["\u201C", testimonial, "\u201D"] })), benefits.length > 0 && (_jsx(Grid, { className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4 max-w-2xl mx-auto my-8", children: benefits.slice(0, 4).map((benefit, index) => (_jsxs("div", { className: "flex items-start gap-3 text-left bg-white/10 backdrop-blur-sm p-4 rounded-lg", "data-section": "whatsappcommunitysection-div-399", children: [_jsx("svg", { className: "w-6 h-6 mt-0.5 flex-shrink-0", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }), _jsx(Span, { className: "text-sm md:text-base", children: benefit })] }, index))) })), groupLink && (_jsxs("div", { className: "relative inline-block", "data-section": "whatsappcommunitysection-div-400", children: [_jsx("div", { className: "absolute inset-0 rounded-full bg-lime-400/30 animate-pulse blur-md scale-110", "aria-hidden": true }), _jsxs(Button, { variant: "primary", size: "lg", "aria-label": buttonText, onClick: handleJoin, className: "relative !bg-white !text-green-700 hover:!bg-zinc-100 shadow-xl hover:shadow-2xl", children: [_jsx("svg", { className: "w-6 h-6 mr-2", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }), buttonText] })] }))] })] }) }) }));
 }

package/dist/features/homepage/components/index.d.ts

@@ -19,6 +19,8 @@ export type { NewsletterBannerProps } from "./NewsletterBanner";
 export { NewsletterBanner } from "./NewsletterBanner";
 export { HomepageView } from "./HomepageView";
 export type { HomepageViewProps } from "./HomepageView";
+export { MarketplaceHomepageView } from "./MarketplaceHomepageView";
+export type { MarketplaceHomepageViewProps, MarketplaceHomepageViewAdSlots, } from "./MarketplaceHomepageView";
 export type { SectionCarouselProps } from "./SectionCarousel";
 export { SectionCarousel } from "./SectionCarousel";
 export type { WelcomeSectionProps, WelcomeSectionChip } from "./WelcomeSection";
@@ -50,3 +52,25 @@ export type { FeaturedResultItem, FeaturedResultsSectionProps, } from "./Feature
 export { FeaturedResultsSection } from "./FeaturedResultsSection";
 export type { HowItWorksInfoStep, HowItWorksInfoDetail, HowItWorksInfoViewProps, } from "./HowItWorksInfoView";
 export { HowItWorksInfoView } from "./HowItWorksInfoView";
+export type { AnnouncementBarProps } from "./AnnouncementBar";
+export { AnnouncementBar } from "./AnnouncementBar";
+export type { ShopByCategorySectionProps } from "./ShopByCategorySection";
+export { ShopByCategorySection } from "./ShopByCategorySection";
+export type { FeaturedProductsSectionProps } from "./FeaturedProductsSection";
+export { FeaturedProductsSection } from "./FeaturedProductsSection";
+export type { FeaturedAuctionsSectionProps } from "./FeaturedAuctionsSection";
+export { FeaturedAuctionsSection } from "./FeaturedAuctionsSection";
+export type { FeaturedPreOrdersSectionProps } from "./FeaturedPreOrdersSection";
+export { FeaturedPreOrdersSection } from "./FeaturedPreOrdersSection";
+export type { FeaturedStoresSectionProps } from "./FeaturedStoresSection";
+export { FeaturedStoresSection } from "./FeaturedStoresSection";
+export type { EventsSectionProps } from "./EventsSection";
+export { EventsSection } from "./EventsSection";
+export type { CTABannerSectionProps } from "./CTABannerSection";
+export { CTABannerSection } from "./CTABannerSection";
+export type { HomepageCustomerReviewsSectionProps } from "./HomepageCustomerReviewsSection";
+export { HomepageCustomerReviewsSection } from "./HomepageCustomerReviewsSection";
+export type { BlogArticlesSectionProps } from "./BlogArticlesSection";
+export { BlogArticlesSection } from "./BlogArticlesSection";
+export type { AdSlotProps } from "./AdSlot";
+export { AdSlot } from "./AdSlot";

package/dist/features/homepage/components/index.js

@@ -9,6 +9,7 @@ export { TestimonialsCarousel } from "./TestimonialsCarousel";
 export { BeforeAfterCard } from "./BeforeAfterCard";
 export { NewsletterBanner } from "./NewsletterBanner";
 export { HomepageView } from "./HomepageView";
+export { MarketplaceHomepageView } from "./MarketplaceHomepageView";
 export { SectionCarousel } from "./SectionCarousel";
 export { WelcomeSection } from "./WelcomeSection";
 export { TrustFeaturesSection } from "./TrustFeaturesSection";
@@ -25,3 +26,14 @@ export { WhatsAppCommunitySection } from "./WhatsAppCommunitySection";
 export { HomepageSkeleton } from "./HomepageSkeleton";
 export { FeaturedResultsSection } from "./FeaturedResultsSection";
 export { HowItWorksInfoView } from "./HowItWorksInfoView";
+export { AnnouncementBar } from "./AnnouncementBar";
+export { ShopByCategorySection } from "./ShopByCategorySection";
+export { FeaturedProductsSection } from "./FeaturedProductsSection";
+export { FeaturedAuctionsSection } from "./FeaturedAuctionsSection";
+export { FeaturedPreOrdersSection } from "./FeaturedPreOrdersSection";
+export { FeaturedStoresSection } from "./FeaturedStoresSection";
+export { EventsSection } from "./EventsSection";
+export { CTABannerSection } from "./CTABannerSection";
+export { HomepageCustomerReviewsSection } from "./HomepageCustomerReviewsSection";
+export { BlogArticlesSection } from "./BlogArticlesSection";
+export { AdSlot } from "./AdSlot";

package/dist/features/homepage/hooks/useBlogArticles.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { BLOG_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useFeaturedAuctions.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useFeaturedPreOrders.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useFeaturedProducts.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useFeaturedStores.d.ts

@@ -0,0 +1,2 @@
+import type { StoreListItem } from "../../stores/types";
+export declare function useFeaturedStores(limit?: number): import("@tanstack/react-query").UseQueryResult<StoreListItem[], Error>;

package/dist/features/homepage/hooks/useFeaturedStores.js

@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import { apiClient } from "../../../http";
+import { STORE_ENDPOINTS } from "../../../constants/api-endpoints";
+export function useFeaturedStores(limit = 8) {
+    return useQuery({
+        queryKey: ["stores", "featured", String(limit)],
+        queryFn: async () => {
+            const res = await apiClient.get(`${STORE_ENDPOINTS.LIST}?pageSize=${limit}&sort=-averageRating`);
+            return res?.items ?? [];
+        },
+        staleTime: 10 * 60 * 1000,
+        gcTime: 30 * 60 * 1000,
+    });
+}

package/dist/features/homepage/hooks/useHeroCarousel.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useHomepage.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useHomepageEvents.d.ts

@@ -0,0 +1,6 @@
+import type { EventItem } from "../../events/types";
+export interface HomepageEventsListResponse {
+    items: EventItem[];
+    total: number;
+}
+export declare function useHomepageEvents(limit?: number): import("@tanstack/react-query").UseQueryResult<EventItem[], Error>;

package/dist/features/homepage/hooks/useHomepageEvents.js

@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import { apiClient } from "../../../http";
+import { EVENT_ENDPOINTS } from "../../../constants/api-endpoints";
+export function useHomepageEvents(limit = 6) {
+    return useQuery({
+        queryKey: ["events", "homepage", String(limit)],
+        queryFn: async () => {
+            const res = await apiClient.get(`${EVENT_ENDPOINTS.LIST}?filters=status%3D%3Dactive&pageSize=${limit}`);
+            return res?.items ?? [];
+        },
+        staleTime: 5 * 60 * 1000,
+        gcTime: 15 * 60 * 1000,
+    });
+}

package/dist/features/homepage/hooks/useHomepageReviews.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { REVIEW_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useHomepageSections.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useNewsletter.js

@@ -1,4 +1,3 @@
-"use client";
 import { useMutation } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useTopBrands.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { CATEGORY_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/hooks/useTopCategories.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { CATEGORY_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/homepage/index.d.ts

@@ -10,4 +10,8 @@ export * from "./hooks/useTopBrands";
 export * from "./hooks/useBlogArticles";
 export * from "./hooks/useHomepageReviews";
 export * from "./hooks/useNewsletter";
+export * from "./hooks/useFeaturedStores";
+export * from "./hooks/useHomepageEvents";
 export * from "./components";
+export { registerAdSlot, registerAdSlots, getAdSlot, getAllAdSlots, unregisterAdSlot, clearAdRegistry, setAdConsentGranted, isAdConsentGranted, isAdSlotRenderable, } from "./ad-registry";
+export type { AdSlotId, AdProvider, AdSlotConfig } from "./ad-registry";

package/dist/features/homepage/index.js

@@ -10,4 +10,7 @@ export * from "./hooks/useTopBrands";
 export * from "./hooks/useBlogArticles";
 export * from "./hooks/useHomepageReviews";
 export * from "./hooks/useNewsletter";
+export * from "./hooks/useFeaturedStores";
+export * from "./hooks/useHomepageEvents";
 export * from "./components";
+export { registerAdSlot, registerAdSlots, getAdSlot, getAllAdSlots, unregisterAdSlot, clearAdRegistry, setAdConsentGranted, isAdConsentGranted, isAdSlotRenderable, } from "./ad-registry";

package/dist/features/homepage/repository/carousel.repository.d.ts

@@ -1,4 +1,3 @@
-import "server-only";
 /**
  * Carousel Repository
  *

package/dist/features/homepage/repository/carousel.repository.js

@@ -1,10 +1,9 @@
-import "server-only";
 /**
  * Carousel Repository
  *
  * Manages homepage carousel slides with grid card system
  */
-import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
+import { BaseRepository, getFirestoreCount, prepareForFirestore, } from "../../../providers/db-firebase";
 import { increment } from "../../../contracts/field-ops";
 import { CAROUSEL_SLIDES_COLLECTION, MAX_ACTIVE_SLIDES, DEFAULT_CAROUSEL_SLIDE_DATA, canActivateSlide, createCarouselId, } from "../schemas";
 import { DatabaseError } from "../../../errors";
@@ -194,12 +193,7 @@ export class CarouselRepository extends BaseRepository {
      */
     async getActiveCount() {
         try {
-            const snapshot = await this.db
-                .collection(this.collection)
-                .where("active", "==", true)
-                .count()
-                .get();
-            return snapshot.data().count;
+            return await getFirestoreCount(this.db.collection(this.collection).where("active", "==", true));
         }
         catch (error) {
             throw new DatabaseError(`Failed to count active slides: ${error instanceof Error ? error.message : "Unknown error"}`);

package/dist/features/homepage/schemas/firestore.d.ts

@@ -140,6 +140,14 @@ export interface ProductsSectionConfig {
     autoScroll: boolean;
     scrollInterval: number;
 }
+export interface StatsSectionConfig {
+    title?: string;
+    stats: Array<{
+        key: string;
+        label: string;
+        value: string;
+    }>;
+}
 export interface AuctionsSectionConfig {
     title: string;
     subtitle?: string;
@@ -209,6 +217,16 @@ export interface EventsSectionConfig {
     autoScroll: boolean;
     scrollInterval: number;
 }
+export interface PreOrdersSectionConfig {
+    title: string;
+    subtitle?: string;
+    maxItems: number;
+    rows: 2;
+    itemsPerRow: 3;
+    mobileItemsPerRow: 1;
+    autoScroll: boolean;
+    scrollInterval: number;
+}
 export interface BannerSectionConfig {
     height: "sm" | "md" | "lg" | "xl";
     backgroundImage?: string;
@@ -227,8 +245,8 @@ export interface BannerSectionConfig {
     clickable: boolean;
     clickLink?: string;
 }
-export type SectionType = "welcome" | "trust-indicators" | "categories" | "brands" | "products" | "auctions" | "banner" | "features" | "reviews" | "whatsapp-community" | "faq" | "blog-articles" | "newsletter" | "stores" | "events";
-export type SectionConfig = WelcomeSectionConfig | TrustIndicatorsSectionConfig | CategoriesSectionConfig | BrandsSectionConfig | ProductsSectionConfig | AuctionsSectionConfig | BannerSectionConfig | FeaturesSectionConfig | ReviewsSectionConfig | WhatsAppCommunitySectionConfig | FAQSectionConfig | BlogArticlesSectionConfig | NewsletterSectionConfig | StoresSectionConfig | EventsSectionConfig;
+export type SectionType = "welcome" | "stats" | "trust-indicators" | "categories" | "brands" | "products" | "pre-orders" | "auctions" | "banner" | "features" | "reviews" | "whatsapp-community" | "faq" | "blog-articles" | "newsletter" | "stores" | "events";
+export type SectionConfig = WelcomeSectionConfig | StatsSectionConfig | TrustIndicatorsSectionConfig | CategoriesSectionConfig | BrandsSectionConfig | ProductsSectionConfig | PreOrdersSectionConfig | AuctionsSectionConfig | BannerSectionConfig | FeaturesSectionConfig | ReviewsSectionConfig | WhatsAppCommunitySectionConfig | FAQSectionConfig | BlogArticlesSectionConfig | NewsletterSectionConfig | StoresSectionConfig | EventsSectionConfig;
 export interface HomepageSectionDocument {
     id: string;
     type: SectionType;

package/dist/features/homepage/schemas/firestore.js

@@ -53,20 +53,22 @@ export const HOMEPAGE_SECTIONS_INDEXED_FIELDS = [
 ];
 export const DEFAULT_SECTION_ORDER = {
     welcome: 1,
+    stats: 2,
     "trust-indicators": 3,
     categories: 2,
     brands: 2,
     products: 4,
-    auctions: 5,
+    "pre-orders": 5,
+    auctions: 6,
     banner: 4,
-    features: 5,
-    reviews: 6,
-    "whatsapp-community": 6,
+    features: 7,
+    reviews: 8,
+    "whatsapp-community": 8,
     faq: 4,
-    "blog-articles": 5,
-    newsletter: 6,
-    stores: 7,
-    events: 8,
+    "blog-articles": 9,
+    newsletter: 9,
+    stores: 10,
+    events: 11,
 };
 export const BANNER_HEIGHTS = {
     sm: "200px",

package/dist/features/homepage/server.d.ts

@@ -1,4 +1,3 @@
-import "server-only";
 export * from "./actions";
 export { HomepageSectionsRepository } from "./repository/homepage.repository";
 export { carouselRepository } from "./repository/carousel.repository";

package/dist/features/homepage/server.js

@@ -1,4 +1,3 @@
-import "server-only";
 export * from "./actions";
 export { HomepageSectionsRepository } from "./repository/homepage.repository";
 export { carouselRepository } from "./repository/carousel.repository";