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

<main class="enterprise-shell enterprise-page">
  {{if index .ThemesExt "show_slides"}}
  {{$slides := HomeSlides}}
  {{if $slides}}
  {{$hero := index $slides 0}}
  <section class="enterprise-hero enterprise-hero-bg" data-hero-bg="{{if $hero.Img}}{{$hero.Img}}{{else}}https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80{{end}}">
    <div class="enterprise-hero-content">
      <span class="enterprise-pill">Enterprise solutions</span>
      <h1 class="enterprise-title">{{if $hero.Title}}{{$hero.Title}}{{else}}面向企业增长的数字化官网{{end}}</h1>
      <p class="enterprise-lead">
        {{if $hero.SubTitle}}{{$hero.SubTitle}}{{else}}整合品牌展示、产品发布、新闻动态与客户沟通，打造更可信、更高效的企业门户。{{end}}
      </p>
      <div class="enterprise-flex-row enterprise-flex-wrap enterprise-gap-lg">
        <a class="enterprise-btn" href="#products">查看产品</a>
        <a class="enterprise-btn secondary" href="#contact">联系合作</a>
      </div>
    </div>
  </section>
  {{end}}
  {{end}}

  {{if index .ThemesExt "stats_cards"}}
  {{$cards := index .ThemesExt "stats_cards"}}
  {{if $cards}}
  <section class="enterprise-section">
    <div class="enterprise-grid enterprise-grid-4">
      {{range $cards}}
      {{$bg := index . "bg"}}
      <div class="enterprise-card enterprise-padding-xl enterprise-bg-stats" data-bg="{{if $bg}}{{$bg}}{{else}}linear-gradient(135deg, #0f766e, #2563eb){{end}}">
      <div class="enterprise-font-3xl enterprise-card-stats-value">{{index . "value"}}</div>
        <div class="enterprise-card-stats-label">{{index . "label"}}</div>
      </div>
      {{end}}
    </div>
  </section>
  {{end}}
  {{end}}

  {{$products := ColumnContents "products" 4}}
  {{if $products}}
  <section class="enterprise-section" id="products">
    <div class="enterprise-title-row enterprise-flex-end-between">
      <div>
        <div class="enterprise-kicker">Products</div>
        <h2 class="enterprise-section-title">产品推荐</h2>
      </div>
      <a href="/products" class="enterprise-muted">查看更多</a>
    </div>
    <div class="enterprise-grid enterprise-grid-4">
      {{range $products}}
      <article class="enterprise-card">
        <a href="{{.URL}}">
          <img src="{{if .Img}}{{.Img}}{{else}}https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=80{{end}}" alt="{{.Title}}" class="enterprise-min-h-240 enterprise-hero-cover">
        </a>
        <div class="enterprise-card-body">
          {{if .Ext}}
          {{$badge := index .Ext "badge"}}
          {{if $badge}}<div class="enterprise-pill enterprise-pill-soft">{{ $badge }}</div>{{end}}
          {{end}}
          <h3 class="enterprise-card-title-compact enterprise-mt-md enterprise-font-lg"><a href="{{.URL}}" class="enterprise-text-no-decoration">{{.Title}}</a></h3>
          {{if .Price}}<div class="enterprise-price">¥{{printf "%.2f" .Price}}</div>{{end}}
          <p class="enterprise-muted enterprise-line-18 enterprise-min-h-120">{{StrSub .Description 90}}</p>
          <div class="enterprise-mt-md">
            <a class="enterprise-btn" href="{{.URL}}">查看详情</a>
          </div>
        </div>
      </article>
      {{end}}
    </div>
  </section>
  {{end}}

  {{$news := ColumnContents "news" 6}}
  {{if $news}}
  <section class="enterprise-section">
    <div class="enterprise-title-row enterprise-flex-end-between">
      <div>
        <div class="enterprise-kicker">News</div>
        <h2 class="enterprise-section-title">最新新闻</h2>
      </div>
    </div>
    <div class="enterprise-grid enterprise-grid-3">
      {{range $news}}
      <article class="enterprise-card">
        <a href="{{.URL}}">
          <img src="{{if .Img}}{{.Img}}{{else}}https://images.unsplash.com/photo-1495020689067-958852a7765e?auto=format&fit=crop&w=1200&q=80{{end}}" alt="{{.Title}}" class="enterprise-min-h-220 enterprise-hero-cover">
        </a>
        <div class="enterprise-card-body">
          <h3 class="enterprise-card-title"><a href="{{.URL}}" class="enterprise-text-no-decoration">{{.Title}}</a></h3>
          <p class="enterprise-muted enterprise-line-18 enterprise-min-h-180">{{StrSub .Description 110}}</p>
          <div class="enterprise-flex-between enterprise-mt-md enterprise-font-md">
            <span class="enterprise-muted">{{ParseTime .CreatedAt "2006-01-02"}}</span>
            <a href="{{.URL}}" class="enterprise-text-primary enterprise-text-no-decoration">阅读更多</a>
          </div>
        </div>
      </article>
      {{end}}
    </div>
  </section>
  {{end}}

  {{if index .ThemesExt "testimonials"}}
  {{$testimonials := index .ThemesExt "testimonials"}}
  {{if $testimonials}}
  <section class="enterprise-section">
    <div class="enterprise-mb-md">
      <div class="enterprise-kicker">Testimonials</div>
      <h2 class="enterprise-section-title">客户评价</h2>
    </div>
    <div id="testimonials-scroll" class="enterprise-scroll-x">
      <div class="enterprise-flex-row enterprise-gap-lg enterprise-scroll-row-tight">
        {{range $testimonials}}
        <article class="enterprise-card enterprise-testimonial-card">
          <div class="enterprise-card-body">
            <div class="enterprise-flex-center enterprise-gap-md enterprise-mb-md">
              <div class="enterprise-dot">
                {{StrSub (index . "name") 1}}
              </div>
              <div>
                <div class="enterprise-card-stats-value">{{index . "name"}}</div>
                <div class="enterprise-muted enterprise-font-small">{{index . "company"}}</div>
              </div>
            </div>
            <p class="enterprise-muted enterprise-line-185">{{index . "content"}}</p>
          </div>
        </article>
        {{end}}
      </div>
    </div>
  </section>
  {{end}}
  {{end}}

  {{if index .ThemesExt "partners"}}
  {{$partners := index .ThemesExt "partners"}}
  {{if $partners}}
  <section class="enterprise-section">
    <div class="enterprise-mb-md">
      <div class="enterprise-kicker">Partners</div>
      <h2 class="enterprise-section-title">合作伙伴</h2>
    </div>
    <div class="enterprise-grid enterprise-grid-4">
      {{range $partners}}
        <div class="enterprise-card enterprise-min-h-120 enterprise-place-center enterprise-padding-xl">
        <img src="{{index . "logo"}}" alt="{{index . "name"}}" class="enterprise-partner-logo">
      </div>
      {{end}}
    </div>
  </section>
  {{end}}
  {{end}}

  <section class="enterprise-section" id="contact">
    <div class="enterprise-grid enterprise-grid-2 enterprise-align-center">
      <div>
        <div class="enterprise-kicker">Contact</div>
        <h2 class="enterprise-section-title enterprise-mb-md">准备开始你的企业官网升级</h2>
        <p class="enterprise-muted enterprise-line-19 enterprise-mb-lg">
          适合品牌展示、产品发布、内容营销和客户沟通。把你当前的业务信息、产品资料和内容更新成更有质感的企业门户。
        </p>
        <a class="enterprise-btn" href="/contact">立即联系</a>
      </div>
      <div class="enterprise-card">
        <img src="https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1400&q=80" alt="企业办公场景" class="enterprise-min-h-320 enterprise-hero-cover">
      </div>
    </div>
  </section>
</main>

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

{{if index .ThemesExt "show_slides"}}
{{$slides := HomeSlides}}
{{if $slides}}
<script src="/static/js/index.js"></script>
{{end}}
{{end}}