Footer 03

File: src/blocks/footer/Footer03.astro

Centered, stacked footer:

1. Site title (home link)
2. Navigation — top-level navigation.links that have an href (no dropdowns)
3. Copyright — auto © {year} plus text
4. Social icons — from seo.sameAs (GitHub, LinkedIn, X, etc.)

Helpers: src/lib/footer.ts (socialsFromSameAs)

Add to a page

---
import Footer03 from "@/blocks/footer/Footer03.astro";
---

<Footer03 />

Override copy, links, or socials:

<Footer03
  text="BaseLayer Themes. All rights reserved."
  links={[
    { label: "Themes", href: "/themes/" },
    { label: "Docs", href: "/docs/" },
    { label: "About", href: "/about/" },
  ]}
  socials={[
    { href: "https://github.com/baselayer-themes", label: "GitHub", icon: "github" },
  ]}
/>

Config

Nav defaults come from identity.ts → navigation.links. Social icons default from integrations.ts → seo.sameAs:

seo: {
  sameAs: [
    "https://github.com/yourhandle",
    "https://linkedin.com/in/yourhandle",
  ],
},

Known hosts map to brand SVGs in SocialIcon.astro (github, linkedin, twitter / x, instagram, facebook, youtube, dribbble). Anything else uses a globe mark. Lucide does not ship brand logos.

Props

← Footer overview