function Hero({ variant = 'dashboard' }) { // variant: 'dashboard' | 'portfolio' | 'pipeline' return (
{/* faint geometric grid backdrop — engineering register */}
Für Kommunen · Bauamt & Energiemanagement

Genug Konzepte. Bauen wir.

Wir lösen den Sanierungsstau in kommunalen Liegenschaften — mit Fahrplänen, die der Gemeinderat versteht, und Förderanträgen, die durchgehen.

    {[ 'Beschlüsse, keine PDFs.', 'BAFA, KfW & Landesförderung — auswendig.', 'Begleitung bis zur Schlussrechnung.']. map((t) =>
  • {t}
    • )}
Expertengespräch buchen So arbeiten wir
30 Min · unverbindlich · direkt mit Jonas Hofheinz
); } function HeroVisual({ variant }) { if (variant === 'portfolio') return ; if (variant === 'pipeline') return ; if (variant === 'roadmap') return ; return ; } // ── Variant A: Dashboard mock ───────────────────────────────────── function DashboardVisual() { const buildings = [ { n: 'Grundschule Am Mühlbach', y: 'Bj. 1972', state: 'analyse', kpi: 'C', cost: '€ 1,2 Mio' }, { n: 'Rathaus · Hauptgebäude', y: 'Bj. 1958', state: 'priorisiert', kpi: 'F', cost: '€ 2,8 Mio' }, { n: 'Feuerwache Nord', y: 'Bj. 1989', state: 'umsetzung', kpi: 'D', cost: '€ 640 k' }, { n: 'Sporthalle Talblick', y: 'Bj. 1981', state: 'priorisiert', kpi: 'E', cost: '€ 980 k' }]; const stateMap = { analyse: { l: 'In Analyse', c: '#136B3C', bg: 'rgba(0,153,71,0.10)' }, priorisiert: { l: 'Priorisiert', c: '#0E4D2A', bg: 'rgba(211,238,63,0.32)' }, umsetzung: { l: 'Umsetzung', c: '#0E4D2A', bg: 'rgba(0,224,105,0.32)' } }; return (
{/* mock chrome */}
Portfolio · Stadt Musterhausen
14 Liegenschaften
{/* KPI strip */}
{[ { v: '€ 18,4 Mio', l: 'Investitionsvolumen' }, { v: '€ 6,2 Mio', l: 'Förderpotential' }, { v: '−54 %', l: 'CO₂ kommunaler Bestand' }]. map((k) =>
{k.v}
{k.l}
)}
{/* table */}
Liegenschaft
Klasse
Status
Kosten
{buildings.map((b) =>
{b.n}
{b.y}
{b.kpi}
{stateMap[b.state].l}
{b.cost}
)}
+ 10 weitere Liegenschaften
Sanierungsfahrplan öffnen
); } // ── Variant B: Portfolio map (geo) ───────────────────────────────── function PortfolioVisual() { const dots = [ { x: 18, y: 28, s: 18, c: '#EA5115', l: 'Rathaus' }, { x: 38, y: 22, s: 12, c: '#009947', l: 'KiTa' }, { x: 62, y: 34, s: 22, c: '#136B3C', l: 'Schule' }, { x: 74, y: 58, s: 14, c: '#009947', l: 'Halle' }, { x: 28, y: 62, s: 16, c: '#0E4D2A', l: 'Werkhof' }, { x: 50, y: 70, s: 10, c: '#00E069', l: 'Bauhof' }, { x: 84, y: 24, s: 12, c: '#009947', l: 'Bibliothek' }, { x: 12, y: 78, s: 10, c: '#00E069', l: 'Pavillon' }]; return (
Gebäudebestand · Übersicht
14 Liegenschaften · 38.400 m²
{/* faux street grid */} {dots.map((d, i) =>
)}
Sanierungsdringlichkeit
Akut
Hoch
Mittel
{[ { v: '14', l: 'Liegenschaften' }, { v: '€ 6,2 Mio', l: 'Förderpotential' }, { v: '4', l: 'akut' }]. map((k) =>
{k.v}
{k.l}
)}
); } // ── Variant C: Pipeline (kanban) ─────────────────────────────────── function PipelineVisual() { // Equal rows across columns: 3 items per column, padded with placeholders. // 3 rows fixed; columns padded with invisible placeholders so all columns end at same baseline. const ROWS = 3; const cols = [ { h: 'Analyse', items: [ { name: 'Schulzentrum Süd', pct: 35 }] }, { h: 'Konzept', items: [ { name: 'Schulzentrum Süd', pct: 68 }] }, { h: 'Umsetzung', items: [ { name: 'KiTa Bergstraße', pct: 88 }, { name: 'Berufsschule', pct: 76 }, { name: 'Feuerwache Süd', pct: 64 }] }, { h: 'Förderung', items: [ { name: 'Feuerwache Nord', pct: 92 }, { name: 'Grundschule', pct: 80 }] }]; const colColors = ['#136B3C', '#009947', '#00E069', '#D3EE3F']; return (
BEISPIELKOMMUNE · BAUBUDGETPLANUNG 2026 — 2030
Bauprojekte · Worst-Performing Buildings
7 Liegenschaften
{cols.map((c, i) =>
{c.h}
{c.items.length}
{Array.from({ length: ROWS }).map((_, idx) => { const it = c.items[idx]; if (!it) { return
; } return (
{it.name}
); })}
)}
); } // ── Variant D: Roadmap (Sanierungspfad bis 2040) ────────────── function RoadmapVisual() { const phases = [ { label: 'Phase 1 · Priorität hoch', color: '#009947', range: '2026 — 2030' }, { label: 'Phase 2 · Priorität mittel', color: '#136B3C', range: '2031 — 2035' }, { label: 'Phase 3 · Priorität basis', color: '#0E4D2A', range: '2036 — 2040' }]; const years = [ { y: '2026', co2: '−224 t', invest: '3,0 Mio', items: ['Rathaus', 'Grundschule Mühlbach', 'KiTa Sonne'], phase: 0 }, { y: '2028', co2: '−75 t', invest: '2,7 Mio', items: ['Bauhof', 'Sporthalle', 'Pavillon Ost'], phase: 0 }, { y: '2030', co2: '−32 t', invest: '3,2 Mio', items: ['Anne-Frank-Halle', 'Bibliothek'], phase: 0 }, { y: '2034', co2: '−48 t', invest: '2,4 Mio', items: ['Stadtmuseum', 'Feuerwache Süd', 'Werkhof'], phase: 1 }, { y: '2040', co2: '−19 t', invest: '1,8 Mio', items: ['Pavillon West', 'Schatzkiste'], phase: 2 }]; return (
Kommunalgebäudepfad bis 2040
14 Liegenschaften
Drei Sanierungsphasen — nach Wirtschaftlichkeit und CO₂-Hebel priorisiert.
{phases.map((p) =>
{p.label.split(' · ')[0]} {p.range}
)}
{years.map((yr) => { return (
{yr.y}
€ {yr.invest}
Investition
{yr.co2} CO₂/a
{yr.items.map((it) =>
{it}
)}
); })}
€ 13,1 Mio
Gesamt
−398 t
CO₂ / Jahr
€ 4,3 Mio
Förderung
Sanierungsfahrplan
); } window.Hero = Hero;