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/vkraft/views/layout/
files >> /var/www/vkraft/views/layout/header.php
 <?php
require_once __DIR__ . '/../../db.php'; // your PDO connection


$settingsStmt = $db->prepare("
    SELECT whatsapp_number, phone_number_1, phone_number_2, email, 
           instagram_url, facebook_url, twitter_url, enquiry_banner
    FROM website_settings 
    WHERE id = 1 
    LIMIT 1
");
$settingsStmt->execute();
$settings = $settingsStmt->fetch(PDO::FETCH_ASSOC);

try {
    $serviceStmt = $db->query("SELECT title, slug FROM service_page WHERE status = 'active' ORDER BY id DESC");
    $servicePages = $serviceStmt->fetchAll(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    $servicePages = [];
}
?>



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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= isset($pageTitle) ? $pageTitle : 'Vkraft - Event & Wedding Management Services' ?></title>
    <meta name="description"
        content="<?= isset($pageDescription) ? $pageDescription : 'Vkraft specializes in premium event management and wedding planning services, including corporate events, luxury weddings, and destination celebrations.' ?>">
    <meta name="keywords"
        content="<?= isset($pageKeywords) ? $pageKeywords : 'event management, wedding planning, destination weddings, corporate events, luxury weddings, Vkraft, Delhi' ?>">

    <!-- Open Graph Tags -->
    <meta property="og:title" content="<?= isset($pageTitle) ? $pageTitle : 'Vkraft - Event & Wedding Management' ?>">
    <meta property="og:description"
        content="<?= isset($pageDescription) ? $pageDescription : 'Plan unforgettable weddings and events with Vkraft. From corporate gatherings to luxury weddings, we make every occasion memorable.' ?>">
    <meta property="og:image" content="<?= isset($ogImage) ? $ogImage : BASE_URL . '/public/Images/footer-logo.png' ?>">
    <meta property="og:url" content="<?= BASE_URL . $_SERVER['REQUEST_URI'] ?>">
    <meta property="og:type" content="website">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="<?= BASE_URL ?>/public/style.css">

    <!-- Owl Carousel -->
    <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="shortcut icon" href="<?= BASE_URL ?>/public/Images/footer-logo.png" type="image/x-icon">
</head>


<body>
    <!-- Top Banner -->
    <div class="top-banner  text-white py-2">
        <div class="container">
            <div class="row align-items-center">

                <!-- Left side: Phone & Email -->
                <div class="col-md-6">
                    <div class="contact-info text-center text-md-start">
                        <span class="me-3">
                            <i class="fas fa-phone-alt fa-flip-horizontal"></i>
                            <?php if (!empty($settings['phone_number_1'])): ?>
                                <a href="tel:+91<?= htmlspecialchars($settings['phone_number_1']) ?>" class="text-light">
                                    +91 <?= htmlspecialchars($settings['phone_number_1']) ?>
                                </a>
                            <?php endif; ?>
                        </span>
                        <span>
                            <i class="fas fa-envelope me-1"></i>  <?php if (!empty($settings['email'])): ?>
                        
                                <a href="mailto:<?= htmlspecialchars($settings['email']) ?>" class="text-light">
                                    <?= htmlspecialchars($settings['email']) ?>
                                </a>
                           
                        <?php endif; ?>
                        </span>
                    </div>
                </div>

                <!-- Right side: Social Media Icons -->
                <div class="col-md-6">
                    <div class="social-icons d-flex justify-content-center justify-content-md-end gap-1">
                        <?php if (!empty($settings['facebook_url'])): ?>
                            <a href="<?= htmlspecialchars($settings['facebook_url']) ?>" target="_blank"
                                class="text-light me-3">
                                <i class="fab fa-facebook-f fa-lg"></i>
                            </a>
                        <?php endif; ?>
                        <?php if (!empty($settings['instagram_url'])): ?>
                            <a href="<?= htmlspecialchars($settings['instagram_url']) ?>" target="_blank"
                                class="text-light me-3">
                                <i class="fab fa-instagram fa-lg"></i>
                            </a>
                        <?php endif; ?>
                        <?php if (!empty($settings['twitter_url'])): ?>
                            <a href="<?= htmlspecialchars($settings['twitter_url']) ?>" target="_blank"
                                class="text-light me-3">
                                <i class="fab fa-twitter fa-lg"></i>
                            </a>
                        <?php endif; ?>
                        <?php if (!empty($settings['whatsapp_number'])): ?>
                            <a href="https://wa.me/<?= preg_replace('/\D/', '', $settings['whatsapp_number']) ?>"
                                target="_blank" class="text-light">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </a>
                        <?php endif; ?>
                    </div>
                </div>

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


    <!-- Main Header -->
    <header class="sticky-top">
        <nav class="navbar navbar-expand-lg navbar-light bg-white">
            <div class="container">
                <!-- Logo -->
                <a class="navbar-brand" href="<?= BASE_URL ?>/">
                    <img src="<?= BASE_URL ?>/public/Images/header-logo.png" alt="Mochi Wale" height="80">
                </a>

                <!-- Mobile Toggle -->
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <!-- Navigation Content -->
                <div class="collapse navbar-collapse" id="navbarContent">
                    <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link <?php echo ($activePage === 'home') ? 'link-active' : ''; ?>"
                                href="<?= BASE_URL ?>/">Home</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link <?php echo ($activePage === 'about-us') ? 'link-active' : ''; ?>"
                                href="<?= BASE_URL ?>/about">About Us</a>
                        </li>

                        <!-- Services Dropdown - Custom Styled -->
                        <li class="nav-item dropdown custom-dropdown">
                            <a class="nav-link dropdown-toggle <?php echo ($activePage === 'service') ? 'link-active' : ''; ?>"
                                href="#" id="servicesDropdown" role="button" data-bs-toggle="dropdown">
                                Services <i class="fas fa-chevron-down ms-1"></i>
                            </a>
                            <ul class="dropdown-menu custom-dropdown-menu" aria-labelledby="servicesDropdown">
                                <?php if (!empty($servicePages)): ?>
                                    <?php foreach ($servicePages as $service): ?>
                                        <li>
                                            <a class="dropdown-item"
                                                href="<?= BASE_URL ?>/service/<?= htmlspecialchars($service['slug']) ?>">
                                                <?= htmlspecialchars($service['title']) ?>
                                            </a>
                                        </li>
                                    <?php endforeach; ?>
                                <?php else: ?>
                                    <li><span class="dropdown-item text-muted">No Services Found</span></li>
                                <?php endif; ?>
                            </ul>

                        </li>

                        <!-- <li class="nav-item">
                            <a class="nav-link <?php echo ($activePage === 'prices') ? 'link-active' : ''; ?>"
                                href="<?= BASE_URL ?>/prices">Prices</a>
                        </li> -->

                        <li class="nav-item ">
                            <a class="nav-link <?php echo ($activePage === 'prices') ? 'link-active' : ''; ?>"
                                href="<?= BASE_URL ?>/portfolio">Portfolio</a>
                        </li>

                        <li class="nav-item ">
                            <a class="nav-link <?php echo ($activePage === 'contact') ? 'link-active' : ''; ?>"
                                href="<?= BASE_URL ?>/contact">Contact</a>
                        </li>
                    </ul>

                    <!-- CTA Button - Updated -->
                    <div class="d-flex align-items-center ms-lg-3">
                        <button class="btn btn-custom-primary rounded-pill px-3 py-2" data-bs-toggle="modal"
                            data-bs-target="#enquiryModal">
                            <i class="fas fa-calendar-alt me-2"></i>Schedule Pickup
                        </button>
                    </div>
                </div>
            </div>
        </nav>
    </header>