LuxeVault Salon — Premium Hair & Beauty Studio Website

LuxeVault Salon is a production-ready website built for a premium hair and beauty studio, designed with Next.js 15, TypeScript, Tailwind CSS, Framer Motion, and Radix UI to deliver an editorial, high-end salon experience online.

The homepage flows through a cinematic hero, a curated Services showcase, an image-rich Gallery section, and Team profiles introducing each stylist with their specialties and booking links. A Reviews carousel builds trust with client testimonials, while the integrated Blog section (with full article and slug-based routing) positions the salon as an authority on hair and beauty trends — doubling as an SEO content engine. A FAQ accordion and CTA section close the page with clear paths to booking.

Inner pages include a dedicated Booking flow built with React Hook Form and Zod validation for robust client-side data capture, a Locations page for multi-branch studios, and full Services and Team directories. The UI uses Radix UI primitives (dialogs, dropdown menus) for accessible interactions, class-variance-authority for a consistent design system, and an auto-generated sitemap via next-sitemap for search visibility.

The entire site is animation-driven with Framer Motion — scroll-triggered reveals, hover micro-interactions, and smooth page transitions create the polished, boutique feel clients expect from a premium salon brand.