Baseline Wave

import { TextBaselineWave } from '@/components/ui/text-baseline-wave'

import { TextBaselineWave } from '@/components/ui/text-baseline-wave'

export default function TextBaselineWaveDemo() {
  return (
    <div className="mx-auto flex min-h-[420px] max-w-3xl flex-col justify-center gap-6 px-6 py-24">
      <p className="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
        One pass · then stillness
      </p>
      <TextBaselineWave
        as="h1"
        text="Ship the release, not the roadmap."
        className="text-4xl sm:text-5xl"
      />
      <p className="max-w-md text-sm leading-relaxed text-muted-foreground">
        A single baseline wave settles the headline, then the line holds.
      </p>
    </div>
  )
}