Seraphina Salon & Spa — Luxury Beauty & Wellness Website

Seraphina Salon & Spa is a production-grade luxury salon and wellness website built for a Beverly Hills studio with Next.js, TypeScript, Tailwind CSS, and Framer Motion — designed around the brand promise "Where Beauty Meets Serenity."

The homepage is built from thirteen purpose-crafted sections: a cinematic animated Hero, an IntersectionObserver-driven Stats counter (years in business, happy clients, treatments offered, awards won), a full Services menu, an infinite-scroll Brands Marquee showcasing partner product lines, an editorial About section, an image Gallery, Team profiles for stylists and therapists, a Testimonials carousel, a step-by-step Process walkthrough of the salon experience, a tiered Pricing section, an embedded Booking flow, a Gift Cards section for digital voucher sales, and an Instagram feed section that pulls the studio's latest social content into the page.

Inner pages cover About, Booking, Contact, and Services in full depth. The entire experience is animation-led — Framer Motion drives scroll-triggered reveals, staggered card entrances, and smooth section transitions that give the site the same polish as a high-fashion or luxury hospitality brand. Environment-driven branding configuration (site name, address, contact details) makes the codebase reusable as a white-label template for other premium salon and spa clients.