<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>咨询中心 - <?= htmlspecialchars($project_name) ?></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-5">
                    <div class="tech-card p-5 bg-primary text-white border-0 shadow-lg">
                        <h2 class="fw-bold text-white mb-4">联系智域专家</h2>
                        <p class="opacity-75 mb-5 lh-lg">我们致力于为您提供最专业、最高效的数字化转型建议。无论您是在寻找大规模架构升级方案，还是需要定制化的 AI 业务化集成，智域科技随时为您待命。</p>
                        
                        <div class="d-flex align-items-center gap-4 mb-4">
                            <div class="contact-sidebar-icon"><i class="bi bi-telegram"></i></div>
                            <div>
                                <h6 class="fw-bold mb-1">Telegram 咨询</h6>
                                <p class="small mb-0 opacity-75">@zhangshihao818</p>
                            </div>
                        </div>
                        
                        <div class="d-flex align-items-center gap-4 mb-4">
                            <div class="contact-sidebar-icon"><i class="bi bi-geo-alt"></i></div>
                            <div>
                                <h6 class="fw-bold mb-1">分布式运行</h6>
                                <p class="small mb-0 opacity-75">全球 24/7 数字化响应</p>
                            </div>
                        </div>
                        
                        <div class="d-flex align-items-center gap-4">
                            <div class="contact-sidebar-icon"><i class="bi bi-shield-check"></i></div>
                            <div>
                                <h6 class="fw-bold mb-1">技术保障</h6>
                                <p class="small mb-0 opacity-75">金融级全天候技术服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-7">
                    <div class="tech-card p-5 border-0 shadow-sm">
                        <h3 class="fw-bold text-dark mb-4">提交咨询需求</h3>
                        <p class="small text-muted mb-5">请填写您的基本需求，我们的高级架构师将在 15 分钟内通过 Telegram 或您留下的联系方式与您取得联系。</p>
                        
                        <form action="contact_process.php" method="POST">
                            <div class="row g-4">
                                <div class="col-md-6">
                                    <label class="form-label small fw-bold text-dark">姓名 / 机构</label>
                                    <div class="input-group">
                                        <span class="input-group-text bg-light border-0"><i class="bi bi-person"></i></span>
                                        <input type="text" name="name" class="form-control form-control-lg bg-light border-0 form-icon-input" placeholder="您的姓名或公司名称" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label small fw-bold text-dark">联系方式 (Telegram / Email)</label>
                                    <div class="input-group">
                                        <span class="input-group-text bg-light border-0"><i class="bi bi-chat-dots"></i></span>
                                        <input type="text" name="contact" class="form-control form-control-lg bg-light border-0 form-icon-input" placeholder="您的常用联系方式" required>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <label class="form-label small fw-bold text-dark">业务领域</label>
                                    <div class="input-group">
                                        <span class="input-group-text bg-light border-0"><i class="bi bi-briefcase"></i></span>
                                        <select name="type" class="form-select form-select-lg bg-light border-0 form-icon-input">
                                            <option selected>定制软件开发</option>
                                            <option>云原生架构转型</option>
                                            <option>金融级安全审计</option>
                                            <option>AI 业务化集成</option>
                                            <option>其他数字化需求</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <label class="form-label small fw-bold text-dark">业务逻辑详情 / 痛点说明</label>
                                    <div class="input-group align-items-start">
                                        <span class="input-group-text bg-light border-0 pt-3"><i class="bi bi-pencil-square"></i></span>
                                        <textarea name="message" rows="5" class="form-control bg-light border-0 form-icon-input" placeholder="请简要描述您的业务逻辑、现有系统痛点或未来转型目标..."></textarea>
                                    </div>
                                </div>
                                <div class="col-12 mt-5">
                                    <button type="submit" class="btn btn-primary btn-lg w-100 py-3 shadow">立即提交需求 <i class="bi bi-send-fill ms-2"></i></button>
                                </div>
                            </div>
                        </form>
                    </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>