Orra: ιστοσελίδα boutique ξενοδοχείου

01

Επισκόπηση

Το Orra είναι πρότυπο αρχικής σελίδας για boutique ξενοδοχεία, βίλες και ξενώνες. Ζεστή άμμος και κρεμ με μία μόνο πινελιά τερακότα, και ένα hero όπου η φωτογραφία φαίνεται αρχικά μόνο μέσα από τα γράμματα του ονόματος.

Από εκεί ο επισκέπτης περνά από τα δωμάτια, μια μέρα στο ξενοδοχείο από τις 07:00 ως τις 21:00, το εστιατόριο, τα λουτρά και τον τρόπο πρόσβασης, με μια μπάρα κράτησης που μένει πάντα κοντά. Δωμάτια, τιμές, το χρονολόγιο της ημέρας και οι διαδρομές αλλάζουν όλα από ένα αρχείο περιεχομένου.

02

Χαρακτηριστικά

1. 01
   Hero μέσα από το λογότυποΗ φωτογραφία φαίνεται μέσα από τα γράμματα του ονόματος και με το scroll μεγεθύνεται ώσπου ανοίγει η θέα.
2. 02
   Μια μέρα, ώρα με την ώραΈνα σταθερό χρονολόγιο όπου ο ήλιος διαγράφει τόξο και τα χρώματα περνούν από την αυγή στη νύχτα.
3. 03
   Carousel δωματίωνΣύρεται με αδράνεια σε υπολογιστή και με φυσικό swipe σε οθόνες αφής. Κάθε κάρτα ανοίγει την κράτηση με το δωμάτιο ήδη επιλεγμένο.
4. 04
   Μπάρα κράτησηςΗμερολόγιο δύο μηνών για τις ημερομηνίες, επισκέπτες και επιλογή δωματίου. Στο κινητό γίνεται πάνελ από το κάτω μέρος της οθόνης.
5. 05
   Μενού εστιατορίουΤο μενού ως λίστα: με hover, focus ή πάτημα σε ένα πιάτο αλλάζει η φωτογραφία στο τόξο.
6. 06
   Gallery ημερολογίουΔύο σειρές φωτογραφιών που κινούνται αντίθετα, με εναλλασσόμενα σχόλια επισκεπτών και Τύπου.

03

Ιδανικό για

1. 01
   Boutique ξενοδοχεία
2. 02
   Βίλες
3. 03
   Ξενώνες
4. 04
   Resorts

04

Τεχνολογίες

Next.js 15, React 19, GSAP 3, Lenis