SaaS Landing Page Template

export interface SolsticeContent {
  /** identity, nav mark, wordmark tag */
  brand: { name: string; tag: string }
  nav: { links: SolsticeLink[]; cta: SolsticeLink }
  /** hero, the one spectacle moment on the page */
  hero: {
    eyebrow: string
    title: string
    description: string
    primaryCta: SolsticeLink
    secondaryCta: SolsticeLink
    caption: string
  }
  /** customer strip directly under the hero */
  proof: { statement: string; customers: string[] }
  /** 01, the product tour (four phases of the close) */
  tour: {
    kicker: string
    title: string
    lede: string
    consoleTitle: string
    phases: SolsticeTourPhase[]
  }
  /** 02, headline numbers */
  metrics: {
    kicker: string
    title: string
    items: { value: string; label: string; detail: string }[]
    footnote: string
  }
  /** 03, security & compliance */
  security: {
    kicker: string
    title: string
    lede: string
    seal: { lines: string[]; link: SolsticeLink }
    controls: { term: string; detail: string }[]
  }
  /** 04, pricing */
  pricing: {
    kicker: string
    title: string
    lede: string
    monthlyLabel: string
    annualLabel: string
    annualNote: string
    tiers: SolsticeTier[]
    footnote: string
  }
  /** 05, customer voices */
  customers: {
    kicker: string
    title: string
    lede: string
    lead: SolsticeQuote
    quotes: SolsticeQuote[]
  }
  /** 06, questions, most-asked first */
  faq: {
    kicker: string
    title: string
    lede: string
    items: { question: string; answer: string | string[] }[]
  }
  /** 07, the closer */
  closing: {
    kicker: string
    title: string
    description: string
    placeholder: string
    inputLabel: string
    buttonLabel: string
    note: string
    confirmation: string
  }
  footer: {
    tagline: string
    status: { label: string; detail: string; href: string }
    columns: { label: string; links: SolsticeLink[] }[]
    contact: { label: string; value: string; href: string }[]
    legal: SolsticeLink[]
    meta: string[]
  }
}

export interface SolsticeLink {
  label: string
  href: string
}

export interface SolsticeTourPhase {
  /** tab label, one word reads best */
  label: string
  /** one-line promise shown inside the tab */
  summary: string
  /** stage headline + argument for this phase */
  title: string
  body: string
  /** console rows, `good` marks a value that settled clean */
  rows: { label: string; value: string; good?: boolean }[]
  /** mono status line under the console rows */
  caption: string
  /** live status line cycling inside the console, the last state is the settled one */
  live: string[]
}

export interface SolsticeTier {
  name: string
  blurb: string
  /** preformatted prices, keep the currency symbol in the value */
  monthly: string
  annual: string
  unit: string
  features: string[]
  cta: SolsticeLink
  featured?: boolean
}

export interface SolsticeQuote {
  quote: string
  name: string
  role: string
  company: string
}