BLACKSITE


	: 216.73.216.62
	: 147.93.18.13 / vinyasaweddings.com
	: Linux srv667811 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64
: /var/www/insonohearing/pages/
files >> /var/www/insonohearing/pages/landingpage.php
 <?php
require __DIR__ . '/../db.php';


$slug = $_GET['slug'] ?? null;
if (!$slug) {
    echo "<h2>Page not found</h2>";
    exit;
}

// Fetch landing page data
$stmt = $conn->prepare("SELECT * FROM landing_pages WHERE slug = ?");
$stmt->execute([$slug]);
$page = $stmt->fetch(PDO::FETCH_ASSOC);

if (!$page) {
    echo "<h2>404 - Page Not Found</h2>";
    exit;
}

// Fetch FAQs
$faqStmt = $conn->prepare("SELECT * FROM faqs WHERE landing_page_id = ?");
$faqStmt->execute([$page['id']]);
$faqs = $faqStmt->fetchAll(PDO::FETCH_ASSOC);




// Get product IDs from comma-separated list
$productIds = array_filter(array_map('intval', explode(',', $page['product_ids'])));

$products = [];
$productDetails = [];

if (!empty($productIds)) {
    // Prepare placeholders for IN clause
    $placeholders = implode(',', array_fill(0, count($productIds), '?'));

    // Fetch products
    $productStmt = $conn->prepare("SELECT * FROM products WHERE id IN ($placeholders)");
    $productStmt->execute($productIds);
    $products = $productStmt->fetchAll(PDO::FETCH_ASSOC);

    // Fetch product details
    $detailStmt = $conn->prepare("SELECT * FROM product_details WHERE product_id IN ($placeholders)");
    $detailStmt->execute($productIds);
    $rawDetails = $detailStmt->fetchAll(PDO::FETCH_ASSOC);

    // Organize product details by product_id
    foreach ($rawDetails as $detail) {
        $productDetails[$detail['product_id']][] = $detail;
    }
}


$success = false;

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = $_POST['name'] ?? '';
    $phone = $_POST['phone'] ?? '';
    $problem = $_POST['problem'] ?? '';

    if ($name && $phone && $problem) {
        $stmt = $conn->prepare("INSERT INTO enquiries (name, phone, problem) VALUES (?, ?, ?)");
        $stmt->execute([$name, $phone, $problem]);

        // Redirect with success flag
        header("Location: ?submitted=1");
        exit;
    } else {
        header("Location: ?submitted=0");
        exit;
    }
}

?>






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

