TheMagin UITheMagin UIPRO

Footer

Site footer with legal links, social links and utility

Footer

Footer content often contains copyright, legal links, contact, and social links.

Example

function SiteFooter() {
  return (
    <footer className="site-footer">
      <div className="container">
        <div>
          <p>© {new Date().getFullYear()} MyCompany — All rights reserved.</p>
        </div>
        <div>
          <a href="/privacy">Privacy</a>
          <a href="/terms">Terms</a>
          <a href="https://twitter.com">Twitter</a>
        </div>
      </div>
    </footer>
  );
}

Notes

  • Keep footer links discoverable but not overcrowded.

On this page