TrustFlow

网站 · Finance · 免费
内容预览

Build a single full-viewport marketing landing page for **Boomerang**, a conversational AI platform for financial institutions. Tech: React + TypeScript + Vite + Tailwind CSS + Lucide React (`ArrowRight` only). No other UI libraries. --- ### Fonts (exact) Load in `index.html`: 1. **Display / serif:** `P22 Mackinac W01 Book` `https://db.onlinewebfonts.com/c/9d4d074c9335825a23cce178ee03b498?family=P22+Mackinac+W01+Book` 2. **UI / sans:** Inter weights 300, 400, 500, 600 `https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap` Tailwind `fontFamily`: - `sans: ['Inter', 'sans-serif']` - `serif: ['P22 Mackinac W01 Book', 'Georgia', 'serif']` Body: `font-family: 'Inter', sans-serif` with antialiased smoothing. Page title: `Build Lasting Relationships`. Background: pure white `#FFFFFF`. Primary text/chrome: `#191919`. --- ### CloudFront video (exact URL — required) ``` https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260715_090628_7052d8a6-a094-4341-a4a2-ad58493a67a9.mp4 ``` --- ### Hero video background — boomerang playback (critical behavior) Implement a `BoomerangVideoBg` absolute full-bleed background (`absolute inset-0 z-0`) with: 1. Wrapper: `scale-[1.15] origin-top overflow-hidden` (slightly oversized, anchored from top). 2. Hidden/capture ``: `src` = CloudFront URL above, `muted`, `playsInline`, `preload="auto"`, `crossOrigin="anonymous"`, `className="w-full h-full object-cover object-top"`. 3. On load: play once (no native 

……（完整源码请在站内查看）