save

component-library/src/pages/home.tsx

@@ -225,12 +225,13 @@ const audiences = [
       />
     ),
     name: "Hauseigentümer",
-    headline: "Messdienstleistungen für Ihr Mehrfamilienhaus",
+    headline: "Mein Mehrfamilienhaus ausstatten",
-    text: "Installieren Sie vorkonfigurierte Technik selbst beziehungsweise mit Ihrem bestehenden Fachbetrieb – oder überlassen Sie GebOS die komplette Umsetzung.",
+    text: "Messtechnik, UVI, Heizkostenabrechnung und Rauchwarnmelder in einem System – selbst installieren oder als Komplettlösung.",
     points: [
-      "einfache Installation",
+      "Ausstattung aus Gebäudedaten ermitteln",
-      "transparente Kosten",
+      "vorkonfigurierte Geräte erhalten",
-      "zuverlässiger laufender Betrieb",
+      "eigenen Fachbetrieb nutzen",
+      "laufenden Messbetrieb digital verwalten",
     ],
     cta: "GebOS für Hauseigentümer",
     to: "/fuer-wen/hauseigentuemer",
@@ -244,13 +245,15 @@ const audiences = [
         imgClassName="w-14"
       />
     ),
-    name: "Hausverwaltungen",
+    name: "Hausverwaltung",
-    headline: "Viele Gebäude. Ein einfacher Rollout.",
+    headline: "Viele Gebäude. Ein strukturierter Rollout.",
-    text: "Erfassen Sie Ihre Objekte einmal, erhalten Sie vorkonfigurierte Hardware und nutzen Sie bestehende Mitarbeiter oder Installationspartner für die Montage.",
+    text: "Gebäude gesammelt konfigurieren, vorkonfigurierte Technik ausrollen und den Fortschritt zentral verfolgen.",
     points: [
-      "standardisierter Rollout",
+      "Rollout pro Liegenschaft",
-      "vorkonfigurierte Geräte",
+      "Gebäude und Wohnungen zentral verwalten",
-      "zentrale Portfolioverwaltung",
+      "offene Aufgaben sichtbar",
+      "Bewohner-Einladungen verfolgen",
+      "UVI und Abrechnung über mehrere Gebäude",
     ],
     cta: "GebOS für Hausverwaltungen",
     to: "/fuer-wen/hausverwaltungen",
@@ -266,8 +269,15 @@ const audiences = [
     ),
     name: "Messdienstleister",
     headline: "Ihre Messdienstleistung. Unsere Infrastruktur.",
-    text: "Nutzen Sie GebOS als technische Grundlage für Ihre eigenen Dienstleistungen – mit Hardware, Plattform, Gerätemanagement und optionalem White Label.",
+    text: "GebOS liefert die technische Plattform für Fernauslesung, Geräteverwaltung, Verbrauchsdaten und digitale Messdienstleistungen.",
-    points: ["technische Plattform", "Skalierbarkeit", "APIs und White Label"],
+    points: [
+      "zentrale Infrastruktur",
+      "mehrere Kunden und Gebäude",
+      "Geräte- und Verbrauchsdaten",
+      "UVI",
+      "Heizkostenabrechnungsprozesse",
+      "White-Label-Optionen",
+    ],
     cta: "GebOS für Messdienstleister",
     to: "/fuer-wen/messdienstleister",
   },
@@ -280,38 +290,43 @@ const audiences = [
         imgClassName="w-14"
       />
     ),
-    name: "Installateure & Heizungsbauer",
+    name: "Fachbetrieb",
-    headline: "Bestellen. Montieren. Fertig.",
+    headline: "GebOS beim Kunden installieren",
-    text: "Setzen Sie GebOS bei Ihren bestehenden Kunden ein, ohne zunächst ein Partnerprogramm durchlaufen zu müssen.",
+    text: "Keine neue Vertriebsrolle notwendig. Technik montieren und die bestehende Kundenbeziehung um moderne Messdienstleistungen ergänzen.",
     points: [
-      "kein verpflichtender Partnerstatus",
+      "vorkonfigurierte Geräte",
-      "keine Mindestabnahme",
+      "keine manuelle Geräteanlage vor Ort",
-      "vorkonfigurierte Hardware",
+      "keine GebOS-Vertriebspartnerschaft erforderlich",
+      "Installation für bestehende Kunden",
     ],
-    cta: "GebOS für Installateure",
+    cta: "GebOS für Fachbetriebe",
     to: "/fuer-wen/installateure",
   },
 ]
 
