Selah: ιστοσελίδα στούντιο pilates και yoga

01

Επισκόπηση

Το Selah είναι πρότυπο αρχικής σελίδας για στούντιο pilates και yoga. Ζεστή παλέτα σοβά, καμάρες που θυμίζουν την πόρτα ενός στούντιο, και μία γραμμή στο χρώμα του πηλού που σχεδιάζεται κατά μήκος της σελίδας καθώς κάνετε scroll.

Κάνει τη δουλειά που πρέπει να κάνει ένα site στούντιο: βοηθά κάποιον καινούργιο να βρει το σωστό μάθημα, δείχνει την εβδομάδα που έρχεται και κάνει τις τιμές εύκολες στη σύγκριση. Μαθήματα, δάσκαλοι, εβδομαδιαίο πρόγραμμα, τιμές και ωράριο βρίσκονται σε ένα αρχείο περιεχομένου.

02

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

1. 01
   Hero με καμάραΗ φωτογραφία ξεκινά ως παράθυρο σε σχήμα καμάρας και ανοίγει σε όλη την οθόνη, με μια ζωντανή γραμμή για το «επόμενο μάθημα».
2. 02
   Εύρεση μαθήματοςΤρεις ερωτήσεις οδηγούν σε ένα προτεινόμενο μάθημα με τις ώρες που ταιριάζουν.
3. 03
   ΠρόγραμμαΟι επόμενες επτά ημέρες με φίλτρα για μάθημα και ώρα της ημέρας, διαθέσιμες θέσεις και λίστα αναμονής.
4. 04
   Υπολογιστής τιμώνΔιαλέγετε μαθήματα την εβδομάδα και ξαναϋπολογίζονται το μεμονωμένο μάθημα, το πακέτο των 10 και το απεριόριστο, με το φθηνότερο σημειωμένο.
5. 05
   Γραμμή ροήςΜία γραμμή κατεβαίνει τη σελίδα και δένει έναν κόμπο σε κάθε ενότητα. Η διαδρομή της αλλάζει με μία τιμή.
6. 06
   Gallery στούντιοΟριζόντια gallery που μένει σταθερή σε υπολογιστή και γίνεται σειρά με swipe στο κινητό.

03

Ιδανικό για

1. 01
   Στούντιο pilates
2. 02
   Στούντιο yoga
3. 03
   Χώροι ευεξίας
4. 04
   Boutique γυμναστήρια

04

Τεχνολογίες

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