parallax-hero/
├── index.tsx                      # Main entry point (ParallaxHero)
├── components/
│   ├── FloatingImage.tsx          # Depth card with spring physics
│   └── TextHoverEffect.tsx        # SVG spotlight hover backdrop
└── block.json                     # Block metadata configuration

import { ParallaxHero } from "@/components/blocks/parallax-hero";
 
export default function Page() {
  return (
    <ParallaxHero
      headline="Build the future, one pixel at a time."
      description="GwenUI gives you premium blocks to ship faster."
      primaryCta="Get Started"
      secondaryCta="View Blocks"
      bgText="GWEN"
    />
  );
}

interface ParallaxImageLayer {
  src: string
  depth: number        // Positive = foreground, negative = background movement
  xOffset: string      // CSS positioning (e.g. "left-[8%] top-[12%]")
  yOffset?: string
  width: number
  height: number
  rotation?: number
  zIndex: number
  alt: string
}