// Marmar Halim — shared components (Nav, Footer, FAB, atoms)
const { useState, useEffect, useRef, useMemo } = React;
/* ---------- Top announcement bar ---------- */
function Announce() {
return (
Made to Order · 4–6 Weeks Worldwide Shipping from Dubai SS25 “My Girl” Now Available
);
}
/* ---------- Nav ---------- */
function Nav({ route, go, overlay }) {
const [scrolled, setScrolled] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 80);
onScroll();
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
const Item = ({ name, label }) => (
);
const isOver = overlay && !scrolled;
return (
);
}
/* ---------- Footer ---------- */
function Footer({ go }) {
return (
);
}
/* ---------- WhatsApp FAB ---------- */
function WhatsAppFab() {
return (
WhatsApp Atelier
);
}
/* ---------- Mobile bottom bar ---------- */
function MobileBar({ go }) {
return (
WhatsApp
);
}
/* ---------- Section header ---------- */
function SectionHead({ eyebrow, title, meta, action }) {
return (
{eyebrow &&
{eyebrow}
}
{title}
{meta}
{action}
);
}
/* ---------- ProductCard ---------- */
function ProductCard({ p, onOpen }) {
return (
);
}
/* ---------- Toast ---------- */
function Toast({ msg }) {
return {msg}
;
}
/* ---------- Press strip (text-only, no fake logos) ---------- */
function PressStrip({ dark }) {
const items = [
{ kind: "Stocked at", name: "Moda Operandi" },
{ kind: "Shown", name: "Dubai Fashion Week 2019" },
{ kind: "Featured in", name: "SheerLuxe Middle East" },
{ kind: "Bridal Editor", name: "THE WED" },
];
return (
{[...items, ...items].map((it, i) => (
{it.kind}
{it.name}
))}
);
}
/* expose globally */
Object.assign(window, {
Announce, Nav, Footer, WhatsAppFab, MobileBar, SectionHead, ProductCard, Toast, PressStrip,
});