Hero Parallax Layers

Create a hero section with parallax depth layers. Use a dark background with 3-4 abstract shape layers (gradients, blurred circles, or simple geometric forms) at different depths. As the user scrolls, the layers should move at different speeds—foreground faster, background slower. Place a bold headline and CTA in the center that stays relatively stable. Use CSS transform and scroll-driven animation or a lightweight JS scroll listener. Use Tailwind CSS. No real images; use CSS-generated shapes.

创建一个带视差深度层的 hero 区域。使用深色背景和 3-4 个抽象形状层（渐变、模糊圆形或简单几何形状）位于不同深度。用户滚动时，各层以不同速度移动——前景更快、背景更慢。在中央放置相对稳定的粗体标题和 CTA。使用 CSS transform 和滚动驱动动画或轻量 JS 滚动监听。使用 Tailwind CSS。不使用真实图片，使用 CSS 生成的形状。