/* sections.jsx — shared layout chrome + homepage sections. Reads window.Ico, window.I18N, window.DEPARTMENTS, window.DOCTORS. */ const { Ico, I18N, DEPARTMENTS, DOCTORS } = window; // ---- RoyalSeal ---------------------------------------------------------- // Circular medallion treatment of the stag mark. Used as the hero's brand // signature watermark — curved type around an outer ring, inner ring with // the stag, decorative dots flanking horizontally. function RoyalSeal({ className }) { return ( ); } // ---- Initials helper ---------------------------------------------------- function initials(name) { const parts = name.replace(/^(Dr|Δρ)\s/, '').split(' '); return ((parts[0]?.[0] || '') + (parts[parts.length-1]?.[0] || '')).toUpperCase(); } // ---- Topbar ------------------------------------------------------------- function Topbar({ t }) { return (
{t.topbar.emerg} {t.topbar.addr}
{t.topbar.gesy}
); } // ---- Header (with real SVG logo) --------------------------------------- function Header({ t, activePage, onToggleTheme, theme }) { return (
Royal Artemis Hospital
{t.langComing}
{t.book}
); } // ---- Hero (Editorial cinematic with navy panel) ----------------------- // Full-bleed photo background. The left ~45% is a near-solid navy panel // (panel concept retained from the asymmetric direction) that hosts the // editorial display headline, lede, CTAs and stats. A faded Royal Artemis // seal anchors the right side over the photo. // // Photo: real exterior shot of the hospital. Re-shoot at higher res for // production. const HERO_PHOTO = "assets/hero-royal-clinic.webp"; function Hero({ t }) { return (
{/* Inline SVG filter — gentle wind ripple. Animated baseFrequency creates "moving" noise; displacement scale stays low so only high-detail areas (palm fronds) visibly flutter. */}
Royal Artemis Private Hospital — Paphos
{t.hero.eyebrow}

{t.hero.title[0]} {t.hero.title[1]} {t.hero.title[2]}

{t.hero.lede}

{t.hero.cta1} {t.hero.cta2}
{t.hero.stats.map((s, i) => (
{s.n}
{s.l}
))}
); } // ---- Quick actions ------------------------------------------------------ function QuickActions({ t }) { return (
How we can help

Where would you like to begin?

{t.quick.map((q, i) => { const Icon = Ico[q.ic]; return (
{q.t}
{q.s}
 ); })}
); } // ---- Credentials -------------------------------------------------------- function Credentials({ t }) { return (
{t.creds.label}
{t.creds.items.map((c, i) => (
{c.y}
{c.n}
))}
); } // ---- Values (3 pillars: CARE / TRUST / EXPERTISE) ---------------------- function Values({ t }) { return (
{t.values.eyebrow}

{t.values.title}

{t.values.lede}

{t.values.items.map((v, i) => { const Icon = Ico[v.ic]; return (
{v.num}

{v.name}

{v.body}

); })}
); } // ---- Departments grid (uses shared DEPARTMENTS) ------------------------ function Departments({ t }) { return (
{t.depts.eyebrow}

{t.depts.title}

{t.depts.lede}

{t.depts.cta}
{DEPARTMENTS.map((d, i) => { const Icon = Ico[d.ic]; return (
{d.name}
{d.desc}
 ); })}
); } // ---- Doctors preview (homepage — 4 cards) ------------------------------ function DoctorsPreview({ t }) { const preview = DOCTORS.slice(0, 4); return (
{t.docs.eyebrow}

{t.docs.title}

{t.docs.lede}

{t.docs.cta}
{preview.map((d, i) => (
{initials(d.name)}
{d.spec}
{d.name}
{d.role}
{d.langs.join(' · ')} {d.years} yrs
))}
); } // ---- International ------------------------------------------------------ function International({ t }) { return (
{t.intl.eyebrow}

{t.intl.title}

{t.intl.lede}

{t.intl.cta} +357 26 961 600
{t.intl.items.map((it, i) => { const Icon = Ico[it.ic]; return (
{it.t}
{it.s}
); })}
); } // ---- News --------------------------------------------------------------- function News({ t }) { return (
{t.news.eyebrow}

{t.news.title}

{t.news.cta}
{t.news.items.map((n, i) => (
{n.tag}
{n.date}
{n.title}
{n.excerpt}
Read article
))}
); } // ---- Testimonials ------------------------------------------------------- function Testimonials({ t }) { return (
{t.testi.eyebrow}

{t.testi.title}

{t.testi.items.map((it, i) => (
{[0,1,2,3,4].map(j => )}
“{it.q}”
{it.n.split(' ').map(p => p[0]).slice(0,2).join('')}
{it.n}
{it.r}
))}
); } // ---- Contact ------------------------------------------------------------ function Contact({ t }) { return (
{t.contact.eyebrow}

{t.contact.title}

{t.contact.lede}

{t.contact.addr.label}
{t.contact.addr.val}{t.contact.addr.alt}
{t.contact.phone.label}
{t.contact.phone.val}{t.contact.phone.alt}
{t.contact.mail.label}
{t.contact.mail.val}{t.contact.mail.alt}
{t.contact.hours.label}
{t.contact.hours.val}{t.contact.hours.alt}
{t.contact.cta1} {t.contact.cta2}
Royal Artemis Hospital
Pavlou Crinaiou 2, Paphos
); } // ---- Footer ------------------------------------------------------------- function Footer({ t }) { return ( ); } // ---- Page chrome wrapper (for inner pages) ----------------------------- function PageChrome({ children, activePage, t }) { const [theme, setTheme] = React.useState(() => document.documentElement.getAttribute('data-theme') || 'light'); const toggleTheme = () => { const next = theme === 'dark' ? 'light' : 'dark'; document.documentElement.setAttribute('data-theme', next); setTheme(next); try { localStorage.setItem('ra-theme', next); } catch(e) {} }; React.useEffect(() => { try { const saved = localStorage.getItem('ra-theme'); if (saved) { document.documentElement.setAttribute('data-theme', saved); setTheme(saved); } } catch(e) {} }, []); return ( <>
{children}