Vila Etelka: dvojjazyčný web miesta pre svadby, sobáše a oslavy

1. 1Problém #1

   Po prechode domény odpovedali všetky adresy starého webu chybou 404

   V indexe Google boli stále /index.html, /svadby.html, /historia.html, /galeria.php aj celá anglická vetva /en/*.html a odkazovali na ne cudzie weby. Ich rankingový signál ticho unikal.

   Naše riešenie

   Inventár adries sme nezbierali od oka, ale vytiahli z Wayback CDX indexu domény a doplnili navigáciou starého webu. Nasadili sme 19 trvalých presmerovaní vrátane netriviálnych mapovaní: /karta.html s vínnou kartou vedie na /gastronomia a /en/list.html na /en/gastronomia.

   Technológie a implementácia

   Wayback CDX inventár + trvalé presmerovania v next.config

2. 2Problém #2

   Dvojjazyčnosť musela byť správna nielen pre návštevníka, ale aj pre vyhľadávače

   Vila prijíma zahraničných hostí, takže angličtina nemôže byť odvarom slovenčiny. Vyhľadávač zároveň musí vedieť, ktorá verzia stránky je slovenská a ktorá anglická — inak si obe verzie navzájom konkurujú a anglicky hľadajúcemu sa ponúkne slovenská stránka.

   Naše riešenie

   Každý jazyk má vlastnú lokalizovanú trasu — slovenčina ako kanonická bez prefixu, angličtina pod /en. Každá stránka deklaruje svoj jazyk podľa aktívnej locale, nesie canonical a vzájomný hreflang SK / EN / x-default a je zapísaná v sitemape. Anglické texty sú plnohodnotný preklad písaný človekom, nie strojová verzia slovenčiny.

   Technológie a implementácia

   next-intl, lokalizované trasy, hreflang a canonical

3. 3Problém #3

   Miesto nie je hotel a nesmelo pôsobiť dvojznačne

   Vila sa prenajíma celá a vlastné izby nemá — hostia bývajú v susednom hoteli päťdesiat metrov od brány. Vlastnú kuchyňu tiež nemá a pracuje s cateringom, a kary sa vo vile nekonajú. Starý web tieto hranice stieral: miešal dojem hotela s miestom pre podujatia, čo priťahovalo dopyty, ktoré vila nevie obslúžiť.

   Naše riešenie

   Štruktúru webu sme postavili na tom, čo vila skutočne ponúka: Obrad a sobáše — Svadby — Oslavy — Gastronómia, s formuláciami, ktoré nesľubujú nič navyše a rovno pomenúvajú ubytovanie u susedov aj cateringový model. V štruktúrovaných dátach sme zámerne použili EventVenue a LocalBusiness namiesto Hotel či LodgingBusiness, aby vyhľadávač vilu nezaraďoval medzi ubytovanie.

   Technológie a implementácia

   Informačná architektúra + JSON-LD EventVenue a LocalBusiness

4. 4Problém #4

   Obsah sa menil päťkrát, ale vydávať kvôli textu novú verziu kódu nedávalo zmysel

   Každá vlna pripomienok siahala na desiatky miest naraz — a to v oboch jazykoch. Keby texty žili v komponentoch, znamenala by každá zmena vety úpravu kódu, build a nasadenie, plus riziko, že sa popri jednom odseku prepíše susedný blok.

   Naše riešenie

   Obsah sme z kódu vyňali do Sanity — osemnásť singleton dokumentov, jeden na stránku a jazyk, plus nastavenia webu. Každá vlna úprav preto prebehla ako patch obsahu po jednotlivých poliach: bez prestavby webu, bez nasadenia a bez rizika, že sa dotkne susedných blokov. Presne takto vošli do webu štyri svadobné priestory s kapacitami 66 / 66 / 34 / 48. Web je tým zároveň pripravený na samostatnú správu bez vývojára, keď to bude potrebné.

   Technológie a implementácia

   Sanity singleton schéma + patche po jednotlivých poliach

5. 5Problém #5

   Úpravy v niekoľkých vlnách menili aj základné fakty o mieste

   Na jednom z hovorov zaznelo, že vila nie je „historické letovisko“, iba sa v ňom nachádza, a že partnerstvo so susedným hotelom skončilo — meno, e-mail aj telefón hotela museli zmiznúť zo všetkých stránok. Nasledujúci deň sa kapacita priestoru „al fresco“ opravila zo 66 na 48. Na ďalšom hovore padla prvá fotografia hera, pretože okná na nej už nezodpovedajú objektu a mýlia hostí; zrušil sa slogan „V tichu“, v hudbe ubudol spev a harfa a pribudli husle a saxofón, a do kontaktu mal pribudnúť riadok s IČO a DIČ.

   Naše riešenie

   Prepísali sme formulácie na celom webe, vyčistili názov, e-mail aj telefón hotela z každej stránky a pretriedili svadby na štyri priestory s kapacitami 66 / 66 / 34 / 48, neskôr s kapacitou 48 pri „al fresco“. Vínna karta zmizla a jej miesto zaujala nová stránka Sobáš, popup „Svadba All Inclusive“ sme z domovskej stránky odstránili, gastronómiu prepísali na cateringový model a na priamy pokyn vyradili formuláciu „dôstojné spomienky“. Prvú fotografiu hera nahradila reálna snímka vily, v hudobnej produkcii ubudol spev a harfa a pribudli husle a saxofón a do kontaktu pribudol riadok so spoločnosťou Vila Etelka s. r. o. vrátane IČO a DIČ.

   Technológie a implementácia

   Obsahová revízia + patch skripty do živého Sanity

Podobné problémy vo vašom biznise? Pomôžeme vám ich vyriešiť moderným tech stackom.

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

1. 01

   Hero a tri čísla

   Nad fotografiou záhrady stojí nadtitulok „V historickom letovisku · Modra — Harmónia“, pod ním butiková pečiatka a hneď za herom tri fakty, ktoré páry riešia ako prvé: ~30 minút z Bratislavy, 50 m k ubytovaniu hostí, 66 hostí v záhradnom stane.

2. 02

   Trojica ponuky: Sobáše · Svadby · Oslavy

   Namiesto zoznamu služieb tri rovnocenné karty, ktoré delia dopyt hneď na domovskej stránke. Karta sobáša uvádza, čo vila skutočne dodáva: sobášny stôl, stoličky, ozvučenie a koordináciu.

3. 03

   Štyri svadobné priestory s kapacitami

   Pod holým nebom „al fresco“ pre 48 hostí, záhradný stan pre 66, romantické podlubie pre 34 a Oblúková sála pre 48. Poradie aj čísla určil klient; texty pri prvých dvoch priestoroch sú doslovne jeho.

4. 04

   Gastronómia bez vlastnej kuchyne

   Stránka otvorene hovorí, že vila nemá vlastnú kuchyňu a spolupracuje s profesionálnou cateringovou spoločnosťou. Zvlášť je vysvetlené, že hostia si často privezú vlastné zákusky — vila poskytne chladiarenské kapacity a obsluhu.

5. 05

   Fotogaléria v prirodzených proporciách

   79 snímok v murive z CSS stĺpcov, kde pomer strán každej bunky vychádza z reálnych rozmerov obrázka v Sanity — portréty zostávajú na výšku. Lightbox má fokus trap, zavretie klávesom Esc a listovanie šípkami.

6. 06

   Kontakt a dopyt

   Adresa Harmónia 3003, Modra, telefón +421 948 008 308, e-mail info@vilaetelka.sk, mapa a formulár „Napíšte nám“ s termínom a typom podujatia. Samostatný riadok uvádza spoločnosť Vila Etelka s. r. o. vrátane IČO a DIČ.

• Frontend a dizajnový systém

  App Router, serverové komponenty a vlastný editorial dizajnový systém v globals.css namiesto utility mixu. Tri garnitúry s jasne rozdelenými rolami a jemné reveal animácie na scrolle.

  • Ručne písaný globals.css
  • Marcellus · Newsreader italic · Hanken Grotesk
  • Rešpektovaný prefers-reduced-motion
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • framer-motion 12

• Obsah a jazyky

  Sanity ako jediný zdroj obsahu: osemnásť singleton dokumentov, jeden na stránku a jazyk, plus nastavenia webu. Komponenty čítajú CMS s literálnym fallbackom, takže web nikdy nezostane prázdny. Slovenčina je kanonická, angličtina je plnohodnotný preklad, nie strojová verzia.

  • 18 singleton dokumentov
  • Každý text a každá fotografia ako pole
  • SK ako predvolený jazyk, EN s prefixom
  • Sanity 6
  • next-sanity 13
  • next-intl 4
  • @sanity/image-url

• Dopyt a nasadenie

  Formulár na kontaktnej stránke posiela brandovaný e-mail cez Resend, s odosielateľom v poli replyTo — odpoveď z pošty ide priamo páru. Validácia beží na klientovi aj na serveri. Nasadenie je automatické: preview na vetvách, produkcia z main.

  • Serverová validácia a escapovanie vstupov
  • replyTo na návštevníka
  • Preview a produkčné deploye
  • Resend 6
  • Vercel
  • GitLab CI/CD

• SEO, AI a súlad

  Štruktúrované dáta typu EventVenue a LocalBusiness — zámerne nie Hotel ani LodgingBusiness, pretože vila ubytovanie neposkytuje. Canonical a vzájomný hreflang na každej stránke, sitemap so šestnástimi URL, llms.txt pre AI odpovede a GDPR lišta so súhlasom.

  • JSON-LD EventVenue + LocalBusiness
  • Hreflang SK / EN / x-default
  • Cookie lišta s tromi kategóriami
  • JSON-LD
  • hreflang
  • robots.txt & sitemap.xml
  • llms.txt
  • Cookie consent

Moderný tech stack = rýchly web + jednoduchá údržba + dlhodobá podpora

1. Deň 1 — 21. jún

   Kompletný prvý release

   1 deň

   Za jeden deň vznikol dizajnový systém v globals.css, schéma Sanity a všetkých osem stránok v slovenčine aj angličtine. Ešte v ten deň prebehla dizajnová kontrola všetkých stránok na 1440 a 390 px; jej výsledkom bola napríklad oprava mriežky služieb na domovskej stránke, kde tri položky sedeli v štvorstĺpcovej mriežke a nechávali prázdnu bunku.

2. Deň 2–11

   Nasadenie, CMS a jazyková korektúra

   10 dní

   Nasadili sme web na Vercel, sprístupnili klientovi štúdio a doladili UI. 1. júla prešiel celý web slovenskou korektúrou — gramatika, bohemizmy, nesprávne kolokácie, skloňovanie názvov a typografia úvodzoviek; rovnaké opravy sme premietli aj do živého obsahu v CMS.

3. 15.–16. júl

   Prvá veľká vlna klientskych úprav

   2 dni

   Z hovoru vzišli dve riadiace zmeny: vila nie je „historické letovisko“, iba sa v ňom nachádza, a partnerstvo so susedným hotelom skončilo, takže jeho meno, e-mail aj telefón museli zmiznúť. Svadby sme pretriedili na štyri priestory s kapacitami 66 / 66 / 34 / 48 a z oslav vypadla formulácia „dôstojné spomienky“. Nasledujúci deň sme opravili kapacitu „al fresco“ zo 66 na 48.

4. 31. júl

   Druhý hovor a odovzdanie

   1 deň

   Klient nechal odstrániť prvú veľkú fotografiu hera, pretože okná na nej už nezodpovedajú objektu a mýlia hostí, a zrušil slogan „V tichu“, keďže sa miesto neprezentuje ako tiché. Umelecká produkcia prišla o spev a harfu a získala husle a saxofón. Do kontaktu pribudol riadok so spoločnosťou Vila Etelka s. r. o. vrátane IČO a DIČ, formulár dostal jednoduchý nadpis „Napíšte nám“ a placeholder termínu bez roka. Tým bol projekt odovzdaný — po 13 dňoch práce.

5. Po odovzdaní

   Doména, formulár, SEO migrácia a cookies

   5 dní

   Preklopili sme doménu na Vercel bez zásahu do poštových záznamov klienta — MX, SPF aj poddomény zostali nedotknuté a po zmene sme ich overili. Sprevádzkovali sme odosielanie dopytov cez Resend a otestovali ho štyrikrát vrátane živej domény. Nakoniec prišla SEO migrácia s 19 presmerovaniami, robots, sitemap, štruktúrované dáta a llms.txt, GDPR cookie lišta a oprava hera na mobile, kde nadtitulok naliezal na logo.