Next.js 3D Scroll Animation Prototype

I need a polished 3D animation prototype that demonstrates what is possible when Next.js, TypeScript, Three.js, GSAP, and Tailwind CSS are pushed to their limits. The purpose is a visually rich proof-of-concept, not a full application, so every frame should focus on storytelling and technical finesse.

Core interactions I must see:
• Hover effects that react instantly to pointer movement
• Seamless scroll-triggered animations that sync Three.js scenes with page flow
• Click events that drive small micro-transitions or scene changes

The scene itself will rely on complex models—think characters or detailed objects rather than simple cubes—so experience importing, optimizing, and animating GLTF/GLB assets is essential. Performance matters; please lean on code-splitting, lazy loading, and lightweight shaders to keep the experience smooth on modern laptops and high-end mobile devices.

Deliverables
1. A Next.js project in TypeScript with the full source, ready to install and run with yarn or npm.
2. One hero page containing the complete interactive sequence.
3. Read-me that covers setup, editing assets, and where key animation logic lives.

I’ll provide the model files and rough storyboard once we start. If you’ve built similar 3D scroll experiences or GSAP-driven timelines, a short link or two will help me gauge fit.