Retour au catalogue
44 k vues

Sea Serenade

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

Build a high-performance, agency-grade Lifestyle section called "Sea Serenade" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
costa-serenade;open water swimming dawn swim crew coastal sea mediterranean liguria travel outdoor bright daylight coastal drone footage raw ungraded no grain no scrim scroll-scrubbed video frame-locked scrubbing everything position fixed white type difference blend over bright footage giant wordmark shrinking into corner katakana glyph flicker swaps live clock diagonal 45-degree split reveal second looping clip shrinking to centred card word-by-word statement typing scroll-reversible choreography monochrome ink zero accent fresh airy sunlit serene adventurous cinematic kinetic experimental immersive

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