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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $pageTitle ?? 'MK Construction & Builder | Vasthu, Blueprint, Approvals in Krishnagiri'; ?></title>
    <meta name="description" content="<?php echo $pageDesc ?? 'Top trusted construction company in Krishnagiri offering Vasthu Planning, Blueprints, Elevators, Building Approvals, and Home Loans. Contact MK Construction & Builder.'; ?>">
    <meta name="keywords" content="<?php echo $pageKeywords ?? 'MK Construction, builders in krishnagiri, civil contractors krishnagiri, house building contractors, building approval krishnagiri, vasthu planning'; ?>">
    <meta property="og:title" content="<?php echo $pageTitle ?? 'MK Construction & Builder | Leading Civil Contractors in Krishnagiri'; ?>">
    <meta property="og:description" content="<?php echo $pageDesc ?? 'Top trusted construction company in Krishnagiri offering premium residential and commercial construction services.'; ?>">
    <meta property="og:type" content="website">
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <!-- FontAwesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <?php if (isset($extraCss)): ?>
        <?php foreach ($extraCss as $css): ?>
            <link rel="stylesheet" href="<?php echo $css; ?>">
        <?php endforeach; ?>
    <?php endif; ?>
    
    <link rel="stylesheet" href="style.css?v=<?php echo time(); ?>">
</head>

<body>

    <!-- Topbar -->
    <div class="topbar">
        <div class="container topbar-content">
            <div class="topbar-left">
                <span class="topbar-cta"><i class="fa-solid fa-arrow-right"></i> Call us today!</span>
                <a href="tel:+918525009751"><i class="fa-solid fa-phone"></i> +91 85250 09751</a>
                <a href="mailto:sgirkarthik1993@gmail.com"><i class="fa-solid fa-envelope"></i> sgirkarthik1993@gmail.com</a>
            </div>
            <div class="topbar-socials">
                <a href="#"><i class="fa-brands fa-whatsapp"></i></a>
                <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                <a href="#"><i class="fa-brands fa-instagram"></i></a>
                <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                <a href="#"><i class="fa-brands fa-youtube"></i></a>
            </div>
        </div>
    </div>

    <!-- Navbar -->
    <nav class="navbar" id="navbar">
        <div class="container nav-content">
            <a href="index.php" class="logo">
                <img src="assets/img/mklogo.png" alt="MK Construction & Builder" class="logo-img">
            </a>
            <ul class="nav-links" id="navLinks">
                <li><a href="index.php">Home</a></li>
                <li class="dropdown">
                    <a href="index.php#services" class="has-dropdown">Services <i class="fa-solid fa-caret-down"></i></a>
                    <ul class="dropdown-menu">
                        <li><a href="construction-company-in-krishnagiri.php">Construction</a></li>
                        <li><a href="home-builder-in-krishnagiri.php">Home Builder</a></li>
                        <li><a href="architecture-firm-in-krishnagiri.php">Architecture</a></li>
                        <li><a href="interior-designers-in-krishnagiri.php">Interior Design</a></li>
                        <li><a href="other-services.php">Other Services</a></li>
                    </ul>
                </li>
                <li><a href="portfolio.php">Portfolio</a></li>
                <li class="dropdown">
                    <a href="#" class="has-dropdown">More <i class="fa-solid fa-caret-down"></i></a>
                    <ul class="dropdown-menu">
                        <li><a href="about-us.php">About Us</a></li>
                        <li><a href="contact-us.php">Contact Us</a></li>
                        <li><a href="faq.php">FAQ</a></li>
                        <li><a href="blog.php">Blogs</a></li>
                    </ul>
                </li>
            </ul>
            <div class="nav-actions">
                <a href="contact-us.php" class="btn btn-outline-dark desktop-only">Contact Us</a>
                <a href="get-a-free-quote.php" class="btn btn-secondary desktop-only">Get A Quote</a>
                <a href="tel:+918525009751" class="mobile-phone-btn"><i class="fa-solid fa-phone"></i></a>
                <div class="menu-toggle" id="menuToggle">
                    <i class="fa-solid fa-bars"></i>
                </div>
            </div>
        </div>
        <!-- Mobile Actions Bar (Shown only on mobile) -->
        <div class="mobile-actions-bar">
            <div class="container mobile-actions-content">
                <a href="contact-us.php" class="btn btn-outline-dark mobile-btn">Contact Us</a>
                <span class="mobile-divider">|</span>
                <a href="get-a-free-quote.php" class="btn btn-secondary mobile-btn">Get A Quote</a>
            </div>
        </div>
    </nav>
