Shutter Timing Bench

import { ShutterTimingBench } from '@/components/ui/shutter-timing-bench'

import { ShutterTimingBench } from '@/components/ui/shutter-timing-bench'

export default function ShutterTimingBenchDemo() {
  return (
    <div className="mx-auto w-full max-w-3xl px-4 py-10 sm:px-6 sm:py-14">
      <p className="mb-4 font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
        Spectacle · exposure instrument
      </p>
      <h2 className="mb-6 text-2xl font-semibold tracking-tight text-balance sm:text-3xl">
        Fire when the carriage is sharp enough.
      </h2>
      <ShutterTimingBench
        defaultSpeedIndex={3}
        targetVelocity={240}
        seed={7}
        caption="FOCAL PLANE TEST · MK II"
        ariaLabel="Shutter timing bench"
      />
      <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
        Pick a stop, press the release. Smear is velocity times exposure, honest
        arithmetic on every plate. Sub-two-pixel streaks earn the SHARP lamp.
      </p>
    </div>
  )
}