{card.title}
{card.desc}
-
{card.bullets.map((b, i) => (
- › {b} ))}
// ╔══════════════════════════════════════════════════════════════╗
// ║ LEISTUNGEN — 6 Service-Cards, pfad-abhängig ║
// ╚══════════════════════════════════════════════════════════════╝
const LEIST_PALETTE = {
bgDeep: "#071520",
bgCard: "#0D2030",
accent: "#3ABDD0",
soft: "#8DDBEA",
text: "#ffffff",
textDim: "rgba(255,255,255,0.55)",
border: "rgba(141,219,234,0.12)",
borderHi: "rgba(58,189,208,0.45)",
};
// Hand-drawn line illustrations for each service (instead of icons — more distinctive)
const LeistIllu = {
// Beleuchtung
light: (c) => (
),
// Heizung / Klima
heating: (c) => (
),
// Beschattung
shade: (c) => (
),
// Sicherheit
shield: (c) => (
),
// Energie / PV
energy: (c) => (
),
// Multimedia / Audio
audio: (c) => (
),
// Zutritt / Schloss
access: (c) => (
),
// Beratung
consult: (c) => (
),
// Wartung
wrench: (c) => (
),
// Fernwartung / Cloud
remote: (c) => (
),
// Visualisierung / Dashboard
dashboard: (c) => (
),
// KNX / Bus / Verkabelung
bus: (c) => (
),
};
// Path-aware service definitions
const LEIST_DATA = {
altbau: {
eyebrow: "Was wir machen — für Bestandshäuser",
headline: "Smart nachrüsten,",
headlineEm: "Schritt für Schritt.",
sub: "Du musst nicht alles auf einmal machen. Wir starten mit dem Bereich, der dich am meisten nervt — und bauen weiter aus, wenn du bereit bist.",
cards: [
{
nr: "01", illu: "light", tag: "Funk + Kabel",
title: "Beleuchtung",
desc: "Dimmen, Szenen, Tageslicht-Steuerung. Ohne Stemmarbeiten via Funk, oder bei Renovierung sauber verkabelt.",
bullets: ["Bestehende Schalter ersetzen", "Hue, Shelly, Loxone-kompatibel", "Szenen via App, Sprache, Taster"],
},
{
nr: "02", illu: "heating", tag: "Heizkörper · FBH",
title: "Heizung & Raumklima",
desc: "Pro Raum eigene Soll-Temperatur, Anwesenheit erkannt, Fenster-auf-Erkennung. Spart 15–25% Energie.",
bullets: ["Funk-Thermostatköpfe", "Heizkurven & Wochenpläne", "Anbindung an Wetter-API"],
},
{
nr: "03", illu: "shade", tag: "Rollläden · Jalousien",
title: "Beschattung",
desc: "Bestehende Rollladenmotoren smart machen — automatisch nach Sonne, Wind, Tageszeit. Manuelle Bedienung bleibt.",
bullets: ["Shelly 2.5 Aktoren", "Astro-Zeit-Steuerung", "Wind- & Hitzeschutz automatisch"],
},
{
nr: "04", illu: "shield", tag: "Türen · Fenster · Bewegung",
title: "Sicherheitsnahe Smart-Home-Funktionen",
desc: "Statusmeldungen, Tür-/Fensterkontakte, Anwesenheitssimulation und Push bei Auffälligkeiten — keine zertifizierte Alarm- oder Brandmeldeanlage.",
bullets: ["Aqara, Shelly, Eltako Sensoren", "Anwesenheitssimulation", "Türklingel mit Video"],
},
{
nr: "05", illu: "energy", tag: "PV · Wärmepumpe",
title: "Energiemanagement",
desc: "PV-Erträge sichtbar machen, Wärmepumpe & E-Auto im Sonnen-Überschuss laden, Verbräuche transparent. Elektrische Anschlussarbeiten erfolgen durch den jeweiligen Fachbetrieb.",
bullets: ["openWB, evcc, Home Assistant", "Lastmanagement automatisch", "Energiekosten-Dashboards"],
},
{
nr: "06", illu: "consult", tag: "Beratung · Doku",
title: "Beratung & Dokumentation",
desc: "Vor-Ort-Termin, Bestandsaufnahme, Plan mit Prioritäten. Alle Zugänge & Komponenten dokumentiert — du behältst die Kontrolle.",
bullets: ["Vor-Ort-Audit", "Etappenplan", "Übergabe-Doku & Zugänge"],
},
],
},
neubau: {
eyebrow: "Was wir machen — für Neubauten",
headline: "Einmal richtig",
headlineEm: "verkabeln. Für Jahrzehnte.",
sub: "Im Rohbau einmal sauber planen — KNX als Bus-System, herstellerunabhängig. Spart Geld auf 20 Jahre und ist weltweit servicefähig.",
cards: [
{
nr: "01", illu: "bus", tag: "KNX · Loxone",
title: "KNX- & Loxone-Planung",
desc: "Komplette Bus-Topologie und Logikplanung: Linien, Bereiche, Verteilung, ETS- bzw. Loxone-Config, Inbetriebnahme. Herstellerneutral — in Abstimmung mit den ausführenden Gewerken.",
bullets: ["ETS / Loxone Config", "Planung mit Elektropartner", "Schnittstellen zu HA / Energie", "Erweiterbar ohne neue Kabel"],
},
{
nr: "02", illu: "light", tag: "Offen · Herstellerübergreifend",
title: "Beleuchtung & Szenen",
desc: "DALI, KNX, WLED, Hue, IKEA Tradfri, Loxone — bei Licht muss man flexibel sein. Lampen kommen und gehen, das System bleibt.",
bullets: ["DALI-2 · KNX · WLED · Hue · Tradfri · Loxone", "Constant Light Regelung", "Tunable White nach Tageszeit", "Tausch jederzeit ohne Lock-in"],
},
{
nr: "03", illu: "shade", tag: "KNX · Wetter",
title: "Beschattung intelligent",
desc: "Wetterstation auf dem Dach — Wind, Sonne, Niederschlag. Beschattung reagiert pro Fassade automatisch, manuell überschreibbar.",
bullets: ["Elsner, Theben Wetterstation", "Fassaden-Logik", "Ferienmodus & Lammellenführung"],
},
{
nr: "04", illu: "heating", tag: "FBH · KWL · WP",
title: "Klima & Lüftung",
desc: "Fußbodenheizung pro Raum, KWL mit CO₂- und Feuchte-Steuerung, Wärmepumpe lastoptimiert. Eine Visualisierung für alles.",
bullets: ["Einzelraum-FBH", "KWL CO₂/rH-geführt", "Wärmepumpe + PV-Kopplung"],
},
{
nr: "05", illu: "shield", tag: "Status · Zutritt · Video",
title: "Sicherheitsnahe Funktionen & Zutritt",
desc: "Statusmeldungen, Tag-/Nacht-Modi, Video-Türsprechanlage und elektronisches Schloss als Smart-Home-Funktionen. Zertifizierte Alarm- oder Brandmeldeanlagen erfolgen über Partnerbetriebe.",
bullets: ["Modi: Anwesend, Abwesend, Nacht", "DoorBird, 2N, Nuki", "RFID & App-Schlüssel"],
},
{
nr: "06", illu: "dashboard", tag: "Visualisierung",
title: "Visualisierung & Dashboards",
desc: "Tablet im Eingang, Apps für Familie, Sprachsteuerung optional. Alles über offene Standards — kein Hersteller-Lock-in.",
bullets: ["Home Assistant, openHAB", "Tablets, Apps, Sprache", "Vollständige Übergabe-Doku"],
},
],
},
gewerbe: {
eyebrow: "Was wir machen — für Gewerbe, Büro & Hotel",
headline: "Betriebsgebäude die",
headlineEm: "planbar laufen.",
sub: "Gewerbeobjekte brauchen keine Spielerei, sondern klare Abläufe: Energie im Griff, Räume passend konditioniert, Zutritt nachvollziehbar und Technikzustände sichtbar — vom Büro bis zum kleinen Hotel.",
cards: [
{
nr: "01", illu: "energy", tag: "STROM · PV · TECHNIK",
title: "Gewerbe & Technikstatus",
desc: "Stromverbrauch, PV, Wallbox, Kühlung, Tore, Serverraum oder Kompressor: wichtige Zustände landen in einem verständlichen Betriebsdashboard.",
bullets: ["Energie- und Technikdashboard", "Schwellwerte & Meldungen", "Modbus, MQTT, API, Netzwerk"],
},
{
nr: "02", illu: "dashboard", tag: "LICHT · CO₂ · PRÄSENZ",
title: "Büroflächen & Meetingräume",
desc: "Licht, Beschattung, Heizung/Kühlung und Luftqualität reagieren auf Präsenz, Tageslicht und Nutzungszeiten — ohne dass jeder Raum einzeln nachgeregelt werden muss.",
bullets: ["Präsenzabhängige Szenen", "CO₂- und Temperaturwerte", "Wochen- und Sonderzeiten"],
},
{
nr: "03", illu: "heating", tag: "ZIMMER · KLIMA · SZENEN",
title: "Hotelzimmer & Gäste-Komfort",
desc: "Für kleine Hotels, Pensionen und Apartmenthäuser: Zimmerstatus, Klima nach Belegung, Fensterstatus, Grundszenen und Technikmeldungen werden betreiberfreundlich zusammengeführt.",
bullets: ["Belegung & Reinigungsstatus", "Klima nach Nutzung", "Etappenfähig im laufenden Betrieb"],
},
{
nr: "04", illu: "access", tag: "CODES · RFID · ZEITEN",
title: "Zutritt & Rollen",
desc: "Eingänge, Teamzonen, Lager, Technikräume oder Hotelbereiche lassen sich zeit- und rollenbasiert abbilden. Bestehende Zutrittssysteme werden nach Möglichkeit integriert.",
bullets: ["Rollen und Zeitfenster", "Tür- und Torstatus", "Besucher- und Dienstleisterlogik"],
},
{
nr: "05", illu: "shield", tag: "STATUS · VIDEO · ALARMIERUNG",
title: "Lagebild & Störungen",
desc: "Tür-/Fenster-Status, Video-Türsprechanlage, Eskalationsmeldungen und Quittierung als betriebliche Übersicht. Zertifizierte Alarm-, Brand- oder Überwachungstechnik erfolgt mit Fachpartnern.",
bullets: ["Statusmeldungen & Quittierung", "Kamera-/VMS-Integration", "Fachpartner für zertifizierte Anlagen"],
},
{
nr: "06", illu: "wrench", tag: "SERVICE · REPORTS · ETAPPEN",
title: "Service, Reports & Etappenplan",
desc: "Gewerbeumbauten müssen weiterlaufen. Deshalb planen wir in Etappen, dokumentieren Schnittstellen und schaffen eine wartbare Basis für Betrieb, Erweiterung und Fernsupport.",
bullets: ["VPN-gesicherte Fernwartung", "Monats- und Ereignisreports", "Brownfield-Integration"],
},
],
},
};
function LeistCard({ card, accent, index }) {
const Illu = LeistIllu[card.illu];
return (
{card.desc}
{data.sub}
Der Konfigurator schlägt dir in 3 Schritten ein passendes Setup mit grobem Preisrahmen vor.
{card.title}
{card.bullets.map((b, i) => (
{data.headline} {data.headlineEm}
Nicht sicher, was du brauchst?
Auszug aus aktuellen Projekten. Auf Wunsch stelle ich gerne Kontakt zu Referenzkunden her.
{faq.a}
Smart Home darf keine Wette auf einen Hersteller sein. Mein Konzept setzt auf offene Standards (KNX, Modbus, Zigbee) und Home Assistant als zentrale Visu-Schicht — damit dein System auch in 10 Jahren noch deins ist.