Studio Process Reveal

import { StudioProcessReveal } from '@/components/blocks/studio-process-reveal'

'use client'

import { StudioProcessReveal } from '@/components/blocks/studio-process-reveal'

export default function StudioProcessRevealDemo() {
  return (
    <StudioProcessReveal
      eyebrow="Process"
      heading="How the work gets made"
      intro="Four phases, each ending in something you can use."
      phases={[
        {
          name: 'Discover',
          summary:
            'Workshops, competitive cuts, and a written brief that names the problem before we design anything.',
          duration: '1–2 wks',
          deliverable: 'Signed project brief',
        },
        {
          name: 'Define',
          summary:
            'Information architecture, key flows, and a visual direction locked with stakeholders, no open-ended drift.',
          duration: '2 wks',
          deliverable: 'Clickable prototype in code',
        },
        {
          name: 'Build',
          summary:
            'Design and engineering in the same room. Components ship with motion, a11y, and a performance budget.',
          duration: '4–6 wks',
          deliverable: 'Production-ready release',
        },
        {
          name: 'Ship & measure',
          summary:
            'Launch checklist, instrumentation, and a thirty-day readout so the next decision is evidence-led.',
          duration: '2 wks',
          deliverable: 'Launch report & next-sprint plan',
        },
      ]}
      deliverableLabel="Deliverable"
      note="Timelines are agreed in the proposal and kept."
    />
  )
}