<?php
$page_title = 'Contact Us | Get Free Consultation | Visa Solution Plus';
$page_description = 'Contact Visa Solution Plus for expert visa services, study abroad guidance, IELTS coaching. Visit our office or call us for free consultation.';
$page_keywords = 'contact visa consultant, visa solution plus contact, free visa consultation, study abroad enquiry';
$active_page = 'contact';
include 'header.php';
?>

<section class="course-hero-banner" style="background:linear-gradient(135deg,#18425a 0%,#123346 100%);">
    <div class="container py-5">
        <div class="row align-items-center py-lg-4">
            <div class="col-lg-8 text-white">
                <nav aria-label="breadcrumb"><ol class="breadcrumb mb-3"><li class="breadcrumb-item"><a href="index.php" class="text-white text-decoration-none">Home</a></li><li class="breadcrumb-item active text-danger">Contact Us</li></ol></nav>
                <h1 class="display-4 fw-800 mb-3">Contact <span class="text-danger">Us</span></h1>
                <p class="lead opacity-90">Get in touch with our expert team for free consultation on visa services, study abroad guidance, and language coaching.</p>
            </div>
        </div>
    </div>
</section>

<section class="py-5">
<div class="container">
<div class="row g-5">

<div class="col-lg-7">
    <div class="card border-0 shadow rounded-4 p-4 p-lg-5">
        <h3 class="fw-800 text-navy mb-4">Send Us a Message</h3>
        <form class="row g-3" id="contactForm">
            <div class="col-md-6">
                <label class="form-label fw-bold small text-muted">Full Name *</label>
                <input type="text" name="name" class="form-control vsp-input" placeholder="Your Full Name" required>
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold small text-muted">Email Address *</label>
                <input type="email" name="email" class="form-control vsp-input" placeholder="your@email.com" required>
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold small text-muted">Phone Number *</label>
                <input type="tel" name="phone" class="form-control vsp-input" placeholder="+91 XXXXX XXXXX" required>
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold small text-muted">Service Required</label>
                <select name="service" class="form-select vsp-input">
                    <option value="">Select Service</option>
                    <option>Student Visa</option>
                    <option>Visitor Visa</option>
                    <option>Tourist Visa</option>
                    <option>LMIA / Work Permit</option>
                    <option>IELTS Coaching</option>
                    <option>PTE Coaching</option>
                    <option>TOEFL Coaching</option>
                    <option>MBBS Abroad</option>
                    <option>E-Visa Services</option>
                    <option>Other</option>
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold small text-muted">Preferred Country</label>
                <select name="country" class="form-select vsp-input">
                    <option value="">Select Country</option>
                    <option>Canada</option>
                    <option>Australia</option>
                    <option>UK</option>
                    <option>USA</option>
                    <option>New Zealand</option>
                    <option>Europe / Schengen</option>
                    <option>Other</option>
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold small text-muted">Preferred Time to Call</label>
                <select name="preferred_time" class="form-select vsp-input">
                    <option value="">Any Time</option>
                    <option>Morning (9 AM - 12 PM)</option>
                    <option>Afternoon (12 PM - 3 PM)</option>
                    <option>Evening (3 PM - 6 PM)</option>
                </select>
            </div>
            <div class="col-12">
                <label class="form-label fw-bold small text-muted">Your Message</label>
                <textarea name="message" class="form-control vsp-input" rows="4" placeholder="Tell us about your requirements..."></textarea>
            </div>
            <input type="hidden" name="source_page" value="contact">
            <div class="col-12">
                <button type="submit" class="btn btn-vsp-submit w-100 py-3 fw-800 fs-5">Submit Enquiry <i class="fas fa-paper-plane ms-2"></i></button>
            </div>
        </form>
    </div>
</div>

<div class="col-lg-5">
    <div class="card border-0 shadow rounded-4 p-4 mb-4" style="background:linear-gradient(135deg,#18425a,#123346);color:#fff;">
        <h4 class="fw-800 mb-4">Get in Touch</h4>
        <div class="mb-4">
            <div class="d-flex align-items-start mb-3">
                <div class="flex-shrink-0"><div class="bg-danger rounded-circle d-flex align-items-center justify-content-center" style="width:45px;height:45px;"><i class="fas fa-map-marker-alt text-white"></i></div></div>
                <div class="ms-3">
                    <h6 class="fw-bold mb-1">Office Address</h6>
                    <p class="small opacity-75 mb-0">5 A/1, Tilak Nagar,<br>New Delhi - 110045</p>
                </div>
            </div>
            <div class="d-flex align-items-start mb-3">
                <div class="flex-shrink-0"><div class="bg-danger rounded-circle d-flex align-items-center justify-content-center" style="width:45px;height:45px;"><i class="fas fa-phone-alt text-white"></i></div></div>
                <div class="ms-3">
                    <h6 class="fw-bold mb-1">Phone</h6>
                    <p class="small opacity-75 mb-0"><a href="tel:+918448897941" class="text-white text-decoration-none">+91 8448897941</a><br><a href="tel:+918448897931" class="text-white text-decoration-none">+91 8448897931</a></p>
                </div>
            </div>
            <div class="d-flex align-items-start mb-3">
                <div class="flex-shrink-0"><div class="bg-danger rounded-circle d-flex align-items-center justify-content-center" style="width:45px;height:45px;"><i class="fas fa-envelope text-white"></i></div></div>
                <div class="ms-3">
                    <h6 class="fw-bold mb-1">Email</h6>
                    <p class="small opacity-75 mb-0"><a href="mailto:info@visasolutionplus.com" class="text-white text-decoration-none">info@visasolutionplus.com</a></p>
                </div>
            </div>
            <div class="d-flex align-items-start">
                <div class="flex-shrink-0"><div class="bg-danger rounded-circle d-flex align-items-center justify-content-center" style="width:45px;height:45px;"><i class="fas fa-clock text-white"></i></div></div>
                <div class="ms-3">
                    <h6 class="fw-bold mb-1">Working Hours</h6>
                    <p class="small opacity-75 mb-0">Mon – Sat: 9:00 AM – 6:00 PM<br>Sunday: Closed</p>
                </div>
            </div>
        </div>
    </div>
    <div class="card border-0 shadow rounded-4 overflow-hidden">
       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3501.5980629688524!2d77.10537959999999!3d28.641806199999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d0363d32b5b05%3A0x48a8fb33997f11d1!2s5-A%2C%20Block%206%2C%20Tilak%20Nagar%2C%20New%20Delhi%2C%20Delhi%2C%20110018!5e0!3m2!1sen!2sin!4v1771367956495!5m2!1sen!2sin" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    </div>
</div>

</div>
</div>
</section>

<?php include 'footer.php'; ?>
