{{- $c := site.Data.content -}}
<footer>
  <div class="f-grid">
    <div><a class="logo" href="#top">{{ $c.site.name }}</a><p class="f-about">{{ $c.footer.about }}</p></div>
    <ul>{{ range $l := $c.footer.links_1 }}<li><a href="{{ $l.href }}">{{ $l.label }}</a></li>{{ end }}</ul>
    <ul>{{ range $l := $c.footer.links_2 }}<li><a href="{{ $l.href }}">{{ $l.label }}</a></li>{{ end }}</ul>
    <div class="f-contact">
      <div class="social">
        <a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="3" width="18" height="18" rx="5" /><circle cx="12" cy="12" r="4" /><circle cx="17.5" cy="6.5" r=".8" fill="currentColor" /></svg></a>
        <a href="#" aria-label="Pinterest"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="12" cy="12" r="9" /><path d="M11 8.5c3-1 5.5.6 5 3.4-.5 2.6-3.6 3.4-4.6 1.6M11.5 9.5 9 21" /></svg></a>
        <a href="#" aria-label="WhatsApp"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M4 20l1.4-4A8 8 0 1 1 8 18.6z" /><path d="M9 9.5c0 3 2.5 5.5 5.5 5.5l1-1.5-2-1-1 1c-1-.5-2-1.5-2.5-2.5l1-1-1-2z" /></svg></a>
      </div>
      <p>{{ $c.footer.hours }}</p>
      <a class="tel" href="{{ $c.footer.phone_href }}">{{ $c.footer.phone }}</a>
      <a href="mailto:{{ $c.footer.email }}">{{ $c.footer.email }}</a>
    </div>
  </div>
  <div class="f-bottom"><p><span data-year>2026</span> {{ $c.footer.copyright }}</p><p>Template powered by <a href="https://formgong.com" rel="noopener">Formgong</a></p></div>
</footer>