<?php
$pageTitle = "Contact Us | MK Construction & Builder Krishnagiri";
$pageDesc = "Get in touch with MK Construction & Builder for a free consultation. Visit our office in Krishnagiri or call us for expert building advice.";
include 'includes/header.php';
?>

    <!-- Page Header (Simplified Hero) -->
    <section class="hero" style="height: 40vh; min-height: 300px;">
        <div class="hero-overlay" style="background: linear-gradient(90deg, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.8) 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;">Get In Touch</h1>
            <div class="hero-accent-line" style="margin: 20px auto;"></div>
        </div>
    </section>

    <!-- Contact Info Section -->
    <section class="section-padding">
        <div class="container">
            <div class="section-header text-center">
                <span class="section-subtitle">Reach Us</span>
                <h2 class="section-title">Office & Support</h2>
            </div>
            
            <div class="contact-grid">
                <div class="contact-details">
                    <div class="contact-card">
                        <div class="contact-icon"><i class="fa-solid fa-location-dot"></i></div>
                        <div class="contact-info">
                            <h4>Visit Our Office</h4>
                            <p>Bangalore Road, Beside Union Bank, SBI ATM, First Floor, Krishnagiri – 635001.</p>
                        </div>
                    </div>
                    <div class="contact-card">
                        <div class="contact-icon"><i class="fa-solid fa-phone"></i></div>
                        <div class="contact-info">
                            <h4>Call Us Anytime</h4>
                            <p><a href="tel:+918525009751">+91 85250 09751</a></p>
                        </div>
                    </div>
                    <div class="contact-card">
                        <div class="contact-icon"><i class="fa-solid fa-envelope"></i></div>
                        <div class="contact-info">
                            <h4>Email Our Team</h4>
                            <p><a href="mailto:sgirkarthik1993@gmail.com">sgirkarthik1993@gmail.com</a></p>
                        </div>
                    </div>
                </div>
                
                <div class="contact-map rounded shadow overflow-hidden">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3896.223835694297!2d78.2130063!3d12.526989!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTLCsDMxJzM3LjIiTiA3OMKwMTInNDYuOCJF!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
            </div>
        </div>
    </section>

    <!-- Brief Contact Form -->
    <section class="section-padding bg-light">
        <div class="container" style="max-width: 800px;">
            <div class="text-center mb-5">
                <h2 class="section-title">Send a Quick Message</h2>
                <p>Have a question? Drop us a line and we'll get back to you shortly.</p>
            </div>
            <form action="admin/includes/process_enquiry.php" method="POST" class="shadow p-5 bg-white rounded">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Full Name</label>
                        <input type="text" name="name" class="form-control" required style="border: 1px solid #e2e8f0; padding: 12px;">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Phone Number</label>
                        <input type="tel" name="phone" class="form-control" required style="border: 1px solid #e2e8f0; padding: 12px;">
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Subject</label>
                    <select name="subject" class="form-select" style="border: 1px solid #e2e8f0; padding: 12px;">
                        <option value="Inquiry">General Inquiry</option>
                        <option value="Quote">Quote Request</option>
                        <option value="Support">Customer Support</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">Your Message</label>
                    <textarea name="message" class="form-control" rows="4" required style="border: 1px solid #e2e8f0; padding: 12px;"></textarea>
                </div>
                <button type="submit" class="btn btn-primary w-100 py-3">Send Message</button>
            </form>
        </div>
    </section>

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