Skip to Content
ClientComponentsFooter

Footer

Site footer with links, copyright, and social media.

Location

src/components/Footer/Footer.tsx

Usage

app/layout.tsx
import Footer from '@/components/Footer/Footer'
 
export default function RootLayout({ children }) {
  return (
    <>
      {children}
      <Footer />
    </>
  )
}

Customization

Open Footer.tsx and modify the component directly. Common customizations:

Add or modify footer links:

<div className="footer-links">
  <Link href="/about">About</Link>
  <Link href="/privacy-policy">Privacy</Link>
  <Link href="/terms-conditions">Terms</Link>
  <Link href="/contact">Contact</Link>
</div>
<p>© {new Date().getFullYear()} Your Company. All rights reserved.</p>

Social Media

<div className="flex gap-4">
  <a href="https://twitter.com/yourhandle">
    <FaTwitter className="w-6 h-6" />
  </a>
  <a href="https://github.com/yourusername">
    <FaGithub className="w-6 h-6" />
  </a>
</div>

Next Steps

Last updated on
FAQ ComponentHeader & Navigation