{{include "header.html"}}
{{include "nav.html"}}
<main class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
  <section class="rounded-[2rem] border border-[var(--border)] bg-white p-6 md:p-10">
    {{if .Single}}
    {{if index .Single.Ext "banner_img"}}<img src="{{index .Single.Ext "banner_img"}}" alt="{{.Single.Name}}" class="mb-8 h-[340px] w-full rounded-3xl object-cover">{{end}}
    <div class="section-kicker">{{.Single.Name}}</div>
    <h1 class="mt-4 text-4xl font-semibold">{{.Single.Name}}</h1>
    <div class="mt-8 grid gap-8 lg:grid-cols-12">
      <div class="lg:col-span-8">
        <p class="text-lg leading-8 text-[var(--muted)]">{{.Single.Description}}</p>
        <div class="prose mt-8 max-w-none">{{.Single.Content|Str2Html}}</div>
      </div>
      <div class="lg:col-span-4">
        <aside class="space-y-6 lg:sticky lg:top-24">
          <div class="rounded-[2rem] border border-[var(--border)] bg-[var(--surface-soft)] p-6">
            <h2 class="text-2xl font-semibold">公司信息</h2>
            <div class="mt-4 space-y-3 text-sm text-[var(--muted)]">
              <p>专注智慧农业软件与硬件集成</p>
              <p>支持现场勘测、部署和运维</p>
              <p>适配温室、果园、牧场与园区</p>
            </div>
          </div>
          <div class="rounded-[2rem] border border-[var(--border)] bg-white p-6">
            <h2 class="text-2xl font-semibold">合作方式</h2>
            <p class="mt-3 text-sm leading-7 text-[var(--muted)]">可按项目、按模块或按年度服务合作，支持定制化交付和平台联调。</p>
          </div>
        </aside>
      </div>
    </div>
    {{end}}
  </section>
</main>
{{include "footer.html"}}
{{include "js.html"}}