📐 Plan dizajna

Šta će biti sajt

Hero će biti cinematic full-bleed video loop (15-20s, mute autoplay) — sporo letenje dronom iznad otvorenog bazena u zlatni sat sa pogledom na Ozren u pozadini, sa toplim sunčevim flare-om. Preko slike, levo-centrirano, krupan modern serif naslov 'Vaš wellness odmor u srcu Sokobanje' (light weight, generous letter-spacing) i sans-serif podnaslov ispod. Booking widget je sticky horizontalni bar pri dnu hero-a, sa diskretnim cream/glassmorphism efektom — datumi, gosti, promo kod, jedan veliki CTA 'Rezerviši' u sunčano zlatnoj boji. Bez slider-a, bez dot navigacije — jedan moćan hero, jedna poruka.

Kako se posetilac kreće: posle hero-a, prva sekcija nije generično 'O nama' već 'Specijalne ponude' kao editorial offer-card grid (3-up desktop, horizontal scroll mobile) sa krupnim cenama 'od', badge-ovima trajanja paketa i jasnim CTA — jer ponude prodaju. Zatim wellness sekcija kao split editorial: levo numerisana lista (01 Dva zatvorena bazena, 02 Otvoreni bazen, 03 Saune i parna kupatila, 04 Slana soba, 05 Masaže) sa tankim ikonama, desno krupna fotografija bazena bez ikakvog overlay-a. Smeštaj kao 3-card preview sa hover-zoom efektom i diskretnim 'pogledaj sobu' link-om. Restoran kao parallax photo block sa pogledom na Moravicu. 'Za porodice' kao topla split sekcija sa fotografijom dece u bazenu. 'Sokobanja kao destinacija' kao numbered horizontal scroll kartica (Ozren, Rtanj, Moravica, Lepterija). Reviews kao mirna sekcija na cream background-u sa krupnim oversized navodnicima. Finalni CTA — full-bleed foto sumrak hotela sa centriranim 'Spremni za odmor?' i ponovljenim booking widget-om.

