<?php
/**
 * 2026企业CMS - 默认模板服务页面
 */
$pageDescription = '服务内容 - ' . SITE_NAME;
$breadcrumbItems = [['title' => '服务内容']];
$services = [
    ['icon'=>'🚀','title'=>'网站建设','desc'=>'专业团队提供企业官网、商城、小程序等全方位网站建设服务','features'=>['响应式设计','SEO优化','高性能架构']],
    ['icon'=>'💡','title'=>'SEO优化','desc'=>'通过搜索引擎优化提升网站排名，获取更多精准流量','features'=>['关键词优化','内容优化','外链建设']],
    ['icon'=>'🤝','title'=>'网络推广','desc'=>'多渠道网络推广方案，提升品牌知名度和转化率','features'=>['社交媒体','信息流广告','内容营销']],
    ['icon'=>'📱','title'=>'微信运营','desc'=>'微信公众号、小程序开发和运营，助力企业移动端营销','features'=>['公众号开发','小程序开发','内容运营']],
    ['icon'=>'📊','title'=>'数据分析','desc'=>'专业数据分析服务，帮助企业做出数据驱动的决策','features'=>['流量分析','用户画像','转化分析']],
    ['icon'=>'🛡️','title'=>'技术支持','desc'=>'7x24小时技术支持服务，保障网站稳定运行','features'=>['服务器运维','安全防护','数据备份']],
];
?>
<?php echo breadcrumb($breadcrumbItems); ?>

<div class="main-content">
    <div class="container">
        <h2 class="section-title">我们的服务</h2>
        <p style="text-align:center;color:#666;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto;">
            <?php echo SITE_NAME; ?>提供全方位互联网服务，助力企业数字化转型
        </p>
        
        <div class="grid" style="grid-template-columns:repeat(3,1fr);">
            <?php foreach ($services as $s): ?>
            <div class="card" style="padding:40px;text-align:center;">
                <div style="font-size:48px;margin-bottom:20px;"><?php echo $s['icon']; ?></div>
                <h3 style="font-size:20px;margin-bottom:15px;color:#333;"><?php echo $s['title']; ?></h3>
                <p style="color:#666;margin-bottom:20px;line-height:1.8;"><?php echo $s['desc']; ?></p>
                <ul style="list-style:none;text-align:left;color:#2c82e0;">
                    <?php foreach ($s['features'] as $f): ?>
                    <li style="padding:5px 0;">✓ <?php echo $f; ?></li>
                    <?php endforeach; ?>
                </ul>
            </div>
            <?php endforeach; ?>
        </div>
        
        <!-- 服务流程 -->
        <div style="margin-top:60px;">
            <h3 style="text-align:center;font-size:24px;margin-bottom:40px;">服务流程</h3>
            <div style="display:flex;justify-content:space-between;position:relative;">
                <?php $steps = ['需求沟通','方案设计','开发实施','测试上线','售后支持']; ?>
                <?php foreach ($steps as $i => $step): ?>
                <div style="text-align:center;flex:1;position:relative;">
                    <div style="width:60px;height:60px;background:#2c82e0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:20px;font-weight:bold;"><?php echo $i+1; ?></div>
                    <div style="font-size:16px;color:#333;font-weight:bold;"><?php echo $step; ?></div>
                    <?php if ($i < count($steps)-1): ?>
                    <div style="position:absolute;top:30px;right:-50%;width:100%;height:2px;background:#ddd;z-index:-1;"></div>
                    <?php endif; ?>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
        
        <!-- 联系我们 -->
        <div style="text-align:center;margin-top:60px;padding:40px;background:#f5f5f5;border-radius:8px;">
            <h3 style="font-size:24px;margin-bottom:15px;color:#333;">需要我们的服务？</h3>
            <p style="color:#666;margin-bottom:30px;">请联系我们，获取专属解决方案</p>
            <a href="<?php echo cms_url('contact'); ?>" class="btn" style="font-size:18px;padding:15px 50px;">立即咨询</a>
        </div>
    </div>
</div>
