← Svi hoteli
🏔️ Mountain · standalone

Hotel Porto Tara

Draft Žabljak, ME ★ 4
📐 Plan dizajna

Šta će biti sajt

Hero će biti full-bleed cinematic video loop kanjona Tare iz vazduha sa polagani parallax-om — dron sletanje ka Radovan Luci u zlatnom satu, semi-transparent dark gradient overlay, centrirani serif naslov 'Gde Tara seče stenu' u svetlo-krem boji sa malim pre-headerom 'Jedini hotel u Nacionalnom parku Durmitor'. Single CTA 'Rezerviši svoj pogled' u ćilibarno-narandžastoj akcent boji. Ispod, sticky booking widget kao kod Mona Zlatibor — minimalistični horizontalni bar sa date pickerom, brojem noći i gostiju, koji se pri scroll-u smanjuje i lepi za vrh. Posetilac potom prolazi kroz serijski narativ: prvo manifesto blok sa oversized serif drop cap-om 'P', zatim editorial split sekcija 'Smeštaj' sa 4 sobe kao horizontalno-skrol kartice (image-text overlay sa hover zoom-om), pa cinematic parallax photo break sa citatom o Tari, zatim Adventure sekcija (rafting/kayak/paddle) sa numbered headerima 01/02/03 i fotografijama u portretnom formatu, restoran kao split sa terase nad rekom, i konačno lokacija sa interaktivnom mapom Durmitora i contact info-blokovima u tirkizno-tamnozelenoj akcent boji. Brand DNK starog sajta — drvo, kamen, prirodna paleta, smiren luksuz — preživljava kroz primarnu duboku šumsku zelenu (#1f3a2e) inspirisanu kanjonom i smrekom Durmitora, sekundarni ćilibar/zlato (#c89556) iz starog sajta zadržan kao topli akcent, i krem-papir bg umesto sterilnog belog. Tipografija: serif heritage display (Cormorant ili Fraunces) za naslove zadržava luksuzni feel starog brenda, dok inter sans-serif body donosi modernu čitljivost. Motion je svuda ali tih: fade-in-up na scroll, parallax na hero slikama, hover zoom 1.05x na karticama, smooth cubic-bezier easing — bez agresivnih animacija, samo cinematic disanje koje klijent traži.

Theme
mountain
Ton glasa
cinematic, avanturistički ali smiren — glas vodiča koji vas uvodi u netaknutu prirodu sa tihim ponosom
🏗️ Homepage struktura

Per-sekcija breakdown (12)

  1. 01
    Hero — Cinematic Canyon full-bleed-video-parallax
    Full-screen 100vh video loop drona iznad kanjona Tare u zlatnom satu (fallback hero foto). Dark gradient overlay sa dna ka vrhu. Centrirani layout: pre-header 'Jedini hotel u NP Durmitor' u akcent zlatu, glavni serif naslov 'Gde Tara seče stenu' (clamp 56-96px), kratki sub o 1330m kanjonu, single CTA 'Rezerviši svoj pogled'. Subtle scroll indicator dole.
    ↳ Stari sajt ima statičan slider sa ponavljajućim 'Welcome' tekstom — slabost koju zamenjujemo cinematic videom. Klijent eksplicitno traži 'puno efekata'. Mona Zlatibor what_to_steal: full-screen cinematic kadra sa toplim osvetljenjem.
  2. 02
    Sticky Booking Widget sticky-horizontal-bar
    Horizontalni minimalist booking bar sa: check-in / check-out date pickeri, broj noći, broj gostiju, CTA 'Pretraži dostupnost' u ćilibar-akcentu. Lepi se za vrh pri scroll-u, smanjuje se na 60px visine. Suptilni border-bottom u akcentnoj boji.
    ↳ Direktno ukradeno iz Mona Zlatibor what_to_steal — fixed booking widget je high-conversion pattern. Stari sajt ima samo 'BOOK NOW' dugme u nav-u bez integrisanog widget-a.
  3. 03
    Manifesto / O hotelu editorial-split-dropcap
    Asimetričan split: levo velika portretna fotografija fasade hotela sa rekom u prvom planu, desno tekst manifesto sa oversized serif drop cap-om 'P' (Porto), tekst o jedinom hotelu u Durmitoru, UNESCO, Radovan Luki. Mali meta-detalj 'Est. — Radovan Luka' u akcent boji.
    ↳ Stari sajt ima ovaj tekst ali u flat paragrafu bez vizuelne težine. Editorial drop cap pattern dolazi iz key_design_patterns za luxury heritage feel.
  4. 04
    Amenities Strip horizontal-icon-row-marquee
    Tanki horizontalni red sa minimalist line-icons: Privatna plaža · Kajak & Paddle · Rafting · A la carte · Wi-Fi · Parking · Transfer · Rent-a-car. Suptilna marquee animacija ulevo na scroll.
    ↳ Stari sajt navodi ove amenitije ali kao bullet listu. Animirani strip čini ih dinamičnim i moderim — odgovara klijentovom 'puno efekata'.
  5. 05
    Sobe — Editorial Card Showcase horizontal-scroll-image-cards
    Naslov sekcije 'Četiri načina da spavate uz Taru' u serif-u. Horizontalno skrol-ovane kartice (na desktop snap-scroll, na mobile swipe): Standard Double/Twin · Sa pogledom na reku · Standard Twin · Apartman 56m². Svaka kartica: portretna fotografija, ime sobe, 3 ključne stavke (m², gosti, kreveti), 'od XX€', CTA 'Otkrijte sobu' sa hover zoom 1.05x na slici.
    ↳ Stari sajt ima sobe ali u zbunjujućem dupliranom gridu. Horizontal-scroll cards je editorial luxury pattern (Mona Zlatibor side-by-side image-text), modernizovan sa snap behavior-om.
  6. 06
    Parallax Photo Break — Citat full-bleed-parallax-quote
    100vh full-bleed fotografija kanjona iz drugog ugla (vodopad Bajlovića Siga ili rafting kadar) sa parallax scroll efektom. Centrirani citat u svetlom serif-u: '1.330 metara dubine. Drugi najdublji kanjon na svetu. I jedna obala koju zovemo dom.' — atribucija ispod malim sans-serif-om.
    ↳ Stari sajt nema nikakvih breaks između sekcija — sve je flat. Parallax quote break je čist cinematic pattern koji odgovara klijentovom 'modern sa puno efekata' i daje sajtu disanje između content blokova.
  7. 07
    Avantura — Rafting & Priroda numbered-three-column-feature
    Naslov 'Vaša obala je startna linija'. Tri kolone sa velikim numbered headerima 01 · 02 · 03: Rafting Tarom (49km, 22 brzaka), Kajak & Paddle (besplatno za goste), Zip-line Đurđevića most. Svaka kolona portretna foto + numerika u akcent zlatu + kratki opis + link 'Saznajte više'.
    ↳ Adventure je glavni diferencijator hotela ali stari sajt ga sakriva u 'Specijalne ponude'. Numbered headeri su key design pattern. Reference: Mona section pattern dve kartice sa image-text — proširen na tri.
  8. 08
    Restoran — Sa terase nad rekom split-image-text-overlap
    Asimetrični layout: velika fotografija jela ili terase preko desnih 60% ekrana, levo 40% u krem panelu sa naslovom 'Ukus Crne Gore, kanjon kao prozor', kratki tekst o a la carte, terasi, lokalnim sastojcima. CTA 'Pogledajte meni'. Mali tag-ovi: A la carte · Tavern · Beach Bar · Snack.
    ↳ Stari sajt navodi 4 tipa restorana u flat headings. Split sa overlap-om dolazi iz Mona reference layout pattern-a (image-text side-by-side sa airy spacing-om).
  9. 09
    Specijalne ponude two-card-package-feature
    Dve velike kartice za rafting pakete (2 osobe / 4 osobe) sa portretnim foto, naslovom paketa, kratkim opisom dana 1+2, cenom i CTA 'Rezervišite paket'. Pored toga treća kartica 'Long Stay -X% za 3+ noći' i 'Off-season HB -15%'.
    ↳ PHOBS ima 3 rate plana + 2 rafting paketa iz starog sajta. Card-feature pattern je standardan ali ovde sa portretnim foto i hover lift efektom za moderni feel.
  10. 10
    Galerija — Mosaic Grid asymmetric-mosaic-grid
    Naslov 'Durmitor u kadrovima'. Asimetričan masonry grid od 8-12 fotografija različitih veličina (sobe, restoran, kanjon, rafting). Hover overlay sa kategorijom (Property / Rooms / Restaurant / Location). Lightbox na klik.
    ↳ Mona Zlatibor reference: galerija od 6 kartica u gridu sa hover state-ima. Stari sajt ima galeriju ali bez vizuelnog drama-a — masonry sa različitim veličinama daje editorial feel.
  11. 11
    Lokacija — Radovan Luka map-info-split
    Levo: interaktivna mapa (Mapbox/Leaflet) sa custom pinom u Radovan Luci, prikazana ruta od Žabljaka (1h vožnje) i Đurđevića mosta. Desno: 3 info-boksa u akcent zlatnom kružnom okviru — Adresa, Telefon, Email. Ispod: kratki copy o pristupu i transferu.
    ↳ Mona Zlatibor what_to_steal: kontakt sekcija sa 3 info-boksa u akcentnoj boji + kružne ikonice. Stari sajt ima samo flat tekstualni kontakt.
  12. 12
    Footer — 4 kolone dark-four-column-footer
    Tamno-zeleni footer (#1f3a2e): kolona 1 — Logo + kratki manifesto + adresa, kolona 2 — Navigacija (Sobe, Restoran, Avantura, Ponude, Galerija, Kontakt), kolona 3 — Rezervacije (telefoni, email, BOOK CTA), kolona 4 — Newsletter (email input + 'Prijavi me' u akcent zlatu) + social ikone. Donji bar: copyright + Privacy + 'Powered by HSS'.
    ↳ Direktno preuzeto iz Mona footer pattern-a (4-kolumni dark footer sa newsletter-om i social-om). Stari sajt ima slab footer bez strukture.
🎨 Key visual patterns

Patterni koji se koriste kroz sajt

Oversized serif drop caps (Cormorant/Fraunces 120px+) na svakom content opening blokuNumbered section headers 01 · 02 · 03 u akcent zlatu, sans-serif tabular numsParallax photo breaks između sekcija (svaki 2-3 sekcije) sa 100vh full-bleed slikom i centriranim citatomHover zoom 1.05x sa cubic-bezier easing na svim image karticama (sobe, galerija, ponude)Scroll-triggered fade-in-up reveals (IntersectionObserver, 60px translate, 800ms easing)Sticky horizontal booking bar koji se smanjuje pri scroll-u (100px → 60px) sa border-bottom u akcentuHorizontal snap-scroll cards za sobe i pakete na desktop, swipe na mobileSubtle marquee animacija na amenities strip-u (lagano kretanje ulevo)
✍️ Hero copy

Generisani naslov

SR · EKAVICA
Gde Tara seče stenu
Jedini hotel u srcu Nacionalnog parka Durmitor — 1.330 metara iznad reke, u zagrljaju kanjona pod zaštitom UNESCO-a
EN
Where the Tara Carves the Stone
The only hotel within Durmitor National Park — perched 1,330 meters above the river, embraced by a UNESCO-protected canyon
🎨 Brand boje

AI predlog palete

PRIMARY
#1f3a2e
ACCENT
#c89556
INK
#1a1a1a
BG
#f5f1e8
↳ Primary duboka šumska zelena evocira smrekove šume Durmitora i dubinu kanjona — moderna interpretacija zelene iz starog sajta (#2d5016) koja se zadržava kao brand signal. Akcent ćilibarno-zlato direktno preuzima topli zlatno-bež akcent starog sajta (#d4a574) — pamtljivi brand element koji ostaje. Bg krem-papir umesto sterilno belog daje editorial luxury feel iz Mona reference (#f5f1e8) i poštuje rustične materijale (drvo/kamen) iz brand_signals.
📋 Layout prioriteti

Redosled sekcija na homepage-u

1Hero (cinematic video Tare) → 2Sticky Booking → 3Manifesto sa drop cap → 4Sobe (4 tipa) → 5Parallax kanjon citat → 6Avantura/Rafting → 7Restoran → 8Specijalne ponude → 9Galerija → 10Lokacija & Kontakt
📄 Pages to generate (7)

Stranice koje će template imati

  • Početna /index homepage
    ↳ uvek — cinematic landing sa svim sekcijama
  • Smeštaj /sobe rooms-listing
    ↳ PHOBS ima 4 tipa soba (Standard Double/Twin, River View, Standard Twin, 2-Bedroom Apartment) — listing stranica sa detaljnim opisima i amenitijima
  • Specijalne ponude /ponude packages
    ↳ Stari sajt ima 2 rafting paketa + PHOBS 3 rate plana (Best Available, Long Stay, Off-season HB -15%) — sve treba prikazati
  • Avantura /avantura experiences
    ↳ Glavni diferencijator hotela — rafting, kajak, paddle, zip-line, Đurđevića most. Stari sajt nema posebnu stranicu, sve je sakriveno u ponudama. Klijent prompt 'puno efekata' + adventure brand DNK
  • Restoran /restoran venue
    ↳ Stari sajt ima /restoran sa 4 venues (a la carte, tavern, snack, beach restaurant, beach bar) — zaslužuje punu stranicu sa galerijom i menijem
  • Galerija /galerija gallery
    ↳ Stari sajt ima /galerija sa kategorijama Property/Rooms/Restaurant/Location — asimetričan masonry grid
  • Kontakt /kontakt contact
    ↳ uvek — sa interaktivnom mapom i info-boksevima
🏛️ Venues detected (6)

Restorani / spa / drugi prostori

  • A la carte restoran /restoran-a-la-carte restaurant
    ↳ scraped /restoran heading: 'A la carte restaurant'
  • Nacionalni restoran (Tavern) /tavern-nacionalni restaurant
    ↳ scraped /restoran: 'Tavern - national restaurant'
  • Restoran na plaži /restoran-na-plazi restaurant
    ↳ scraped /restoran: 'Restaurant on the beach'
  • Beach Bar /beach-bar bar
    ↳ scraped /restoran: 'Beach bar'
  • Snack Bar /snack-bar bar
    ↳ scraped /restoran: 'Snack bar'
  • Privatna plaža na Tari /privatna-plaza outdoor
    ↳ scraped homepage: 'Hotel private beach' + ležaljke pored reke
⚙️ AI poziv metadata
Model:
claude-opus-4-7
Trajanje:
156.3s
Input:
20,135 tokens
Output:
6,859 tokens