/* Sectors index + Sector detail */ function SectorsPage({ navigate, onQuote }) { const { SECTORS, MEDIA } = window.MOBICO_DATA; return (
{SECTORS.map((s, i)=>( navigate({page:"sector", id:s.id})} /> ))}
navigate({page:"showroom"})} />
); } function SectorRow({ s, idx, onClick }) { return ( {String(idx+1).padStart(2,"0")} / 05
{s.name}
{s.strap}
{s.name}e.currentTarget.style.transform="scale(1.05)"} onMouseLeave={(e)=>e.currentTarget.style.transform="scale(1)"} />
); } // ────────────────────────────────────────────────────────────────────────── // Sector detail function SectorPage({ id, navigate, onQuote }) { const { SECTORS, CATEGORIES, PROJECTS, MEDIA } = window.MOBICO_DATA; const s = SECTORS.find(x=>x.id===id); if(!s) return
Sector not found.
; const products = s.products.map(pid => CATEGORIES.find(c=>c.id===pid)).filter(Boolean); const matchingProjects = PROJECTS.filter(p => (s.id==="banking" && p.sector==="Banking") || (s.id==="education" && p.sector==="Cinema & Theatre") || (s.id==="hospitality" && p.sector==="Hospitality") || (s.id==="workspace" && (p.sector==="Workspace" || p.sector==="Corporate")) || (s.id==="healthcare" && false) ).slice(0, 3); const sIdx = SECTORS.findIndex(x=>x.id===id); const nextSector = SECTORS[(sIdx + 1) % SECTORS.length]; return (
navigate({page:"home"})} style={{cursor:"pointer"}}>MOBICO · navigate({page:"sectors"})} style={{cursor:"pointer"}}>SECTORS · {s.name.toUpperCase()}
{String(sIdx+1).padStart(2,"0")} / 05 SECTOR

{s.name}.

{s.strap}

{/* Product fit */}
01 PRODUCT FIT

What we specify for {s.name.toLowerCase()}.

These are the categories that come up most often on {s.name.toLowerCase()} projects. The full range is available — talk to us about anything not listed.
{products.map((c, i)=>( navigate({page:"category", id:c.id})} style={{cursor:"pointer", display:"block"}}>
{c.alt}e.currentTarget.style.transform="scale(1.05)"} onMouseLeave={(e)=>e.currentTarget.style.transform="scale(1)"} />
{String(i+1).padStart(2,"0")} · {c.group.toUpperCase()}
))}
{/* References (if any) */} {matchingProjects.length > 0 && (
02 REFERENCES IN {s.name.toUpperCase()}

Recent {s.name.toLowerCase()} installations.

{matchingProjects.map(p=>( navigate({page:"projects"})} style={{cursor:"pointer"}}>
{p.sector.toUpperCase()}
))}
)} {/* Enquiry */}
SECTOR-SPECIFIC ENQUIRY

Tell us about your {s.name.toLowerCase()} project.

Floorplan, budget, finishes — anything you can share. We'll respond with a specification within one business day.

Or call +971 4 390 8144
{/* Next sector */}
navigate({page:"sectors"})} className="btn ghost">All sectors navigate({page:"sector", id: nextSector.id})} style={{cursor:"pointer", display:"flex", alignItems:"center", gap:18}}>
NEXT SECTOR
{nextSector.name}
); } window.SectorsPage = SectorsPage; window.SectorPage = SectorPage;