Footer

┌─────────────────────────────────────────────────────┐
│ root                                                │
│ ┌─────────────────────────────────────────────────┐ │
│ │ top                                             │ │
│ │ ┌───────────┐ ┌────────┐ ┌────────┐ ┌────────┐ │ │
│ │ │ brand     │ │ column │ │ column │ │ column │ │ │
│ │ │ ┌───────┐ │ │ title  │ │ title  │ │ title  │ │ │
│ │ │ │ logo  │ │ │ • link │ │ • link │ │ • link │ │ │
│ │ │ └───────┘ │ │ • link │ │ • link │ │ • link │ │ │
│ │ │ tagline   │ │ • link │ │ • link │ │ • link │ │ │
│ │ │           │ │ • link │ │ • link │ │ • link │ │ │
│ │ └───────────┘ └────────┘ └────────┘ └────────┘ │ │
│ └─────────────────────────────────────────────────┘ │
│ ┌─────────────────────────────────────────────────┐ │
│ │ middle (optional newsletter)                    │ │
│ │ ┌─────────────────────────────────────────────┐ │ │
│ │ │ Subscribe to our newsletter                 │ │ │
│ │ │ ┌─────────────────────────────┐ ┌─────────┐ │ │ │
│ │ │ │ email@example.com           │ │Subscribe│ │ │ │
│ │ │ └─────────────────────────────┘ └─────────┘ │ │ │
│ │ └─────────────────────────────────────────────┘ │ │
│ └─────────────────────────────────────────────────┘ │
│ ┌─────────────────────────────────────────────────┐ │
│ │ bottom                                          │ │
│ │ ┌───────────────────────┐ ┌───────────────────┐ │ │
│ │ │ copyright             │ │ social            │ │ │
│ │ │ © 2024 Company        │ │ [🐦][💼][📷][🔗]  │ │ │
│ │ └───────────────────────┘ └───────────────────┘ │ │
│ │ ┌─────────────────────────────────────────────┐ │ │
│ │ │ legal: Privacy · Terms · Cookies            │ │ │
│ │ └─────────────────────────────────────────────┘ │ │
│ └─────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────┘

<Footer
  logo={{ src: '/logo.svg', alt: 'Company' }}
  tagline="Building the future of web development"
  columns={[
    {
      title: 'Product',
      links: [
        { label: 'Features', href: '/features' },
        { label: 'Pricing', href: '/pricing' },
        { label: 'Changelog', href: '/changelog' },
      ],
    },
    {
      title: 'Company',
      links: [
        { label: 'About', href: '/about' },
        { label: 'Blog', href: '/blog' },
        { label: 'Careers', href: '/careers' },
      ],
    },
    {
      title: 'Resources',
      links: [
        { label: 'Documentation', href: '/docs' },
        { label: 'API Reference', href: '/api' },
        { label: 'Support', href: '/support' },
      ],
    },
  ]}
  social={[
    { platform: 'twitter', url: 'https://twitter.com/company' },
    { platform: 'github', url: 'https://github.com/company' },
    { platform: 'linkedin', url: 'https://linkedin.com/company/company' },
  ]}
  newsletter={{
    title: 'Subscribe to updates',
    description: 'Get the latest news and updates.',
  }}
  copyright="© 2024 Company Inc. All rights reserved."
  legal={[
    { label: 'Privacy Policy', href: '/privacy' },
    { label: 'Terms of Service', href: '/terms' },
    { label: 'Cookie Policy', href: '/cookies' },
  ]}
/>

<Footer variant="columns" />   // Full columns layout
<Footer variant="centered" />  // Centered single column
<Footer variant="minimal" />   // Simple copyright + social
<Footer variant="newsletter" />// Newsletter-focused