
3,6 k vues
CleanTech
CleanTech : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.
Build a high-performance, agency-grade Sustainability section called "CleanTech" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective **Create a scroll-driven landing page for "Terova" -- a circular-systems / waste-reclamation tech company. Use React + Vite + TypeScript + Tailwind CSS + Framer Motion + Lucide React. The page has 4 major zones stacked vertically.** Visual Aesthetics & Mood: dark muted green-black sustainability page scroll-driven four zones warm cream dice accent element white text clean neutral sans-serif eco circular-systems earthy technical calm serious structured organic-dark modern ## 2. Technical Stack & Dependencies - Framework: React 19 + TypeScript + Vite - Styling: Tailwind CSS v4 + Lucide React icons - Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)
Débloquer le Prompt Studio à vie
18 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.
Accès illimité à tous les prompts · Studio inclus · Paiement unique


.webp)