// Larger page sections — treatments, branch switcher, specialists, etc. // --- TREATMENT GRID --- function TreatmentGrid() { return (
Specialist-led care, end-to-end —
from routine hygiene to full-mouth rehabilitation.} kicker="Eight specialties practiced under one brand. Every treatment journey is mapped: what it is, candidacy, process, recovery and FAQs — all DHA-compliant. We never publish a price without verification." action={ All treatments } />
{TREATMENTS.map((t, i) => ( { e.currentTarget.style.transform = 'translateY(-3px)'; e.currentTarget.style.boxShadow = '0 14px 36px -18px rgba(7,51,57,0.18)'; e.currentTarget.style.borderColor = 'var(--mint-deep)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.boxShadow = 'none'; e.currentTarget.style.borderColor = 'var(--line)'; }}>
{t.cat}
{t.name}

{t.blurb}

Treatment journey
))}
); } // --- BRANCH SWITCHER (interactive map + branch list) --- function BranchSwitcher({ branch, setBranch }) { // map all 8 branches onto an abstract Dubai grid. // Use real lat/lng to position relative on the SVG. const lats = BRANCHES.map(b => b.coords[0]); const lngs = BRANCHES.map(b => b.coords[1]); const minLat = Math.min(...lats) - 0.012; const maxLat = Math.max(...lats) + 0.012; const minLng = Math.min(...lngs) - 0.012; const maxLng = Math.max(...lngs) + 0.012; const project = (lat, lng) => ({ x: ((lng - minLng) / (maxLng - minLng)) * 100, y: ((maxLat - lat) / (maxLat - minLat)) * 100, }); return (
Eight clinics across Dubai —
choose your nearest.} kicker="Every booking is branch-aware: hours, on-site specialists, parking notes and reviews are local to the clinic you pick. 24/7 emergency line works from any branch." />
{/* LEFT: list */}
8 locations ● live
{BRANCHES.map((b, i) => { const active = b.slug === branch.slug; return ( ); })}
{/* RIGHT: map + detail */}
{/* abstract map */}
{/* coast curve, evocative not literal */}
{/* pins */}
{BRANCHES.map((b, i) => { const p = project(b.coords[0], b.coords[1]); const active = b.slug === branch.slug; return ( ); })}
{/* branch detail */}
Branch · {BRANCHES.findIndex(b => b.slug === branch.slug) + 1} / 8
{branch.name}
{branch.note && (
{branch.note}
)}
Book at this branch
Address
{branch.address}
Hours
{branch.slug === 'al-wasl' ? 'Daily 08:30–18:00 · Tue 08:30–20:00 · Sun closed' : Client to confirm per branch }
); } // --- SPECIALISTS --- function Specialists({ branch }) { const scrollRef = useRef(null); const scroll = (dir) => { if (scrollRef.current) { scrollRef.current.scrollBy({ left: dir * 320, behavior: 'smooth' }); } }; return (
Internationally trained.
DHA-verified before they appear here.} kicker={<>52 named practitioners across 8 specialties — trained in the UK, US, France, Germany, Sweden, Japan and beyond. We publish each dentist only with their consent and DHA licence number once supplied.} action={
} />
{DENTISTS.map((d) => ( { e.currentTarget.style.borderColor = 'var(--mint-deep)'; e.currentTarget.style.transform = 'translateY(-2px)'; }} onMouseLeave={(e) => { e.currentTarget.style.borderColor = 'var(--line)'; e.currentTarget.style.transform = 'translateY(0)'; }}>
{d.name}
DHA · pending publish
{d.name}
{d.role}
Trained · {d.country} {d.branches.slice(0, 1).map(b => ( {b} ))}
))}
+42 more
Across all 8 specialties.
Published as DHA licences are supplied.
See full team
); } // --- BIODENTISTRY / DENTAL PHOBIA CALLOUT --- function Niches() { return (
Two genuine niches, not a marketing strapline.} />
{/* Biodentistry */}
Signature · Biodentistry

