Prompt Motion Site AI
Retour au catalogue
Wellness Hero
49 k vues

Wellness Hero

Wellness Hero : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.

Landing pages SaaSSections heroReactTailwind CSS
Obtenir une version renforcée de ce prompt

Prompt

Personnaliser
Build a full-screen hero section landing page for "Aurai" - an always-on AI wellness companion. The page is a single viewport-height section with a looping background video and overlaid content.

## Video Background

- Full-screen `<video>` element with `autoPlay`, `loop`, `muted`, `playsInline` attributes
- Video URL: `https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260618_174853_aac61aa2-0f3f-4cf1-bc78-7f657dd11164.mp4`
- Video covers entire viewport with `object-cover`
- Focal point positioning:
  - Mobile (default): `object-position: 80% center`
  - Tablet (md breakpoint): `object-position: right center`
  - Desktop (lg breakpoint): `object-position: center center`

Débloquer le Prompt Studio à vie

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

Offre de lancement

Accès illimité à tous les prompts · Studio inclus · Paiement unique

Typographies
Inter, Askan Light

Références similaires