/* Hero, Trust, Services, GTMx, Network, White Glove, Charter, Footer */ const { useState: useStateS, useEffect: useEffectS, useMemo: useMemoS, useRef: useRefS } = React; // ------------------------- Hero function Hero({ copy, locale, heroVariant, onQuote, onAccount }) { // Cycle stages of the 4 sample missions every 2.4s to feel live const [tick, setTick] = useStateS(0); useEffectS(() => { const id = setInterval(() => setTick(t => t + 1), 2400); return () => clearInterval(id); }, []); const stages = ["airborne", "permit", "taxi", "ground"]; return (
{copy.hero.eyebrow}

{copy.hero.title_a}{" "} {copy.hero.title_em}{" "} {copy.hero.title_b}

{copy.hero.lede}

{copy.hero.meta.map((m, i) => (
{m.l}
{m.v}
))}

{copy.ops.live} · Dubai OCC

{new Date().toISOString().slice(11, 19)}Z
{HERO_MISSIONS.map((m, i) => { const stageIdx = (stages.indexOf(m.stage) + Math.floor(tick / (i + 1))) % stages.length; const stage = stages[stageIdx]; const labels = { airborne: "Airborne", permit: "Permit", taxi: "Taxi-out", ground: "On-ground" }; return (
{m.route[0]} {m.route[1]} {m.route[2]} {labels[stage]}
); })}
); } // ------------------------- Trust strip function TrustStrip({ copy }) { return (
{copy.trust.map((t, i) => (
{t.v}
{t.l}
))}
); } // ------------------------- Services function Services({ copy, locale, onQuote }) { return (
{copy.services.eyebrow}

{copy.services.title}

{copy.services.meta_p1}

{copy.services.meta_p2}

{SERVICES.map((s, i) => (
{s.feature ? ( <>
{String(i + 1).padStart(2, "0")} / 08

{locale === "ar" ? s.name_ar : s.name_en}

{locale === "ar" ? s.desc_ar : s.desc_en}

{copy.cta.quote}
) : ( <>
{String(i + 1).padStart(2, "0")} / 08

{locale === "ar" ? s.name_ar : s.name_en}

{locale === "ar" ? s.desc_ar : s.desc_en}

{copy.cta.quote} )}
))}
); } // ------------------------- GTMx function GTMx({ copy, locale, onDemo }) { const [activeFeature, setActiveFeature] = useStateS(0); const [activeMission, setActiveMission] = useStateS(0); // Auto-advance the active feature so the panel feels alive on first view useEffectS(() => { const id = setInterval(() => { setActiveFeature(a => (a + 1) % GTMX_FEATURES.length); }, 4200); return () => clearInterval(id); }, []); const m = GTMX_MISSIONS[activeMission]; const stageLabel = { airborne: "Airborne", permit: "Permit", taxi: "Taxi-out", ground: "On-ground" }; return (
{copy.gtmx.eyebrow}

{copy.gtmx.title}

{copy.gtmx.meta_p}

