Landing Page

The landing page is composed of sections defined in site.yaml under landing.sections. Sections render in order, top to bottom.

Available section types

Hero

The main banner at the top of the page.

landing:
  sections:
    - type: hero
      badge: "Open Source"           # Optional pill badge
      title: "Your headline here"
      subtitle: "A longer description"
      primaryCTA:
        label: "Get Started"
        href: "/docs"
      secondaryCTA:
        label: "GitHub"
        href: "https://github.com/..."
FieldRequiredDescription
badgeNoSmall badge text above the headline
titleYesMain headline
subtitleNoDescription text below the headline
primaryCTANoPrimary call-to-action button
secondaryCTANoSecondary outline button

Features

A grid of feature cards with icons.

    - type: features
      title: "Built for developers"
      columns: 3
      items:
        - icon: "zap"
          title: "Lightning Fast"
          description: "Sub-millisecond response times."
        - icon: "code"
          title: "MDX Powered"
          description: "Write Markdown with React components."

Available icons: zap, code, search, palette, shield, rocket.

FieldRequiredDescription
titleNoSection heading
columnsNoGrid columns (1–4, default 3)
itemsYesArray of feature cards

FAQ

An accordion-style frequently asked questions section.

    - type: faq
      title: "FAQ"
      items:
        - question: "How do I get started?"
          answer: "Clone the repo and run bun install."

CTA

A call-to-action section with a headline and button.

    - type: cta
      title: "Ready to start?"
      description: "Get your docs up in minutes."
      button:
        label: "Read the Docs"
        href: "/docs"

Example configuration

Here is a complete landing page with all section types:

landing:
  sections:
    - type: hero
      badge: "v1.0"
      title: "Documentation that works."
      subtitle: "Fast, simple, configurable."
      primaryCTA:
        label: "Get Started"
        href: "/docs"
    - type: features
      title: "Features"
      columns: 3
      items:
        - icon: "zap"
          title: "Fast"
          description: "Built on Bun."
        - icon: "search"
          title: "Search"
          description: "Built-in FlexSearch."
        - icon: "palette"
          title: "Themeable"
          description: "One YAML file."
    - type: faq
      title: "FAQ"
      items:
        - question: "Is it free?"
          answer: "Yes, fully open source."
    - type: cta
      title: "Start building."
      button:
        label: "Read the Docs"
        href: "/docs"