Layout Components Overview

Layout components provide the structural elements for your pages.

Available Components

Full-featured header with navigation, actions, and mobile menu:

<Header
  showCta
  cta={{ label: 'Get Started', href: '/signup' }}
  showThemeToggle
/>

Flexible footer with multiple layouts:

<Footer layout="columns" columns={3} />

Dark mode toggle component:

<ThemeToggle />

Conditionally loads analytics scripts:

<!-- Automatically included in BaseLayout if configured -->
<Analytics />