<?php
include __DIR__ . "/deepanshu/conn.php";

$telegramLink = '#';
$tgResult = $conn->query("SELECT setting_value FROM site_settings WHERE setting_key = 'social_telegram' LIMIT 1");
if ($tgResult) {
    $tgRow = $tgResult->fetch_assoc();
    if ($tgRow && !empty($tgRow['setting_value'])) $telegramLink = $tgRow['setting_value'];
}
?>
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<title>About Us - CV111</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
    body { background: #0b1d1a; color: #d8d3c8; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; line-height: 1.7; }
    .header-bg { background: linear-gradient(160deg, #133a2e 0%, #0b1d1a 80%); padding: 20px 16px; text-align: center; border-bottom: 1px solid rgba(0,230,118,.15); }
    .header-bg a { position: absolute; left: 16px; top: 20px; color: #ffd54f; text-decoration: none; font-size: 18px; }
    .header-bg .logo { font-weight: 900; font-style: italic; letter-spacing: 1px; font-size: 20px; }
    .header-bg .logo span { color: #00e676; }
    main { max-width: 700px; margin: 0 auto; padding: 20px 18px 40px; }
    .card { background: #102620; border: 1px solid rgba(0,230,118,.15); border-radius: 14px; padding: 18px; margin-bottom: 16px; }
    h2 { color: #ffd54f; font-size: 15px; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
    p { font-size: 13.5px; color: #a8a29a; margin: 0 0 8px; }
    .trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0; }
    .trust-item { background: #102620; border: 1px solid rgba(0,230,118,.15); border-radius: 10px; padding: 14px; text-align: center; }
    .trust-item i { color: #00e676; font-size: 20px; margin-bottom: 6px; display: block; }
    .trust-item span { font-size: 11px; color: #d8d3c8; font-weight: 700; }
    .contact-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
    .contact-row:last-child { border-bottom: none; }
    .contact-row i { color: #00e676; width: 20px; text-align: center; }
    .contact-row a { color: #d8d3c8; text-decoration: none; font-size: 13px; }
</style>
</head>
<body>

<div class="header-bg">
    <a href="/newhome.php"><i class="fa-solid fa-arrow-left"></i></a>
    <div class="logo">SPORTS<span>365</span></div>
</div>

<main>
    <!-- ✅ Trust Badges -->
    <div class="trust-grid">
        <div class="trust-item"><i class="fa-solid fa-bolt"></i><span>দ্রুত Deposit/Withdraw</span></div>
        <div class="trust-item"><i class="fa-solid fa-headset"></i><span>২৪/৭ Support</span></div>
        <div class="trust-item"><i class="fa-solid fa-shield-heart"></i><span>Responsible Gaming</span></div>
        <div class="trust-item"><i class="fa-solid fa-lock"></i><span>Secure Payment</span></div>
    </div>

    <div class="card">
        <h2><i class="fa-solid fa-circle-info"></i> আমরা কারা</h2>
        <p>CV111 একটি Online Gaming Platform, যেখানে তুমি Slot, Fish, Lottery-সহ বিভিন্ন ধরনের Game খেলতে পারো। আমরা দ্রুত, নির্ভরযোগ্য Deposit-Withdraw System আর সার্বক্ষণিক Support প্রদানে প্রতিশ্রুতিবদ্ধ।</p>
    </div>

    <div class="card">
        <h2><i class="fa-solid fa-clock"></i> Response Time</h2>
        <p>Deposit সাধারণত ১-৫ মিনিটের মধ্যে Automatic ভাবে সম্পন্ন হয়। Withdraw Request সাধারণত ১৫-৩০ মিনিটের মধ্যে Process হয় (Peak সময়ে কিছুটা বেশি সময় লাগতে পারে)।</p>
    </div>

    <div class="card">
        <h2><i class="fa-solid fa-phone"></i> যোগাযোগ করো</h2>
        <div class="contact-row">
            <i class="fa-brands fa-telegram"></i>
            <a href="<?= htmlspecialchars($telegramLink) ?>">Telegram Support</a>
        </div>
        <div class="contact-row">
            <i class="fa-solid fa-comments"></i>
            <a href="/chatbot_widget.html">Live Chat Support</a>
        </div>
    </div>

    <div class="card">
        <h2><i class="fa-solid fa-list-check"></i> কীভাবে করবে</h2>
        <div class="contact-row"><a href="/newhowto.php">Deposit/Withdraw Guide →</a></div>
    </div>

    <div class="card">
        <h2><i class="fa-solid fa-file-lines"></i> নিয়ম-নীতি</h2>
        <div class="contact-row"><a href="/newterms.php">Terms & Conditions →</a></div>
        <div class="contact-row"><a href="/newprivacy.php">Privacy Policy →</a></div>
        <div class="contact-row"><a href="/newresponsiblegaming_info.php">Responsible Gaming →</a></div>
    </div>
</main>

</body>
</html>
