/* Home page */ function HomePage({ navigate, onQuote, onShowroom }) { const { CATEGORIES, SECTORS, PROJECTS, MEDIA, CONTACT } = window.MOBICO_DATA; return (
); } // ────────────────────────────────────────────────────────────────────────── // Hero function Hero({ navigate, onQuote, onShowroom }) { const { MEDIA } = window.MOBICO_DATA; return (
01 / OFFICE FURNITURE 02 / INTERIOR SYSTEMS

Furnishing
Dubai's workspaces
& institutions.

Office furniture and interior systems — desks, seating, partitions, ceilings and more — specified and supplied from our showroom at Dubai Design District.

RANGE
15 categories
furniture + interior systems
SECTORS
5 sectors
workspace · education · healthcare · banking · hospitality
MODEL
B2B
specified and quoted, by project
{/* Photo collage */}
SHOWROOM · BY APPOINTMENT
Building 7, Office A103
Dubai Design District
); } // ────────────────────────────────────────────────────────────────────────── // Marquee ticker function HomeTicker() { const items = [ "Reception", "Manager", "Staff desks", "Meeting tables", "Filing", "Sofas", "VIP", "Counters", "Public areas", "Typical rooms", "Partitions", "Cladding", "Ceilings", "Flooring", "Doors", ]; return (
{[...items, ...items, ...items].map((t,i)=>( {t} ))}
); } // ────────────────────────────────────────────────────────────────────────── // Categories — numbered editorial list with peek image function CategoriesSection({ navigate }) { const { CATEGORIES } = window.MOBICO_DATA; const [hover, setHover] = useState(null); const furniture = CATEGORIES.filter(c=>c.group==="Office furniture"); const interiors = CATEGORIES.filter(c=>c.group==="Interior systems"); return (
{/* Furniture column */}
OFFICE FURNITURE · 10
    {furniture.map((c, i)=>( setHover(c)} onLeave={()=>setHover(null)} onClick={()=>navigate({page:"category", id:c.id})} /> ))}
INTERIOR SYSTEMS · 5
    {interiors.map((c, i)=>( setHover(c)} onLeave={()=>setHover(null)} onClick={()=>navigate({page:"category", id:c.id})} /> ))}
{/* Sticky preview pane */}
{CATEGORIES.map(c=>( {c.alt} ))}
NOW SHOWING
{hover ? hover.count : "U-shape · Round · Boat · Council"}
Specification & finishes catalogue
Per category — request the latest catalogue from your account manager.
); } function CategoryRow({ c, i, onHover, onLeave, onClick }) { return (
  • e.currentTarget.style.paddingLeft="8px"} onMouseOut={(e)=>e.currentTarget.style.paddingLeft="0"}> {String(i).padStart(2,"0")} →
    • ); } // ────────────────────────────────────────────────────────────────────────── // Sectors function SectorsSection({ navigate }) { const { SECTORS } = window.MOBICO_DATA; return (
    02 SECTORS WE SERVE

    Specified for the way each sector actually works.

    Five sector landing paths. Each pairs the relevant products with sector-specific scope — from teller counters to lecture seating.
    {SECTORS.map((s, i) => ( navigate({page:"sector", id:s.id})} /> ))}
    ); } function SectorTile({ s, idx, onClick }) { const [hov, setHov] = useState(false); return ( setHov(true)} onMouseLeave={()=>setHov(false)} style={{ position:"relative", display:"block", aspectRatio:"3/4", background:"#1c2024", overflow:"hidden", cursor:"pointer", }}> {s.name}
    {String(idx+1).padStart(2,"0")}
    {s.name}
    {s.strap}
    View sector →
    ); } // ────────────────────────────────────────────────────────────────────────── // MOBICA trust block function MobicaTrustBlock() { const { MEDIA } = window.MOBICO_DATA; return (
    03 MANUFACTURING PARTNERSHIP

    The UAE showroom & trade arm of MOBICA.

    MOBICO operates MOBICA's Dubai Design District showroom. MOBICA is the office-furniture manufacturer behind the range — its scale and life-cycle product divisions sit behind everything we specify in the UAE.

    NOTE · Manufacturing scale figures are MOBICA's. MOBICO is the UAE showroom and trade entity — separate legal identity, shared product range.
    VERIFIED LINK
    MOBICA's own contact page lists this same d3 showroom — confirming MOBICO operates the MOBICA Dubai location.
    ); } function Attribution({ num, unit, src }) { return (
    {num}
    {unit}
    SRC · {src}
    ); } // ────────────────────────────────────────────────────────────────────────── // Projects strip function ProjectsStrip({ navigate }) { const { PROJECTS } = window.MOBICO_DATA; return (
    04 PROJECT REFERENCES

    Selected installations.

    Reference works across council chambers, executive suites, branch interiors and public areas. Named clients shown only with permission.

    {PROJECTS.slice(0,6).map((p, i)=>{ const span = i===0 ? 8 : i===1 ? 4 : i===2 ? 4 : i===3 ? 8 : 6; return ( navigate({page:"projects"})} style={{ gridColumn:`span ${span}`, cursor:"pointer", display:"block", position:"relative", }}>
    {p.title}e.currentTarget.style.transform="scale(1.04)"} onMouseLeave={(e)=>e.currentTarget.style.transform="scale(1)"} />
    {p.sector} · {p.year}
    →
     ); })}
    ); } // ────────────────────────────────────────────────────────────────────────── // Showroom teaser function ShowroomTeaser({ onShowroom }) { const { MEDIA, CONTACT } = window.MOBICO_DATA; return (
    05 SHOWROOM · d3

    See the full range, in person.

    {CONTACT.d3.addr}
    PHONE
    {CONTACT.d3.phone}
    HOURS
    {CONTACT.d3.hours.split(" · ")[0]}
    By appointment
    ); } window.HomePage = HomePage;