/* global React, TREATMENTS, CATEGORIES, IconArrow, IconClose, IconCheck */ function Treatments({ onOpenTreatment, onBook }) { const [cat, setCat] = React.useState("all"); const filtered = TREATMENTS.filter(t => cat === "all" || t.cat === cat); // Build display list — featured cards bubble up const display = [...filtered].sort((a, b) => (b.featured ? 1 : 0) - (a.featured ? 1 : 0)); return (
02 · Treatments

A complete dental practice
with a cosmetic heart.

Empire is a full general dental practice — preventive, restorative, surgical — with a clear specialism in cosmetic dentistry and orthodontics. Browse the menu, or jump straight to a consultation.

{CATEGORIES.map(c => { const count = c.id === "all" ? TREATMENTS.length : TREATMENTS.filter(t => t.cat === c.id).length; return ( ); })}
{display.map(t => { const Icon = t.icon; return ( ); })}
); } function TreatmentDrawer({ treatment, onClose, onBook }) { const [openFaq, setOpenFaq] = React.useState(0); React.useEffect(() => { setOpenFaq(0); }, [treatment?.id]); React.useEffect(() => { if (!treatment) return; document.body.style.overflow = "hidden"; return () => { document.body.style.overflow = ""; }; }, [treatment]); return (
); } window.Treatments = Treatments; window.TreatmentDrawer = TreatmentDrawer;