feat(hosting): Hosting-Marketing + Login/Konto als Vanilla-JS-Seiten

Integriert das RAPPORT-Hosting-Angebot direkt in die bestehende Hugo-Seite
(gleicher openbureau/Hextra-Look):
- /hosting        Marketing-Landing (Hero, Feature-Grid)
- /hosting-preise Abo-Übersicht (Plans aus /api/billing/plans)
- /login /register /konto  Vanilla-JS-Seiten (layouts/hosting.html +
  static/js/hosting-app.js), sprechen NUR mit /api
- custom.css: Karten-/Formular-/Plan-Styles im RAPPORT-Token-Set
- Navbar: 'Hosting' + 'Anmelden'

Bleibt sauber AGPL: kein Backend-Code, nur fetch('/api'). Das proprietäre
Backend (Auth/Stripe/Provisioning) liegt in RAPPORT-HOST.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-05-30 16:40:28 +02:00
parent 09b5600212
commit 60f886bf7a
52 changed files with 23266 additions and 2441 deletions
+6
View File
@@ -0,0 +1,6 @@
---
title: Hosting-Preise
layout: hosting
hostingpage: preise
toc: false
---
+85
View File
@@ -0,0 +1,85 @@
---
title: Hosting
layout: hextra-home
toc: false
---
{{< hextra/hero-badge >}}
<div class="hx:w-2 hx:h-2 hx:rounded-full" style="background: #b07848; box-shadow: 0 0 8px rgba(176,120,72,0.55);"></div>
<span>Gehostet in der Schweiz · Ohne eigenen Server</span>
{{< /hextra/hero-badge >}}
<div class="hx:mt-8 hx:mb-6">
<div class="rapport-logo-card">
<div class="rapport-logo-text">RAPPORT</div>
<div class="rapport-logo-sub">Hosting</div>
</div>
</div>
<div class="hx:mb-12">
{{< hextra/hero-subtitle >}}
Ihre eigene Rapport-Instanz — in Minuten startklar. Studio-Management für Architekturbüros, gehostet, gewartet und gesichert. Sie arbeiten, wir kümmern uns um den Rest.
{{< /hextra/hero-subtitle >}}
</div>
<div class="rapport-hero-actions">
<a href="/register/" class="rapport-btn rapport-btn-primary">Jetzt starten</a>
<a href="/hosting-preise/" class="rapport-btn rapport-btn-secondary">Preise ansehen ↗</a>
</div>
<div class="rapport-meta hx:mb-12">
<span class="rapport-meta-item">Schweizer Hosting</span>
<span class="rapport-meta-item">Tägliche Backups</span>
<span class="rapport-meta-item">Jederzeit kündbar</span>
<span class="rapport-meta-item">Keine Installation</span>
</div>
<div class="hx:mt-12 hx:mb-8 hx:text-center">
<p style="font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--rapport-accent); margin-bottom: 12px;">SO EINFACH</p>
<h2 style="font-family: 'Playfair Display', serif; font-size: clamp(26px, 3.5vw, 40px); font-weight: 700; line-height: 1.2; margin: 0 auto 16px; max-width: 580px;">Registrieren, Abo wählen, loslegen</h2>
<p style="font-size: 13px; line-height: 1.8; color: var(--rapport-text-3); max-width: 620px; margin: 0 auto;">Keine Server-Administration, keine Updates, keine Sorgen um Backups. Sie bekommen eine fertige Rapport-Instanz mit eigener Adresse — wir betreiben sie für Sie in der Schweiz.</p>
</div>
{{< hextra/feature-grid >}}
{{< hextra/feature-card
title="In Minuten startklar"
subtitle="Konto erstellen, Abo wählen, fertig. Ihre Instanz wird automatisch eingerichtet — keine Installation, keine Technik."
style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.10),hsla(0,0%,100%,0));"
>}}
{{< hextra/feature-card
title="Schweizer Hosting"
subtitle="Ihre Daten bleiben in der Schweiz. Tägliche Backups, sichere Infrastruktur — ohne dass Sie sich darum kümmern müssen."
style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.08),hsla(0,0%,100%,0));"
>}}
{{< hextra/feature-card
title="Voller Funktionsumfang"
subtitle="Zeiterfassung, Rechnungen mit QR-Einzahlungsschein, Offerten, Projekte nach SIA 102, Mitarbeiter — alles in einer App."
style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.12),hsla(0,0%,100%,0));"
>}}
{{< hextra/feature-card
title="Immer aktuell"
subtitle="Updates und Wartung übernehmen wir. Sie arbeiten immer mit der neuesten Version, ganz ohne Aufwand."
style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.10),hsla(0,0%,100%,0));"
>}}
{{< hextra/feature-card
title="Faire Preise"
subtitle="Transparente Abos ab CHF 19/Monat. Monatlich kündbar, keine versteckten Kosten, keine Einrichtungsgebühr."
style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.08),hsla(0,0%,100%,0));"
>}}
{{< hextra/feature-card
title="Kein Lock-in"
subtitle="Rapport ist Open Source (AGPL). Hosting nimmt Ihnen nur die Technik ab — Sie können jederzeit zum Selbstbetrieb wechseln."
style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.12),hsla(0,0%,100%,0));"
>}}
{{< /hextra/feature-grid >}}
<div class="hx:mt-16 hx:mb-8 hx:text-center">
<a href="/register/" class="rapport-btn rapport-btn-primary">Kostenlos registrieren</a>
</div>
+6
View File
@@ -0,0 +1,6 @@
---
title: Konto
layout: hosting
hostingpage: konto
toc: false
---
+6
View File
@@ -0,0 +1,6 @@
---
title: Anmelden
layout: hosting
hostingpage: login
toc: false
---
+6
View File
@@ -0,0 +1,6 @@
---
title: Registrieren
layout: hosting
hostingpage: register
toc: false
---