Text on Path Scrub

import { TextOnPathScrub } from '@/components/blocks/text-on-path-scrub'

import { TextOnPathScrub } from '@/components/blocks/text-on-path-scrub'

export default function TextOnPathScrubDemo() {
  return (
    <div>
      <TextOnPathScrub
        eyebrow="Lab · Arc-length typesetting"
        headline="Set on the curve"
        description="The headline is typeset on a live SVG course, scroll feeds arc length, the ink draws itself beneath the glyphs, and the whole take plays in reverse without a seam. Survey ticks and the IN/OUT stations expose the construction."
      />
      {/* scroll runway so the scrub has room to play in context */}
      <div aria-hidden="true" className="h-[70vh]" />
    </div>
  )
}