<?php
$pageTitle = '服务项目';
require_once 'header.php';
?>

<main class="site-main">

    <!-- 页面标题区域 -->
    <section class="page-banner">
        <div class="container">
            <h1>💒 我们的服务</h1>
            <p>从筹备到礼成，全程陪伴每一对新人</p>
        </div>
    </section>

    <!-- 服务详情区域 -->
    <section class="services-detail">
        <div class="container">
            <div class="service-detail-grid">
                
                <!-- 服务 1：本地风俗查询 -->
                <div class="service-detail-card">
                    <div class="service-detail-icon">🏮</div>
                    <h3>本地风俗查询</h3>
                    <p>深入了解阳泉本地的婚嫁礼仪，包括择日、过大礼、回门等传统习俗。让您的婚礼既传统又时尚。</p>
                    <ul class="service-features">
                        <li>✅ 阳泉传统婚俗大全</li>
                        <li>✅ 择日吉时查询</li>
                        <li>✅ 过大礼物品清单</li>
                        <li>✅ 婚礼流程习俗指导</li>
                    </ul>
                    <a href="custom.php" class="btn btn-primary">立即咨询</a>
                </div>

                <!-- 服务 2：婚礼流程规划 -->
                <div class="service-detail-card">
                    <div class="service-detail-icon">📋</div>
                    <h3>婚礼流程规划</h3>
                    <p>定制专属婚礼时间线，从迎亲到婚宴，每个环节都完美衔接，让您轻松享受婚礼。</p>
                    <ul class="service-features">
                        <li>✅ 个性化时间表定制</li>
                        <li>✅ 婚礼流程设计</li>
                        <li>✅ 应急预案准备</li>
                        <li>✅ 现场执行督导</li>
                    </ul>
                    <a href="checklist.php" class="btn btn-primary">查看清单</a>
                </div>

                <!-- 服务 3：预算与省钱 -->
                <div class="service-detail-card">
                    <div class="service-detail-icon">💰</div>
                    <h3>预算与省钱</h3>
                    <p>智能分项预算建议，帮助您合理分配婚礼资金，在预算范围内实现最完美的婚礼。</p>
                    <ul class="service-features">
                        <li>✅ 预算智能分配</li>
                        <li>✅ 费用追踪管理</li>
                        <li>✅ 省钱技巧分享</li>
                        <li>✅ 供应商比价参考</li>
                    </ul>
                    <a href="budget.php" class="btn btn-primary">开始预算</a>
                </div>

                <!-- 服务 4：商家推荐 -->
                <div class="service-detail-card">
                    <div class="service-detail-icon">🏪</div>
                    <h3>商家推荐</h3>
                    <p>精选阳泉本地优质婚庆商家，涵盖酒店、婚庆公司、摄影、婚车等全方位服务。</p>
                    <ul class="service-features">
                        <li>✅ 本地商家信息库</li>
                        <li>✅ 真实用户评价</li>
                        <li>✅ 价格对比参考</li>
                        <li>✅ 一键联系商家</li>
                    </ul>
                    <a href="vendors.php" class="btn btn-primary">查看商家</a>
                </div>

                <!-- 服务 5：电子请柬 -->
                <div class="service-detail-card">
                    <div class="service-detail-icon">💌</div>
                    <h3>电子请柬</h3>
                    <p>在线制作精美的婚礼电子请柬，多种主题风格随心选，一键分享给亲朋好友。</p>
                    <ul class="service-features">
                        <li>✅ 多种精美主题模板</li>
                        <li>✅ 自定义婚礼信息</li>
                        <li>✅ 一键分享链接</li>
                        <li>✅ 浏览统计追踪</li>
                    </ul>
                    <a href="invitation_create.php" class="btn btn-primary">制作请柬</a>
                </div>

            </div>
        </div>
    </section>

    <!-- 附加服务 -->
    <section class="additional-services">
        <div class="container">
            <h2>🎯 更多贴心服务</h2>
            <div class="additional-grid">
                <div class="additional-card">
                    <div class="additional-icon">🎤</div>
                    <h3>父母致辞范例</h3>
                    <p>简单上口的致辞稿，让爸妈在婚礼台上自信发声。</p>
                    <a href="parent_speech.php" class="btn-link">查看台词 →</a>
                </div>
                <div class="additional-card">
                    <div class="additional-icon">📅</div>
                    <h3>老黄历</h3>
                    <p>查阅每日宜忌、吉神凶煞，为您择良辰吉日。</p>
                    <a href="almanac.php" class="btn-link">查阅黄历 →</a>
                </div>
                <div class="additional-card">
                    <div class="additional-icon">🌤</div>
                    <h3>天气查询</h3>
                    <p>提前查询婚礼日期天气状况，做好应对准备。</p>
                    <a href="weather.php" class="btn-link">查看天气 →</a>
                </div>
                <div class="additional-card">
                    <div class="additional-icon">🔮</div>
                    <h3>八字测算</h3>
                    <p>八字合婚测算，解读双方命理，预知姻缘契合度。</p>
                    <a href="bazi.php" class="btn-link">开始测算 →</a>
                </div>
            </div>
        </div>
    </section>

</main>

<?php require_once 'footer.php'; ?>