17 k vues
CARGOX Mobile
CARGOX Mobile : page complète animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.
Build a high-performance, agency-grade Transportation section called "CARGOX Mobile" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create a Vite + React + TypeScript + Tailwind CSS project that displays 3 iPhone mockups side-by-side (stacking vertically on mobile). Each phone contains a different screen of the "CARGOX GROUP" logistics website. Use `motion/react` (Framer Motion v11+) for animations and `lucide-react` for icons. Visual Aesthetics & Mood: three iphone mockups side by side dark near-black page logistics brand yellow accent dark teal screens condensed heavy uppercase display font warm gradient info screen industrial bold app-showcase energetic utilitarian compact ## 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)