---
import { site } from "../data/site";
---
<dialog class="contact-dialog" data-contact-dialog aria-labelledby="contact-dialog-title">
  <div class="contact-dialog__panel">
    <button class="contact-dialog__close" type="button" data-contact-dialog-close aria-label="关闭联系方式弹窗">×</button>
    <div class="contact-dialog__heading">
      <div class="eyebrow"><span></span>CONTACT AILEAD</div>
      <h2 id="contact-dialog-title">从一次品牌诊断开始</h2>
      <p>告诉我们品牌与关注的品类关键词，先看清AI搜索和社媒搜索中的真实现状。</p>
    </div>
    <div class="contact-dialog__grid">
      <article><span>01</span><h3>电话咨询</h3><a class="contact-dialog__primary" href={`tel:${site.contact.phone}`}>{site.contact.phoneDisplay}</a><p>工作沟通与项目咨询</p></article>
      <article><span>02</span><h3>联系邮箱</h3><a class="contact-dialog__primary contact-dialog__email" href={`mailto:${site.contact.email}`}>{site.contact.email}</a><p>发送品牌资料与需求说明</p></article>
      <article><span>03</span><h3>公司地址</h3><address>{site.contact.address}</address></article>
      <article><span>04</span><h3>官方网站</h3><a class="contact-dialog__primary contact-dialog__website" href={`https://${site.contact.website}/`}>{site.contact.website}</a><p>智引未来官方信息窗口</p></article>
    </div>
  </div>
</dialog>
