<footer class="mt-16 border-t border-border/30 py-12 bg-surface/20">
  <div class="container mx-auto px-4">
    <div class="grid md:grid-cols-3 gap-8 mb-8">
      <!-- About -->
      <div>
        <h3 class="font-bold text-accent mb-3 font-oxanium">{{ .Site.Title }}</h3>
        <p class="text-sm text-text-dim">{{ .Site.Params.siteDescription }}</p>
      </div>

      <!-- Quick links -->
      <div>
        <h4 class="font-semibold text-accent mb-3">{{ i18n "links" }}</h4>
        <ul class="space-y-2">
          {{ range .Site.Menus.main }}
            <li>
              <a href="{{ .URL }}" class="text-sm text-text-dim hover:text-accent transition-colors">
                {{ i18n .Name }}
              </a>
            </li>
          {{ end }}
        </ul>
      </div>

      <!-- Social (if configured) -->
      <div>
        <h4 class="font-semibold text-accent mb-3">{{ i18n "contact" }}</h4>
        <a href="mailto:{{ .Site.Params.email }}" class="text-sm text-text-dim hover:text-accent transition-colors">
          {{ i18n "email" }}: {{ .Site.Params.email }}
        </a>
      </div>
    </div>

    <!-- Copyright -->
    <div class="pt-8 border-t border-border/30 text-center text-xs text-text-dim">
      <p>&copy; {{ now.Year }} {{ .Site.Params.author }}. {{ i18n "allRightsReserved" }}</p>
    </div>
  </div>
</footer>