<head>
    <meta charset="UTF-8">
    <title><?= htmlspecialchars($page['page_heading']) ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <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/font/bootstrap-icons.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <link rel="icon" href="https://insonohearing.com/assets_b/img/favicon-32x32.png" type="image/png" sizes="32x32">
    <link rel="icon" href="https://insonohearing.com/assets_b/img/favicon-32x32.png" type="image/png" sizes="16x16">

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

        .hero {
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                url('/assets/Images/banner-ads.jpeg') center center/cover no-repeat;
            padding: 80px 0;
            color: #fff;
            position: relative;
        }

        .hero h1 {
            font-size: 3rem;
            font-weight: 700;

        }

        .hero-content {
            font-size: 1.1rem;
        }

        .hero .form-card {
            background-color: #ffffff;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
            color: #333;
        }

        .form-card h4 {
            color: #043586;
            font-weight: 600;
        }

        @media (max-width: 767px) {
            .hero {
                padding: 50px 0;
            }

            .hero h1 {
                font-size: 2rem;
            }

            .hero .form-card {
                margin-top: 30px;
            }
        }

        .about-img {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
        }

        .faq-item {
            margin-bottom: 1rem;
            border-bottom: 1px solid #ccc;
            padding-bottom: 1rem;
        }

        label {
            font-weight: 600;
        }

        .counter-box {
            margin-top: 50px;
            background-image: linear-gradient(175deg, #f63a6b 0%, #fba6bb 100%);
            border-radius: 20px;
        }


        /* Counter section */
        .counter-box .col-lg-10 {

            padding-top: 40px;
            padding-bottom: 40px;

            border-radius: 10px;
            color: #fff;
        }

        .feature-box {
            border: 2px solid #f63a6b;
            background-color: #f63a6b;
        }


        .feature-card {
            border: none;
            text-align: center;
            padding: 20px 10px;
            margin-bottom: 20px;
            background-color: #f8f9fa;
            border-radius: 10px;
            transition: all 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .feature-icon {
            font-size: 2rem;
            margin-bottom: 15px;
            color: #0d6efd;
        }

        .feature-value {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .feature-label {
            font-size: 1rem;
            color: #6c757d;
        }

        .section-title {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 40px;
            text-align: center;
            color: #fff;
        }

        .section-subtitle {
            font-size: 1.5rem;
            text-align: center;
            margin-top: 30px;
            font-weight: 500;
            color: #fff;
        }

        .brands-section {
            margin-top: 60px;
            padding: 60px 0;
            background-color: #FAD7E0;
        }

        .section-title_brand {
            text-align: center;
            margin-bottom: 40px;
            font-weight: 700;
            color: #0d6efd;
            font-size: 2.2rem;
        }

        .brand-logo {
            height: 80px;
            width: auto;
            max-width: 250px;
            object-fit: contain;

            transition: all 0.3s ease;
            margin: 0 auto;
        }

        .brand-logo:hover {
            filter: grayscale(0);
            opacity: 1;
        }

        .owl-stage {
            display: flex;
            align-items: center;
        }

        .owl-item {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 20px;
        }

        .appointment-btn {
            display: block;
            width: 200px;
            margin: 40px auto 0;
            padding: 12px;
            background: #0d6efd;
            color: white;
            text-align: center;
            border-radius: 30px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .appointment-btn:hover {
            background: #0b5ed7;
            color: white;
            transform: translateY(-2px);
        }

        .owl-dots {
            margin-top: 20px;
            text-align: center;
        }

        .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px;
            background: #ddd;
            display: block;
            transition: all 0.3s ease;
            border-radius: 50%;
        }

        .owl-dot.active span {
            background: #0d6efd;
            width: 12px;
            height: 12px;
        }



        /* Testimonial Specific Styles */
        .testimonial-section {
            padding: 80px 0;
            background-color: #f8f9fa;
        }

        .testimonial-title {
            text-align: center;
            margin-bottom: 50px;
            font-weight: 700;
            color: #333;
            font-size: 2rem;
        }

        .testimonial-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .testimonial-slider {
            position: relative;
        }

        .testimonial-slider .item {
            width: 100%;
            padding: 10px;
        }

        .testimonial-card {
            background: white;
            border-radius: 10px;
            padding: 40px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            text-align: center;
            margin: 0 auto;
            width: 100%;
        }

        .testimonial-text {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #555;
            margin-bottom: 25px;
            position: relative;
            font-style: italic;
        }

        .testimonial-text:before {
            content: '"';
            font-size: 3rem;
            color: #0d6efd;
            opacity: 0.2;
            position: absolute;
            left: -15px;
            top: -20px;
        }

        .testimonial-author {
            font-weight: 600;
            color: #333;
            font-style: normal;
            margin-top: 20px;
            display: block;
        }

        /* Owl Carousel Fixes */
        .owl-carousel .owl-stage-outer {
            overflow: hidden;
            padding: 20px 0;
        }

        .owl-carousel .owl-item {
            display: flex;
            justify-content: center;
        }

        .owl-dots {
            margin-top: 30px;
            text-align: center;
        }

        .owl-dot span {
            width: 12px;
            height: 12px;
            margin: 0 5px;
            background: #ddd;
            display: inline-block;
            transition: all 0.3s ease;
            border-radius: 50%;
        }

        .owl-dot.active span {
            background: #0d6efd;
            transform: scale(1.2);
        }

        .card-title {
            font-size: 1.25rem;
            font-weight: 600;
            color: #006EB6;
        }

        .list-group-item {
            border: none;
            padding-left: 0;
            font-size: 0.95rem;
            position: relative;
            padding-left: 1.5rem;
        }

        .list-group-item::before {
            content: "✔";
            position: absolute;
            left: 0;
            color: #F09B37;
            font-size: 0.9rem;
            top: 2px;
        }
    </style>
</head>

<body>



    <!-- HEADER -->
    <header class="main-header py-3">
        <div class="container d-flex justify-content-between align-items-center">
            <!-- Logo -->
            <a href="/" class="navbar-brand fw-bold text-dark">
                <img src="/assets/Images/logo.webp" alt="Logo" style="height: 70px;">
            </a>
            <!-- Call Button -->
            <a href="tel:+91 6204260510" class="btn btn-outline-primary d-flex align-items-center phone-btn">
                <i class="bi bi-telephone me-2"></i> +91 62042 60510
            </a>
        </div>
    </header>

    <!-- HERO SECTION -->
    <section class="hero">
        <div class="container">
            <div class="row">
                <!-- Left Side: Text Content -->
                <div class="col-md-6 mb-4 mb-md-0">
                    <h1><?= htmlspecialchars($page['page_heading']) ?></h1>
                    <div class="hero-content"><?= $page['hero_content'] ?></div>
                </div>

                <!-- Right Side: Form -->
                <div class="col-md-4">
                <?php if (isset($_GET['submitted']) && $_GET['submitted'] == 1): ?>
    <div id="successMsg" class="alert alert-success">Enquiry submitted successfully!</div>
<?php elseif (isset($_GET['submitted']) && $_GET['submitted'] == 0): ?>
    <div class="alert alert-danger">Please fill in all fields.</div>
<?php endif; ?>
                    <div class="form-card p-4 shadow-sm rounded bg-white">
                        <h4 class="mb-4 text-primary fw-semibold">Book An Appointment For Free Hearing Aids Trial</h4>
                        <form method="POST" id="enquiryForm">
                            <div class="mb-3">
                                <label for="name" class="form-label">Name</label>
                                <input type="text" id="name" name="name" class="form-control py-2 px-3"
                                    placeholder="Enter your name" required>
                            </div>
                            <div class="mb-3">
                                <label for="phone" class="form-label">Phone</label>
                                <input type="tel" id="phone" name="phone" class="form-control py-2 px-3"
                                    placeholder="Enter your phone" required>
                            </div>
                            <div class="mb-3">
                                <label for="problem" class="form-label">Tell Us Your Problem</label>
                                <textarea id="problem" name="problem" class="form-control py-2 px-3" rows="4"
                                    placeholder="Describe your issue..." required></textarea>
                            </div>
                            <button type="submit" class="btn d-block px-4 py-2"
                                style="background-color: #043586; color: white;">
                                Submit
                            </button>
                        </form>

                    </div>
                </div>

            </div>
        </div>
    </section>


    <!-- Detail section -->

    <section class="">
        <div class="container">
            <div class="counter-box">
                <div class="row">
                    <div class="col-lg-10 col-sm-12 mx-auto">
                        <div class="row text-center">
                            <div class="col-lg-3 col-sm-12">
                                <h2>3 Lakh+</h2>
                                <h4>Happy Patients</h4>
                            </div>
                            <div class="col-lg-3 col-sm-12">
                                <h2 class="">100+</h2>
                                <h4>Audiologist</h4>
                            </div>
                            <div class="col-lg-3 col-sm-12">
                                <h2>30+</h2>
                                <h4>Cities in Pan India</h4>
                            </div>
                            <div class="col-lg-3 col-sm-12">
                                <h2>75+</h2>
                                <h4>Clinic in Pan India</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ABOUT SECTION -->
    <section class="py-5">
        <div class="container">
            <div class="row ">
                <?php if ($page['about_image']): ?>
                    <div class="col-md-6 mb-4 mb-md-0">
                        <img src="<?= htmlspecialchars($page['about_image']) ?>" class="about-img" alt="About">
                    </div>
                <?php endif; ?>
                <div class="col-md-6">
                    <h2><?= htmlspecialchars($page['about_header']) ?></h2>
                    <div><?= $page['about_detail'] ?></div>
                </div>
            </div>
        </div>
    </section>


    <!-- Company Detail Section -->
    <section class="py-5 feature-box">
        <div class="container">
            <h1 class="section-title">Why Choose Insono Hearing Solutions for Your Hearing Needs?</h1>

            <div class="row">
                <div class="col-md-4 col-6">
                    <div class="feature-card">
                        <i class="bi bi-headphones feature-icon"></i>
                        <div class="feature-value">2:47</div>
                        <div class="feature-label">Ongoing Support</div>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="feature-card">
                        <i class="bi bi-film feature-icon"></i>
                        <div class="feature-value">3:0+</div>
                        <div class="feature-label">Hearing Acts Movies</div>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="feature-card">
                        <i class="bi bi-person-badge feature-icon"></i>
                        <div class="feature-value">5:0+</div>
                        <div class="feature-label">Expert Audiologists</div>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="feature-card">
                        <i class="bi bi-people feature-icon"></i>
                        <div class="feature-value">1.5 Lakh+</div>
                        <div class="feature-label">Satisfied Customers</div>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="feature-card">
                        <i class="bi bi-calendar-check feature-icon"></i>
                        <div class="feature-value">12+</div>
                        <div class="feature-label">Years Of Experience</div>
                    </div>
                </div>

                <div class="col-md-4 col-6">
                    <div class="feature-card">
                        <i class="bi bi-shield-check feature-icon"></i>
                        <div class="feature-value">2 Years</div>
                        <div class="feature-label">Extended Warranty</div>
                    </div>
                </div>
            </div>

            <!-- <h2 class="section-subtitle">Experience The Best Hearing Services</h2> -->
            <a href="#" class="appointment-btn">Experience The Best Hearing Services</a>
        </div>
    </section>



    <?php if (!empty($products)): ?>
        <section class="py-5 bg-light">
            <div class="container">
                <h2 class="mb-4 section-title_brand"><?= htmlspecialchars($page['product_heading']) ?></h2>
                <div class="row">
                    <?php foreach ($products as $product): ?>
                        <div class="col-md-4 mb-4">
                            <div class="card h-100 shadow-sm">
                                <?php
                                $images = json_decode($product['images'], true);
                                $firstImage = !empty($images) ? trim($images[0]) : null;
                                ?>
                                <img src="<?= htmlspecialchars($firstImage) ?>" class="card-img-top" alt="<?= htmlspecialchars($product['name']) ?>" style="height: 200px; object-fit: contain;">

                                <div class="card-body">
                                    <h5 class="card-title"><?= htmlspecialchars($product['name']) ?></h5>
                                    <?php if (!empty($productDetails[$product['id']])): ?>
                                        <ul class="list-group list-group-flush mb-3">
                                            <?php
                                            $count = 0;
                                            foreach ($productDetails[$product['id']] as $detail):
                                                if (++$count > 3)
                                                    break;
                                                ?>
                                                <li class="list-group-item">
                                                    <?= htmlspecialchars($detail['detail_value']) ?>
                                                </li>
                                            <?php endforeach; ?>
                                        </ul>
                                    <?php else: ?>
                                        <p class="text-muted">No details available.</p>
                                    <?php endif; ?>
                                    <a href="#contact" class="btn btn-primary w-100">Get Price Details</a>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </section>
    <?php endif; ?>


    <section class="brands-section">
        <div class="container">
            <h2 class="section-title_brand">Top Brands of Hearing Aids</h2>

            <div class="owl-carousel brands-carousel">
                <div class="item">
                    <!-- Replace with actual PH9NAK image URL -->
                    <img src="/assets/Images/brands/1.webp" alt="PH9NAK" class="brand-logo">
                </div>
                <div class="item">
                    <!-- Replace with actual ReSound image URL -->
                    <img src="/assets/Images/brands/2.webp" alt="ReSound" class="brand-logo">
                </div>
                <div class="item">
                    <!-- Replace with actual IDEX image URL -->
                    <img src="/assets/Images/brands/3.webp" alt="IDEX" class="brand-logo">
                </div>
                <div class="item">
                    <!-- Replace with actual IDEX image URL -->
                    <img src="/assets/Images/brands/4.webp" alt="IDEX" class="brand-logo">
                </div>
                <div class="item">
                    <!-- Replace with actual IDEX image URL -->
                    <img src="/assets/Images/brands/5.webp" alt="IDEX" class="brand-logo">
                </div>
                <div class="item">
                    <!-- Replace with actual IDEX image URL -->
                    <img src="/assets/Images/brands/6.webp" alt="IDEX" class="brand-logo">
                </div>
                <!-- Add more brand logos as needed -->
            </div>

            <a href="#" class="appointment-btn">Get Appointment</a>
        </div>
    </section>


    <section class="testimonial-section">
        <div class="container">
            <h1 class="testimonial-title">What Clients Say?</h1>

            <div class="testimonial-container">
                <div class="owl-carousel testimonial-carousel">
                    <!-- Testimonial 1 -->
                    <div class="item">
                        <div class="testimonial-card">
                            <p class="testimonial-text">
                                I purchased hearing aids for my friend, and the outcomes are incredible. The enhanced
                                clarity and comfort have made a significant positive impact on her daily life.
                            </p>
                            <span class="testimonial-author">— Rajeev Varadarajan</span>
                        </div>
                    </div>

                    <!-- Testimonial 2 -->
                    <div class="item">
                        <div class="testimonial-card">
                            <p class="testimonial-text">
                                The service was exceptional from start to finish. My hearing has improved dramatically
                                and the staff was incredibly supportive throughout the process.
                            </p>
                            <span class="testimonial-author">— Priya Sharma</span>
                        </div>
                    </div>

                    <!-- Testimonial 3 -->
                    <div class="item">
                        <div class="testimonial-card">
                            <p class="testimonial-text">
                                After years of struggling with hearing loss, I finally found a solution that works. The
                                difference these hearing aids have made is life-changing.
                            </p>
                            <span class="testimonial-author">— Amit Patel</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- FAQ SECTION -->
    <?php if ($faqs): ?>
        <section class="py-5">
            <div class="container">
                <h3 class="mb-4">Frequently Asked Questions</h3>
                <div class="accordion" id="faqAccordion">
                    <?php foreach ($faqs as $index => $faq): ?>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="heading<?= $index ?>">
                                <button class="accordion-button <?= $index !== 0 ? 'collapsed' : '' ?>" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapse<?= $index ?>"
                                    aria-expanded="<?= $index === 0 ? 'true' : 'false' ?>"
                                    aria-controls="collapse<?= $index ?>">
                                    <?= htmlspecialchars($faq['question']) ?>
                                </button>
                            </h2>
                            <div id="collapse<?= $index ?>"
                                class="accordion-collapse collapse <?= $index === 0 ? 'show' : '' ?>"
                                aria-labelledby="heading<?= $index ?>" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    <?= $faq['answer'] ?>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </section>
    <?php endif; ?>


    <section class="py-5" style="background-color: #fcdbe1;">
        <div class="container text-center">
            <h2 class="fw-bold mb-4 text-primary">Getting Started is Quick and Easy!</h2>
            <div class="row justify-content-center g-4">

                <!-- Step 1 -->
                <div class="col-md-4">
                    <div class="p-4 bg-white rounded-4 shadow-sm h-100">
                        <img src="https://img.icons8.com/ios-filled/50/000000/chat.png" alt="Chat Icon" class="mb-3"
                            style="height: 40px;">
                        <h6 class="fw-bold">
                            Connect With Insono Hearing <span class="ms-1">→</span>
                        </h6>
                        <p class="mb-0 text-muted">Chat now or call us at <br>
                            <a href="tel:+916204260510" class="text-decoration-none text-primary">+91-6204260510</a>
                        </p>
                    </div>
                </div>

                <!-- Step 2 -->
                <div class="col-md-4">
                    <div class="p-4 bg-white rounded-4 shadow-sm h-100">
                        <img src="https://img.icons8.com/ios-filled/50/000000/calendar--v1.png" alt="Calendar Icon"
                            class="mb-3" style="height: 40px;">
                        <h6 class="fw-bold">
                            Scheduling An Appointment <span class="ms-1">→</span>
                        </h6>
                        <p class="mb-0 text-muted">The Customer Care Executive will schedule your appointment.</p>
                    </div>
                </div>

                <!-- Step 3 -->
                <div class="col-md-4">
                    <div class="p-4 bg-white rounded-4 shadow-sm h-100">
                        <img src="https://img.icons8.com/ios-filled/50/000000/shop.png" alt="Store Icon" class="mb-3"
                            style="height: 40px;">
                        <h6 class="fw-bold">
                            Meet An Expert <span class="ms-1">→</span>
                        </h6>
                        <p class="mb-0 text-muted">Visit our clinic and meet an expert audiologist.</p>
                    </div>
                </div>

            </div>
        </div>
    </section>



    <!-- FOOTER -->
    <footer class="bg-dark text-white text-center py-3 mt-5">
        <p class="mb-0">© <?= date('Y') ?> Insono Solutions Private Limited.</p>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script>
        $(document).ready(function () {
            // Brand Carousel - 4 items
            $('.brands-carousel').owlCarousel({
                loop: true,
                margin: 20,
                nav: false,
                dots: true,
                autoplay: true,
                autoplayTimeout: 3000,
                autoplayHoverPause: true,
                responsive: {
                    0: { items: 1 },
                    600: { items: 2 },
                    1000: { items: 4 }
                }
            });

            // Testimonial Carousel - Only 1 item
            $('.testimonial-carousel').owlCarousel({
                loop: true,
                margin: 20,
                nav: false,
                dots: true,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                items: 1
            });
        });
    </script>

<script>
    // If form was successfully submitted, clear fields
    document.addEventListener("DOMContentLoaded", function () {
        const msg = document.getElementById("successMsg");
        if (msg) {
            setTimeout(() => {
                msg.style.display = "none";
                document.getElementById("enquiryForm")?.reset();
            }, 2000);
        }
    });
</script>

    <script>
        window.addEventListener('scroll', function () {
            const header = document.querySelector('.main-header');
            header.classList.toggle('sticky', window.scrollY > 50);
        });
    </script>
</body>

</html>