Hotel Bergfrieden

Statisch gerenderte Hotel-Website im Hochschwarzwald

  • Angular 21
  • SSG
  • Tailwind
  • 4 Sprachen
  • SEO
oeztuerkhamza.github.io/bergfrieden-hotel

Über das Projekt

Das Hotel Bergfrieden ist ein familiengeführtes Haus in Löffingen im Hochschwarzwald. Der Entwurf folgt einer Vorgabe, die leichter gesagt als gebaut ist: luxuriös, aber warm. Das trägt eine Black-Forest-Palette aus Waldgrün, Cream und Bronze, dazu Cormorant Garamond für die Überschriften und Inter für den Fließtext — großzügige Bilder, viel Weißraum, kein Effektgewitter.

Inhaltlich deckt die Seite ab, was ein Haus dieser Größe wirklich braucht: fünf Zimmertypen mit Anfrage-Button, das Bio-Regiofrühstück mit Bezugsquellen, eine Region-Seite mit Hochschwarzwald-Card, Galerie mit Lightbox, Blog, Kontakt mit Anfrage und WhatsApp — in vier Sprachen. Für ein Hotel, das seine Buchungen über Portale und Direktanfragen bekommt, ist das der richtige Zuschnitt: keine Buchungsmaschine, die gepflegt werden will, sondern eine Seite, die überzeugt und die Anfrage auslöst.

Technisch ist es bewusst die einfachste tragfähige Lösung. Angular 21 mit Standalone Components und Signals, beim Build werden alle Routen zu fertigem HTML vorgerendert und liegen auf GitHub Pages — kein Server, keine Laufzeitkosten, nichts, was nachts ausfallen könnte. Meta-Tags pro Route, Hotel-Schema.org als JSON-LD, sitemap.xml, robots.txt und ein PWA-Manifest sind eingebaut, das Deployment läuft automatisch bei jedem Push.

Highlights

  • Warm-luxuriöses Design: Black-Forest-Palette, Cormorant Garamond + Inter
  • Static Site Generation — jede Route als fertiges HTML, kein Server nötig
  • Vier Sprachen (DE, EN, FR, TR) mit eigenen URLs
  • Zimmer, Bio-Regiofrühstück, Region mit Hochschwarzwald-Card, Galerie, Blog
  • Anfragestrecke mit WhatsApp-Abkürzung statt Buchungsmaschine
  • Pro-Route-SEO mit Hotel-Schema.org JSON-LD, sitemap.xml, OG/Twitter-Cards
  • PWA-Manifest und llms.txt
  • Automatisches Deployment über GitHub Actions auf GitHub Pages

Interesse an einer
Zusammenarbeit?

Erzählen Sie uns von Ihrem Vorhaben — wir sagen Ihnen ehrlich, was es braucht und was es kostet.