-const scaleFlows = [
+const portfolioScopes = [
   {
-    render: renders.barChartManyFew,
+    render: renders.buildingIso,
-    label: "1 Gebäude",
+    headline: "1 Gebäude",
-    sub: "Ein Eigentümer kann ein Mehrfamilienhaus konfigurieren.",
+    example: "18 Wohnungen · 75 Geräte",
-    steps: [
+    capabilities: [
-      { title: "GebOS konfigurieren" },
+      "Gebäude konfigurieren",
-      { title: "Installieren" },
+      "Wohnungen verwalten",
-      { title: "Betreiben" },
+      "Bewohner einladen",
+      "Geräte überwachen",
+      "UVI und Abrechnung verwalten",
     ],
   },
   {
-    render: renders.barChartManyFull,
+    render: renders.housesSmallIso,
-    label: "50 Gebäude",
+    headline: "50 Gebäude",
-    sub: "Eine Hausverwaltung kann denselben Prozess auf viele Gebäude übertragen.",
+    example: "642 Wohnungen · 2.481 Geräte",
-    steps: [
+    capabilities: [
-      { title: "Nach demselben Prozess konfigurieren" },
+      "Rollout-Status je Gebäude",
-      { title: "Rollout organisieren" },
+      "mehrere Liegenschaften zentral verwalten",
-      { title: "Zentral betreiben" },
+      "offene Aufgaben portfolioübergreifend sehen",
+      "Geräte- und Nutzerstatus vergleichen",
+      "UVI- und Abrechnungsstatus verfolgen",
     ],
   },
 ]
@@ -527,35 +542,59 @@ export default function HomePage() {
         <Section>
           <SectionHeading
             align="center"
-            eyebrow="Skalierung"
+            eyebrow="Portfolio"
             title="Vom einzelnen Mehrfamilienhaus bis zum Portfolio"
-            lead="GebOS ist so aufgebaut, dass derselbe grundlegende Prozess sowohl für ein einzelnes Gebäude als auch für größere Bestände funktioniert. Neue Objekte werden nach einem einheitlichen Schema ergänzt und ausgerollt."
+            lead="GebOS nutzt dieselbe Struktur unabhängig davon, ob Sie ein Gebäude oder viele Liegenschaften verwalten."
           />
           <Card className="mt-12 p-0 gap-0 overflow-hidden">
             <div className="grid divide-y divide-border sm:grid-cols-2 sm:divide-x sm:divide-y-0">
-              {scaleFlows.map((flow) => (
+              {portfolioScopes.map((scope) => (
-                <div key={flow.label} className="flex flex-col gap-5 p-6 sm:p-8">
+                <div
-                  <div className="flex items-center gap-4">
+                  key={scope.headline}
+                  className="flex flex-col gap-6 p-6 sm:p-8"
+                >
+                  <div className="flex items-center justify-between gap-4">
+                    <h3 className="text-2xl font-extrabold tracking-tight text-navy sm:text-3xl">
+                      {scope.headline}
+                    </h3>
                     <AssetRender
-                      render={flow.render}
+                      render={scope.render}
                       alt=""
-                      className="flex size-14 shrink-0 items-center justify-center"
+                      className="flex w-20 shrink-0 items-center justify-center sm:w-24"
-                      imgClassName="w-14"
+                      imgClassName="w-full"
                     />
-                    <div>
-                      <h3 className="text-xl font-extrabold tracking-tight text-navy">
-                        {flow.label}
-                      </h3>
-                      <p className="mt-0.5 text-sm text-muted-foreground">
-                        {flow.sub}
-                      </p>
-                    </div>
                   </div>
-                  <NumberedList steps={flow.steps} className="mt-1" />
+                  {/* demo data, flagged as such right where it is shown */}
+                  <div className="rounded-xl border border-border bg-secondary/40 px-4 py-3">
+                    <p className="text-[0.6875rem] font-bold tracking-[0.14em] text-primary uppercase">
+                      Beispiel
+                    </p>
+                    <p className="mt-0.5 text-sm font-semibold text-navy">
+                      {scope.example}
+                    </p>
+                  </div>
+                  <div>
+                    <p className="text-xs font-bold tracking-wide text-navy uppercase">
+                      Im Portal
+                    </p>
+                    <Checklist items={scope.capabilities} className="mt-3" />
+                  </div>
                 </div>
               ))}
             </div>
           </Card>
+          <p className="mx-auto mt-5 max-w-2xl text-center text-xs leading-relaxed text-muted-foreground italic">
+            Die Beispielzahlen zeigen, was im Portal dargestellt werden kann –
+            sie sind keine Angaben zu bestehenden GebOS-Kunden.
+          </p>
+          <div className="mt-8 flex justify-center">
+            <Button asChild variant="outline" size="lg">
+              <Link to="/fuer-wen/hausverwaltungen">
+                GebOS für Hausverwaltungen
+                <ArrowRight />
+              </Link>
+            </Button>
+          </div>
         </Section>
 
         <Section>
@@ -610,9 +649,9 @@ export default function HomePage() {
         <Section>
           <SectionHeading
             align="center"
-            eyebrow="Zielgruppen"
+            eyebrow="Für wen?"
-            title="Für wen ist GebOS?"
+            title="Was möchten Sie mit GebOS machen?"
-            lead="GebOS wird von unterschiedlichen Kundengruppen eingesetzt. Wählen Sie aus, was am besten zu Ihnen passt."
+            lead="GebOS kann unterschiedlich eingesetzt werden. Wählen Sie die Situation, die am besten zu Ihnen passt."
           />
           <div className="mt-12 grid gap-5 sm:grid-cols-2">
             {audiences.map((audience) => (
@@ -631,11 +670,14 @@ export default function HomePage() {
                     {audience.text}
                   </p>
                   <p className="mt-1 text-xs font-bold tracking-wide text-navy uppercase">
-                    Besonders wichtig für Sie
+                    Im Überblick
                   </p>
                   <Checklist items={audience.points} className="mb-2" />
                   <Button asChild variant="outline" className="mt-auto">
-                    <Link to={audience.to}>{audience.cta}</Link>
+                    <Link to={audience.to}>
+                      {audience.cta}
+                      <ArrowRight />
+                    </Link>
                   </Button>
                 </CardContent>
               </Card>

notes

@@ -9,55 +9,3 @@ Can we use the same house renderer adapted throughout the site to "explain" some
 Like A Querschnitt with sensors, smoke detectors and the gateway?
 Perhaps even make small animations out of it.
 
-
-
-
-13. Trust and compliance section
-
-This should be relatively restrained.
-
-Eyebrow:
-
-TECHNIK & ANFORDERUNGEN
-
-Für den Messbetrieb gebaut.
-
-Supporting text:
-
-GebOS verbindet die Anforderungen moderner Messdienstleistungen mit einer klaren technischen und organisatorischen Struktur.
-
-HeizkostenV
-
-UVI nach den Anforderungen des §6a HeizkostenV
-
-Fernablesbarkeit
-
-Fernauslesbare Verbrauchserfassung für die Anforderungen der HeizkostenV
-
-Interoperabilität
-
-Where demonstrably applicable to the supplied equipment:
-
-Interoperable fernablesbare Messtechnik gemäß den Anforderungen des §5 HeizkostenV
-
-§5 also contains interoperability and state-of-the-art requirements for remotely readable equipment installed from 1 December 2022 onward.
-
-Expand:
-Alle Geräte sind OMS fähig, die AES Schlüssel aller Geräte können jederzeit abgefragt werden
-
-Datenschutz & Sicherheit
-
-Instead of:
-
-„Höchste Datensicherheit“
-
-state actual properties when known, for example:
-
-Hosting-Standort: Hosted in Falkenstein Deutschland
-Verschlüsselung: (not sure I guess we should mention the OMS AES encrytption as well as SSL for sensor data and website data).
-Aufbewahrung: Nur deutsche Server und Services.
-Rollen- und Rechtekonzept: Umformulieren: Benutzer können im Portal nur ihre Daten sehen, nicht die der Vormieter etc.
-
-CTA:
-
-Technik & Sicherheit →

seiten/startseite.md

@@ -164,31 +164,41 @@ Fernauslesbare Zähler, Sensoren und Kommunikationsinfrastruktur für den laufen
 
 # Vom einzelnen Mehrfamilienhaus bis zum Portfolio
 
-Gebos ist so aufgebaut, dass derselbe grundlegende Prozess sowohl für ein einzelnes Gebäude als auch für größere Bestände funktioniert.
+Eyebrow: PORTFOLIO
 
-Ein Eigentümer kann ein Mehrfamilienhaus konfigurieren.
+Gebos nutzt dieselbe Struktur unabhängig davon, ob Sie ein Gebäude oder viele Liegenschaften verwalten.
 
-Eine Hausverwaltung kann denselben Prozess auf viele Gebäude übertragen.
+Split Card, zwei Hälften.
 
-Neue Objekte werden nach einem einheitlichen Schema ergänzt und ausgerollt.
+## 1 Gebäude
 
-```
+Beispiel: 18 Wohnungen · 75 Geräte
-1 Gebäude
-    ↓
-Gebos konfigurieren
-    ↓
-installieren
-    ↓
-betreiben
 
-50 Gebäude
+Im Portal:
-    ↓
+
-nach demselben Prozess konfigurieren
+- Gebäude konfigurieren
-    ↓
+- Wohnungen verwalten
-Rollout organisieren
+- Bewohner einladen
-    ↓
+- Geräte überwachen
-zentral betreiben
+- UVI und Abrechnung verwalten
-```
+
+## 50 Gebäude
+
+Beispiel: 642 Wohnungen · 2.481 Geräte
+
+Im Portal:
+
+- Rollout-Status je Gebäude
+- mehrere Liegenschaften zentral verwalten
+- offene Aufgaben portfolioübergreifend sehen
+- Geräte- und Nutzerstatus vergleichen
+- UVI- und Abrechnungsstatus verfolgen
+
+Die Zahlen sind Beispiele für die Darstellung im Portal und keine Angaben zu bestehenden Gebos-Kunden. Sie werden im Layout als Beispieldaten gekennzeichnet.
+
+**[Gebos für Hausverwaltungen]**
+
+→ Führt auf die Zielgruppenseite Hausverwaltungen.
 
 ---