/* ─────────────────────────────────────────────────────────── SIZZLE — sections (bottom): Showcase, Testimonials, FAQ, CTA, Footer ─────────────────────────────────────────────────────────── */ /* ── INTERACTIVE SHOWCASE ───────────────────────────────── */ function Showcase() { const tr = useI18n(); const icons = ["play", "layout", "cart"]; const points = tr.showcase.points.map((p, i) => ({ ...p, icon: icons[i] })); return ( ); } /* ── TESTIMONIALS ───────────────────────────────────────── */ function Testimonials() { const tr = useI18n(); const icons = ["flame", "globe", "bolt"]; const quotes = tr.testimonials.quotes.map((q, i) => ({ ...q, icon: icons[i] })); return (
{tr.testimonials.eyebrow}

{tr.testimonials.title}

{[0,1,2,3,4].map((i) => )}
{tr.testimonials.rating}
{quotes.map((t, i) => (
“{t.q}”
{t.n}
{t.r}
 ))}
); } /* ── FAQ ────────────────────────────────────────────────── */ function FAQitem({ q, a, open, onClick }) { return (

{a}

); } function FAQ() { const tr = useI18n(); const [open, setOpen] = useState(0); const items = tr.faq.items; return (
{tr.faq.eyebrow}

{tr.faq.title}

{tr.faq.stillCurious} {tr.faq.talk}

{items.map((it, i) => ( setOpen(open === i ? -1 : i)} /> ))}
); } const FAQitemWrap = FAQitem; /* ── FINAL CTA ──────────────────────────────────────────── */ function FinalCTA({ copy }) { const tr = useI18n(); const openDemo = useOpenDemo(); return (
{tr.cta.ready}

{copy.ctaHeadline}

{copy.ctaSub}

{copy.ctaSecondary}
{tr.cta.badges.map((x) => ( {x} ))}
); } /* ── FOOTER ─────────────────────────────────────────────── */ function Footer({ copy, lang, onLang }) { const tr = useI18n(); const cols = tr.footer.cols; return ( ); } Object.assign(window, { Showcase, Testimonials, FAQ, FinalCTA, Footer });