/* eslint-disable */ const { useState, useEffect, useRef, useMemo } = React; /* ─────────────────────────────────────────────────────────── Icons */ const Icon = { Star: (p) => , Phone: (p) => , WhatsApp: (p) => , Calendar: (p) => , Pin: (p) => , Arrow: (p) => , ArrowDown: (p) => , Close: (p) => , Check: (p) => , Menu: (p) => , Plus: (p) => , }; /* ─────────────────────────────────────────────────────────── Brand mark */ const RozeMark = ({ size = 32, color = "currentColor" }) => ( ); const RozeWordmark = ({ color = "currentColor" }) => (
ROZE
BIOHEALTH · BIODENTAL
); /* ─────────────────────────────────────────────────────────── Stars */ const Stars = ({ value = 4.9, size = 12 }) => (
{[0,1,2,3,4].map(i => )}
); /* ─────────────────────────────────────────────────────────── Navbar */ function Navbar({ onBook, activeClinic, tweaks }) { const [scrolled, setScrolled] = useState(false); const [openMenu, setOpenMenu] = useState(null); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); const navStyle = { position: "sticky", top: 0, zIndex: 30, background: scrolled ? "rgba(245,242,236,0.92)" : "transparent", backdropFilter: scrolled ? "saturate(140%) blur(10px)" : "none", borderBottom: scrolled ? "1px solid var(--rule)" : "1px solid transparent", transition: "200ms ease", }; return ( ); } function NavItem({ label, children, onMouseEnter, onMouseLeave }) { return (
{children}
); } function TreatmentsMenu({ onClose }) { return (
{window.PILLARS.map(p => (
{p.number} · {p.label}
{p.headline.split('.')[0]}.
{p.treatments.slice(0,3).join(" · ")}
 ))}
); } function ClinicsMenu({ onClose }) { return (
{window.CLINICS.map(c => (
{c.name}
{c.short}
{c.rating} · {c.reviews}
))}
); } /* ─────────────────────────────────────────────────────────── Hero */ function Hero({ activeClinic, setActiveClinic, onBook, tweaks }) { return (
◆ Led by science · driven by experience · inspired by people

Biological dentistry
& integrative health,
across three Dubai clinics.

Founder-led by Dr David Roze, IAOMT ambassador and pioneer of biological dentistry in the Middle East. Rated 4.9★ by hundreds of patients. MOH-licensed.

WhatsApp {activeClinic.name}
setActiveClinic(window.CLINICS.find(c => c.id === id))} />
{/* Botanical decoration */}
); } function HeroArt({ clinic }) { return (
{/* Main clinic photograph */}
{`Inside
{/* Floating trust card */}
{clinic.name} clinic
{clinic.rating} · {clinic.reviews} reviews
{clinic.short}
MOH · IAOMT
{/* Stat chip */}
SINCE 2013
3 clinics
); } /* ─────────────────────────────────────────────────────────── Clinic selector */ function ClinicSelector({ active, onChange }) { return (
Choose a clinic
{window.CLINICS.map(c => ( ))}
); } /* ─────────────────────────────────────────────────────────── Trust strip */ function TrustStrip() { const items = [ { num: "4.9★", label: "Across 988+ Google reviews", mono: "VERIFIED" }, { num: "3", label: "Dubai clinics · Jumeirah · DIFC · Greens", mono: "SINCE 2013" }, { num: "IAOMT", label: "Ambassador, founder-led", mono: "BIOLOGICAL" }, { num: "MOH", label: "Licensed · DHA-compliant", mono: "REGULATED" }, { num: "Faircare®", label: "Access to care programme", mono: "INITIATIVE" }, ]; return (
{items.map((it, i) => (
{it.mono}
{it.num}
{it.label}
))}
); } /* ─────────────────────────────────────────────────────────── Pillars */ function Pillars({ onBook }) { const [active, setActive] = useState("biodental"); const pillar = window.PILLARS.find(p => p.id === active); return (
◆ Three pillars · one approach

The same biological philosophy,
from the mouth outward.

All treatments
{/* Pillar tabs */}
{window.PILLARS.map(p => ( ))}
{pillar.label}

{pillar.headline}

{pillar.body}

Treatments include
    {pillar.treatments.map((t, i) => (
  • {t}
    • ))}
Explore {pillar.label}
); } /* ─────────────────────────────────────────────────────────── Why ROZE */ function WhyRoze() { const items = [ { eyebrow: "01 · Biological", title: "Biocompatible by default", body: "Ceramic implants, metal-free restorations, SMART safe amalgam removal. We treat your mouth like it's connected to the rest of you — because it is." }, { eyebrow: "02 · Integrative", title: "Dentistry & medicine, one roof", body: "Three pillars under one philosophy. Your dentist and your integrative GP work from the same chart at the same address." }, { eyebrow: "03 · Founder-led", title: "Two decades of biological practice", body: "Founded by Dr David Roze — IAOMT ambassador, French-trained implantologist, in Dubai since 2003. The clinic is run, not delegated." }, { eyebrow: "04 · Convenient", title: "Three clinics across Dubai", body: "Jumeirah, DIFC and The Greens. Open six to seven days a week, with branch-direct WhatsApp and tap-to-call." }, ]; return (
◆ Why ROZE

Why patients fly in from across the region.

We pioneered biological dentistry in the Middle East. The science is rigorous; the room feels like a living room. Patients come back, and bring their families.

{items.map((it, i) => (
{it.eyebrow}

{it.title}

{it.body}

))}
); } /* ─────────────────────────────────────────────────────────── Founders */ function Founders() { return (
◆ Meet the founders

A family practice,
built over two decades.

Dr David Roze trained in Rennes, Lille and Paris VI, then specialised in implantology and biological dentistry in Switzerland. He has practised in Dubai since 2003 and serves as an IAOMT ambassador — the only one in the region.

Dr Agnès Roze, specialist paediatric dentist, leads non-invasive children's care across all three clinics.

Meet the full team
{window.DOCTORS_HIGHLIGHT.map((d, i) => (
{d.name}
{d.name}
{d.role}
{d.creds.map(c => ( {c} ))}
))}
); } /* ─────────────────────────────────────────────────────────── Clinics */ function ClinicsSection({ activeClinic, setActiveClinic, onBook }) { const clinic = activeClinic; return (
◆ Our clinics

Three clinics,
one philosophy.

All licensed by MOH. Each clinic carries its own character — the Jumeirah flagship, the DIFC professional address, the Greens family clinic.

{/* Clinic cards */}
{window.CLINICS.map(c => ( ))}
{/* Selected clinic details */}
{`${clinic.name}
{clinic.tagline.toUpperCase()} · {clinic.type.toUpperCase()}

{clinic.name} clinic

{clinic.address}

OPENING HOURS
{clinic.hours.map(([day, time]) => (
{day}{time}
))}
WhatsApp
); } /* ─────────────────────────────────────────────────────────── Faircare */ function Faircare() { return (
Faircare initiative
◆ Faircare® initiative

Premium care,
fairly accessible.

Faircare® covers up to 90% of treatment costs for qualifying UAE residents earning under AED 3,500 / month. It's our long-running commitment to the people who keep Dubai running.

90%
of treatment costs covered, for qualifying patients
3,500
AED / month — eligibility threshold
About Faircare®
); } /* ─────────────────────────────────────────────────────────── Reviews */ function Reviews() { const [i, setI] = useState(0); return (
◆ Verified reviews

Rated 4.9★
by hundreds of patients.

Combined 988+ Google reviews across Jumeirah, DIFC and The Greens. Counts verified on launch — DHA-compliant; no superlatives, no claims of "best".

{window.REVIEW_QUOTES.map((q, idx) => (

"{q.text}"

{q.initials}
{q.name}
{q.clinic.toUpperCase()} · {q.source.toUpperCase()}
))}
⚠ Excerpts are placeholders — to be replaced with cited, dated verified pulls before publish.
); } /* ─────────────────────────────────────────────────────────── Book CTA band */ function BookBand({ onBook, activeClinic }) { return (

Ready to begin? Book in 60 seconds.

Call {activeClinic.name}
); } /* ─────────────────────────────────────────────────────────── Footer */ function Footer() { return ( ); } function FooterCol({ title, links }) { return (
{title.toUpperCase()}
); } /* ─────────────────────────────────────────────────────────── Booking modal */ function BookingModal({ activeClinic, onClose }) { const [step, setStep] = useState(1); const [form, setForm] = useState({ clinic: activeClinic.id, pillar: "biodental", treatment: "", name: "", phone: "", email: "", date: "", notes: "" }); const total = 3; useEffect(() => { const onKey = (e) => e.key === "Escape" && onClose(); document.addEventListener("keydown", onKey); document.body.style.overflow = "hidden"; return () => { document.removeEventListener("keydown", onKey); document.body.style.overflow = ""; }; }, [onClose]); const upd = (k, v) => setForm(f => ({ ...f, [k]: v })); const clinic = window.CLINICS.find(c => c.id === form.clinic); const pillarTreatments = window.TREATMENTS_INDEX.filter(t => t.pillar.toLowerCase() === form.pillar.toLowerCase()); return (
e.stopPropagation()}>
STEP {step} OF {total}
{step === 1 && "Choose your clinic"} {step === 2 && "What brings you in?"} {step === 3 && "Your details"} {step === 4 && "Request sent"}
{/* Progress */} {step <= total && (
)}
{step === 1 && (

All three clinics share the same standard of care. Pick the most convenient.

{window.CLINICS.map(c => ( ))}
)} {step === 2 && (
{window.PILLARS.map(p => ( ))}