Footer

Footer block with logo, links, and legal information.

---
import Footer from "@navigation/footer/Footer.astro";
---

<Footer
footerText="&copy; 2026 My Site Inc. All rights reserved." links={
  [
    {
      "name": "Home",
      "path": "#"
    },
    {
      "name": "Resources",
      "path": "#"
    },
    {
      "name": "Contact",
      "path": "#"
    }
  ]
} logoAlt="Logo" logoSource="/src/assets/images/component-docs/acs-logo.svg" socials={
  [
    {
      "icon": "social/facebook",
      "link": "https://facebook.com/"
    },
    {
      "icon": "social/x",
      "link": "https://x.com/"
    },
    {
      "icon": "social/instagram",
      "link": "https://instagram.com/"
    }
  ]
}
/>

---
blocks:
  _component: navigation/footer
  logoSource: /src/assets/images/component-docs/acs-logo.svg
  logoAlt: Logo
  links:
    - name: Home
      path: '#'
    - name: Resources
      path: '#'
    - name: Contact
      path: '#'
  socials:
    - icon: social/facebook
      link: https://facebook.com/
    - icon: social/x
      link: https://x.com/
    - icon: social/instagram
      link: https://instagram.com/
  footerText: '&copy; 2026 My Site Inc. All rights reserved.'
---

Overview #

A comprehensive footer block with logo, navigation links, social media icons, and legal information. Supports multiple link columns and copyright text.

Properties #

logoSource string

Logo image source URL or path.

logoAlt string | default: Logo

Alt text for the logo image for accessibility.

links array | default: array

Array of navigation links to display in the footer.

Item Properties:

name string

Display text for the navigation link.

path string

URL path for the navigation link.

socials array | default: array

Array of social media links to display in the footer.

Item Properties:

icon enum

Icon for the social media platform. Sourced from [Heroicons](https://heroicons.com/).

link string

URL link to the social media profile.

footerText string

Legal text or copyright information to display at the bottom of the footer.