Trail Cursor

import { ArrowRight } from "lucide-react"
import { TrailCursor } from "@/components/ui/trail-cursor"

export default function DemoTrailCursor() {
  return (
    <TrailCursor className="flex min-h-[34rem] flex-col items-center justify-center gap-8 px-6 py-24 text-center">
      <p className="text-[0.68rem] font-medium uppercase tracking-[0.22em] text-muted-foreground">
        Move your pointer
      </p>
      <h1 className="max-w-xl text-balance text-4xl font-semibold leading-[1.05] tracking-tight sm:text-6xl">
        The ring catches up, then holds on
      </h1>