import aboutPageData from '@/content/aboutPage.json'

export type AboutReasonIcon = 'workshop' | 'game' | 'show' | 'experience'

export interface AboutStoryItem {
  label: string
  title: string
  description: string
}

export interface AboutWhatItem {
  title: string
  subtitle: string
}

export interface AboutReason {
  icon: AboutReasonIcon
  title: string
  description: string
}

export interface AboutPathCard {
  variant: 'guest' | 'host'
  kicker: string
  title: string
  description: string
  scenarioPrefix: string
  scenarioHighlight: string
}

export interface AboutValue {
  number: string
  title: string
  description: string
}

export interface AboutPage {
  eyebrow: string
  metaTitle: string
  metaDescription: string
  hero: {
    title: string
    titleHighlight: string
    titleSuffix: string
    lead: string[]
  }
  story: {
    eyebrow: string
    title: string
    titleHighlight: string
    lead: string
    items: AboutStoryItem[]
    quote: string
  }
  whatIs: {
    eyebrow: string
    title: string
    titleHighlight: string
    lead: string
    items: AboutWhatItem[]
  }
  excuse: {
    eyebrow: string
    title: string
    titleHighlight: string
    reasons: AboutReason[]
    quote: string
    closing: string
  }
  paths: {
    eyebrow: string
    title: string
    titleHighlight: string
    cards: AboutPathCard[]
  }
  vision: {
    eyebrow: string
    statement: string
    items: string[]
  }
  values: {
    eyebrow: string
    title: string
    titleHighlight: string
    items: AboutValue[]
  }
  final: {
    title: string
    titleHighlight: string
    ctaLabel: string
    ctaHref: string
  }
  stickyCta: {
    discoverLabel: string
    discoverHref: string
    hostLabel: string
    hostHref: string
  }
  footer: string
}

export const aboutPage = aboutPageData as AboutPage