// Shared chrome: Nav, Footer, mobile bar, WhatsApp FAB, icons const { useState, useEffect, useRef, useMemo, useCallback, useContext, createContext } = React; // ---- Icons (inline SVG, never elaborate drawings) ------------------- const Icon = { arrow: (p) => , arrowLg: (p) => , caret: (p) => , phone: (p) => , whatsapp: (p) => , plus: (p) => , check: (p) => , checkLg: (p) => , shield: (p) => , lock: (p) => , cal: (p) => , user: (p) => , drop: (p) => , sparkle: (p) => , body: (p) => , man: (p) => , alert: (p) => , external: (p) => , star: (p) => , pin: (p) => , menu: (p) => , close: (p) => }; // ---- Wordmark / Logo ------------------------------------------------ function Wordmark({ size = "md", inverted = false }) { const s = size === "lg" ? { font: 26, sub: 11 } : size === "sm" ? { font: 16, sub: 8 } : { font: 19, sub: 9 }; return (
Aesthetics International · Dubai
); } // Logo mark — phoenix-style abstract from the actual SVG (simplified outline) function LogoMark({ size = 40, color }) { const c = color || 'var(--bronze-deep)'; return ( ); } // ---- Navigation ---------------------------------------------------- function Nav({ route, go }) { const [megaOpen, setMegaOpen] = useState(false); const [menuOpen, setMenuOpen] = useState(false); const t = useContext(TweaksCtx); return ( <>
setMegaOpen(false)}>
{['EN', 'AR', 'RU', 'ZH'].map(l => ( ))}
{megaOpen && (
setMegaOpen(true)}>

Surgical

Skin & Injectables

By Concern

    {CONCERNS.slice(0, 6).map(c => (
    • ))}
{ setMegaOpen(false); go({ page: 'procedure', slug: 'rhinoplasty' }); }} style={{ cursor: 'pointer' }}>
In Focus
Morpheus8 Pro — Skin Reset

Radiofrequency microneedling for skin tightening and texture renewal, in our DHA-licensed treatment suite.

)}
{/* Mobile bottom bar */}
Call WhatsApp
{/* WhatsApp FAB */} ); } // ---- Footer -------------------------------------------------------- function Footer({ go }) { return ( ); } Object.assign(window, { Icon, Wordmark, LogoMark, Nav, Footer });