### Overview Build a full-screen, scroll-driven fashion/archive landing page for a brand called "prmpt". The page has two main phases: 1. **Hero phase** (first 100vh of scroll): Full-viewport video background with overlaid UI (logo, nav, product info, custom cursor). A black panel slides up from below covering the video. 2. **Gallery phase** (continues scrolling): The black panel contains a scattered grid of product images that scale in/out as they enter/exit the viewport. At the end, a white overlay fades in with a "view" CTA button. --- ### Tech Stack - **React 19** + **TypeScript** - **Vite 6** with `@vitejs/plugin-react` - **Tailwind CSS v4** via `@tailwindcss/vite` plugin - **GSAP 3.15** + `@gsap/react` (ScrollTrigger) - **Motion (Framer Motion) 12** (`motion/react`) - **Font**: "Inter Tight" (Google Fonts, weight 500) -- loaded via `` or import --- ### Asset URLs **Videos (CloudFront):** - LEFT video: `https://d8j0ntlcm91z4.cloudfront.net/user_39ca84eAE1ODL9hbR5VhoEj8tBf/hf_20260625_154433_532a85d3-dabf-4265-b8bd-19ac6af31842.mp4` - RIGHT video: `https://d8j0ntlcm91z4.cloudfront.net/user_39ca84eAE1ODL9hbR5VhoEj8tBf/hf_20260625_154401_a664f076-b971-4557-8728-40ef9ea4c49b.mp4` **Gallery Images (10 total, in order):** 1. `https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260629_104530_521b2f85-c0f3-4d0e-9704-b578315b4cb9.png&w=1920&q=85` 2. `https://images.higgs.ai/?default=1&output=webp&
……（完整源码请在站内查看）