---
import { nav, serviceNav, site } from "@data/site";
---

<footer class="site-footer">
  <div class="footer-inner">
    <section class="footer-brand" aria-label="BlueCap Strategies summary">
      <img src="/assets/bluecap-logo.png" alt="BlueCap Strategies" width="190" height="57" />
      <p>
        Transforming environmental challenges into investable opportunities through strategy,
        capital, and implementation support for aquatic resources.
      </p>
    </section>
    <nav aria-label="Footer navigation">
      <h2>Quick Links</h2>
      {nav.map((item) => <a href={item.href}>{item.label}</a>)}
    </nav>
    <nav aria-label="Service navigation">
      <h2>Services</h2>
      {serviceNav.slice(0, 5).map((item) => <a href={item.href}>{item.label}</a>)}
      <a href="/services/">All services</a>
    </nav>
    <section>
      <h2>Contact Info</h2>
      <p><strong>Phone</strong><br /><a href={`tel:${site.phone.replaceAll("-", "")}`}>{site.phone}</a></p>
      <p><strong>Email</strong><br /><a href={site.contactEmailHref}>{site.email}</a></p>
      <a class="footer-cta" href="/contact/">Request a consultation</a>
    </section>
  </div>
  <div class="footer-bottom">
    <p>(c) 2026 BlueCap Strategies, LLC. All rights reserved.</p>
  </div>
</footer>
