Hero Shader

import { HeroShaderA } from '@otfdashkit/ui'

export function Example() {
  return (
    <div className="relative h-screen w-full bg-black">
      <HeroShaderA />
      <div className="relative z-10 flex h-full flex-col items-center justify-center px-6 text-center">
        <p className="font-mono text-xs uppercase tracking-[0.22em] text-white/60">— hero shader A</p>
        <h1 className="mt-4 text-5xl sm:text-6xl font-semibold tracking-tight text-white">
          Built for builders <span className="italic font-light text-white/70">who ship.</span>
        </h1>
        <p className="mt-4 max-w-xl text-base text-white/70">
          A clean-room WebGL aurora — three drifting blobs lit by your theme tokens. Pauses when offscreen, falls back to a CSS gradient if WebGL is unavailable.
        </p>
      </div>
    </div>
  )
}