Pointer Galvanometer

import { CursorGalvanometer } from '@/components/ui/cursor-galvanometer'

import { CursorGalvanometer } from '@/components/ui/cursor-galvanometer'

export default function CursorGalvanometerDemo() {
  return (
    <div className="relative min-h-[560px] overflow-hidden">
      <CursorGalvanometer corner="bottom-right" fullScale={2400} peakHold />
      <div className="pointer-events-none relative mx-auto flex min-h-[560px] max-w-3xl 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 · ballistic needle
        </p>
        <h2 className="mt-4 text-4xl font-semibold tracking-tight text-balance sm:text-5xl">
          Meter the hand.
        </h2>
        <p className="mt-4 max-w-md text-sm leading-relaxed text-muted-foreground">
          A docked galvanometer reads pointer velocity in px/s, soft-knee scale, peak-hold tick,
          and a weighted fall back to zero when you rest.
        </p>
      </div>
    </div>
  )
}