Vila Etelka: dvojjazyčný web místa pro svatby, obřady a oslavy

1. 1Problém #1

   Po přechodu domény odpovídaly všechny adresy starého webu chybou 404

   V indexu Google byly stále /index.html, /svadby.html, /historia.html, /galeria.php i celá anglická větev /en/*.html a odkazovaly na ně cizí weby. Jejich síla ve vyhledávání tiše unikala.

   Naše řešení

   Inventář adres jsme nesbírali od oka, ale vytáhli z Wayback CDX indexu domény a doplnili navigací starého webu. Nasadili jsme 19 trvalých přesměrování včetně netriviálních mapování: /karta.html s vinnou kartou vede na /gastronomia a /en/list.html na /en/gastronomia.

   Technologie a implementace

   Wayback CDX inventář + trvalá přesměrování v next.config

2. 2Problém #2

   Dvojjazyčnost musela být správná nejen pro návštěvníka, ale i pro vyhledávače

   Vila přijímá zahraniční hosty, takže angličtina nemůže být odvarem slovenštiny. Vyhledávač zároveň musí vědět, která verze stránky je slovenská a která anglická — jinak si obě verze navzájem konkurují a anglicky hledajícímu se nabídne slovenská stránka.

   Naše řešení

   Každý jazyk má vlastní lokalizovanou trasu — slovenština jako kanonická bez prefixu, angličtina pod /en. Každá stránka deklaruje svůj jazyk podle aktivního jazyka, nese canonical a vzájemný hreflang SK / EN / x-default a je zapsaná v sitemapě. Anglické texty jsou plnohodnotný překlad psaný člověkem, ne strojová verze slovenštiny.

   Technologie a implementace

   next-intl, lokalizované trasy, hreflang a canonical

3. 3Problém #3

   Místo není hotel a nesmělo působit dvojznačně

   Vila se pronajímá celá a vlastní pokoje nemá — hosté bydlí v sousedním hotelu padesát metrů od brány. Vlastní kuchyni také nemá a pracuje s cateringem, a kary se ve vile nekonají. Starý web tyto hranice stíral: míchal dojem hotelu s místem pro akce, což přitahovalo poptávky, které vila neumí obsloužit.

   Naše řešení

   Strukturu webu jsme postavili na tom, co vila skutečně nabízí: „Obrad a sobáše“ — „Svadby“ — „Oslavy“ — „Gastronómia“, s formulacemi, které neslibují nic navíc a rovnou pojmenovávají ubytování u sousedů i cateringový model. Ve strukturovaných datech jsme záměrně použili EventVenue a LocalBusiness namísto Hotel či LodgingBusiness, aby vyhledávač vilu nezařazoval mezi ubytování.

   Technologie a implementace

   Informační architektura + JSON-LD EventVenue a LocalBusiness

4. 4Problém #4

   Obsah se měnil pětkrát, ale vydávat kvůli textu novou verzi kódu nedávalo smysl

   Každá vlna připomínek sahala na desítky míst naráz — a to v obou jazycích. Kdyby texty žily v komponentách, znamenala by každá změna věty úpravu kódu, nové sestavení a nasazení, plus riziko, že se vedle jednoho odstavce přepíše sousední blok.

   Naše řešení

   Obsah jsme z kódu vyňali do Sanity — osmnáct singleton dokumentů, jeden na stránku a jazyk, plus nastavení webu. Každá vlna úprav proto proběhla jako úprava obsahu po jednotlivých polích: bez přestavby webu, bez nasazení a bez rizika, že se dotkne sousedních bloků. Přesně takto vešly do webu čtyři svatební prostory s kapacitami 66 / 66 / 34 / 48. Web je tím zároveň připravený na samostatnou správu bez vývojáře, až to bude potřeba.

   Technologie a implementace

   Sanity singleton schéma + patche po jednotlivých polích

5. 5Problém #5

   Úpravy v několika vlnách měnily i základní fakty o místě

   Na jednom z hovorů zaznělo, že vila není „historické letovisko“, pouze se v něm nachází, a že partnerství se sousedním hotelem skončilo — jméno, e-mail i telefon hotelu musely zmizet ze všech stránek. Následující den se kapacita prostoru „al fresco“ opravila z 66 na 48. Na dalším hovoru padla první fotografie úvodního bloku, protože okna na ní už neodpovídají objektu a matou hosty; zrušil se slogan „V tichu“, v hudbě ubyl zpěv a harfa a přibyly housle a saxofon, a do kontaktu měl přibýt řádek s IČO a DIČ.

   Naše řešení

   Přepsali jsme formulace na celém webu, vyčistili název, e-mail i telefon hotelu z každé stránky a přetřídili svatby na čtyři prostory s kapacitami 66 / 66 / 34 / 48, později s kapacitou 48 u „al fresco“. Vinná karta zmizela a její místo zaujala nová stránka „Sobáš“, vyskakovací okno „Svadba All Inclusive“ jsme z domovské stránky odstranili, gastronomii přepsali na cateringový model a na přímý pokyn vyřadili formulaci „dôstojné spomienky“. První fotografii úvodního bloku nahradil reálný snímek vily, v hudební produkci ubyl zpěv a harfa a přibyly housle a saxofon, a do kontaktu přibyl řádek se společností Vila Etelka s. r. o. včetně IČO a DIČ.

   Technologie a implementace

   Obsahová revize + patch skripty do živého Sanity

Podobné problémy ve vašem byznysu? Pomůžeme vám je vyřešit moderními technologiemi.

• Domov
• O nás
• Svadby
• Sobáše
• Oslavy
• Gastronómia
• Fotogaléria
• Kontakt
• Zásady cookies

1. 01

   Úvodní blok a tři čísla

   Nad fotografií zahrady stojí nadtitulek „V historickom letovisku · Modra — Harmónia“, pod ním butiková pečeť a hned za úvodním blokem tři fakta, která páry řeší jako první: ~30 minut z Bratislavy, 50 m k ubytování hostů, 66 hostů v zahradním stanu.

2. 02

   Trojice nabídky: Sobáše · Svadby · Oslavy

   Namísto seznamu služeb tři rovnocenné karty, které dělí poptávku hned na domovské stránce. Karta obřadu uvádí, co vila skutečně dodává: obřadní stůl, židle, ozvučení a koordinaci.

3. 03

   Čtyři svatební prostory s kapacitami

   Pod širým nebem „al fresco“ pro 48 hostů, zahradní stan pro 66, romantické „podlubie“ pro 34 a „Oblúková sála“ pro 48. Pořadí i čísla určil klient; texty u prvních dvou prostorů jsou doslova jeho.

4. 04

   Gastronomie bez vlastní kuchyně

   Stránka otevřeně říká, že vila nemá vlastní kuchyni a spolupracuje s profesionální cateringovou společností. Zvlášť je vysvětleno, že hosté si často přivezou vlastní zákusky — vila poskytne chladicí kapacity a obsluhu.

5. 05

   Fotogalerie v přirozených proporcích

   79 snímků v mozaice z CSS sloupců, kde poměr stran každé buňky vychází z reálných rozměrů obrázku v Sanity — portréty zůstávají na výšku. Lightbox má focus trap, zavření klávesou Esc a listování šipkami.

6. 06

   Kontakt a poptávka

   Adresa Harmónia 3003, Modra, telefon +421 948 008 308, e-mail info@vilaetelka.sk, mapa a formulář „Napíšte nám“ s termínem a typem akce. Samostatný řádek uvádí společnost Vila Etelka s. r. o. včetně IČO a DIČ.

• Frontend a designový systém

  App Router, serverové komponenty a vlastní magazínový designový systém v globals.css namísto mixu utilit. Tři písmové rodiny s jasně rozdělenými rolemi a jemné animace odkrývání při scrollu.

  • Ručně psaný globals.css
  • Marcellus · Newsreader italic · Hanken Grotesk
  • Respektuje prefers-reduced-motion
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • framer-motion 12

• Obsah a jazyky

  Sanity jako jediný zdroj obsahu: osmnáct singleton dokumentů, jeden na stránku a jazyk, plus nastavení webu. Komponenty čtou CMS se záložním textem v kódu, takže web nikdy nezůstane prázdný. Slovenština je kanonická, angličtina je plnohodnotný překlad, ne strojová verze.

  • 18 singleton dokumentů
  • Každý text a každá fotografie jako pole
  • SK jako výchozí jazyk, EN s prefixem
  • Sanity 6
  • next-sanity 13
  • next-intl 4
  • @sanity/image-url

• Poptávka a nasazení

  Formulář na kontaktní stránce posílá e-mail v grafice značky přes Resend, s odesílatelem v poli replyTo — odpověď z pošty jde přímo páru. Validace běží na klientovi i na serveru. Nasazení je automatické: náhledy z větví, produkce z main.

  • Serverová validace a escapování vstupů
  • replyTo na návštěvníka
  • Náhledová a produkční nasazení
  • Resend 6
  • Vercel
  • GitLab CI/CD

• SEO, AI a soulad

  Strukturovaná data typu EventVenue a LocalBusiness — záměrně ne Hotel ani LodgingBusiness, protože vila ubytování neposkytuje. Canonical a vzájemný hreflang na každé stránce, sitemapa se šestnácti URL, llms.txt pro AI odpovědi a GDPR lišta se souhlasem.

  • JSON-LD EventVenue + LocalBusiness
  • Hreflang SK / EN / x-default
  • Cookie lišta se třemi kategoriemi
  • JSON-LD
  • hreflang
  • robots.txt & sitemap.xml
  • llms.txt
  • Cookie consent

Moderní technologie = rychlý web + jednoduchá údržba + dlouhodobá podpora

1. Den 1 — 21. června

   Kompletní první verze

   1 den

   Za jeden den vznikl designový systém v globals.css, schéma Sanity a všech osm stránek ve slovenštině i angličtině. Ještě týž den proběhla designová kontrola všech stránek na 1440 a 390 px; jejím výsledkem byla například oprava mřížky služeb na domovské stránce, kde tři položky seděly ve čtyřsloupcové mřížce a nechávaly prázdnou buňku.

2. Den 2–11

   Nasazení, CMS a jazyková korektura

   10 dní

   Nasadili jsme web na Vercel, zpřístupnili klientovi studio a doladili rozhraní. 1. července prošel celý web slovenskou korekturou — gramatika, bohemismy, nesprávné kolokace, skloňování názvů a typografie uvozovek; stejné opravy jsme promítli i do živého obsahu v CMS.

3. 15.–16. července

   První velká vlna klientských úprav

   2 dny

   Z hovoru vzešly dvě zásadní změny: vila není „historické letovisko“, pouze se v něm nachází, a partnerství se sousedním hotelem skončilo, takže jeho jméno, e-mail i telefon musely zmizet. Svatby jsme přetřídili na čtyři prostory s kapacitami 66 / 66 / 34 / 48 a z oslav vypadla formulace „dôstojné spomienky“. Následující den jsme opravili kapacitu „al fresco“ z 66 na 48.

4. 31. července

   Druhý hovor a předání

   1 den

   Klient nechal odstranit první velkou fotografii úvodního bloku, protože okna na ní už neodpovídají objektu a matou hosty, a zrušil slogan „V tichu“, jelikož se místo neprezentuje jako tiché. Umělecká produkce přišla o zpěv a harfu a získala housle a saxofon. Do kontaktu přibyl řádek se společností Vila Etelka s. r. o. včetně IČO a DIČ, formulář dostal jednoduchý nadpis „Napíšte nám“ a zástupný text termínu bez roku. Tím byl projekt předán — po 13 dnech práce.

5. Po předání

   Doména, formulář, SEO migrace a cookies

   5 dní

   Překlopili jsme doménu na Vercel bez zásahu do poštovních záznamů klienta — MX, SPF i subdomény zůstaly nedotčené a po změně jsme je ověřili. Zprovoznili jsme odesílání poptávek přes Resend a otestovali ho čtyřikrát včetně živé domény. Nakonec přišla SEO migrace s 19 přesměrováními, robots.txt, sitemapa, strukturovaná data a llms.txt, GDPR cookie lišta a oprava úvodního bloku na mobilu, kde nadtitulek najížděl na logo.