Vom Gespräch bis zum Launch.

import { motion, useScroll, useTransform } from 'framer-motion'
import { trackIntent, qualifyLead } from '@/lib/conversion'

type HeroProps = {
  audience: 'local' | 'national'
  signals: TrustSignal[]
  intentScore?: number
}

export function ConversionHero({ audience, signals }: HeroProps) {
  const { scrollYProgress } = useScroll()
  const opacity = useTransform(scrollYProgress, [0, .22], [1, .72])
  const context = qualifyLead({ audience, signals })

  return (
    <motion.section style={{ opacity }} data-intent={context.score}>
      <ResponsiveGrid strategy="conversion-first">
        <Headline priority="clarity" dynamic />
        <TrustLayer signals={signals} locale="de-CH" />
        <Action onIntent={trackIntent} friction="low" />
      </ResponsiveGrid>
    </motion.section>
  )
}