lars/gebos-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
Lars Nolden
2026-08-14 14:34:16 +02:00
parent e217d1a97f
commit fdb3f11e47
3 changed files with 129 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
component-library/src/pages/home.tsx
+99 -57
View File
@@ -225,12 +225,13 @@ const audiences = [
/>
),
name: "Hauseigentümer",
headline: "Messdienstleistungen für Ihr Mehrfamilienhaus",
text: "Installieren Sie vorkonfigurierte Technik selbst beziehungsweise mit Ihrem bestehenden Fachbetrieb – oder überlassen Sie GebOS die komplette Umsetzung.",
headline: "Mein Mehrfamilienhaus ausstatten",
text: "Messtechnik, UVI, Heizkostenabrechnung und Rauchwarnmelder in einem System – selbst installieren oder als Komplettlösung.",
points: [
"einfache Installation",
"transparente Kosten",
"zuverlässiger laufender Betrieb",
"Ausstattung aus Gebäudedaten ermitteln",
"vorkonfigurierte Geräte erhalten",
"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",
headline: "Viele Gebäude. Ein einfacher Rollout.",
text: "Erfassen Sie Ihre Objekte einmal, erhalten Sie vorkonfigurierte Hardware und nutzen Sie bestehende Mitarbeiter oder Installationspartner für die Montage.",
name: "Hausverwaltung",
headline: "Viele Gebäude. Ein strukturierter Rollout.",
text: "Gebäude gesammelt konfigurieren, vorkonfigurierte Technik ausrollen und den Fortschritt zentral verfolgen.",
points: [
"standardisierter Rollout",
"vorkonfigurierte Geräte",
"zentrale Portfolioverwaltung",
"Rollout pro Liegenschaft",
"Gebäude und Wohnungen zentral verwalten",
"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.",
points: ["technische Plattform", "Skalierbarkeit", "APIs und White Label"],
text: "GebOS liefert die technische Plattform für Fernauslesung, Geräteverwaltung, Verbrauchsdaten und digitale Messdienstleistungen.",
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",
headline: "Bestellen. Montieren. Fertig.",
text: "Setzen Sie GebOS bei Ihren bestehenden Kunden ein, ohne zunächst ein Partnerprogramm durchlaufen zu müssen.",
name: "Fachbetrieb",
headline: "GebOS beim Kunden installieren",
text: "Keine neue Vertriebsrolle notwendig. Technik montieren und die bestehende Kundenbeziehung um moderne Messdienstleistungen ergänzen.",
points: [
"kein verpflichtender Partnerstatus",
"keine Mindestabnahme",
"vorkonfigurierte Hardware",
"vorkonfigurierte Geräte",
"keine manuelle Geräteanlage vor Ort",
"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,
label: "1 Gebäude",
sub: "Ein Eigentümer kann ein Mehrfamilienhaus konfigurieren.",
steps: [
{ title: "GebOS konfigurieren" },
{ title: "Installieren" },
{ title: "Betreiben" },
render: renders.buildingIso,
headline: "1 Gebäude",
example: "18 Wohnungen · 75 Geräte",
capabilities: [
"Gebäude konfigurieren",
"Wohnungen verwalten",
"Bewohner einladen",
"Geräte überwachen",
"UVI und Abrechnung verwalten",
],
},
{
render: renders.barChartManyFull,
label: "50 Gebäude",
sub: "Eine Hausverwaltung kann denselben Prozess auf viele Gebäude übertragen.",
steps: [
{ title: "Nach demselben Prozess konfigurieren" },
{ title: "Rollout organisieren" },
{ title: "Zentral betreiben" },
render: renders.housesSmallIso,
headline: "50 Gebäude",
example: "642 Wohnungen · 2.481 Geräte",
capabilities: [
"Rollout-Status je Gebäude",
"mehrere Liegenschaften zentral verwalten",
"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) => (
<div key={flow.label} className="flex flex-col gap-5 p-6 sm:p-8">
<div className="flex items-center gap-4">
{portfolioScopes.map((scope) => (
<div
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"
imgClassName="w-14"
className="flex w-20 shrink-0 items-center justify-center sm:w-24"
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"
title="Für wen ist GebOS?"
lead="GebOS wird von unterschiedlichen Kundengruppen eingesetzt. Wählen Sie aus, was am besten zu Ihnen passt."
eyebrow="Für wen?"
title="Was möchten Sie mit GebOS machen?"
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
-52
View File
@@ -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
+30 -20
View File
@@ -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
```
1 Gebäude
↓
Gebos konfigurieren
↓
installieren
↓
betreiben
Beispiel: 18 Wohnungen · 75 Geräte
50 Gebäude
↓
nach demselben Prozess konfigurieren
↓
Rollout organisieren
↓
zentral betreiben
```
Im Portal:
- Gebäude konfigurieren
- Wohnungen verwalten
- Bewohner einladen
- Geräte überwachen
- 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.
---