Website
Hotel Bergfrieden
Statically rendered hotel website in the High Black Forest
About the project
Hotel Bergfrieden is a family-run house in Löffingen in the High Black Forest. The design follows a brief that is easier said than built: luxurious, but warm. That is carried by a Black Forest palette of forest green, cream and bronze, with Cormorant Garamond for headlines and Inter for body text — generous images, plenty of white space, no effects for their own sake.
In terms of content the site covers what a house this size actually needs: five room types with an enquiry button, the organic regional breakfast including its suppliers, a region page with the Hochschwarzwald Card, a gallery with lightbox, a blog, and contact with an enquiry form and WhatsApp — in four languages. For a hotel that gets its bookings through portals and direct enquiries, that is the right cut: no booking engine to maintain, but a site that convinces and triggers the enquiry.
Technically it is deliberately the simplest thing that works. Angular 21 with standalone components and signals; at build time every route is pre-rendered to finished HTML and served from GitHub Pages — no server, no runtime cost, nothing that can fall over at night. Per-route meta tags, Hotel Schema.org JSON-LD, sitemap.xml, robots.txt and a PWA manifest are built in, and deployment runs automatically on every push.
Highlights
- Warm, luxurious design: Black Forest palette, Cormorant Garamond + Inter
- Static site generation — every route as finished HTML, no server needed
- Four languages (DE, EN, FR, TR) on their own URLs
- Rooms, organic regional breakfast, region page with Hochschwarzwald Card, gallery, blog
- Enquiry flow with a WhatsApp shortcut instead of a booking engine
- Per-route SEO with Hotel Schema.org JSON-LD, sitemap.xml, OG/Twitter cards
- PWA manifest and llms.txt
- Automatic deployment via GitHub Actions to GitHub Pages
Interested in
working together?
Tell us about your plan — we’ll tell you honestly what it takes and what it costs.