48 k vues
Cross-Border
Cross-Border : page complète animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.
Create a mobile-first logistics company landing page for "CARGOX GROUP" displayed inside an iPhone 15 Pro mockup frame. Use React, TypeScript, Tailwind CSS, and the `motion` library (motion/react) for animations. Use Vite as the build tool. ## Structure The page is wrapped in a realistic iPhone 15 Pro mockup (aspect ratio 393:852) with: - Dark frame (#1a1a1a) with 54px border-radius, 8px border (#2a2a2a), inset highlight (#3a3a3a) - Dynamic Island (126x36px, centered at top, black, 20px border-radius, z-200) - Home indicator at bottom (134x5px, white 30% opacity) - Scrollable content area inside with hidden scrollbar and `container-type: size` The body background is #111111. The scrollable container uses `container-type: size; container-name: phone;` for container queries.
Débloquer le Prompt Studio à vie
105 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.
Accès illimité à tous les prompts · Studio inclus · Paiement unique
- Typographies
- Barlow Condensed 800
- Palette
.webp)