<?php
$pageTitle = "Home Builder in Krishnagiri | Custom Home Construction - MK Construction";
$pageDesc = "Build your dream home with the leading home builder in Krishnagiri. Custom designs, quality craftsmanship, and end-to-end home construction services.";
include 'includes/header.php';
?>

    <!-- Page Header (Simplified Hero) -->
    <section class="hero" style="height: 40vh; min-height: 300px; background-image: url('assets/img/home_builder.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;">Home Builder 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(--text-main); text-decoration: none;">Construction</a></li>
                        <li style="margin-bottom: 12px;"><a href="home-builder-in-krishnagiri.php" style="color: var(--primary-color); font-weight: bold; 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>
                    </ul>
                </div>
            </aside>

            <!-- Main Content -->
            <div class="service-main">
                <img src="assets/img/home_builder.jpg" alt="Home Builder Services" class="img-fluid rounded shadow mb-5">
                <h2 class="section-title">Crafting Your Dream Home</h2>
                <p>At MK Construction & Builder, we specialize in building custom homes that reflect your unique style and needs. From contemporary villas to traditional family homes, we bring the same level of dedication and craftsmanship to every residence we build.</p>
                
                <div class="services-grid" style="margin-top: 40px;">
                    <div class="service-card">
                        <div class="service-icon"><i class="fa-solid fa-wand-magic-sparkles"></i></div>
                        <h3>Custom Design</h3>
                        <p>Work with our architects to create a floor plan that perfectly suits your family's needs.</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon"><i class="fa-solid fa-screwdriver-wrench"></i></div>
                        <h3>Quality Build</h3>
                        <p>Our skilled craftsmen ensure every detail, from foundation to finish, is perfect.</p>
                    </div>
                </div>

                <div class="mt-5">
                    <h3>Our Home Building Promise</h3>
                    <ul class="package-features" style="grid-template-columns: 1fr 1fr; display: grid;">
                        <li><i class="fa-solid fa-check"></i> Personalized Consultation</li>
                        <li><i class="fa-solid fa-check"></i> Premium Material Selection</li>
                        <li><i class="fa-solid fa-check"></i> Full Project Management</li>
                        <li><i class="fa-solid fa-check"></i> Regular Progress Updates</li>
                        <li><i class="fa-solid fa-check"></i> Warranty & Support</li>
                        <li><i class="fa-solid fa-check"></i> Post-Construction Care</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

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