save
This commit is contained in:
Lars Nolden
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user