/* global React, ReactDOM, KENNY, GWM_DEALER, GWM_MODELS, GWM_PROMOS, gwmWa, kennyT, KENNY_HTML_LANG, TweaksPanel, useTweaks, TweakSection, TweakRadio, TweakColor, TweakToggle, DisclaimerStrip, KennyBrand, KennyHero, GwmLocationSeo, AboutKenny, Deliveries, Reviews, LoanCalculator, Brochures, ShowroomInfo, LangSwitch, FloatingLang */ const { useState, useEffect, useMemo, createContext, useContext, useCallback } = React; const KennyLangContext = createContext(null); function useKennyLang() { const ctx = useContext(KennyLangContext); if (!ctx) { const lang = "EN"; return { lang, setLang: () => {}, t: (key, vars) => kennyT(lang, key, vars) }; } return ctx; } window.useKennyLang = useKennyLang; // Temporarily off — lineup cards stay browse-only; VDP modal code kept below for future use. const SHOW_MODEL_VDP = false; /* ============ Inline SVG icons & silhouettes ============ */ const Ico = { arrow: (p) => , wa: (p) => , fb: (p) => , xhs: (p) => 小, pin: (p) => , clock: (p) => , phone: (p) => , mail: (p) => , close: (p) => , diff: (p) => , bolt: (p) => , cabin: (p) => , shield: (p) => , steering: (p) => }; /* Studio backdrop + optional car shape + watermark (shared by placeholder and real photos) */ function VehicleSilhouette({ type = "suv", label, showShape = true, showModelLabel = true, showWatermark = true, showBackdropSky = true, showFloor = true }) { const id = (label || type).replace(/\s+/g, "_"); const isHatch = type === "hatch"; const isMpv = type === "mpv"; const needsDefs = showBackdropSky || showFloor || showShape; const svgClass = showFloor && !showBackdropSky ? "vehicle-photo__floor" : showBackdropSky ? "vehicle-photo__sky" : "vehicle-photo__watermark"; return ( ); } const CARD_PHOTO_DEFAULT = window.GWM_CARD_PHOTO_DEFAULT || { scale: 100, x: 50, y: 55 }; function mergeCardPhoto(cardPhoto) { return { ...CARD_PHOTO_DEFAULT, ...(cardPhoto || {}) }; } function vehiclePhotoType(id) { if (id === "ora03" || id === "oragoodcat" || id === "oragt") return "hatch"; if (id === "weyg9") return "mpv"; return "suv"; } /* Real photo on studio backdrop; watermark stays above the photo */ function VehiclePhoto({ src, alt, type = "suv", label, style, cardPhoto }) { const [loaded, setLoaded] = useState(false); const [failed, setFailed] = useState(false); const hasSrc = src && src.trim().length > 0; const usePhoto = hasSrc && !failed; const showShape = !usePhoto || !loaded; const tune = mergeCardPhoto(cardPhoto); const offsetX = tune.x - CARD_PHOTO_DEFAULT.x; const offsetY = tune.y - CARD_PHOTO_DEFAULT.y; const imgTransform = loaded ? `translate(${offsetX}%, ${offsetY}%) scale(${tune.scale / 100})` : undefined; return (
{usePhoto && {alt setLoaded(true)} onError={() => setFailed(true)} style={{ opacity: loaded ? 1 : 0, transition: "opacity 400ms ease", objectPosition: `${CARD_PHOTO_DEFAULT.x}% ${CARD_PHOTO_DEFAULT.y}%`, transform: imgTransform, transformOrigin: `${CARD_PHOTO_DEFAULT.x}% ${CARD_PHOTO_DEFAULT.y}%` }} /> } {usePhoto && loaded && }
); } window.VehiclePhoto = VehiclePhoto; /* ============ Components ============ */ function BrandMark({ variant = "white" }) { return ( GWM
KOTA DAMANSARA
Authorised Dealer
); } function Nav({ onOpenModel, layout = "full" }) { const { t } = useKennyLang(); return (
{t("nav.testDrive")}
); } function Hero({ onExplore }) { const hero = GWM_MODELS[0]; // TANK 300 return (
Now at GWM Kota Damansara

The all-new
TANK 300 Hybrid

An off-road icon, reimagined. 255 PS hybrid powertrain, three locking differentials, and a luxury cabin that doesn't quit on the trail.

Book a Test Drive
Starts from
RM 250,000
Power
255 PS
0–100 km/h
8.6 s
); } function ModelCard({ m, onOpen }) { const { t } = useKennyLang(); const clickable = SHOW_MODEL_VDP && m.available; const brochure = (window.KENNY_BROCHURE_BY_MODEL || {})[m.id]; const priceList = window.KENNY_PRICE_LIST; const stopBubble = (e) => e.stopPropagation(); const colors = Array.isArray(m.colors) ? m.colors : []; const [colorIdx, setColorIdx] = useState(0); const activeColor = colors[colorIdx]; const photoSrc = activeColor?.image || m.hero; const photoAlt = activeColor ? `${m.name} in ${activeColor.name}` : m.heroAlt || m.name; return (
onOpen(m.id) : undefined} style={{ cursor: clickable ? "pointer" : "default" }}>
{m.comingSoon &&
{t("model.comingSoon")}
} {colors.length > 1 &&
{colors.map((c, i) =>
} {activeColor && }
{m.segment}
{m.name}
{t("model.startFrom")}
{m.price}
{t("model.whatsapp")}
{(brochure || priceList) &&
{brochure && {t("model.brochure")} } {priceList && {t("model.priceList")} }
}
); } function Lineup({ onOpenModel }) { const { t } = useKennyLang(); return (
{t("lineup.label")}

{t("lineup.title")}

{t("lineup.intro")}

{GWM_MODELS.map((m) => )}
); } /* ===== VDP ===== */ function VDP({ model, onClose }) { useEffect(() => { document.body.classList.add("modal-open"); const esc = (e) => e.key === "Escape" && onClose(); window.addEventListener("keydown", esc); return () => { document.body.classList.remove("modal-open"); window.removeEventListener("keydown", esc); }; }, [onClose]); if (!model) return null; const m = model; return (
e.target.classList.contains("vdp-overlay") && onClose()}>
{/* Top bar */}
GWM Kota Damansara  /  Models  /  {m.name}
{/* Hero */}
{m.segment}

{m.name}

{m.headline}

Start from
{m.price}
{m.priceNote}
{/* Quick spec strip */}
{m.stats.map((s, i) =>
{s.label}
{s.value} {s.unit}
)}
{/* Body */}
{/* Overview row */}

Overview

01 · {m.name.toLowerCase()}

{m.summary}

{/* Gallery row */}

Gallery

02 · exterior & interior
{m.gallery.slice(0, 3).map((g, i) =>
)}
{/* Pillars row */}

Key Highlights

03 · what makes it stand out
{m.pillars.map((p, i) => { const I = Ico[p.icon] || Ico.bolt; return (

{p.title}

{p.desc}

); })}
{/* Specs row */}

Specifications

04 · technical detail
{m.specs.map((g, i) =>

{g.group}

{g.rows.map((r, j) =>
{r[0]}{r[1]}
)}
)}
{/* Sticky CTA at bottom */}

Ready to take the {m.name} home?

Speak to our sales team at GWM Kota Damansara. We'll get you a financing quote in minutes.

); } /* ===== Promos ===== */ function Promos() { return (
Current Offers

This month at Kota Damansara.

{GWM_PROMOS.map((p, i) =>
{p.tag}

{p.title}

{p.desc}

{p.cta}
)}
); } /* ===== About / Showroom — now Kenny-led; delegates to kenny-sections.jsx ===== */ function About() {return ;} /* ===== About / Showroom (legacy dealer block — replaced by ShowroomInfo) ===== */ function _AboutLegacy() { return (
Visit Us

The showroom at Sunway Giza.

Operated by Recengine Trading Sdn. Bhd., your authorised GWM dealer in the Klang Valley. Walk-ins welcome — every car in the lineup is on display, with expert sales consultants on the floor seven days a week.

Address
{GWM_DEALER.address}
Sales Hours
Monday — Sunday · 10:00 AM – 7:00 PM
Email
{GWM_DEALER.email}