<?php include "header.php"; ?>

<main class="app-content">
    <div class="app-title">
        <div>
            <h1>
                <i class="bi bi-headset"></i> Help & Support
            </h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="dashboard">Dashboard</a></li>
            <li class="breadcrumb-item active">Help & Support</li>
        </ul>
    </div>

    <div class="tile">
        <div class="row text-center">
            <!-- WhatsApp Support -->
            <div class="col-md-4 mb-4">
                <div class="card shadow p-4 border-0 h-100">
                    <div class="card-body">
                        <i class="bi bi-whatsapp" style="font-size: 3rem; color: #25D366;"></i>
                        <p class="mb-2"><strong>Number:</strong> <br><a href="https://wa.me/917549459694" target="_blank">+91 7549459694</a></p>
                        <h5 class="mt-3">WhatsApp Support</h5>
                        <p>Chat with our support team for quick help.</p>
                        <a href="https://wa.me/917549459694" target="_blank" class="btn btn-success btn-sm">Start Chat</a>
                    </div>
                </div>
            </div>

            <!-- Email Support -->
            <div class="col-md-4 mb-4">
                <div class="card shadow p-4 border-0 h-100">
                    <div class="card-body">
                        <i class="bi bi-envelope-fill" style="font-size: 3rem; color: #007bff;"></i>
                        <p class="mb-2"><strong>Email:</strong> <br><a href="mailto:support@hostdot.us.cc/pay">support@hostdot.us.cc/pay</a></p>
                        <h5 class="mt-3">Email Support</h5>
                        <p>Send us your query on email.</p>
                        <a href="mailto:support@hostdot.us.cc/pay" class="btn btn-primary btn-sm">Send Email</a>
                    </div>
                </div>
            </div>

            <!-- Call Support -->
            <div class="col-md-4 mb-4">
                <div class="card shadow p-4 border-0 h-100">
                    <div class="card-body">
                        <i class="bi bi-telephone-fill" style="font-size: 3rem; color: #17a2b8;"></i>
                        <p class="mb-2"><strong>Phone:</strong> <br><a href="tel:+917549459694">+91 7549459694</a></p>
                        <h5 class="mt-3">Call Support</h5>
                        <p>Talk directly to our support team.</p>
                        <a href="tel:+917549459694" class="btn btn-info btn-sm">Call Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<?php include "footer.php"; ?>
