How zainshah3464/serenevilla works
Serene Villa is a front-end guesthouse showcase, not a booking or newsletter backend. A visitor opens the home route, explores the villa’s story, rooms, amenities, gallery, and testimonials, then reaches booking links or a locally handled newsletter form. The page also layers in navigation, loading, cursor, and scrolling effects. The README documents additional carousel and responsive behavior; source excerpts are partial, so uncertain internal wiring is omitted.
Main entry points: page.tsx Home route · Gallery.tsx Lightbox gallery · layout.tsx Root layout · Hero.tsx Hero section
Components 18
Page and layout
- Home route
app/page.tsx - Root layout
app/layout.tsx - Global styles
app/globals.css
Page experience
- Preloader
components/Preloader.tsx - Custom cursor
components/CustomCursor.tsx - Scroll progress
components/ScrollProgress.tsx - Smooth scrolling
components/SmoothScroll.tsx - Navigation
components/Navbar.tsx
Villa information
- Hero section
components/Hero.tsx - Marquee
components/Marquee.tsx - About section
components/About.tsx - Rooms and suites
components/Rooms.tsx - Amenities
components/Amenities.tsx
Visitor engagement
- Lightbox gallery
components/Gallery.tsx - Testimonials
components/Testimonials.tsx - Footer and signup
components/Footer.tsx
Other components
- Visitor
- Unsplash images
Connections 22
- Visitor → Home route: opens
- Home route → Preloader: renders
- Home route → Custom cursor: renders
- Home route → Scroll progress: renders
- Home route → Smooth scrolling: renders
- Home route → Navigation: renders
- Home route → Hero section: renders
- Home route → Marquee: renders
- Home route → About section: renders
- Home route → Rooms and suites: renders
- Home route → Amenities: renders
- Home route → Lightbox gallery: renders
- Home route → Testimonials: renders
- Home route → Footer and signup: renders
- Root layout → Home route: wraps
- Root layout → Global styles: loads
- Visitor → Navigation: navigates
- Visitor → Rooms and suites: explores
- Visitor → Lightbox gallery: views
- Visitor → Footer and signup: submits email
- Hero section → Unsplash images: loads image
- Lightbox gallery → Unsplash images: loads images