Hotel Bergfrieden

Yüksek Kara Orman’da statik üretilmiş otel sitesi

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

Proje hakkında

Hotel Bergfrieden, Yüksek Kara Orman’daki Löffingen’de aile işletmesi bir otel. Tasarım, söylemesi yapmasından kolay bir briefi izliyor: lüks ama sıcak. Bunu orman yeşili, krem ve bronzdan oluşan bir Kara Orman paleti taşıyor; başlıklarda Cormorant Garamond, metinde Inter — geniş görseller, bol beyaz alan, gösteri olsun diye efekt yok.

İçerik olarak site, bu büyüklükte bir işletmenin gerçekten ihtiyaç duyduğu şeyi kapsıyor: talep butonuyla beş oda tipi, tedarikçileriyle birlikte organik bölgesel kahvaltı, Hochschwarzwald Card’lı bölge sayfası, lightbox’lı galeri, blog ve WhatsApp’lı iletişim — dört dilde. Rezervasyonlarını portallardan ve doğrudan taleplerden alan bir otel için doğru kesim bu: bakımı gereken bir rezervasyon motoru değil, ikna eden ve talebi başlatan bir site.

Teknik olarak bilinçli biçimde işe yarayan en basit çözüm. Standalone bileşenler ve signals ile Angular 21; derleme sırasında tüm sayfalar hazır HTML’e dönüşüyor ve GitHub Pages üzerinde duruyor — sunucu yok, çalışma maliyeti yok, gece çökebilecek bir şey yok. Sayfa başına meta etiketler, Hotel Schema.org JSON-LD, sitemap.xml, robots.txt ve PWA manifesti yerleşik; dağıtım her push’ta otomatik çalışıyor.

Öne çıkanlar

  • Sıcak-lüks tasarım: Kara Orman paleti, Cormorant Garamond + Inter
  • Statik üretim — her sayfa hazır HTML, sunucuya gerek yok
  • Kendi URL’leriyle dört dil (DE, EN, FR, TR)
  • Odalar, organik bölgesel kahvaltı, Hochschwarzwald Card’lı bölge sayfası, galeri, blog
  • Rezervasyon motoru yerine WhatsApp kısayollu talep akışı
  • Sayfa bazlı SEO: Hotel Schema.org JSON-LD, sitemap.xml, OG/Twitter kartları
  • PWA manifesti ve llms.txt
  • GitHub Actions ile GitHub Pages’e otomatik dağıtım

Birlikte çalışmaya
ne dersiniz?

Planınızı anlatın — neye ihtiyaç olduğunu ve ne tutacağını dürüstçe söyleyelim.