Next.js landing with a hand-painted 3D nature scene, soft sky palette, wellness storefront demo and marquee testimonials — rebrand from one file.
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.
