<?php
$pageTitle = "Construction Company in Krishnagiri | MK Construction & Builder";
$pageDesc = "Top-rated construction company in Krishnagiri. We offer residential and commercial building services with high-quality materials and expert supervision.";
include 'includes/header.php';
?>

    <!-- Page Header (Simplified Hero) -->
    <section class="hero" style="height: 40vh; min-height: 300px; background-image: url('assets/img/construction.jpg');">
        <div class="hero-overlay" style="background: linear-gradient(90deg, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.7) 100%);"></div>
        <div class="container hero-content" style="text-align: center; max-width: 100%;">
            <h1 class="hero-title" style="font-size: 3rem; margin-bottom: 0;">Construction Services</h1>
            <div class="hero-accent-line" style="margin: 20px auto;"></div>
        </div>
    </section>

    <!-- Service Detail Section -->
    <section class="section-padding">
        <div class="container portfolio-layout">
            <!-- Sidebar -->
            <aside class="portfolio-sidebar">
                <div class="sidebar-widget" style="background: #f8fafc; padding: 30px; border-radius: 12px; margin-bottom: 30px;">
                    <h3 style="margin-bottom: 20px; font-size: 1.3rem;">Other Services</h3>
                    <ul style="list-style: none; padding: 0;">
                        <li style="margin-bottom: 12px;"><a href="construction-company-in-krishnagiri.php" style="color: var(--primary-color); font-weight: bold; text-decoration: none;">Construction</a></li>
                        <li style="margin-bottom: 12px;"><a href="home-builder-in-krishnagiri.php" style="color: var(--text-main); text-decoration: none;">Home Builder</a></li>
                        <li style="margin-bottom: 12px;"><a href="architecture-firm-in-krishnagiri.php" style="color: var(--text-main); text-decoration: none;">Architecture</a></li>
                        <li style="margin-bottom: 12px;"><a href="interior-designers-in-krishnagiri.php" style="color: var(--text-main); text-decoration: none;">Interior Design</a></li>
                        <li style="margin-bottom: 12px;"><a href="other-services.php" style="color: var(--text-main); text-decoration: none;">All Services</a></li>
                    </ul>
                </div>
                
                <div class="sidebar-widget" style="background: var(--dark-bg); color: white; padding: 30px; border-radius: 12px;">
                    <h3>Need a Quote?</h3>
                    <p style="opacity: 0.8; margin: 15px 0 25px;">Ready to start your project? Get a free consultation today.</p>
                    <a href="get-a-free-quote.php" class="btn btn-secondary w-100">Get A Free Quote</a>
                </div>
            </aside>

            <!-- Main Content -->
            <div class="service-main">
                <img src="assets/img/construction.jpg" alt="Construction Services" class="img-fluid rounded shadow mb-5">
                <h2 class="section-title">Premium Construction Solutions</h2>
                <p>MK Construction & Builder provides comprehensive residential and commercial construction services in Krishnagiri. Our expertise ensures that every project is executed with precision, using the best materials and modern building standards.</p>
                
                <div class="services-grid" style="margin-top: 40px;">
                    <div class="service-card">
                        <div class="service-icon"><i class="fa-solid fa-helmet-safety"></i></div>
                        <h3>Residential</h3>
                        <p>Specialized in individual villas, multi-story apartments, and custom dream homes.</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon"><i class="fa-solid fa-industry"></i></div>
                        <h3>Commercial</h3>
                        <p>Constructing durable and functional spaces for businesses, warehouses, and offices.</p>
                    </div>
                </div>

                <div class="mt-5">
                    <h3>Why Choose Our Construction Services?</h3>
                    <ul class="package-features" style="grid-template-columns: 1fr 1fr; display: grid;">
                        <li><i class="fa-solid fa-check"></i> Quality Grade Materials</li>
                        <li><i class="fa-solid fa-check"></i> Expert Site Supervision</li>
                        <li><i class="fa-solid fa-check"></i> Timely Project Completion</li>
                        <li><i class="fa-solid fa-check"></i> Structural Integrity</li>
                        <li><i class="fa-solid fa-check"></i> Transparent Billing</li>
                        <li><i class="fa-solid fa-check"></i> Safety Standards</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

<?php include 'includes/footer.php'; ?>
