---
import logo from "../../pic/智引未来GEO_透明背景_矢量版.svg";
import { site } from "../data/site";
---
<footer class="site-footer">
  <div class="footer-glow"></div>
  <div class="container footer-grid">
    <div class="footer-brand">
      <a href="/" class="footer-logo" aria-label="智引未来首页"><img src={logo.src} width="775" height="199" loading="lazy" alt="智引未来" /></a>
      <p>科技蓝为品牌基底，增长绿为业务引擎。让企业在AI与社媒搜索中持续被看见、被理解、被推荐。</p>
      <div class="footer-tags"><span>GEO</span><span>SMO</span><span>AI全域优化</span></div>
    </div>
    <div><h2>探索智引</h2><a href="/about/">关于我们</a><a href="/methodology/">服务方法</a><a href="/articles/">洞察中心</a><a href="/faq/">常见问题</a></div>
    <div><h2>产品服务</h2>{site.services.map((item) => <a href={`/services/${item.slug}/`}>{item.name}</a>)}</div>
    <div class="footer-contact"><h2>联系咨询</h2><a class="footer-phone" href={`tel:${site.contact.phone}`}>{site.contact.phoneDisplay}</a><a href={`mailto:${site.contact.email}`}>{site.contact.email}</a><address>{site.contact.address}</address><a class="footer-arrow" href="/contact/">预约品牌诊断 <span>↗</span></a></div>
  </div>
  <div class="container footer-bottom">
    <p>© {new Date().getFullYear()} {site.brand.legalName}</p>
    <p>以真实数据驱动可持续的搜索增长</p>
  </div>
</footer>
