{include file="header.html"}
<section class="yd-hero" style="background-image:url('{$site.banner}')"><div class="yd-shell yd-hero-content"><span class="yd-eyebrow">Enterprise HTML Template</span><h1>{网站名称}<br>{$site.slogan|default:让专业服务被清晰看见}</h1><p>{公司简介长}</p><div class="yd-actions"><a class="yd-btn" href="/product/">查看产品服务</a><a class="yd-btn outline" href="/contact/">联系项目顾问</a></div></div></section>
<section class="yd-stats"><div class="yd-shell yd-stats-grid"><div class="yd-stat"><strong>HTML</strong><span>安全标签模板</span></div><div class="yd-stat"><strong>INDEX</strong><span>首页模型</span></div><div class="yd-stat"><strong>LIST</strong><span>列表模型</span></div><div class="yd-stat"><strong>SHOW</strong><span>内容模型</span></div></div></section>
<section class="yd-section"><div class="yd-shell"><div class="yd-section-head"><div><span class="yd-eyebrow">Core Services</span><h2>产品与服务</h2><p>以下内容使用 loop 标签调用。</p></div><a class="yd-more" href="/product/">全部服务 →</a></div><div class="yd-grid">
{loop type="arclist" source="products" row="6" as="vo"}<a class="yd-card" href="{$vo.url}"><div class="yd-card-image">{if $vo.pic}<img src="{$vo.pic}" alt="{$vo.title}">{/if}</div><div class="yd-card-body"><small>PRODUCT SERVICE</small><h3>{$vo.title}</h3><p>{$vo.description|truncate:86}</p></div></a>{/loop}
</div></div></section>
<section class="yd-section soft"><div class="yd-shell yd-about"><div class="yd-about-media"><img src="{$site.about_image}" alt="{网站名称}"><div class="yd-about-badge"><strong>{$site.city}</strong><br><span>本地化服务响应</span></div></div><div><span class="yd-eyebrow">About Company</span><h2>关于{网站名称}</h2><p>{公司简介长}</p><a class="yd-btn" href="/about/">了解企业详情</a></div></div></section>
<section class="yd-section"><div class="yd-shell"><div class="yd-section-head"><div><span class="yd-eyebrow">Project Cases</span><h2>客户案例</h2></div><a class="yd-more" href="/case/">全部案例 →</a></div><div class="yd-grid">
{loop source="cases" row="3" as="vo"}<a class="yd-card" href="{$vo.url}"><div class="yd-card-image">{if $vo.pic}<img src="{$vo.pic}" alt="{$vo.title}">{/if}</div><div class="yd-card-body"><small>{$vo.date} · CASE</small><h3>{$vo.title}</h3><p>{$vo.description|truncate:80}</p></div></a>{/loop}
</div></div></section>
<section class="yd-section soft"><div class="yd-shell"><div class="yd-section-head"><div><span class="yd-eyebrow">Latest Insights</span><h2>新闻资讯</h2></div><a class="yd-more" href="/news/">更多资讯 →</a></div><div class="yd-news-list">
{loop source="news" row="5" as="vo"}<a class="yd-news-item" href="{$vo.url}"><time>{$vo.date}</time><div><h3>{$vo.title}</h3><p>{$vo.description|truncate:90}</p></div><b>→</b></a>{/loop}
</div></div></section>
<section class="yd-cta"><div class="yd-shell yd-cta-inner"><div><h2>准备开始您的项目？</h2><p>欢迎联系{网站名称}，沟通具体需求与实施计划。</p></div><a class="yd-btn" href="/contact/">立即联系</a></div></section>
{include file="footer.html"}