Stari brand preživljava ovako: topla beige paleta (current_palette #D4C5A9) ostaje kao bg-cream, ali smo dodali sunčano zlatnu kao primary (referenca na samo ime hotela — Sunce) i tamno zelenu kao accent (Ozren, šume, priroda). Brown overlay-i — uklonjeni potpuno; fotografije idu u naturalnoj koloritetu. Serif tipografija ostaje ali samo za naslove (modern display serif, ne klasičan), body je clean modern sans. Booking-first pristup starog sajta — zadržan i pojačan (sticky mobile CTA, booking widget u hero i u finalnom CTA). Lokalni autenticitet (Moravica, Ozren, Rtanj, Nušić-Andrić referenca iz 'O nama') — pojačan kroz destinaciju sekciju i mikro-copy.

Theme
luxury
Ton glasa
topao, premium-wellness, sunčan i prodajni — sa lokalnim autenticitetom
🏗️ Homepage struktura

Per-sekcija breakdown (11)

  1. 01
    Hero sa video pozadinom full-bleed-cinematic-video
    Drone video otvorenog bazena u zlatni sat sa Ozrenom u pozadini (mute autoplay loop 15-20s). Levo-centrirani modern serif naslov 'Vaš wellness odmor u srcu Sokobanje', sans-serif podnaslov, dva CTA: 'Rezerviši odmah' (zlatni fill) i 'Pogledaj ponude' (outline).
    ↳ Zamena starog statičnog slider-a sa brown overlay-em (weakness iz audita). Video komunicira premium odmah i koristi jednu od najvećih prednosti hotela — wellness/bazen — kao prvi vizuelni utisak.
  2. 02
    Sticky Booking Widget glassmorphism-sticky-bar
    Horizontalni bar na dnu hero-a (sticky na scroll na desktopu, fixed bottom CTA dugme na mobile). Polja: dolazak, odlazak, odrasli, deca, promo kod, dugme 'Rezerviši' u sunčano zlatnoj.
    ↳ Stari sajt ima booking widget na vidnom mestu — to je strength koji zadržavamo. Pojačavamo ga sticky pozicijom i posebnim mobile sticky CTA dugmetom (klijent eksplicitno traži).
  3. 03
    Specijalne ponude editorial-offer-card-grid
    3-up grid (Proleće u Suncu 2+, Leto u Suncu 2+, Produži i uštedi) sa krupnom cenom 'od XX.XXX RSD', badge-om za trajanje paketa, listom 3 pogodnosti, dugmetom 'Rezerviši'. Mobile: horizontal snap-scroll.
    ↳ Klijent eksplicitno traži da ponude budu u prvom planu jer prodaju. PHOBS ima 8 rate plana — ovo je glavni konverzijski hook. Redizajn old card-a koje su izgledale kao template placeholder (weakness).
  4. 04
    Wellness & SPA split-numbered-list-image
    Levo numerisana lista 01-06 sadržaja Spa centra (1300m², dva zatvorena bazena, otvoreni bazen, saune, parno kupatilo, slana soba, hidromasaža) sa tankim outline ikonama. Desno full-height fotografija bazena bez overlay-a. CTA 'Pogledaj SPA sadržaje'.
    ↳ Klijent kaže 'Wellness & SPA mora da izgleda kao glavni razlog dolaska'. Numbered patterns je tipičan premium boutique resort pattern koji daje editorial feel umesto template-a.
  5. 05
    Smeštaj — preview 3 tipa editorial-card-grid-hover-zoom
    3 odabrane sobe (Superior Spa Soba, Porodična Soba, Suite) sa fotografijom, kapacitetom, 3 ključna benefita i 'Pogledaj sobu'. Hover zoom na slici. CTA 'Svi tipovi soba (14)' vodi na /smestaj.
    ↳ PHOBS ima 14 tipova — previše za homepage; biramo 3 najprodajnija segmenta (parovi, porodice, premium). Hover zoom je iz reference what_to_steal patterna.
  6. 06
    Restoran sa pogledom na Moravicu parallax-photo-block
    Full-bleed parallax sekcija sa fotografijom pansionskog restorana / Tilia by Sunce. Overlay copy: 'Doručak uz Moravicu, večera uz lobby bar.' Dva mini link-a: 'Pansionski restoran' i 'À la carte Tilia'.
    ↳ Stari sajt ima moćan content o restoranu ('gastronomska oaza', 'pogled na park i Moravicu') ali ga prezentuje generično. Parallax oživljava sekciju i daje cinematic feel.
  7. 07
    Za porodice warm-split-image-text
    Topla split sekcija: levo fotografija dece u bazenu/igraonici, desno copy o porodičnim sobama, animaciji, bezbednosti. CTA 'Porodični paketi'.
    ↳ Klijent eksplicitno traži sekciju za porodice. Hotel ima porodične sobe i animaciju za decu (scraped /rs/naslovna/animacija.html) — jasan segment koji nije iskorišćen na starom sajtu.
  8. 08
    Sokobanja — na korak od prirode horizontal-scroll-numbered-cards
    Naslov 'Na korak od prirode'. Horizontalni scroll od 5 numerisanih kartica: 01 Ozren, 02 Rtanj, 03 Reka Moravica, 04 Lepterija, 05 Tursko kupatilo. Svaka sa fotografijom, kratkim 2-rečenicama.
    ↳ Stari sajt ima bogat destinacija content (/rs/naslovna/sokobanja.html). Numbered horizontal scroll je premium pattern iz luxury resort referenci.
  9. 09
    Zašto se gosti vraćaju u Sunce? calm-quote-grid-cream-bg
    Cream bg, 3 review kartice sa krupnim oversized navodnicima u zlatnoj boji, ime gosta, source badge (Google/Booking). Placeholder za sada.
    ↳ Klijent traži social proof sekciju. Cream bg daje break u ritmu posle gustih sekcija.
  10. 10
    Spremni za odmor? full-bleed-cta-with-booking
    Full-bleed fotografija hotela u sumrak sa toplim svetlima. Centrirano: 'Spremni za odmor?' krupan serif, ispod ponovni booking widget, dugme 'Rezerviši direktno'.
    ↳ Klijent traži finalni CTA sa booking widget-om. Drugi touchpoint za konverziju pred footer.
  11. 11
    Footer editorial-multi-column
    4 kolone: kontakt (adresa Rudnička, tel, mail), brzi linkovi, jezici (RS/EN), social. Tamno zelena bg, cream tekst.
    ↳ Standardno ali u skladu sa brand paletom.
🎨 Key visual patterns

Patterni koji se koriste kroz sajt

Oversized modern display serif za naslove (Canela, Tobias ili sl.) + clean geometric sans za bodyNumerisani section headers (01, 02, 03) na wellness i destinacija sekcijama — editorial premium feelFotografije bez overlay-a, u naturalnoj koloritetu — direktna zamena starih brown-overlay slikaHover-zoom efekt na svim card-ima (sobe, ponude, destinacija)Sticky booking bar na desktopu + fixed bottom 'Rezerviši' CTA na mobileParallax photo blokovi između content sekcija za ritam i cinematic feelSubtle fade-in i slide-up scroll animacije (Framer Motion) — zamena potpuno statičnog starog sajta
✍️ Hero copy

Generisani naslov

SR · EKAVICA
Vaš wellness odmor u srcu Sokobanje
Hotel Sunce spaja udobnost, prirodu i toplinu domaćeg gostoprimstva — na korak od Ozrena, Rtnja i reke Moravice.
EN
Your wellness escape in the heart of Sokobanja
Hotel Sunce blends comfort, nature and warm Serbian hospitality — moments away from Ozren, Rtanj and the Moravica river.
🎨 Brand boje

AI predlog palete

PRIMARY
#C9A24B
ACCENT
#2F4A3A
INK
#1F1A12
BG
#FAF6EE
↳ Sunčano zlatna (#C9A24B) kao primary direktno reflektuje ime hotela 'Sunce' i klijentov brief — topla, premium, prodajna. Tamno zelena (#2F4A3A) za accent — Ozren, Rtanj, šume oko hotela, kontrast zlatnoj. Cream bg (#FAF6EE) modernizuje stari beige (#D4C5A9) zadržavajući warmth signal iz brand audit-a. Ink (#1F1A12) za visoku čitljivost — bolje nego stari brown koji je davao vintage feel.
📋 Layout prioriteti

Redosled sekcija na homepage-u

1Hero sa video 2Sticky Booking 3Specijalne ponude 4Wellness & SPA 5Smeštaj 6Restoran 7Za porodice 8Sokobanja destinacija 9Reviews 10Finalni CTA
📄 Pages to generate (12)

Stranice koje će template imati

  • Početna /index homepage
    ↳ uvek
  • Smeštaj /smestaj rooms-listing
    ↳ PHOBS ima 14 tipova soba — fundamentalna stranica
  • Specijalne ponude /ponude packages
    ↳ PHOBS ima 8 rate plana + klijent traži da ponude budu u prvom planu
  • Wellness & SPA /wellness-spa venue
    ↳ 1300m² Spa centar je glavni razlog dolaska — postoji /wellness-spa stranica i klijent eksplicitno traži
  • Masaže i tretmani /masaze-i-tretmani service-pricelist
    ↳ Postojeći sajt ima cenovnik masaža + klijent traži posebnu stranicu
  • Restoran /restoran venue
    ↳ Dva restorana (pansionski + Tilia) i lobby bar — scraped content postoji
  • Za porodice /za-porodice segment-landing
    ↳ Klijent eksplicitno traži; hotel ima porodične sobe i animaciju za decu
  • Sokobanja /sokobanja destination
    ↳ Postoji /rs/naslovna/sokobanja.html sa bogatim content-om (Ozren, Rtanj, Lepterija, Tursko kupatilo)
  • Galerija /galerija gallery
    ↳ Klijent traži; hotel ima jake fotografije kao asset
  • O nama /o-nama about
    ↳ Postojeća priča (1977, renoviranje, Nušić, Andrić) je vredan brand asset
  • Kontakt /kontakt contact
    ↳ uvek
  • Vodiči i saveti /blog blog-listing
    ↳ Klijent traži blog za SEO ('Šta raditi u Sokobanji', 'Wellness vikend')
🏛️ Venues detected (6)

Restorani / spa / drugi prostori

  • Pansionski restoran /restoran-pansionski restaurant
    ↳ scraped /restorani — 'Pansionski restoran je prava gastronomska oaza'
  • À la carte restoran Tilia by Sunce /tilia-by-sunce restaurant
    ↳ scraped /restorani heading 'À La Carte restoran Tilia'
  • Lobby bar /lobby-bar bar
    ↳ scraped /restorani heading 'Lobby bar'
  • Wellness & SPA centar /wellness-spa-centar spa
    ↳ 1300m² Spa centar — PHOBS opis + scraped /wellness-spa
  • Otvoreni bazen /otvoreni-bazen pool
    ↳ scraped /wellness-spa heading 'Otvoreni bazen' + pool bar
  • Banket i biznis centar /banket-biznis events
    ↳ scraped /sala-za-sastanke — dve multifunkcionalne sale
⚙️ AI poziv metadata
Model:
claude-opus-4-7
Trajanje:
137.6s
Input:
21,531 tokens
Output:
6,206 tokens