🏔️ Mountain · standalone
Hotel Porto Tara
Draft
Žabljak, ME ★ 4 
4
Soba
0
Paketa
27
Slika
14
Scraped str.
⚡ Faza C
Generiši Astro template
Sve podatke (PHOBS + scrape + AI brief + Vision audit) prevodi u kompletan Astro projekat za deploy.
Demo HTML = brzi proof-of-concept (jedan Claude Opus poziv → samostalna HTML stranica sa embedded CSS-om). Pokazuje kakav dizajn AI predlaže. Ne deploy-uje se. Generate Astro = Faza C, kompletan projekat za GitHub + CF Pages.
🤖 AI brief — sažetak
Pun brief → Š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:
mountainTon: cinematic, avanturistički ali smiren — glas vodiča koji vas uvodi u netaknutu prirodu sa tihim ponosom
Homepage redosled: Hero (cinematic video Tare) → Sticky Booking → Manifesto sa drop cap → Sobe (4 tipa) → Parallax kanjon citat → Avantura/Rafting → Restoran → Specijalne ponude → Galerija → Lokacija & Kontakt
Key visual patterns
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)
🔍 Vision audit — sažetak
Pun audit → 🏚️ Stari sajt
Poslednji redizajn aproksimativno 2019-2020; WordPress theme sa Elementor-om ili sličnim page builder-om koji je uglavnom neodrađen od tada
Čuvati autentičnost prirodnih materijala dok se transformiše statični layout u dinamičan, motion-forward dizajn sa tiho stavljenim parallax-om, fade-in reveals i hover states koji odražavaju luksuznost brenda.
Prirodne, rustične materijale (drvo, kamen, metal) kroz fotografijuToplo-neutralna boja paleta sa akcentima od zlata/bežElegantna serif tipografija za nazive ('Hotel Porto Tara')Minimalističke button-e sa kontrastnim stroke-ovima (bez fill-a)
🏆 Reference (1)
www.monazlatibor.com premijum, spokojno opuštajuće, editorial luxury — ciljana je kupovna moć srednje i gornje klase (35-65 god, wellness-conscious, gastro-entuzijasti), atmosfera je spa-poput: sveže, prirodne, toplo-osvetljeno, bez žurbe.
📄 Scraped sajt
Postojeći sadržaj
URL:
https://www.portotara.me/Stranica: 14 · Tekst: 38416 karaktera
Kontakt: tel 10.31.2023 2, 10.31.2023 · mail [email protected]
Lista stranica (14)
/— Home - PORTO TARA/sr— Naslovna - PORTO TARA/smestaj— Accommodation units - PORTO TARA/restoran— Restaurant - PORTO TARA/specijalne-ponude— Special offer - PORTO TARA/galerija— Gallery - PORTO TARA/kontakt— Contact - PORTO TARA/sr/package/2-dayssplaviste-radovan-luka-scepan-polje-2-perso— 2 DANA RAFTINGA-SPLAVIŠTE-RADOVAN LUKA-ŠĆEPAN POLJE 2 OSOBE - PORTO TARA/sr/package/2-dayssplaviste-radovan-luka-scepan-polje-4-perso— 2 DANA-SPLAVIŠTE-RADOVAN LUKA-ŠĆEPAN POLJE 4 OSOBE - PORTO TARA/sr/smestaj— Smještaj - PORTO TARA/sr/restoran— Restoran - PORTO TARA/sr/specijalne-ponude— Specijalne ponude - PORTO TARA/sr/galerija— Galerija - PORTO TARA/sr/kontakt— Kontakt - PORTO TARA
📐 Stranice koje će template imati
Pages to generate (7)
- 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
📍 Lokacija + kontakt
Hotel info
AdresaRadovan Luka, Žabljak 84220
GradŽabljak, ME
Koordinate
43.2150, 19.1082Telefon
+38268362224; +38268046880Email
[email protected]Stari sajthttps://www.portotara.me/↗
🔌 PHOBS sync
Source data
PropertyId (PConnect)
43f631a1817d0e9a… CompanyId (booking) — nije postavljen
HotelId (booking) — nije postavljen
Currency
EURZadnji sync
6. 5. 2026. 11:48:34⚙️ Edit booking hash-ove (companyId / hotelId / propertyId)
🔌 Import iz WordPress plugin-a (alternativa scrape-u)
Plugin hss-forge-migrator mora biti instaliran i aktiviran na WP sajtu (zip:
/wp-plugin/hss-forge-migrator.zip u ovom repo-u). Vlasnik sajta unese API ključ u plugin podešavanja, ovde uneseš isti ključ i URL.
🛎️ PHOBS sadržaj
Opis + amenities
Hotel Porto Tara is located at the spectacular rafting spot Radovan Luka, right where the Tara River Canyon reaches 1,330 meters deep. As the only hotel within Durmitor National
Park, one of the most beautiful natural pearls under UNESCO protection, it is the perfect destination for lovers of adventure, privacy and untouched nature. The hotel is only an hour's drive
from Žabljak. 
Amenities (6)
Free parkingWi-FiPrivate beachShuttle / transfer serviceSafeA la carte restaurant
🎨 Brand & theme
Vizuelni identitet
THEME
🏔️ Mountain
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.
🚀 Deploy
GitHub + Cloudflare
GitHub repo
neskehss/hss-standalone-porto-tara Preview URL — nije deploy-ovan
Live URL — nema custom domen