Kinetic Variable Hero

import { KineticVariableHero } from '@/components/blocks/kinetic-variable-hero'

import { KineticVariableHero } from '@/components/blocks/kinetic-variable-hero'

export default function KineticVariableHeroDemo() {
  return (
    <KineticVariableHero
      eyebrow="Lab · Live wght axis"
      headline="Weight follows your hand."
      accentWord={1}
      description="Every glyph sits on a live variable-font field, the pointer carries a weight bloom across the line, and scrolling drives a crest through it. No canvas, no images: just the axis your system font already ships."
      primaryCta={{ label: 'Read the axis notes', href: '#axis' }}
      secondaryCta={{ label: 'View the field math', href: '#math' }}
    />
  )
}