{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">STORY · FILM · BRAND</span><h1>{网站名称}<br><em>{$site.slogan|default:用影像讲好故事，让品牌被看见}</em></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>策略</strong><span>品牌洞察</span></div><div class="yd-stat"><strong>创意</strong><span>内容策划</span></div><div class="yd-stat"><strong>制作</strong><span>专业执行</span></div><div class="yd-stat"><strong>传播</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 MEDIA</span><h2>创意影像服务</h2><p>内容由当前行业独立数据自动调用。</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>MEDIA 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">创作团队</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">品牌影像作品</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} · MEDIA STORY</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">创意与品牌观察</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"}