Biological dentistry —
biocompatible by default.

Three accredited biodentists on staff and an accredited biological hygienist. Mercury-safe protocols, ceramic-first restorations, and an integrative whole-body view of oral health. A genuine niche, rare in the Gulf.

{['Mercury-safe', 'Ceramic implants', 'Ozone therapy', 'SMART protocol'].map(t => ( {t} ))}
Read the biodentistry journey
{/* Dental Phobia */}
Signature · Comfort-first

The only Dental Phobia Certified clinic in the UAE.

If the chair makes your heart race, we built the entire experience around you. Zen-design rooms, sedation options, slow-paced first visits, and a team trained to spot anxiety before you have to name it.

{['Sedation dentistry', 'Slow first visits', 'Quiet rooms', 'Anxiety-trained team'].map(t => ( {t} ))}
How an anxious first visit works
); } // --- AWARDS / CREDENTIALS STRIP --- function Awards() { const items = [ { title: 'Excellence in Dental Care', sub: '2021 · Global Brands Magazine', kind: 'Award' }, { title: 'Dental Phobia Certified', sub: 'Only certified clinic in the UAE', kind: 'Certification' }, { title: 'Leading Dental Centers of the World', sub: 'Inducted 2010', kind: 'Membership' }, { title: 'MOH-licensed · DHA-registered', sub: 'Licence EH6NKOMI-220725', kind: 'Regulatory' }, ]; return (
Recognised by — sources attributed
{items.map((i, idx) => (
{i.kind}
{i.title}
{i.sub}
))}
); } // --- SMILE GALLERY TEASER (consent-gated, locked) --- function SmileGalleryTeaser() { return ( ); } // --- REVIEWS (with disclaimer, no aggregated rating) --- function Reviews() { // No fabricated reviews — sample shape only, marked as such. return (
Per-branch Google reviews — verified, never aggregated.} kicker="We don't average 8 branches into one star number. Each clinic page surfaces its own Google rating once verified. Until then, this section ships empty." />

"Branch-specific reviews appear here once the client supplies the verified Google Place ID for each of the 8 clinics."

— Placeholder · awaiting verified per-branch feed
To unlock this block
  • 1 Verified Google Place IDs per branch
  • 2 Approved review-display copy (DHA-compliant)
  • 3 Confirm: do not aggregate into a single star number
); } // --- BOOKING BAND --- function BookingBand({ branch }) { const [form, setForm] = useState({ name: '', phone: '', treatment: 'Cosmetic & Veneers', date: '' }); const [submitted, setSubmitted] = useState(false); const submit = (e) => { e.preventDefault(); setSubmitted(true); setTimeout(() => setSubmitted(false), 4000); }; return (
Book a consultation

A first visit, on your terms.
30 minutes. No pressure.

Tell us the basics. A coordinator at your branch will call back within the same working day to confirm a time with the right specialist. No medical history needed up front — that's for the chair.

{[ ['Branch-aware', `Routed to ${branch.name}`], ['Same-day callback', 'Within working hours'], ['No PHI online', 'We collect history in clinic'], ].map(([t, s]) => (
{t} — {s}
))}
Step 1 of 1 · Quick form
Your consultation
Minimal PHI
setForm({ ...form, name: e.target.value })} placeholder="Full name" /> setForm({ ...form, phone: e.target.value })} placeholder="+971 …" /> setForm({ ...form, date: e.target.value })}/>
Or WhatsApp +971 52 821 8185 Emergency 056 787 0784
); } function Field({ label, children, full }) { return ( ); } // --- FOOTER --- function Footer() { return ( ); } function FooterCol({ title, items }) { return (
{title}
); } // --- FLOATING WhatsApp --- function WhatsAppFab() { return ( ); } Object.assign(window, { TreatmentGrid, BranchSwitcher, Specialists, Niches, Awards, SmileGalleryTeaser, Reviews, BookingBand, Footer, WhatsAppFab });