Retour au catalogue
4,7 k vues

Avelon Drive

Avelon Drive : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.

Build a high-performance, agency-grade Cars section called "Avelon Drive" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create an ultra-refined, interactive Cars with cinematic transitions and smooth spring physics.

Visual Aesthetics & Mood:
brand-hero;premium car rental luxury automotive New York concierge rental full-bleed cinematic dark car video top-down Mercedes S-Class scroll-scrubbed video immersive hero white page black video contrast sticky scene shrinking media card rounded corners split-screen editorial layout left-aligned description oversized bottom typography minimal skewed logo fixed transparent header monochrome black white palette glass location pill frosted blur reserve

## 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.

Offre de lancement

Accès illimité à tous les prompts · Studio inclus · Paiement unique

Références similaires