Elegancka strona obiektu noclegowego z formularzem rezerwacji
Jednostronicowa strona dla pensjonatów, pokojów gościnnych i apartamentów wakacyjnych. Elegancki design granat + złoto z 8 sekcjami ułożonymi w logicznej ścieżce konwersji — od zainteresowania po rezerwację. Schema.org LodgingBusiness i tabela cenowa z sezonami.
Co zawiera strona
8 sekcji na jednej stronie
Hero fullscreen z CTA, sekcja O nas z badge'em oceny i 6 wyróżnikami, animowane liczniki (lata, goście, odległość do plaży, opinie), karty pokojów z galeriami i cenami, galeria masonry z lightboxem, cennik sezonowy, atrakcje okolicy i formularz rezerwacji z mapą.
Karty pokojów
3 karty pokojów z galerią zdjęć (karuzelą), badge'ami, listą udogodnień (ikony SVG), ceną za noc i przyciskiem rezerwacji. Hover z efektem uniesienia i powiększenia zdjęcia.
Cennik sezonowy
Tabela cenowa z podziałem na 3 sezony. Podświetlanie wierszy przy hover. Czytelny format — gość od razu widzi ile zapłaci w danym terminie.
Formularz rezerwacji
6 pól: imię, telefon, e-mail, data przyjazdu, data wyjazdu, typ pokoju, uwagi. Walidacja dat — minimalna data przyjazdu = dziś, minimalna data wyjazdu = dzień po przyjeździe.
Galeria z lightboxem
Siatka 4-kolumnowa z layoutem masonry (pierwsze zdjęcie 2×2). Pełnoekranowy podgląd z nawigacją strzałkami i obsługą klawiatury (Escape, strzałki).
Dla kogo jest ta strona
- pokoje gościnne i pensjonaty
- apartamenty wakacyjne
- domki letniskowe
- kwatery nad morzem i w górach
- obiekty agroturystyczne
Szczegóły techniczne
- one-page z 8 sekcjami i smooth scroll
- Schema.org LodgingBusiness (JSON-LD)
- Open Graph meta tagi
- animowane liczniki (IntersectionObserver)
- sticky mobile CTA — „Zadzwoń" + „Rezerwuj"
- active nav highlighting przy scrollowaniu
- 36 zdjęć WebP w zestawie
- typografia Playfair Display + Inter (Google Fonts)
- zero zależności (brak npm/composer)
- działa na telefonie, tablecie i komputerze
