Tennis facilities typically split court booking, coach discovery, and performance tracking across disconnected tools (or no tools at all). Serious players want one platform that handles booking, training, and progress in a single, well-designed experience rather than a generic sports-club website template.
Designed Savice around three pillars — court booking, professional coaching, and performance tracking — unified under a bold dark-navy (#0A0F1E) and lime-green (#CBFF4D) design system that reads as premium and athletic rather than generic. Built the full component system from scratch: a scroll-aware navbar with backdrop blur, an animated hero with full-width SVG background, coach profile cards, tiered programme pricing, and an FAQ accordion — all on Next.js 16 with Framer Motion throughout.
Court booking flow with real-time availability framing
Coach profiles with specialty tagging (serve/technique, strategy/mental, fitness/agility)
Tiered training programmes with per-month pricing
Scroll-triggered navbar backdrop blur and full-width animated hero
FAQ accordion and testimonial sections
Responsive layout across booking, about, pricing, docs, and contact pages