用Next.js和Three.js做的发光水母3D落地页

Build a deep-sea themed agency landing page with an interactive 3D hero. Use Next.js and React, with Three.js rendering a large bioluminescent jellyfish in glowing purple and magenta that drifts and pulses in a dark navy water scene, with soft particles and light scattering. Overlay a dark glassmorphism interface in Tailwind CSS: a rounded navigation bar, a big two-line headline on the left, a primary call-to-action button, two white stat cards, a small side card with a jellyfish thumbnail and a budget figure, social icons and a short agency description at the bottom. Add scroll choreography and small hover micro-interactions with Framer Motion. The jellyfish should react gently to pointer movement and keep animating when idle. Keep text readable over the 3D layer and make the layout responsive. Done means a running project where the jellyfish moves smoothly behind the interface at a steady frame rate.