// Section components for the Nova Clinic homepage.
// Loaded after data.js — pulls from window.NOVA.
const { useState, useEffect, useRef, useMemo } = React;
const { TREATMENT_AREAS, CONCERNS, WELLNESS, DOCTORS, BRANCHES, WHATSAPP, EMAIL } = window.NOVA;
// ---- Tiny SVG icons (no external libs, no emoji) ----
const Icon = {
arrow: (p) => ,
whatsapp: (p) => ,
phone: (p) => ,
globe: (p) => ,
plus: (p) => ,
lock: (p) => ,
check: (p) => ,
};
// ============ Nova wordmark ============
function NovaMark({ size = 28, dark = false }) {
// Original typographic mark — Fraunces caps with a hairline rule. Not the live site's wordmark.
const c = dark ? 'var(--paper)' : 'var(--ink)';
return (
Nova
Clinic, Dubai
);
}
// ============ NAV ============
function TopBar({ locale, setLocale }) {
return (
Where aesthetics meets holistic wellness
+971 58 585 7688
·
{EMAIL}
·
{['EN','AR','RU','ZH'].map((l, i) => (
setLocale(l)} style={{ opacity: locale === l ? 1 : 0.55, fontWeight: locale === l ? 600 : 400 }}>{l}
))}
);
}
function MainNav({ onBook, openMega, setOpenMega }) {
return (
setOpenMega('treatments')} onMouseLeave={() => setOpenMega(null)} style={{ display: 'inline-flex', alignItems: 'center', gap: 6, padding: '8px 0' }}>
Treatments ▾
Wellness
Doctors
Results
Locations
About
);
}
function TreatmentsMega({ open, setOpenMega }) {
return (
setOpenMega('treatments')} onMouseLeave={() => setOpenMega(null)}>
By concern
{CONCERNS.slice(0, 6).map(c => (
· {c}
))}
Differentiator
Wellness & Longevity
IV therapy, NAD+, peptides, regenerative work and functional diagnostics — delivered alongside aesthetic care.
Explore wellness
);
}
// ============ HERO ============
function Hero({ onBook }) {
return (
Doctor-led · Three branches · Dubai
Aesthetic care,
quieter than the industry
that surrounds it.
A clinic group founded by a plastic surgeon, run as a consultation-first practice. Aesthetics,
cosmetic surgery and a serious wellness arm — under one DHA-licensed roof, across three Dubai addresses.
Al Wasl · Flagship
{/* Floating qualitative review card — no number, qualitative only per compliance */}
From a recent consult
“She talked me out of two things and into one. Honest, calm, no upsell.”
Anonymised. Published with consent.
{/* Marquee strip of treatment areas */}
{[...Array(2)].map((_, i) => (
{['Rhinoplasty','HydraFacial','Morpheus8 Pro','CoolSculpting','HIFU','PRP Hair','NAD+ Therapy','Exosomes','BBL','MOXI Laser','IV Drip','Functional Testing','Microneedling','Brow Lamination'].map(t => (
{t} ✦
))}
))}
);
}
function Stat({ top, label, hint }) {
return (
{top}
{label}
{hint &&
{hint}
}
);
}
window.NovaSections1 = { NovaMark, TopBar, MainNav, Hero, Icon };