

21 k vues
Investor Deck
Investor Deck : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.
Build a high-performance, agency-grade Investor Presentations section called "Investor Deck" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Build a presentation-style slide deck web app with 5 slides using React, Tailwind CSS, hls.js for Mux HLS video playback, and motion (from motion/react) for animations. The font is Aeonik, sans-serif. The entire deck has a black background (bg-black) so transitions fade through black, never white. Visual Aesthetics & Mood: presentation slide deck format five fullscreen slides black background fade-through-black transitions preloaded background videos keyboard navigation minimal dot indicators neutral geometric sans-serif cinematic dark polished corporate storytelling smooth crossfades restrained elegant 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.
Accès illimité à tous les prompts · Studio inclus · Paiement unique

.webp)
