PMS AI
StudioNewSkillNew
Retour au catalogue
PPMS AI
5,4 k vues

Asme — Cinematic Hero Landing — Référence de design web et prompt

Une page d’atterrissage sombre en plein écran avec vidéo HLS, barre de navigation en verre liquide et capture d’e-mails sur fond anthracite profond.

Landing pages SaaSPage entièreReactViteCSS
Obtenir une version renforcée de ce prompt

Prompt

Personnaliser
# Asme — Cinematic Dark Hero Landing Page

## Overview

Build a full-screen, dark, single-screen (100vh, no scroll) hero landing page for "Asme". The page has a black background with a fullscreen looping background video, a glassmorphism navbar, and a centered hero with an animated email-capture CTA. The headline uses an elegant serif display font, and most elements animate in on load with Motion.

## Tech Stack

- **Framework:** React 19 (`react` `^19.2.7`, `react-dom` `^19.2.7`) with Vite (`vite` `^8.0.16`) via `@vitejs/plugin-react` `^6.0.2`.
- **Styling:** Tailwind CSS v4 (`tailwindcss` `^4.3.0`) integrated through `@tailwindcss/vite` `^4.3.0` (the `@import "tailwindcss";` + `@theme` approach, no `tailwind.config.js`).
- **Animation:** Motion (Framer Motion) `motion` `^12.40.0`, imported from `motion/react` (`motion`, `AnimatePresence`).
- **Icons:** Lucide (`lucide-react` `^1.17.0`) — `Globe`, `ArrowRight`, `Check`.

Débloquer l’accès Fondateur à vie

405 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.

  • Plus de 1 000 prompts intégraux, premium inclus
  • Studio de personnalisation complet
  • Six architectures de site prêtes à adapter
  • Formatage Claude, Lovable, Cursor, Bolt et v0
  • Nouvelles références ajoutées à vie
  • Skill Claude Prompt Motion Site et module d’installation

Rentabilisé dès le premier client : une landing page se facture 800 € à 2 500 €.

Offre de lancement

49 € à vie au lieu de 199 €/an · Plus de 1 000 prompts, Studio et Skill inclus

Références similaires