Fluid Ink Morph

import { InkMorphText } from "@/components/ui/ink";

export default function InkMorphDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center bg-background px-6 py-16">
      <div className="flex flex-col items-center gap-6 text-center">
        <span className="text-xs font-medium uppercase tracking-[0.28em] text-muted-foreground">
          Fluid Ink Morph
        </span>
        <InkMorphText text="Ink Morph" />
        <p className="max-w-sm text-sm text-muted-foreground">
          Text emerges from ink-like turbulence and settles into crisp letters.
        </p>
      </div>
    </div>
  );
}