Scroll Sequence Kit

import { ScrollSequenceKit } from '@/components/blocks/scroll-sequence-kit'

import { ScrollSequenceKit } from '@/components/blocks/scroll-sequence-kit'

export default function ScrollSequenceKitDemo() {
  return (
    <div>
      <ScrollSequenceKit
        eyebrow="Lab · Scrubbed sequence"
        heading="Ninety-six frames, zero downloads."
        body="Scroll plays the sequence like a film scrubber: a seeded wireframe beacon assembles and rotates, every frame computed live from theme tokens. Hand the same component a frames array and it becomes a decode-ahead image pipeline."
        sequenceLabel="A wireframe beacon assembles edge by edge and rotates above a calibrated ground ellipse as the page scrolls; the final frame lights its apex node."
      />
      {/* scroll runway so the scrub has room to play in context */}
      <div aria-hidden="true" className="h-[60vh]" />
    </div>
  )
}