// Shared icons + small components const Icon = { Arrow: ({ size = 16 }) => ( ), ArrowUp: ({ size = 14 }) => ( ), Upload: ({ size = 16 }) => ( ), Whatsapp: ({ size = 18 }) => ( ), Phone: ({ size = 16 }) => ( ), Mail: ({ size = 16 }) => ( ), Pin: ({ size = 16 }) => ( ), Clock: ({ size = 16 }) => ( ), Check: ({ size = 16 }) => ( ), X: ({ size = 16 }) => ( ), Plus: ({ size = 16 }) => ( ), Menu: ({ size = 22 }) => ( ), Print: ({ size = 28 }) => ( ), Card: ({ size = 28 }) => ( ), Banner: ({ size = 28 }) => ( ), Doc: ({ size = 28 }) => ( ), Copy: ({ size = 28 }) => ( ), Camera: ({ size = 28 }) => ( ), Gift: ({ size = 28 }) => ( ), Pen: ({ size = 28 }) => ( ), Bolt: ({ size = 20 }) => ( ), Shield: ({ size = 20 }) => ( ), Drop: ({ size = 20 }) => ( ), FB: () => (), LI: () => (), IG: () => (), }; // ===================== // Navbar // ===================== const NAV_ITEMS = [ { key: "home", label: "Home" }, { key: "services", label: "Services" }, { key: "why", label: "Why Colorwings" }, { key: "gallery", label: "Gallery" }, { key: "about", label: "About" }, { key: "contact", label: "Contact" } ]; function Navbar({ route, onNavigate }) { const [open, setOpen] = React.useState(false); const isActive = (k) => { if (k === "services") return route.startsWith("services") || route.startsWith("service:"); return route === k; }; return (
{ onNavigate("home"); setOpen(false); }}> Colorwings
WhatsApp
{open && (
{NAV_ITEMS.map(it => (
{ onNavigate(it.key); setOpen(false); }}> {it.label}
))}
{ onNavigate("upload"); setOpen(false); }}>Upload Your File
{ onNavigate("careers"); setOpen(false); }}>Careers
)} ); } // ===================== // Mobile bottom bar + WA FAB // ===================== function MobileBar({ onNavigate }) { return (
WhatsApp
); } function WhatsappFab() { return ( ); } // ===================== // Footer // ===================== function Footer({ onNavigate }) { const c = window.CW_DATA.contact; return ( ); } // ===================== // Service Icon mapper // ===================== function ServiceIcon({ slug }) { const map = { "digital-printing": , "offset-printing": , "large-format-signage": , "business-stationery": , "copying-binding-plotting": , "id-passport-photos": , "promotional-items": , "prepress-design": }; return
{map[slug] || }
; } // Make global Object.assign(window, { Icon, Navbar, MobileBar, WhatsappFab, Footer, ServiceIcon });