// Tech, Plans, Gallery, Progress const Tech = ({ lang }) => { const d = window.SITE_DATA.tech[lang]; return (
{d.kicker}

{d.title}

Фасад QASIET CITY

{d.intro}

{d.groups.map((g, i) =>

{g.t}

    {g.lines.map((l, j) =>
  • {l}
    • )}
)}
); }; // Generated apartment plan SVG const PlanSVG = ({ rooms }) => { // Different schematic layouts based on room count const stroke = "#3D3933"; const fill = "rgba(225,183,120,0.10)"; const wallW = 1.5; if (rooms === 1) { return ( SAN LIVING BED KIT ); } if (rooms === 2) { return ( HALL SAN KIT BED 1 BED 2 LIVING ); } if (rooms === 3) { return ( HALL SAN KIT BED 1 BED 2 LIVING BED 3 ); } // 4 return ( HALL SAN KIT BED 1 BED 2 BED 3 LIVING BED 4 DIN ); }; const FloorPlateSVG = ({ floor }) => { // Schematic plan of the whole floor (4–5 apartments around a core) const stroke = "#3D3933"; const acc = "#E1B778"; return ( {/* core */} CORE · LIFTS {/* 4 apts around */} A1 A2 A3 A4 A5 A6 N ); }; const Plans = ({ lang }) => { if (!window.SITE_DATA || !window.SITE_DATA.plans || !window.SITE_DATA.plans.sections) { return
Loading...
; } const t = window.SITE_DATA.plans[lang]; const sections = window.SITE_DATA.plans.sections; const [active, setActive] = useState(1); const [lightbox, setLightbox] = useState(null); const cur = sections.find((s) => s.id === active); const counts = { 1: 0, 2: 0, 3: 0, 4: 0 }; if (!cur) { console.error('Section not found:', active, 'Available sections:', sections); return null; } cur.apts.forEach((a) => counts[a.rooms]++); const fmtArea = (a) => a.toFixed(2).replace('.', ','); const roomsLabel = (r) => `${r}-${t.roomsShort}`; // Close lightbox on Esc useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') setLightbox(null); }; if (lightbox) window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [lightbox]); return (
{t.kicker}

{t.title}

{t.sub}

{t.sectionLabel} {sections && sections.map((s) => )} {t.albumCta}
{[1, 2, 3, 4].map((k) => counts[k] > 0 && {counts[k]} · {roomsLabel(k)} )} {cur.apts.length} {lang === 'ru' ? 'квартир на этаже' : 'қабатта пәтер'}
{t.floorLabel} · {t.sectionLabel} {cur.id}
{`${t.floorLabel} setLightbox(cur.floor)} />

{t.aptsLabel}

{cur.apts.length} · {t.aptHint}
{cur.apts.map((a, i) =>
setLightbox(a.f)}> {`${roomsLabel(a.rooms)}
{roomsLabel(a.rooms)} {fmtArea(a.area)}м²
{a.rooms}К · {t.sectionLabel} {cur.id} № {String(i + 1).padStart(2, '0')}
)}

{t.priceNote}

{lightbox &&
setLightbox(null)}>
}
); }; const Gallery = ({ lang, images }) => { const d = window.SITE_DATA.gallery[lang]; const [active, setActive] = useState(null); return ( ); }; const Progress = ({ lang }) => { const d = window.SITE_DATA.progress[lang]; return (
{d.kicker}

{d.title}

{d.stages.map((s, i) =>
{s.q}
{s.t}
{s.done ? lang === 'ru' ? 'Завершено' : 'Аяқталды' : s.current ? lang === 'ru' ? 'В работе' : 'Орындалуда' : lang === 'ru' ? 'Запланировано' : 'Жоспарланған'}
)}
); }; Object.assign(window, { Tech, Plans, Gallery, Progress, PlanSVG, FloorPlateSVG });