Halftone Pulse

import { BgHalftonePulse } from '@/components/ui/bg-halftone-pulse'

import { BgHalftonePulse } from '@/components/ui/bg-halftone-pulse'

export default function BgHalftonePulseDemo() {
  return (
    <div className="relative min-h-[600px] overflow-hidden">
      <BgHalftonePulse />
      <div className="relative mx-auto flex min-h-[600px] max-w-4xl flex-col items-center justify-center px-6 py-24 text-center">
        <p className="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
          Spectacle · ink on paper, in motion
        </p>
        <h2 className="mt-4 text-4xl font-semibold tracking-tight text-balance sm:text-6xl">
          The press breathes.
        </h2>
      </div>
    </div>
  )
}