--- **Prompt:** Create a full-viewport section (100vh) that sits over a fixed background video. The section has no background color of its own -- it is fully transparent so the fixed video behind it shows through. **Background video (fixed, behind everything):** A `` element fixed to the viewport (`position: fixed; top: 0; left: 0; width: 100%; height: 100vh; object-fit: cover; z-index: 0`), using this source: ``` https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260514_135830_bb6491d1-9b66-4aec-9722-13b4dfe3fb46.mp4 ``` It should `autoPlay`, be `muted`, `loop`, and `playsInline`. **Section layout:** - `position: relative; z-index: 1` - `display: flex; flex-direction: column; justify-content: center` (centers content vertically) - `height: 100vh` - Padding: `70px 32px 32px 32px` **Content block** (inside the section): - A wrapper `div` with `display: flex; flex-direction: column; align-items: flex-start; max-width: 720px` - **Heading (``):** - Text: `"WE BUILD END-TO-END AI AUTOMATION SYSTEMS."` - Each word is wrapped in an individual `` element, displayed using `display: flex; flex-wrap: wrap; gap: 0.25em` - Each word animates in with a staggered fade-up animation: starts at `opacity: 0, y: 32px`, animates to `opacity: 1, y: 0` using Framer Motion `whileInView` with `viewport: { once: true, amount: 0.2 }` - Stagger: first word at `delay: 0.15`, each subsequent word adds `0.08s` (so word 2 = 0.23, word 3 = 0.31, etc.) - Animation easing: `[0.22, 1, 0.
……（完整源码请在站内查看）
.webp)