{{include "header.html"}}
{{include "nav.html"}}

{{if .Single}}
<section class="bg-ink relative h-72 md:h-96 overflow-hidden">
  {{$banner := index .Single.Ext "banner_img"}}
  {{if $banner}}<img src="{{$banner}}" alt="{{.Single.Name}}" class="w-full h-full object-cover opacity-50">{{end}}
  <div class="absolute inset-0 flex items-center justify-center text-mist text-center px-6">
    <div>
      <div class="text-xs tracking-wider2 text-accent mb-3">GET IN TOUCH · 联系我们</div>
      <h1 class="font-serif text-4xl md:text-6xl">{{.Single.Name}}</h1>
      {{if .Single.Description}}<p class="text-mist/80 mt-4 max-w-2xl mx-auto">{{.Single.Description}}</p>{{end}}
    </div>
  </div>
</section>

<section class="py-20 lg:py-24">
  <div class="max-w-[1280px] mx-auto px-6 lg:px-10 grid grid-cols-1 lg:grid-cols-12 gap-10">
    <div class="lg:col-span-5">
      <div class="text-xs tracking-wider2 text-gray-500 mb-3">CONTACT DESK</div>
      <h2 class="font-serif text-3xl text-ink mb-8">客户对接窗口</h2>

      <div class="space-y-6">
        <div class="border-t border-sand pt-4">
          <div class="text-xs text-gray-400 mb-1">电话</div>
          <div class="font-serif text-xl text-ink">{{index .Single.Ext "phone"}}</div>
        </div>
        <div class="border-t border-sand pt-4">
          <div class="text-xs text-gray-400 mb-1">邮箱</div>
          <div class="font-serif text-xl text-ink">{{index .Single.Ext "email"}}</div>
        </div>
        <div class="border-t border-sand pt-4">
          <div class="text-xs text-gray-400 mb-1">微信</div>
          <div class="font-serif text-xl text-ink">{{index .Single.Ext "wechat"}}</div>
        </div>
        <div class="border-t border-sand pt-4">
          <div class="text-xs text-gray-400 mb-1">工厂地址</div>
          <div class="font-serif text-lg text-ink leading-snug">{{index .Single.Ext "address"}}</div>
        </div>
        <div class="border-t border-sand pt-4">
          <div class="text-xs text-gray-400 mb-1">工作时间</div>
          <div class="font-serif text-lg text-ink">{{index .Single.Ext "hours"}}</div>
        </div>
      </div>

      <a href="/inquiry" class="inline-block mt-10 px-8 py-3 bg-ink text-mist text-sm tracking-wider2 hover:bg-primary transition">提交在线询盘 →</a>
    </div>

    <div class="lg:col-span-7">
      <div class="aspect-[9/16] lg:aspect-[4/5] overflow-hidden bg-sand">
        <img src="https://images.unsplash.com/photo-1558769132-cb1aea458c5e?auto=format&fit=crop&w=1200&q=80" alt="contact" class="w-full h-full object-cover">
      </div>
    </div>
  </div>
</section>

<section class="bg-sand py-16">
  <div class="max-w-[1280px] mx-auto px-6 lg:px-10 grid grid-cols-1 md:grid-cols-3 gap-6">
    <div class="bg-mist p-8 border border-sand">
      <div class="text-xs tracking-wider2 text-gray-500 mb-3">SALES · 销售对接</div>
      <h3 class="font-serif text-xl text-ink mb-2">询盘 · 报价 · 起订量</h3>
      <p class="text-sm text-gray-500 leading-relaxed mb-4">面向新合作品牌的销售顾问,提供版型样卡与价格区间。</p>
      <div class="text-sm text-ink">sales@liya-apparel.com</div>
    </div>
    <div class="bg-mist p-8 border border-sand">
      <div class="text-xs tracking-wider2 text-gray-500 mb-3">DEVELOPMENT · 版型研发</div>
      <h3 class="font-serif text-xl text-ink mb-2">改款 · 打版 · 工艺会签</h3>
      <p class="text-sm text-gray-500 leading-relaxed mb-4">资深版师对接,处理已下单后的版型修改与工艺确认。</p>
      <div class="text-sm text-ink">studio@liya-apparel.com</div>
    </div>
    <div class="bg-mist p-8 border border-sand">
      <div class="text-xs tracking-wider2 text-gray-500 mb-3">MEDIA · 媒体合作</div>
      <h3 class="font-serif text-xl text-ink mb-2">采访 · 内容 · 联名</h3>
      <p class="text-sm text-gray-500 leading-relaxed mb-4">面向行业媒体、KOL 与品牌联名的合作窗口。</p>
      <div class="text-sm text-ink">media@liya-apparel.com</div>
    </div>
  </div>
</section>
{{end}}

{{include "footer.html"}}
{{include "js.html"}}