Background Beams

import { BackgroundBeams } from '@/components/ui/background-beams'

import { BackgroundBeams } from '@/components/ui/background-beams'

export default function BackgroundBeamsDemo() {
  return (
    <div className="relative overflow-hidden">
      <BackgroundBeams />
      <div className="relative mx-auto flex min-h-[480px] max-w-3xl flex-col items-start justify-center px-6 py-24">
        <p className="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
          Meridian relay
        </p>
        <h2 className="mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl">
          Your systems, finally talking to each other.
        </h2>
        <p className="mt-4 max-w-lg text-base leading-relaxed text-muted-foreground">
          Every pulse is a record moving between your CRM, inbox, and ledger, matched, logged, and
          reversible.
        </p>
      </div>
    </div>
  )
}