Description
Context We are looking for an AI-native developer ("Vibe Coder") who can orchestrate complex, high-end web experiences rapidly using tools like Cursor. We are not testing your ability to type boilerplate code; we are testing your architectural thinking, your taste, and your ability to guide AI to create Apple-level, performance-heavy animations. The Task Build a quick, functional single-page Hero Section for the ultra-premium caps brand. The core of this test is implementing an "Apple-Style" scroll-driven animation (video/image sequence scrubbing tied to scroll position). The UX / Animation Flow Initial State: The page loads with a dark, minimalist, "stealth wealth" aesthetic. The center features bold, premium typography (e.g., the word "Brand"). The Scroll: As the user begins to scroll down, the initial text elegantly fades out into the dark. The Reveal: Emerging from the shadows, a high-resolution product (the BRAND cap) appears. The Scrubbing: The rotation of the cap must be tied directly and proportionately to the user's scroll position (scroll-triggered sequence animation). The Climax: As the user scrolls further, the cap must seamlessly rotate to reveal its hidden signature detail: the bright neon orange underbrim, stopping perfectly in focus. Technical Requirements Framework: Next.js + Tailwind CSS. Animation: GSAP (ScrollTrigger) or Framer Motion. Scroll hijacking/smoothing: You must implement a smooth scroll wrapper (e.g., Lenis) to ensure the scrubbing feels buttery