<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
$type = $_GET['type'] ?? '智慧新零售';
$titles = [
    '智慧新零售' => '智域科技 - 智慧新零售数字化解决方案',
    '数字金融' => '智域科技 - 数字金融全栈架构解决方案',
    '智能制造' => '智域科技 - 智能制造工业互联网解决方案',
    '智慧医疗' => '智域科技 - 智慧医疗云端化解决方案'
];
$title = $titles[$type] ?? '智域科技 - 行业数字化转型实践';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= htmlspecialchars($title) ?></title>
    <link rel="icon" href="<?= $logo_path ?>" type="image/png">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
    <link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body class="bg-subtle">
    <nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center gap-2" href="/">
                <img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" >
                <span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
            </a>
            <a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回首页</a>
        </div>
    </nav>

    <main class="py-5 mt-5">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-8">
                    <div class="tech-card p-5 border-0 shadow-sm">
                        <span class="badge bg-success bg-opacity-10 text-success px-3 py-2 mb-3 fw-bold">转型实践方案</span>
                        <h1 class="display-5 fw-bold mb-4 text-dark"><?= htmlspecialchars($type) ?></h1>
                        <p class="lead text-muted mb-5">
                            我们深知每个行业都有其独特的商业逻辑与数字化深水区瓶颈。<?= htmlspecialchars($type) ?> 不仅仅是技术的堆叠，更是智域科技对行业深刻洞察的数字化落地。
                        </p>
                        
                        <div class="row g-4 mb-5">
                            <div class="col-md-6">
                                <div class="p-4 bg-light rounded-4">
                                    <h5 class="fw-bold text-dark"><i class="bi bi-lightbulb-fill text-warning me-2"></i> 核心痛点突破</h5>
                                    <ul class="small text-muted ps-3 mt-3 lh-lg">
                                        <li>解决高并发流量压力与系统的极致稳定性需求</li>
                                        <li>打破跨系统数据孤岛，实现 PB 级数据实时同步</li>
                                        <li>应对复杂的业务合规性与全球化多数据中心部署挑战</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="p-4 bg-light rounded-4">
                                    <h5 class="fw-bold text-dark"><i class="bi bi-graph-up-arrow text-success me-2"></i> 商业价值赋能</h5>
                                    <ul class="small text-muted ps-3 mt-3 lh-lg">
                                        <li>整体运营成本与技术架构维护成本降低 30% - 50%</li>
                                        <li>核心业务逻辑的响应速度与上线效率提升 200%</li>
                                        <li>数据资产化率显著提高，驱动决策科学化与智能化</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <h4 class="fw-bold mb-4 text-dark"><i class="bi bi-layers-half text-primary me-2"></i> 智域定制化技术架构</h4>
                        <div class="p-4 border rounded-4 bg-white mb-5 shadow-sm">
                            <p class="small text-muted lh-lg">我们采用“业务中台化”设计思路，将核心业务能力解耦为独立的服务集群。前端支持多端适配（Web/移动端/小程序/App），后端采用 Go 与云原生混合架构，确保在高并发场景下的极致表现与安全交付。</p>
                            <img src="https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=800" class="img-fluid rounded-4 mt-3" alt="Architecture">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="tech-card p-4 bg-dark text-white border-0 sticky-top shadow-lg" style="top: 100px;">
                        <h5 class="mb-4 text-white fw-bold">获取完整行业白皮书</h5>
                        <p class="small opacity-75 mb-4 lh-lg">留下您的联系方式或直接在线咨询，我们将为您发送针对《<?= htmlspecialchars($type) ?>》的最新技术白皮书及行业对标落地案例汇编。</p>
                        <a href="https://t.me/zhangshihao818" class="btn btn-primary w-100 fw-bold py-3 mb-3">
                            <i class="bi bi-file-earmark-pdf-fill me-2"></i> 获取完整方案 (PDF)
                        </a>
                        <hr class="opacity-10">
                        <div class="d-flex align-items-center gap-3">
                            <div class="bg-primary p-2 rounded-circle shadow-sm"><i class="bi bi-headset"></i></div>
                            <div>
                                <p class="small mb-0 opacity-50">解决方案专家</p>
                                <p class="fw-bold mb-0">@zhangshihao818</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="py-5 bg-white border-top">
        <div class="container text-center small text-muted">
            <p class="mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
        </div>
    </footer>
</body>
</html>