Footer Component — Astro

---
import Footer from '../components/astro/Footer.astro';
---

<Footer siteName="My Site" />

<!-- With links -->
<Footer
  siteName="My Site"
  links={[
    { href: '/privacy', label: 'Privacy' },
    { href: '/terms', label: 'Terms' },
  ]}
/>

<!-- Custom year -->
<Footer siteName="My Site" year={2025} />

<footer class="footer" role="contentinfo">
  <div class="footer__container">
    <div class="footer__inner">
      <p class="footer__copyright">
        <span class="footer__site-name">My Site</span> · <span class="footer__year">© 2025</span>
      </p>
      <nav class="footer__nav" aria-label="Footer">
        <ul class="footer__links">
          <li class="footer__link-item"><a class="footer__link" href="/privacy">Privacy</a></li>
          <li class="footer__link-item"><a class="footer__link" href="/terms">Terms</a></li>
        </ul>
      </nav>
    </div>
  </div>
</footer>

<script>
  import { Footer } from '$lib/rizzo';
</script>

<Footer siteName="My Site" />

<Footer
  siteName="My Site"
  links={[
    { href: '/privacy', label: 'Privacy' },
    { href: '/terms', label: 'Terms' },
  ]}
/>

<script setup>
import Footer from '@/components/rizzo/Footer.vue';
</script>

<template>
  <Footer
    site-name="My App"
    :year="new Date().getFullYear()"
    :links="[
      { href: '/docs', label: 'Docs' },
      { href: '/privacy', label: 'Privacy' },
    ]"
  />
</template>

import { Footer } from './components/react';

<Footer
  siteName="My App"
  year={new Date().getFullYear()}
  links={[
    { href: '/docs', label: 'Docs' },
    { href: '/privacy', label: 'Privacy' },
  ]}
/>