<?php
require_once 'api/getServices.php';
$phone = "+91 91001 56577";
$whatsapp = "+91 91009 56577";
$services = getServices();
$meta_title = "Packingo Movers India | Professional Packing & Moving Services | $whatsapp";
$meta_desc = "Trusted packers and movers in India offering professional house shifting, office relocation & intercity moving services. Get free quote today! ✓Affordable ✓Safe ✓Fast";
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $meta_title; ?></title>
    <meta name="description" content="<?php echo $meta_desc; ?>">
    <meta name="keywords" content="Packers and Movers, House Shifting, Office Relocation, Vehicle Transport, Moving Services, India">
    <meta name="author" content="Packingo Movers India">
    <meta name="robots" content="index, follow">
    <meta property="og:title" content="<?php echo $meta_title; ?>">
    <meta property="og:description" content="<?php echo $meta_desc; ?>">
    <meta property="og:image" content="<?php echo $base_url; ?>assets/images/logo.png">
    <meta property="og:url" content="<?php echo $base_url; ?>">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Packingo Movers India">


    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">

    <!-- Bootstrap 5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="assets/css/main.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">


</head>

<body>
    <?php include 'includes/header.php'; ?>
    <!-- Contact Us Hero Section -->
    <section class="contact-hero-section py-5">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12 text-center">
                    <h1 class="display-4 fw-bold mb-4">Contact Us</h1>
                    <p class="lead mb-4">We are here to assist you with all your moving needs.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- map section -->

    <section class="map-section">
        <div class="container-no">
            <div class="row">
                <div class="col-lg-12">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d238.46320752498315!2d81.78312268887872!3d17.00348279343477!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a37a38b7408fb81%3A0xa52422f64e1856cd!2s2Q3M%2B96Q%2C%20Tadithota%2C%20Rajamahendravaram%2C%20Andhra%20Pradesh%20533103!5e0!3m2!1sen!2sin!4v1750706967515!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
            </div>
        </div>
    </section>




    <!-- Contact Form Section -->
    <section class="contact-form-section py-5">
        <div class="container">
            <h2 class="text-center mb-4">Get in Touch</h2>
            <form action="api/contact.php" method="POST">
            <input type="hidden" name="type" value="contact">
                <div class="row">
                    <div class="col-md-6 mb-4">
                        <label for="name" class="form-label">Name</label>
                        <input type="text" class="form-control" id="name" name="name" required>
                    </div>
                    <div class="col-md-6 mb-4">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="email" name="email" required>
                    </div>
                </div>
                <div class="mb-4">
                    <label for="message" class="form-label">Message</label>
                    <textarea class="form-control" id="message" name="message" rows="5" required></textarea>
                </div>
                <button type="submit" class="btn ">Send Message</button>
            </form>
        </div>
    </section>

    <!-- get Quote -->
    <section class="get-quote-section py-5 bg-light">
        <div class="container text-center">
            <h2 class="mb-4">Get a Free Quote</h2>
            <p class="mb-4">Call us at <a href="tel:<?php echo $phone; ?>"><?php echo $phone; ?></a> or WhatsApp us at <a href="https://wa.me/<?php echo $whatsapp; ?>" target="_blank"><?php echo $whatsapp; ?></a></p>
            <p class="mb-4">Email us at <a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></p>
            <p class="mb-4">Or fill out the form above and we will get back to you shortly!</p>
        </div>
    </section>


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

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>