Footer

Multi-column footer with links.

Usage

import { Footer } from '@/components/landing';

<Footer />

Location: src/components/landing/Footer.tsx

Features

• 3-column link grid (Product, Resources, Legal)
• Logo and copyright
• Dynamic year

Customization

Link Columns

Edit the link structure in Footer.tsx:

const footerLinks = {
  product: [
    { href: '#features', label: 'Features' },
    { href: '#pricing', label: 'Pricing' },
    { href: '/changelog', label: 'Changelog' },
  ],
  resources: [
    { href: '/docs', label: 'Documentation' },
    { href: '/blog', label: 'Blog' },
    { href: '/support', label: 'Support' },
  ],
  legal: [
    { href: '/privacy', label: 'Privacy Policy' },
    { href: '/terms', label: 'Terms of Service' },
  ],
};

i18n

Uses next-intl for translations:

{
  "landing": {
    "footer": {
      "product": "Product",
      "resources": "Resources",
      "legal": "Legal",
      "copyright": "All rights reserved."
    }
  }
}

Social Links

Add social media icons:

const socialLinks = [
  { href: 'https://twitter.com/...', icon: TwitterIcon },
  { href: 'https://github.com/...', icon: GithubIcon },
  { href: 'https://linkedin.com/...', icon: LinkedInIcon },
];