// Sections.jsx — Maison Gifts // About · Product Categories · Why Choose · Corporate & Event band. // ── About ──────────────────────────────────────────────────── const About = () => { const c = useContent(); return (
{/* Header — centered */}
{c.about.overline}

{c.about.title}

 {/* Banner image — centered */}
15+ Years
{/* Sentences — below image, centered */}
{c.about.body.map((p, i) => (

{p}

 ))}
{c.about.points.map((pt, i) => (
{pt}
))}
); }; // ── Product Categories ─────────────────────────────────────── const Categories = () => { const c = useContent(); return (
{c.categories.overline}

{c.categories.title}

{c.categories.sub}
{c.categories.items.map((it, i) => (
{ e.currentTarget.style.transform = 'translateY(-5px)'; e.currentTarget.style.boxShadow = 'var(--shadow-whisper)'; e.currentTarget.style.borderColor = 'var(--burgundy)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'none'; e.currentTarget.style.boxShadow = 'none'; e.currentTarget.style.borderColor = 'var(--grey-line)'; }}>

{it.name}

{it.desc}

 ))}
); }; // ── Why Choose ─────────────────────────────────────────────── const WhyChoose = () => { const c = useContent(); return (
{c.why.overline}

{c.why.title}

{c.why.sub}
{c.why.items.map((it, i) => (

{it.name}

{it.desc}

 ))}
); }; // ── Corporate & Event band ─────────────────────────────────── const Corporate = () => { const c = useContent(); return (
{/* batik umbrella photography — full bleed */} {/* navy gradient — darker on the left so copy reads, batik shows on the right */} {/* faint vertical rule texture */}
{c.corporate.overline}

{c.corporate.title}

{c.corporate.body}
{c.corporate.audiences.map((a, i) => (
e.currentTarget.style.borderColor = 'var(--burgundy-soft)'} onMouseLeave={e => e.currentTarget.style.borderColor = 'rgba(246,241,230,0.1)'}> {a}
))}
); }; Object.assign(window, { About, Categories, WhyChoose, Corporate });