Changelog
Pratite razvoj web stranice Motel Brist. Ovdje možete vidjeti sve novosti, poboljšanja i nove funkcionalnosti koje smo dodali.
Analitika i praćenje posjeta
Integracija Vercel Analytics za praćenje posjeta i ponašanja korisnika.
- Praćenje broja posjeta u realnom vremenu
- Analiza najpopularnijih stranica
- Uvid u geografsku lokaciju posjetilaca
Poboljšani email za rezervacije
Unaprijeđen interni email sa podacima spremnim za Excel.
- Novi elegantni dizajn emaila
- Tab-separated podaci za brzo kopiranje u Excel
- Direktan reply na email klijenta
SEO optimizacija
Kompletna optimizacija za pretraživače.
- Open Graph slike za društvene mreže
- Twitter Card podrška
- Strukturirani podaci (Schema.org)
- Optimizirana sitemap i robots.txt
Sistem rezervacija
Kompletan sistem za online rezervacije smještaja, restorana i salona.
- Multi-step forma za rezervacije (4 koraka)
- Email notifikacije putem Resend API-ja
- Zaštita od spam-a (honeypot)
- Podrška za 3 tipa rezervacija: smještaj, restoran, salon
- Validacija forme u realnom vremenu
Interaktivni meni
Potpuno novi sistem za prikaz menija restorana.
- Filtriranje po kategorijama
- Elegantna i full verzija menija
- Animirani prelazi između sekcija
- Optimiziran za mobilne uređaje
- Strukturirani podaci za restoran
Stranice za sobe
Prikaz smještajnih kapaciteta sa detaljima.
- Pregled svih soba sa karticama
- Individualne stranice za svaku sobu
- Galerija slika sa lightbox-om
- Informacije o cijenama i pogodnostima
- Direktna veza na rezervaciju
Sekcija za događaje (Salon)
Predstavljanje prostora za svadbe, edukacije i proslave.
- Stranica za svadbene svečanosti
- Prostor za edukacije i seminare
- Privatne proslave i rođendani
- Kapacitet do 200 gostiju
- Informacije o AV opremi i cateringu
Osnovna struktura sajta
Postavljanje glavnih stranica i navigacije.
- Početna stranica sa hero sekcijom
- O nama stranica sa historijom
- Kontakt stranica sa Google Maps
- Footer sa svim informacijama
- Bočna navigacija
Dizajn sistem
Kreiranje vizuelnog identiteta i komponenti.
- Biblioteka animacija (Framer Motion)
- Responzivna bočna navigacija
- Podrška za tamnu temu
- Brand tipografija i boje
- Pristupačnost (skip links, ARIA)
Pokretanje projekta
Inicijalno postavljanje tehnološkog stack-a.
- Next.js 16 sa App Router
- Tailwind CSS konfiguracija
- Komponente sa Radix UI
- TypeScript za sigurnost tipova
- SEO osnove (meta tagovi, sitemap)
Početak projekta
Imate prijedlog?
Vaše mišljenje nam je važno. Ako imate prijedlog za poboljšanje naše web stranice, slobodno nas kontaktirajte.
Kontaktirajte nas