{GTMX_FEATURES.map((f, i) => (
setActiveFeature(i)} >
{f.ix}

{locale === "ar" ? f.name_ar : f.name_en}

{locale === "ar" ? f.desc_ar : f.desc_en}

))}
gtmx.uas.aero/ops/dubai LIVE
Active missions
14
Permits open
3
Fuel uplifts today
28
Stations active
19
{GTMX_MISSIONS.map((mm, i) => (
setActiveMission(i)} >
{mm.mid}
{mm.route}
{mm.reg}
{mm.time}
{stageLabel[mm.stage]}
))}
Crew on board
{m.crew}
Fuel
{m.fuel}
ETA
{m.eta}
Permits
{m.permits}
); } // ------------------------- Network (editorial — no fake map) const HQ_DATA = [ { id: "dxb", iata: "DXB · OMDB", city_en: "Dubai", city_ar: "دبي", country_en: "United Arab Emirates", country_ar: "الإمارات العربية المتحدة", img: "media/hq-uas-new-sign.webp", role_en: "Group HQ · MENA", role_ar: "المقر الرئيسي · الشرق الأوسط", addr_en: "UAS Building, DAFZA — P.O. Box 54482", addr_ar: "مبنى UAS، منطقة دبي الحرة — ص.ب ٥٤٤٨٢", ops_en: "24/7 Operations Control Centre", ops_ar: "مركز عمليات على مدار الساعة", line: "+971 4 299 6633", region: "mena", }, { id: "iah", iata: "IAH · KIAH", city_en: "Houston", city_ar: "هيوستن", country_en: "United States", country_ar: "الولايات المتحدة", img: "media/office-houston.webp", role_en: "Americas continental HQ", role_ar: "المقر القاري للأمريكتين", addr_en: "Texas, USA — Americas regional operations", addr_ar: "تكساس، الولايات المتحدة — عمليات الأمريكتين", ops_en: "Americas desk · live OCC handover", ops_ar: "مكتب الأمريكتين · تسليم مباشر للعمليات", region: "ams", }, { id: "jnb", iata: "JNB · FAOR", city_en: "Johannesburg", city_ar: "جوهانسبرغ", country_en: "South Africa", country_ar: "جنوب أفريقيا", img: "media/ops-africa-training.webp", role_en: "Africa continental HQ", role_ar: "المقر القاري لأفريقيا", addr_en: "Johannesburg — Sub-Saharan desk", addr_ar: "جوهانسبرغ — مكتب جنوب الصحراء", ops_en: "Continental ground network · CAASA member", ops_ar: "شبكة المناولة القارية · عضو CAASA", region: "afr", }, { id: "hkg", iata: "HKG · VHHH", city_en: "Hong Kong", city_ar: "هونغ كونغ", country_en: "Hong Kong SAR", country_ar: "هونغ كونغ", img: "media/ground-ops-hong-kong.webp", role_en: "Asia-Pacific continental HQ", role_ar: "المقر القاري لآسيا والمحيط الهادئ", addr_en: "Hong Kong — Greater-China + APAC desk", addr_ar: "هونغ كونغ — مكتب الصين الكبرى وآسيا والمحيط الهادئ", ops_en: "APAC desk · AsBAA member", ops_ar: "مكتب آسيا والمحيط الهادئ · عضو AsBAA", region: "apac", }, ]; const REGIONAL_OFFICES = [ { iata: "LOS", city_en: "Lagos", city_ar: "لاغوس", country_en: "Nigeria", country_ar: "نيجيريا" }, { iata: "NBO", city_en: "Nairobi", city_ar: "نيروبي", country_en: "Kenya", country_ar: "كينيا" }, { iata: "PEK", city_en: "Beijing", city_ar: "بكين", country_en: "China", country_ar: "الصين" }, { iata: "DEL", city_en: "New Delhi", city_ar: "نيودلهي", country_en: "India", country_ar: "الهند" }, ]; const STATION_LOCATIONS = [ { iata: "LHR", city_en: "London", city_ar: "لندن", cn_en: "UK", cn_ar: "المملكة المتحدة" }, { iata: "CDG", city_en: "Paris", city_ar: "باريس", cn_en: "France", cn_ar: "فرنسا" }, { iata: "FRA", city_en: "Frankfurt", city_ar: "فرانكفورت", cn_en: "Germany", cn_ar: "ألمانيا" }, { iata: "ZRH", city_en: "Zurich", city_ar: "زيورخ", cn_en: "Switzerland", cn_ar: "سويسرا" }, { iata: "VIE", city_en: "Vienna", city_ar: "فيينا", cn_en: "Austria", cn_ar: "النمسا" }, { iata: "IST", city_en: "Istanbul", city_ar: "إسطنبول", cn_en: "Türkiye", cn_ar: "تركيا" }, { iata: "DOH", city_en: "Doha", city_ar: "الدوحة", cn_en: "Qatar", cn_ar: "قطر" }, { iata: "RUH", city_en: "Riyadh", city_ar: "الرياض", cn_en: "Saudi Arabia",cn_ar: "السعودية" }, { iata: "JED", city_en: "Jeddah", city_ar: "جدة", cn_en: "Saudi Arabia",cn_ar: "السعودية" }, { iata: "CAI", city_en: "Cairo", city_ar: "القاهرة", cn_en: "Egypt", cn_ar: "مصر" }, { iata: "AMM", city_en: "Amman", city_ar: "عمّان", cn_en: "Jordan", cn_ar: "الأردن" }, { iata: "TLV", city_en: "Tel Aviv", city_ar: "تل أبيب", cn_en: "Israel", cn_ar: "إسرائيل" }, { iata: "JFK", city_en: "New York", city_ar: "نيويورك", cn_en: "USA", cn_ar: "الولايات المتحدة" }, { iata: "YYZ", city_en: "Toronto", city_ar: "تورنتو", cn_en: "Canada", cn_ar: "كندا" }, { iata: "MIA", city_en: "Miami", city_ar: "ميامي", cn_en: "USA", cn_ar: "الولايات المتحدة" }, { iata: "GRU", city_en: "São Paulo", city_ar: "ساو باولو", cn_en: "Brazil", cn_ar: "البرازيل" }, { iata: "SCL", city_en: "Santiago", city_ar: "سانتياغو", cn_en: "Chile", cn_ar: "تشيلي" }, { iata: "SIN", city_en: "Singapore", city_ar: "سنغافورة", cn_en: "Singapore", cn_ar: "سنغافورة" }, { iata: "BKK", city_en: "Bangkok", city_ar: "بانكوك", cn_en: "Thailand", cn_ar: "تايلاند" }, { iata: "NRT", city_en: "Tokyo", city_ar: "طوكيو", cn_en: "Japan", cn_ar: "اليابان" }, { iata: "SYD", city_en: "Sydney", city_ar: "سيدني", cn_en: "Australia", cn_ar: "أستراليا" }, { iata: "CPT", city_en: "Cape Town", city_ar: "كيب تاون", cn_en: "S. Africa", cn_ar: "جنوب أفريقيا" }, { iata: "MPM", city_en: "Maputo", city_ar: "مابوتو", cn_en: "Mozambique", cn_ar: "موزمبيق" }, { iata: "ACC", city_en: "Accra", city_ar: "أكرا", cn_en: "Ghana", cn_ar: "غانا" }, ]; const NET_REGIONS = [ { id: "all", label_en: "All regions", label_ar: "كل المناطق" }, { id: "mena", label_en: "Middle East", label_ar: "الشرق الأوسط" }, { id: "ams", label_en: "Americas", label_ar: "الأمريكتان" }, { id: "afr", label_en: "Africa", label_ar: "أفريقيا" }, { id: "apac", label_en: "Asia-Pacific", label_ar: "آسيا والمحيط الهادئ" }, ]; function NetworkMap({ copy, locale, onQuote }) { const [region, setRegion] = useStateS("all"); const hqs = region === "all" ? HQ_DATA : HQ_DATA.filter(h => h.region === region); const counts = { all: HQ_DATA.length, mena: HQ_DATA.filter(h => h.region === "mena").length, ams: HQ_DATA.filter(h => h.region === "ams").length, afr: HQ_DATA.filter(h => h.region === "afr").length, apac: HQ_DATA.filter(h => h.region === "apac").length, }; return (
{copy.network.eyebrow}

