.webp)
.webp)
45 k vues
Capabilities Overview
Capabilities Overview : grille de fonctionnalités animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.
Build a high-performance, agency-grade Features section called "Capabilities Overview" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Build a Capabilities section for an aerospace company called "EngineTech." This is a light-background proof grid with a header, a CTA pill button, and a 3-column bento-grid of mixed card types (video cards, quote card, metric card, tool-marquee card, and contact card). Visual Aesthetics & Mood: light grey aerospace capabilities bento grid mixed card types video cards quote metric tool marquee contact card thin light large headline clean engineering editorial structured airy professional modern organized ## 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)
.webp)
.webp)