

46 k vues
Nike Premium Landing
Nike Premium Landing : section hero animée pensée pour une landing page SaaS, construite avec React, GSAP.
Build a high-performance, agency-grade Landing Page section called "Nike Premium Landing" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create a high-end, interactive Nike hero landing page with two scrolling sections. The app requires `react-player` and `gsap` for animations and interactive masks. Visual Aesthetics & Mood: bold sporty athletic energetic dynamic high-impact interactive scroll-driven storytelling animated mask reveal effects dramatic large-scale imagery circular bubble menu buttons frosted blur translucent overlays mix of elegant italic serif and strong modern sans-serif typography dark cinematic backdrop punchy high-contrast powerful motion playful premium product-focused hero imagery kinetic expressive theatrical ## 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)