Full Stack
ASIH Salon – Digital Atelier
Luxury hair salon website with ultra-aesthetic animations, parallax scroll, editorial carousel, and real-time reservation system.
ReactViteTypeScriptExpressMotionTailwind
System Architecture
[SYS] ─── asih-salon-booking.arch
Overview
A luxury hair salon website with editorial design, parallax images, and a real-time booking system.
Problem Statement
Salon businesses need an online presence that reflects their premium brand identity.
Solution & Approach
React 19 + Vite with Motion v12 animations, Express backend for reservations, JSON file storage.
Key Features
- Ultra-aesthetic animations: parallax, magnetic buttons, word-by-word text reveal
- 5 pages: Home, Services, Atelier, Editorial, Reserve
- Real-time calendar booking with time slot availability
- Newsletter subscription with rate limiting
- Production server with SPA catch-all and security headers
Results & Impact
Production-ready salon website with booking system and editorial design.
Lessons Learned
Motion v12 provides smoother animations than framer-motion with simpler API.