Hotel Bergfrieden

Site d’hôtel entièrement pré-rendu en Haute-Forêt-Noire

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

À propos du projet

L’Hôtel Bergfrieden est une maison familiale à Löffingen, en Haute-Forêt-Noire. Le projet suit une consigne plus facile à énoncer qu’à construire : luxueux, mais chaleureux. Cela repose sur une palette Forêt-Noire — vert forêt, crème et bronze —, Cormorant Garamond pour les titres et Inter pour le texte courant : de grandes images, beaucoup de blanc, aucun effet superflu.

Côté contenu, le site couvre ce dont une maison de cette taille a réellement besoin : cinq types de chambres avec bouton de demande, le petit-déjeuner bio et régional avec ses producteurs, une page région avec la Hochschwarzwald Card, une galerie avec lightbox, un blog, un contact avec demande et WhatsApp — en quatre langues. Pour un hôtel qui reçoit ses réservations via les portails et les demandes directes, c’est le bon format : pas de moteur de réservation à entretenir, mais un site qui convainc et déclenche la demande.

Techniquement, c’est volontairement la solution la plus simple qui tienne. Angular 21 avec composants standalone et signals ; au build, toutes les routes sont pré-rendues en HTML et déposées sur GitHub Pages — pas de serveur, pas de coût d’exécution, rien qui puisse tomber la nuit. Balises méta par route, JSON-LD Hotel Schema.org, sitemap.xml, robots.txt et manifeste PWA sont intégrés, le déploiement part automatiquement à chaque push.

Points forts

  • Design chaleureux et luxueux : palette Forêt-Noire, Cormorant Garamond + Inter
  • Génération statique — chaque route en HTML fini, aucun serveur nécessaire
  • Quatre langues (DE, EN, FR, TR) aux URL dédiées
  • Chambres, petit-déjeuner bio régional, région avec Hochschwarzwald Card, galerie, blog
  • Parcours de demande avec raccourci WhatsApp plutôt qu’un moteur de réservation
  • SEO par route : JSON-LD Hotel Schema.org, sitemap.xml, cartes OG/Twitter
  • Manifeste PWA et llms.txt
  • Déploiement automatique via GitHub Actions sur GitHub Pages

Envie de
collaborer ?

Parlez-nous de votre projet — nous vous dirons honnêtement ce qu’il faut et ce que cela coûte.