{copy.network.title}

{copy.network.meta_p}

{locale === "ar" ? "أربعة مقرات قارية، أربعة مكاتب إقليمية، ومدراء محطات معتمدون عبر شبكة عالمية." : "Four continental HQs, four regional offices, and accredited station managers across a worldwide network."}

{NET_REGIONS.map(r => ( ))}
{hqs.map(h => (
{h.iata}
{locale === "ar" ? h.role_ar : h.role_en}

{locale === "ar" ? h.city_ar : h.city_en}

{locale === "ar" ? h.country_ar : h.country_en}
{locale === "ar" ? "العمليات" : "Operations"} {locale === "ar" ? h.ops_ar : h.ops_en} {h.addr_en && (
{locale === "ar" ? h.addr_ar : h.addr_en}
)} {h.line && (
{h.line}
)}
))}
{locale === "ar" ? "المكاتب الإقليمية" : "Regional offices"}
{locale === "ar" ? "أربعة مكاتب تربط القارات." : "Four regional offices connecting the continents."}
{REGIONAL_OFFICES.map(o => (
{o.iata}
{locale === "ar" ? o.city_ar : o.city_en}
{locale === "ar" ? o.country_ar : o.country_en}
))}
{locale === "ar" ? "مدراء المحطات" : "Station managers"}

{locale === "ar" ? "حضور موثّق في أكثر من ٣٠ دولة — تنسيق محلي على المدرج." : "Verified presence in 30+ countries — local desk coordination on the ramp."}

30+
{STATION_LOCATIONS.map(s => (
{s.iata}
{locale === "ar" ? s.city_ar : s.city_en}
{locale === "ar" ? s.cn_ar : s.cn_en}
))}
{locale === "ar" ? "قائمة جزئية. تُؤكَّد المحطات النشطة لكل مهمة عبر العمليات." : "Selected list. Active stations confirmed per mission via Ops."}
); } // ------------------------- White Glove function WhiteGlove({ copy, locale }) { return (
{copy.wg.eyebrow}

{copy.wg.quote_a} {copy.wg.quote_em} {copy.wg.quote_b}

{copy.wg.attr_name}
{copy.wg.attr_role}
{locale === "ar" ? "العمليات ٢٤/٧" : "Ops · 24/7"}
); } // ------------------------- Charter function Charter({ copy, locale, onQuote }) { const [from, setFrom] = useStateS("DXB"); const [to, setTo] = useStateS("LFPB"); const [date, setDate] = useStateS("2026-06-04"); const [pax, setPax] = useStateS("6"); const swap = () => { setFrom(to); setTo(from); }; return (
{copy.charter.eyebrow}

{copy.charter.title}

{copy.charter.lede}

{copy.charter.quote_card_h}

{copy.charter.quote_card_sub}
setFrom(e.target.value)} placeholder="DXB" />
setTo(e.target.value)} placeholder="LFPB" />
setDate(e.target.value)} />
setPax(e.target.value)} />
{locale === "ar" ? "بدون أسعار معلنة — عرض مفصّل لكل مهمة" : "No published rates — bespoke per mission"}
); } // ------------------------- Footer function SiteFooter({ copy, locale }) { return ( ); } Object.assign(window, { Hero, TrustStrip, Services, GTMx, NetworkMap, WhiteGlove, Charter, SiteFooter });