<?php
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

require '../phpmailer/Exception.php';
require '../phpmailer/PHPMailer.php';
require '../phpmailer/SMTP.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['confirm_payment'])) {

    $user_email = filter_var($_POST['user_email'], FILTER_SANITIZE_EMAIL);
    $txn_id = htmlspecialchars($_POST['txn_id'] ?? 'N/A');

    $mail = new PHPMailer(true);

    try {

        // ================= SMTP SETTINGS =================
        $mail->isSMTP();
        $mail->Host       = 'mail.starserver.in'; // your hosting SMTP
        $mail->SMTPAuth   = true;
        $mail->Username   = 'info@starserver.in';  // your domain email
        $mail->Password   = 'YOUR_EMAIL_PASSWORD'; // email password
        $mail->SMTPSecure = 'ssl'; 
        $mail->Port       = 465;

        // ================= EMAIL SETTINGS =================
        $mail->setFrom('info@starserver.in', 'Star Server');
        $mail->addAddress($user_email);

        // Admin copy
        $mail->addCC('helpdesk@starserver.in');

        $mail->isHTML(true);
        $mail->Subject = "Payment Successful – Star Server Hosting";

        $mail->Body = "
        <div style='font-family:Arial;padding:20px'>
            <h2 style='color:#0D427B;'>Payment Received Successfully ✅</h2>

            <p>Dear Customer,</p>

            <p>Your payment has been received successfully.</p>

            <table style='border-collapse:collapse;width:100%;margin-top:15px'>
                <tr>
                    <td style='border:1px solid #ddd;padding:8px'><strong>Plan</strong></td>
                    <td style='border:1px solid #ddd;padding:8px'>Single Domain Hosting (1 Year)</td>
                </tr>
                <tr>
                    <td style='border:1px solid #ddd;padding:8px'><strong>Amount Paid</strong></td>
                    <td style='border:1px solid #ddd;padding:8px'>₹550</td>
                </tr>
                <tr>
                    <td style='border:1px solid #ddd;padding:8px'><strong>Transaction ID</strong></td>
                    <td style='border:1px solid #ddd;padding:8px'>$txn_id</td>
                </tr>
                <tr>
                    <td style='border:1px solid #ddd;padding:8px'><strong>Date</strong></td>
                    <td style='border:1px solid #ddd;padding:8px'>" . date("d M Y h:i A") . "</td>
                </tr>
            </table>

            <p style='margin-top:20px'>
            Our team will verify your payment and activate your hosting shortly.
            </p>

            <br>
            <strong>Star Server Team</strong><br>
            https://starserver.in
        </div>
        ";

        $mail->send();

        header("Location: payment-success.php");
        exit;

    } catch (Exception $e) {
        echo "Mailer Error: " . $mail->ErrorInfo;
        exit;
    }
}
?>


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Star Server payment overview – High-Speed, Secure & Scalable Hosting | Star Server</title>

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- AOS -->
    <link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet">

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css" rel="stylesheet">

    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="../assets/css/starstyle.css">
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="../assets/image/starserver.png">
    <!-- Google or browser tab -->
    <link rel="icon" href=".././favicon.ico/assets/image/starserver.png" type="image/x-icon">

    <style>
        body {
            background: #f4f7fb;
            font-family: 'Segoe UI', sans-serif;
        }

        .payment-wrapper {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .payment-box {
            max-width: 900px;
            width: 100%;
            background: #ffffff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
        }

        /* LEFT SIDE */
        .payment-info {
            background: linear-gradient(160deg, #0D427B, #0a3360);
            color: #fff;
            padding: 40px;
        }

        .payment-info h2 {
            font-weight: 700;
        }

        .amount {
            font-size: 32px;
            font-weight: 700;
            margin: 15px 0;
        }

        .payment-info ul {
            list-style: none;
            padding: 0;
            margin-top: 20px;
        }

        .payment-info ul li {
            padding: 8px 0;
            font-size: 14px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        /* RIGHT SIDE */
        .payment-qr {
            padding: 40px;
            text-align: center;
        }

        .payment-qr h3 {
            color: #0D427B;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .qr-box {
            border: 2px dashed #0D427B;
            padding: 20px;
            border-radius: 12px;
            display: inline-block;
            margin-bottom: 15px;
        }

        .qr-box img {
            width: 220px;
            height: auto;
        }

        .upi-details {
            background: #f1f6fc;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
        }

        .upi-details strong {
            color: #0D427B;
        }

        .note {
            font-size: 13px;
            color: #555;
            margin-top: 15px;
        }

        .btn-confirm {
            margin-top: 20px;
            background: #0D427B;
            color: #fff;
            padding: 12px 20px;
            border-radius: 8px;
            text-decoration: none;
            display: inline-block;
            font-weight: 600;
        }

        .btn-confirm:hover {
            background: #09335f;
            color: #fff;
        }

        @media (max-width: 768px) {
            .payment-info {
                text-align: center;
            }
        }
    </style>
</head>

<body>
    <!-- Top Header Start-->
    <div class="top-header">
        <marquee behavior="scroll" direction="left" scrollamount="5">
            Our Hosting Started from ₹550 (No Extra GST) With Same Renewal Price
        </marquee>
    </div>
    <!-- Top Header End-->

    <!--  Navbar-Start  -->
    <nav class="navbar navbar-expand-lg sticky-top">
        <div class="container-fluid px-lg-5" style="max-width: 1200px;">
            <a class="navbar-brand" href="../index.php">
                <img src="../assets/image/starserver.png" alt="Star Server" style="height: 50px;">

            </a>

            <div class="collapse navbar-collapse justify-content-center" id="desktopMenu">
                <ul class="navbar-nav side-style-nav">

                    <li class="nav-item">
                        <a class="nav-link" href="../index.php">
                            <i class="bi bi-house-door"></i>
                            <span class="link-text">Home</span>
                        </a>
                    </li>

                    <li class="nav-item custom-dropdown">
                        <a class="nav-link" href="./starserver-about.php">
                            <i class="bi bi-info-circle"></i>
                            <span class="link-text">About</span>
                        </a>
                        <!-- <div class="dropdown-pane">
                                <a href="history.php">Company History</a>
                                <a href="founder.php">Founder's Message</a>
                            </div> -->
                    </li>

                    <li class="nav-item custom-dropdown">
                        <a class="nav-link" href="../page/starserver-services.php">
                            <i class="bi bi-gear"></i>
                            <span class="link-text">Services</span>
                        </a>
                        <div class="dropdown-pane">
                            <a href="../page/starserver-single-domain-hosting.php">Single Domain Hosting</a>
                            <a href="../page/starserver-double-domain-plan.php">Double Domain Plan</a>
                            <a href="../page/starserver-five-domain-plan.php">5 Domain Plan</a>
                            <a href="../page/starserver-ten-domain-plan.php">10 Domain Plan</a>
                            <a href="../page/starserver-twenty-domains-plan.php">20 Domains Plan</a>
                            <a href="../page/starserver-unlimited-domain-plan.php"> Unlimited Domain Plan</a>
                        </div>
                    </li>

                    <li class="nav-item custom-dropdown">
                        <a class="nav-link" href="../support/starserver-support.php">
                            <i class="bi bi-headset"></i>
                            <span class="link-text">Support</span>
                        </a>
                        <div class="dropdown-pane">
                            <a href="../support/starserver-frequently-asked-questions.php">Frequently Asked
                                Questions (FAQ)</a>
                            <a href="../support/starserver-buy-hosting.php">How to Buy Hosting</a>
                            <a href="../support/starserver-install-wordPress.php">How to Install WordPress</a>
                            <a href="../support/starserver-migrate-website.php">How to Migrate Website</a>
                            <a href="../support/starserver-hosting-comparison-table.php">Hosting Comparison
                                Table</a>
                        </div>

                    </li>

                    <li class="nav-item custom-dropdown">
                        <a class="nav-link" href="../blog/starserver-blogs.php">
                            <i class="bi bi-journal-text"></i>
                            <span class="link-text">Blogs</span>
                        </a>
                        <div class="dropdown-pane">
                            <a href="../blog/starserver-affordable-cpanel-hosting-india.php">Affordable cPanel
                                Hosting</a>
                            <a href="../blog/starserver-launch-website.php">Website Launch Guide</a>
                        </div>
                    </li>

                    <li class="nav-item custom-dropdown">
                        <a class="nav-link" href="../page/starserver-tools-&-add-ons.php">
                            <i class="bi bi-puzzle"></i>
                            <span class="link-text" style="font-size: 13px;">Tools & Add-ons</span>
                        </a>
                        <div class="dropdown-pane">
                            <a href="../page/starserver-website-builder.php">Website Builder (SitePad)</a>
                            <a href="../page/starserver-one-click-app-installer.php">1-Click App Installer
                                (Softaculous)</a>
                            <a href="../page/starserver-email-hosting-&-business-email.php">Email Hosting &
                                Business
                                Email</a>
                            <a href="../page/starserver-dns-management.php">DNS Management</a>
                            <a href="../page/starserver-git-&-developer .php">Git & Developer Tools</a>
                        </div>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="../page/starserver-contact.php">
                            <i class="bi bi-telephone-outbound"></i>
                            <span class="link-text">Contact Us</span>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="d-none d-lg-flex">
                <a href="https://clients.starserver.in/" class="btn btn-support">
                    <i class="bi bi-life-preserver me-2"></i>Support
                </a>
            </div>

            <div class="d-none d-lg-flex">
                <a href="login.php" class="btn btn-login">
                    <i class="bi bi-person-lock me-2"></i>Client Login
                </a>
            </div>

            <button class="navbar-toggler ms-2" type="button" data-bs-toggle="offcanvas"
                data-bs-target="#offcanvasNavbar">
                <span class="navbar-toggler-icon"></span>
            </button>
        </div>
    </nav>


    <div class="offcanvas offcanvas-start stylish-offcanvas d-lg-none" tabindex="-1" id="offcanvasNavbar">
        <div class="offcanvas-header border-bottom">
            <div class="offcanvas-title">
                <img src="../../assets/image/starserver.png" alt="Star Server" style="height: 40px;">
            </div>
            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
        </div>

        <div class="offcanvas-body d-flex flex-column">
            <ul class="navbar-nav mobile-nav-list mb-auto">
                <li class="nav-item">
                    <a class="nav-link" href="../index.php"><i class="bi bi-house-door me-2"></i> Home</a>
                </li>

                <li class="nav-item dropdown-mobile">
                    <div class="d-flex justify-content-between align-items-center">
                        <a href="./starserver-about.php" class="nav-link flex-grow-1"><i
                                class="bi bi-info-circle me-2"></i>
                            About
                            Us</a>
                        <!-- <span class="toggle-icon" data-bs-toggle="collapse" data-bs-target="#mobAbout"><i
                                    class="bi bi-plus-lg"></i></span> -->
                    </div>
                    <!-- <div class="collapse" id="mobAbout">
                            <ul class="sub-menu">
                                <li><a href="history.php">Our History</a></li>
                                <li><a href="founder.php">Founder's Message</a></li>
                            </ul>
                        </div> -->
                </li>

                <li class="nav-item dropdown-mobile">
                    <div class="d-flex justify-content-between align-items-center">
                        <a href="../page/starserver-services.php" class="nav-link flex-grow-1"><i
                                class="bi bi-gear me-2"></i>
                            Services</a>
                        <span class="toggle-icon" data-bs-toggle="collapse" data-bs-target="#mobSer"><i
                                class="bi bi-plus-lg"></i></span>
                    </div>
                    <div class="collapse" id="mobSer">
                        <ul class="sub-menu">
                            <li><a href="../page/starserver-single-domain-hosting.php">Single Domain Plan</a></li>
                            <li><a href="../page/starserver-double-domain-plan.php">Double Domain Plan</a></li>
                            <li><a href="../page/starserver-five-domain-plan.php">5 Domain Plan</a></li>
                            <li><a href="../page/starserver-ten-domain-plan.php">10 Domain Plan</a></li>
                            <li><a href="../page/starserver-twenty-domains-plan.php">20 Domains Plan</a></li>
                            <li><a href="../page/starserver-unlimited-domain-plan.php"> Unlimited Domain Plan</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item dropdown-mobile">
                    <div class="d-flex justify-content-between align-items-center">
                        <a href="../support/starserver-support.php" class="nav-link flex-grow-1"><i
                                class="bi bi-headset me-2"></i>
                            Support</a>
                        <span class="toggle-icon" data-bs-toggle="collapse" data-bs-target="#mobSup"><i
                                class="bi bi-plus-lg"></i></span>
                    </div>
                    <div class="collapse" id="mobSup">
                        <ul class="sub-menu">
                            <li><a href="../support/starserver-frequently-asked-questions.php">Frequently Asked
                                    Questions (FAQ)</a></li>
                            <li><a href="../support/starserver-buy-hosting.php">How to Buy Hosting</a></li>
                            <li><a href="../support/starserver-install-wordPress.php">How to Install WordPress</a>
                            </li>
                            <li><a href="../support/starserver-migrate-website.php">How to Migrate Website</a></li>
                            <li><a href="../support/starserver-hosting-comparison-table.php">Hosting Comparison
                                    Table</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item dropdown-mobile">
                    <div class="d-flex justify-content-between align-items-center">
                        <a href="../blog/starserver-blogs.php" class="nav-link flex-grow-1"><i
                                class="bi bi-journal-text me-2"></i>
                            Blogs</a>
                        <span class="toggle-icon" data-bs-toggle="collapse" data-bs-target="#mobBlog"><i
                                class="bi bi-plus-lg"></i></span>
                    </div>
                    <div class="collapse" id="mobBlog">
                        <ul class="sub-menu">
                            <li><a href="../blog/starserver-affordable-cpanel-hosting-india.php">Affordable cPanel
                                    Hosting</a></li>
                            <li><a href="../blog/starserver-launch-website.php">Website Launch Guide</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item dropdown-mobile">
                    <div class="d-flex justify-content-between align-items-center">
                        <a href="../page/starserver-tools-&-add-ons.php" class="nav-link flex-grow-1"><i
                                class="bi bi-puzzle me-2"></i>
                            Tools & Add-ons</a>
                        <span class="toggle-icon" data-bs-toggle="collapse" data-bs-target="#mobTool"><i
                                class="bi bi-plus-lg"></i></span>
                    </div>
                    <div class="collapse" id="mobTool">
                        <ul class="sub-menu">
                            <li><a href="../page/starserver-website-builder.php">Website Builder (SitePad)</a></li>
                            <li><a href="../page/starserver-one-click-app-installer.php">1-Click App Installer
                                    (Softaculous)</a></li>
                            <li><a href="../page/starserver-email-hosting-&-business-email.php">Email Hosting &
                                    Business Email</a></li>
                            <li><a href="../page/starserver-dns-management.php">DNS Management</a></li>
                            <li><a href="../page/starserver-git-&-developer .php">Git & Developer Tools</a></li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="../page/starserver-contact.php"><i
                            class="bi bi-telephone-outbound me-2"></i> Contact
                        Us</a>
                </li>
            </ul>

            <a href="login.php" class="btn btn-support w-100 mt-3 login-mob-btn">Support</a>
            <a href="login.php" class="btn btn-primary w-100 mt-3 login-mob-btn">Client Login</a>

            <div class="offcanvas-footer mt-4">
                <div class="contact-card">
                    <h6>Contact Info</h6>
                    <a href="tel:+919432807919"><i class="bi bi-telephone"></i> +91 9432807919</a>
                    <a href="mailto:info@starserver.in"><i class="bi bi-envelope"></i>
                        info@starserver.in</a>
                    <a href="mailto:helpdesk@starserver.in"><i class="bi bi-envelope"></i>
                        helpdesk@starserver.in</a>
                </div>

                <div class="social-links d-flex justify-content-around mt-3">
                    <a href="#" class="social-icon"><i class="bi bi-facebook"></i></a>
                    <a href="#" class="social-icon"><i class="bi bi-twitter-x"></i></a>
                    <a href="#" class="social-icon"><i class="bi bi-linkedin"></i></a>
                    <a href="#" class="social-icon text-success"><i class="bi bi-whatsapp"></i></a>
                </div>
            </div>
        </div>
    </div>
    <!-- Navbar-End -->


    <!-- breadcrumb-section-Start -->
    <section id="breadcrumb-section" class="breadcrumb-section">
        <div class="breadcrumb-container">
            <!-- Heading -->
            <h1>Star Server - Payment Overview</h1>

            <!-- Breadcrumb as buttons (non-clickable) -->
            <nav class="breadcrumb-nav">
                <a href="../index.php" class="breadcrumb-btn breadcrumb-link">Home</a>
                <span class="breadcrumb-separator">/</span>
                <span class="breadcrumb-btn current">Payment Overview</span>
            </nav>
        </div>
    </section>
    <!-- breadcrumb-section-End -->

    <div class="payment-wrapper">
        <div class="payment-box row g-0">

            <!-- LEFT : PAYMENT DETAILS -->
            <div class="col-md-6 payment-info">
                <h2>Complete Your Payment</h2>

                <div class="amount">₹ 550</div>
                <p>Single Domain Hosting – 1 Year</p>

                <ul>
                    <li>✔ Secure UPI Payment</li>
                    <li>✔ Instant Activation After Confirmation</li>
                    <li>✔ No Extra GST</li>
                    <li>✔ Same Renewal Price</li>
                    <li>✔ 24×7 Technical Support</li>
                </ul>
            </div>

            <!-- RIGHT : QR + UPI -->
            <div class="col-md-6 payment-qr">
                <h3>Scan & Pay</h3>

                <div class="qr-box">
                    <!-- REPLACE WITH YOUR QR IMAGE -->
                    <img src="../assets/image/qr/qr_image.jpg" alt="UPI QR Code">
                </div>

                <div class="upi-details">
                    <p><strong>UPI ID:</strong> starinfolab2018@axl</p>
                    <p><strong>Payee Name:</strong> Star info lab</p>
                    <p><strong>Account number</strong>1800102100001114</p>
                    <p><strong>IFSC</strong>PUNB0180010</p>
                    <p><strong>Amount:</strong> ₹ 550</p>
                </div>

                <form method="POST" action="payment.php" class="mt-3">

                    <input type="email" name="user_email" class="form-control mb-2" placeholder="Enter your email"
                        required>

                    <input type="text" name="txn_id" class="form-control mb-2" placeholder="Enter Transaction ID"
                        required>

                    <button type="submit" name="confirm_payment" class="btn-confirm w-100">
                        <i class="bi bi-check-circle"></i> I Have Completed Payment
                    </button>

                </form>
            </div>

        </div>
    </div>

    <!-- custom-code-Start -->
    <section class="custom-code">
        <div class="container">
            <div class="navigator-content">

                <!-- Text -->
                <h2 data-aos="fade-up" data-aos-duration="1200">
                    Design Your Website by using <span><strong>Custom Code / WordPress</strong></span>
                </h2>

                <!-- Buttons -->
                <div class="navigator-actions">
                    <a href="tel:+919432807919" class="navigator-btn call-btn" data-aos="fade-left"
                        data-aos-duration="1300">
                        📞 Call Us
                    </a>

                    <a href="https://wa.me/919432807919?text=Hello!%20I%20want%20to%20know%20more%20about%20your%20website%20services."
                        class="navigator-btn whatsapp-btn" target="_blank" data-aos="fade-left"
                        data-aos-duration="1400">
                        💬 WhatsApp
                    </a>
                </div>

            </div>
        </div>
    </section>
    <!-- custom-code-End -->



    <!-- footer -->
    <footer class="main-footer">
        <div class="footer-container">

            <!-- MAIN FOOTER CONTENT -->
            <div class="footer-main-row">

                <!-- 1. BRAND COLUMN -->
                <div class="footer-col brand-col">
                    <!-- <img src="../../assets/image/starserver.php" alt="Star Server" class="footer-logo"> -->
                    <img src="../../assets/image/starserver.png" alt="Star Server" class="footer-logo">
                    <p class="brand-text">
                        Star Server provides continuous, secure, and scalable cloud solutions for
                        thousands of businesses worldwide.
                    </p>

                    <div class="footer-socials">
                        <a href="#"><i class="bi bi-twitter-x"></i></a>
                        <a href="#"><i class="bi bi-wordpress"></i></a>
                        <a href="#"><i class="bi bi-instagram"></i></a>
                        <a href="#"><i class="bi bi-youtube"></i></a>
                        <a href="#"><i class="bi bi-linkedin"></i></a>
                    </div>

                    <!-- <div class="review-badges">
                            <p>See our glowing reviews on</p>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/a/a0/G2_Logo.png"
                                style="height:20px; filter:brightness(0) invert(1);">
                            <img src="https://upload.wikimedia.org/wikipedia/commons/3/3a/Capterra_logo.png"
                                style="height:20px; filter:brightness(0) invert(1); margin-left:10px;">
                        </div> -->
                </div>

                <!-- 2. QUICK LINKS -->
                <div class="footer-col">
                    <h6 class="footer-title"><i class="bi bi-list-ul"></i>Quick Links</h6>
                    <ul class="footer-links">
                        <li><i class="bi bi-circle-half"></i><a href="../index.php">Home</a></li>
                        <li><i class="bi bi-circle-half"></i><a class="nav-link" href="./starserver-about.php">About</a>
                        </li>
                        <li><i class="bi bi-circle-half"></i><a href="../page/starserver-services.php">Services</a>
                        </li>
                        <li><i class="bi bi-circle-half"></i><a href="../support/starserver-support.php">Supports</a>
                        </li>
                        <li><i class="bi bi-circle-half"></i><a href="../blog/starserver-blogs.php">Blogs</a></li>
                        <li><i class="bi bi-circle-half"></i><a href="../page/starserver-tools-&-add-ons.php">Tools
                                & Add-Ons</a></li>
                        <li><i class="bi bi-circle-half"></i><a href="../page/starserver-contact.php">Contact</a>
                        </li>
                    </ul>
                </div>

                <!-- 3. SERVICES -->
                <div class="footer-col">
                    <h6 class="footer-title"><i class="bi bi-hdd-network"></i>Services</h6>
                    <ul class="footer-links">
                        <li><i class="bi bi-circle-half"></i><a
                                href="../page/starserver-single-domain-hosting.php">Single Domain Hosting</a></li>
                        <li><i class="bi bi-circle-half"></i><a href="../page/starserver-double-domain-plan.php">Double
                                Domain Plan</a></li>
                        <li><i class="bi bi-circle-half"></i><a href="../page/starserver-five-domain-plan.php">5
                                Domain Plan</a></li>
                        <li><i class="bi bi-circle-half"></i><a href="../page/starserver-ten-domain-plan.php">10
                                Domain Plan</a></li>
                        <li><i class="bi bi-circle-half"></i><a href="../page/starserver-twenty-domains-plan.php">20
                                Domains Plan</a></li>
                        <li><i class="bi bi-circle-half"></i><a
                                href="../page/starserver-unlimited-domain-plan.php">Unlimited Domain Plan</a></li>
                    </ul>
                </div>

                <!-- 4. BLOGS -->
                <div class="footer-col">
                    <h6 class="footer-title">
                        <i class="bi bi-journal-text"></i> Blogs
                    </h6>
                    <ul class="footer-links">
                        <li><i class="bi bi-circle-half"></i><a
                                href="../blog/starserver-affordable-cpanel-hosting-india.php">Affordable cPanel
                                Hosting</a></li>
                        <li><i class="bi bi-circle-half"></i><a href="../blog/starserver-launch-website.php">Website
                                Launch Guide</a></li>
                    </ul>
                </div>

                <!-- 5. CONTACT INFO -->
                <div class="footer-col">
                    <h6 class="footer-title"><i class="bi bi-chat-dots"></i>Contact Info</h6>
                    <ul class="contact-list">

                        <li><i class="bi bi-telephone"></i> +91 9432807919</li>
                        <li><i class="bi bi-envelope"></i> info@starserver.in</li>
                        <li><i class="bi bi-envelope"></i> helpdesk@starserver.in</li>
                        <li><i class="bi bi-clock"></i> 24/7 Technical Support</li>
                    </ul>
                </div>

            </div>

            <!-- FOOTER BOTTOM (UNCHANGED) -->
            <div class="footer-bottom">
                <div class="copyright-left">
                    Copyright © 2026 STAR SERVER. All Rights Reserved.
                </div>
                <div class="copyright-right">
                    <a href="../legal-&-trust/starserver-terms-&-conditions.php">Terms & Conditions</a>
                    <a href="../legal-&-trust/starserver-privacy-policy.php">Privacy Policy</a>
                    <a href="../legal-&-trust/starserver-refund-&-cancellation-policy.php">Refund & Cancellation
                        Policy</a>
                    <a href="../legal-&-trust/starserver-fair-usage-policy.php">Fair Usage Policy</a>
                </div>
            </div>

        </div>
    </footer>
    <!-- footer exit -->

    </div>
    <!-- Back to Top Button Floating Button-->
    <button id="et-top-btn" aria-label="Back to top">
        <span class="et-top-arrow">↑</span>
    </button>
    <!-- WhatsApp Floating Button-->
    <a href="https://wa.me/919432807919" class="whatsapp-float" target="_blank" aria-label="Chat on WhatsApp">
        <i class="bi bi-whatsapp"></i>
    </a>

    <!-- Call Floating Button (Mobile Only) -->
    <a href="tel:+919432807919" class="call-float" aria-label="Call Us">
        <i class="bi bi-telephone-fill"></i>
    </a>


    <!-- ================= JS SECTION ================= -->

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

    <!-- AOS -->
    <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>

    <!-- Font Awesome -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/js/all.min.js"></script>

    <script>
        AOS.init();
    </script>


    <script>
        const navbar = document.querySelector('.navbar');
        const navbarOffset = navbar.offsetTop;

        window.addEventListener('scroll', () => {
            if (window.pageYOffset > navbarOffset) {
                navbar.classList.add('fixed');
            } else {
                navbar.classList.remove('fixed');
            }
        });
    </script>



    <!-- Back to top -->
    <script>
        (() => {
            const btn = document.getElementById('et-top-btn');

            window.addEventListener('scroll', () => {
                if (window.scrollY > 300) {
                    btn.classList.add('et-show');
                } else {
                    btn.classList.remove('et-show');
                }
            });

            btn.addEventListener('click', () => {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            });
        })();
    </script>

</body>

</html>