// Hero, Trust, Services, Jurisdictions, Estimator, About, Offices, Guides, Footer. const T = () => window.CBI18N[window.__cbLocale || "en"]; // ─── HERO ────────────────────────────────────────────────────────────── function Hero({ onBook, onEstimate, locale }) { const t = T(); return (
{t.hero.eyebrow}

{t.hero.h1a} {t.hero.h1b}

{t.hero.sub}

{t.hero.cta1} {t.hero.cta2}
{t.hero.meta}
Dubai World Trade Centre — Commitbiz HQ district
HQ Dubai World Trade Centre · Sheikh Zayed Road
Founded 2007
Team 200+
Clients 1,000+
Offices UAE · GCC · EU
{/* Ticker — like an advisory call-and-response */}
{Array.from({ length: 2 }).map((_, n) => (
Mainland· Free zone· Offshore· Trade licensing· Visa & PRO· Corporate banking· VAT & corporate tax· ESR · UBO · AML· Audit & assurance·
))}
); } // ─── TRUST STRIP ────────────────────────────────────────────────────── function TrustStrip() { const items = window.CBDATA.trust; return (
{items.map((it, i) => (
{it.v}
{it.k}
))}
); } // ─── SERVICES ────────────────────────────────────────────────────────── function ServicesSection({ onEstimate, onBook }) { const t = T(); const services = window.CBDATA.services; const [active, setActive] = useState(services[0].id); const cur = services.find(s => s.id === active); return (
    {services.map(s => (
  • ))}
Service · {String(services.indexOf(cur) + 1).padStart(2, "0")} / 08

{cur.name}

{cur.tagline}

What's typically included
    {cur.typical.map((x, i) =>
  • {IconSet.check}{x}
  • )}
You'll need
    {cur.docs.map((x, i) =>
  • {x}
  • )}
Typical duration
{cur.duration}
{t.services.explore} {t.services.estimate}
); } // ─── JURISDICTIONS ────────────────────────────────────────────────────── function JurisdictionsSection() { const t = T(); const rows = window.CBDATA.jurisdictionRows; const jurs = window.CBDATA.jurisdictions; const [pick, setPick] = useState("dubai-mainland"); const picked = jurs.find(j => j.id === pick); return (
{t.jur.compare}
Mainland
Free zone
Offshore
{rows.map((r, i) => (
{r.label}
{r.mainland}
{r.freezone}
{r.offshore}
))}
{t.jur.note}
{t.jur.pick}

Pick where you want to operate.

{jurs.map(j => ( ))}
{picked.region} · {picked.type}

{picked.name}

Authorities · {picked.authority}

{picked.note}

Estimate cost Book consultation
); } // ─── COST ESTIMATOR ─────────────────────────────────────────────────── function fmt(n) { return n.toLocaleString("en-AE", { maximumFractionDigits: 0 }); } function EstimatorSection() { const t = T(); const cfg = window.CBDATA.estimator; const jurs = window.CBDATA.jurisdictions; const [jur, setJur] = useState("dubai-mainland"); const [visas, setVisas] = useState(2); const [office, setOffice] = useState("flexi"); const [bundles, setBundles] = useState({ banking: true, accounting: false, "vat-ct": false }); const [name, setName] = useState(""); const [contact, setContact] = useState(""); const [submitted, setSubmitted] = useState(false); const range = useMemo(() => { const base = cfg.base[jur] || [0, 0]; const visaLow = cfg.perVisa[0] * visas; const visaHigh = cfg.perVisa[1] * visas; const off = cfg.officeAdders[office]; let lo = base[0] + visaLow + off[0]; let hi = base[1] + visaHigh + off[1]; for (const k of Object.keys(bundles)) { if (bundles[k]) { lo += cfg.bundles[k][0]; hi += cfg.bundles[k][1]; } } return [lo, hi]; }, [jur, visas, office, bundles]); const submit = (e) => { e.preventDefault(); setSubmitted(true); }; return (
{t.est.jur}
{jurs.map(j => ( ))}
{t.est.visas} {visas} setVisas(+e.target.value)} className="cb-est__range" aria-label="Visas" />
0246810
{t.est.office}
{[ { id: "flexi", label: "Flexi-desk" }, { id: "shared", label: "Shared" }, { id: "private", label: "Private" }, ].map(o => ( ))}
{t.est.addons}
{[ { id: "banking", label: "Corporate banking assistance" }, { id: "accounting", label: "Accounting & audit retainer" }, { id: "vat-ct", label: "VAT & corporate-tax filing" }, ].map(b => ( ))}
); } // ─── ABOUT / TIMELINE / LEADERSHIP ──────────────────────────────────── function AboutSection() { const tl = window.CBDATA.timeline; const ld = window.CBDATA.leadership; return (
"The aim of business should be inclusion and enablement." )} sub="Commitbiz began in DAFZA in 2007. Today, 200+ advisors operate across the UAE, the GCC and Europe — guiding founders through formation, licensing, banking, tax and compliance." />
{tl.map((step, i) => (
{step.year}

{step.title}

{step.body}

{step.photo &&
{step.title}
}
))}
Leadership

Five named advisors anchor every engagement.

{ld.map(p => (
{p.name}
{p.name}
{p.role}

{p.note}

))}
); } // ─── OFFICES ────────────────────────────────────────────────────────── function OfficesSection() { const off = window.CBDATA.offices; const uae = off.filter(o => o.country === "UAE"); const gcc = off.filter(o => ["Bahrain", "Qatar", "Oman"].includes(o.country)); const eu = off.filter(o => o.country === "Romania"); return (
UAE · primary {uae.length} offices
{uae.map(o => )}
GCC {gcc.length} offices
{gcc.map(o => )}
Europe {eu.length} office
{eu.map(o => )}
); } function OfficeCard({ o, primary }) { return (
{o.country}

{o.city}

{o.since && since {o.since}}
{o.role}
{IconSet.pin}Get directions
); } // ─── GUIDES ─────────────────────────────────────────────────────────── function GuidesSection() { const guides = window.CBDATA.guides; return (
{guides.map((g, i) => (
{g.kind} {g.tag}

{g.title}

{g.read} {IconSet.arrowUpRight}
))}
); } // ─── CONTACT / CONSULTATION ─────────────────────────────────────────── function ContactSection({ onBook }) { const c = window.CBDATA.contact; return (
{IconSet.whatsapp} WhatsApp +{c.whatsapp} Monitored Sun–Thu {IconSet.phone} Direct line {c.mobile} Mobile · Manu Thomas V's team {IconSet.mail} Email {c.email} Replies within one business day
); } // ─── FOOTER ────────────────────────────────────────────────────────── function Footer() { const c = window.CBDATA.contact; return ( ); } Object.assign(window, { Hero, TrustStrip, ServicesSection, JurisdictionsSection, EstimatorSection, AboutSection, OfficesSection, GuidesSection, ContactSection, Footer });