mainlandingpage

Cinematic landing page for MotusDAO built with:

• Next.js (App Router + TypeScript)
• Framer Motion (scroll storytelling)
• Three.js (hero ambient scene)
• Tailwind CSS v4

Design Direction

Clinical Futurism: a fusion of legacy Wix editorial vibes + modern MotusDAO app glassmorphism.

Local dev

npm install
npm run dev

Build

npm run build
npm start

Included visual references

Placed in public/references/:

• wix-home.jpg
• wix-course.jpg
• app-dark.jpg
• app-light.jpg

Notes

• Brand palette aligned to MotusDAO system:
  • Purple #9333ea -> Pink #ec4899
  • Blue #3b82f6 -> Cyan #06b6d4
• Landing includes sections for hero, pains, merge narrative, how-it-works, proof, and final CTA.