Skygrove is a calm, premium landing page for brands that should feel serene — wellness studios, mindfulness coaches, spas, retreats, therapists, or any slow-living storefront.
What makes it special:
— Peaceful 3D hero scene (react-three-fiber): a stylized hand-painted nature scene with a tree swing, softly animated against premium clouds.
— Calm design system: soft sky palette, serif accent wordmark, cloud Lottie preloader and gentle Framer Motion reveals throughout.
— Wellness storefront section with bookable session cards and a session counter.
— Two auto-scrolling testimonial marquees over a muted video background, plus a calm-guides team section.
Built to be rebranded fast: every headline, service, testimonial, team member and link lives in ONE file (src/lib/content.ts). A step-by-step CUSTOMIZATION.md covers colors, fonts, images, swapping the 3D model, the contact form and deployment. TypeScript-clean build, no backend or env vars required — deploy to Vercel or Netlify in minutes.
Stack: Next.js 15 (App Router), React 19, Tailwind CSS, Framer Motion, Three.js / react-three-fiber, Lenis. Lean dependency list, no bloat.
Includes full source, README, customization guide and a clear commercial license (one end product per purchase). The live demo is the exact site you get.