{extend name="layout" /}
{block name="main"}
<!-- 首页唯一 H1 -->
<section class="hero">
    <div class="container">
        <h1>{$site.site_name|default='卫民CMS'} · 基于 ThinkPHP 8 的企业级建站系统</h1>
        <p class="hero-sub">{$site.site_description|default='私有化交付、SEO/GEO 友好、后台自由增删改查'}</p>
        <div class="hero-cta">
            <a class="btn" href="/product.html">查看产品</a>
            <a class="btn btn-ghost" href="/contact.html">预约演示</a>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">产品中心</h2>
        <div class="card-grid">
            {volist name="products" id="pr"}
            <article class="card">
                <a href="/product/{$pr.name}.html">
                    <img src="{$pr.cover|default='/static/img/placeholder.svg'}" loading="lazy" alt="{$pr.title}" width="320" height="200">
                </a>
                <div class="card-body">
                    <h3><a href="/product/{$pr.name}.html">{$pr.title}</a></h3>
                    <p>{$pr.summary|default=''}</p>
                </div>
            </article>
            {/volist}
        </div>
        <p class="more"><a href="/product.html">查看更多产品 →</a></p>
    </div>
</section>

<section class="section section-alt">
    <div class="container">
        <h2 class="section-title">新闻资讯</h2>
        <ul class="news-list">
            {volist name="news" id="n"}
            <li>
                <a href="/news/{$n.name}.html">{$n.title}</a>
                <time>{:date('Y-m-d', (int)$n.create_time)}</time>
            </li>
            {/volist}
        </ul>
        <p class="more"><a href="/news.html">查看更多新闻 →</a></p>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">为什么选择我们</h2>
        <div class="feature-grid">
            <div class="feature"><h3>自研卫民CMS</h3><p>基于 ThinkPHP 8 多应用架构，源码私有、无加密、无域名绑定，可迁移至任意宝塔服务器。</p></div>
            <div class="feature"><h3>SEO / GEO 友好</h3><p>伪静态语义化 URL、每页独立 TDK、自动 sitemap、结构化数据 JSON-LD、可编辑 robots.txt。</p></div>
            <div class="feature"><h3>后台自由维护</h3><p>产品 / 新闻 / 栏目 / 单页 / 留言 全模块可视化增删改查，运营无需懂代码。</p></div>
            <div class="feature"><h3>交付规范齐全</h3><p>源码包 + 数据库 + 部署文档 + 后台手册 + 设计源，开箱即用。</p></div>
        </div>
    </div>
</section>
{/block}