<?php
$pageTitle = "Architecture Firm in Krishnagiri | Professional Architectural Design";
$pageDesc = "Innovative architectural designs in Krishnagiri. Our architects blend aesthetics, functionality, and sustainability to create stunning building designs.";
include 'includes/header.php';
?>

    <!-- Page Header (Simplified Hero) -->
    <section class="hero" style="height: 40vh; min-height: 300px; background-image: url('assets/img/architecture.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;">Architecture 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(--text-main); text-decoration: none;">Home Builder</a></li>
                        <li style="margin-bottom: 12px;"><a href="architecture-firm-in-krishnagiri.php" style="color: var(--primary-color); font-weight: bold; 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/architecture.jpg" alt="Architecture Services" class="img-fluid rounded shadow mb-5">
                <h2 class="section-title">Designing Spaces That Inspire</h2>
                <p>Our architectural team at MK Construction & Builder focuses on creating innovative, functional, and sustainable designs. We believe that good architecture should enhance the way you live while making a positive impact on the environment.</p>
                
                <div class="services-grid" style="margin-top: 40px;">
                    <div class="service-card">
                        <div class="service-icon"><i class="fa-solid fa-shapes"></i></div>
                        <h3>Concept Design</h3>
                        <p>From initial sketches to detailed 3D renderings that bring your vision to life.</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon"><i class="fa-solid fa-ruler-combined"></i></div>
                        <h3>Structural Plans</h3>
                        <p>Precise engineering drawings that ensure the safety and longevity of your building.</p>
                    </div>
                </div>

                <div class="mt-5">
                    <h3>Our Architectural Expertise</h3>
                    <ul class="package-features" style="grid-template-columns: 1fr 1fr; display: grid;">
                        <li><i class="fa-solid fa-check"></i> Modern & Traditional Styles</li>
                        <li><i class="fa-solid fa-check"></i> Sustainable Design</li>
                        <li><i class="fa-solid fa-check"></i> 3D Visualization</li>
                        <li><i class="fa-solid fa-check"></i> Interior Layouts</li>
                        <li><i class="fa-solid fa-check"></i> Landscape Integration</li>
                        <li><i class="fa-solid fa-check"></i> Site Planning</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

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