{{$contact := index .ThemesExt "contact"}}
<section class="bg-ink text-mist mt-20">
  <div class="max-w-[1280px] mx-auto px-6 lg:px-10 py-16 grid grid-cols-1 lg:grid-cols-12 gap-10">
    <div class="lg:col-span-5">
      <div class="font-serif text-3xl tracking-wider2 mb-2">LIYA APPAREL</div>
      <p class="text-sm text-gray-400 leading-relaxed max-w-md">{{index .ThemesExt "footer_text"}}</p>

      <div class="mt-8 flex flex-col gap-2 text-sm text-gray-300">
        {{if $contact}}
        <div>电话 · <span class="text-mist">{{$contact.phone}}</span></div>
        <div>邮箱 · <span class="text-mist">{{$contact.email}}</span></div>
        <div>微信 · <span class="text-mist">{{$contact.wechat}}</span></div>
        <div>地址 · <span class="text-mist">{{$contact.address}}</span></div>
        <div>工时 · <span class="text-mist">{{$contact.hours}}</span></div>
        {{end}}
      </div>
    </div>

    <div class="lg:col-span-3">
      <div class="text-xs tracking-wider2 text-gray-500 mb-4">导航</div>
      <ul class="space-y-2 text-sm text-gray-300">
        <li><a href="/" class="hover:text-mist">首页</a></li>
        {{range .Columns}}<li><a href="{{.URL}}" class="hover:text-mist">{{.Name}}</a></li>{{end}}
      </ul>
    </div>

    <div class="lg:col-span-4">
      <div class="text-xs tracking-wider2 text-gray-500 mb-4">立即对接</div>
      <p class="text-sm text-gray-300 leading-relaxed mb-4">留下品牌、款式偏好与起订量,我们将在 1 个工作日内安排资深销售顾问与你接洽。</p>
      <a href="/inquiry" class="inline-block px-6 py-3 bg-mist text-ink text-sm tracking-wide hover:bg-accent hover:text-mist transition">提交询盘 →</a>

      {{$links := FriendLinks}}
      {{if $links}}
      <div class="mt-8">
        <div class="text-xs tracking-wider2 text-gray-500 mb-3">友情链接</div>
        <div class="flex flex-wrap gap-x-4 gap-y-2 text-xs text-gray-400">
          {{range $links}}<a href="{{.URL}}" target="_blank" rel="noopener" class="hover:text-mist">{{.Name}}</a>{{end}}
        </div>
      </div>
      {{end}}
    </div>
  </div>

  <div class="border-t border-gray-800">
    <div class="max-w-[1280px] mx-auto px-6 lg:px-10 py-5 flex flex-col md:flex-row justify-between gap-2 text-xs text-gray-500">
      <div>{{index .ThemesExt "copyright"}}</div>
      <div>{{index .ThemesExt "icp"}}</div>
    </div>
  </div>
</section>