<?php
require_once 'api/getServices.php';
$phone = "+91 91001 56577";
$whatsapp = "+91 91001 56577";
$email = "info@packingo.in";
$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'; ?>
    <!-- Hero Section -->
    <section class="hero-section d-flex align-items-center" id="getQuote">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 my-5">
                    <h1 class="display-4 fw-bold mb-4">
                        Your Trusted Partner for Safe & Affordable Moving
                    </h1>
                    <p class="lead mb-4">
                        Professional packing & moving services across India. 
                        Get free quote in 2 minutes!
                    </p>
                </div>
                <div class="col-lg-5 offset-lg-1 my-5 col-12" id="getQuote">
                    <div class="card p-4">
                        <h3 class="text-center mb-4">Get Free Quote</h3>
                        <form action="process.php" method="POST">
                            <input type="hidden" name="type" value="quote">
                            <div class="mb-3">
                                <input type="text" class="form-control" name="name" placeholder="Your Name" required>
                            </div>
                            <div class="mb-3">
                                <input type="tel" class="form-control" name="phone" placeholder="Phone Number" required>
                            </div>
                            <!-- from to input -->
                            <div class="row mb-3">
                                <div class="col-6">
                                    <input type="text" class="form-control" name="from" placeholder="From Location" required>
                                </div>
                                <div class="col-6">
                                    <input type="text" class="form-control" name="to" placeholder="To Location" required>
                                </div>
                            </div>
                            <div class="mb-3">
                               
                                <select class="form-control" name="service" required>

                                    <option value="">Select Service</option>
                                    <?php foreach($services as $service): ?>
                                    <option value="<?php echo $service['slug']; ?>"><?php echo $service['name']; ?></option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                            <button type="submit" class="btn cta-button w-100">Get Free Quote</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- welcome to Packingo -->
    <section class="welcome-section py-5">
        <div class="container text-center">
            <h2 class="mb-4">Welcome to Packingo</h2>
            <p class="lead mb-4">
                We are your trusted partner for all packing and moving needs. 
                With years of experience, we ensure safe and efficient relocation services across India.
            </p>
            <img src="assets/images/logo.png" alt="Welcome to Packingo" class="img-fluid rounded mb-4">
        </div>
    </section>
    <!-- Services Section -->
    <section class="services-section py-5">
        <div class="container">
            <h2 class="text-center mb-5">Our Services</h2>
            <div class="row">
                <?php foreach ($services as $service): ?>
                <div class="col-md-4">
                    <div class="card text-center">
                        <img src="<?php echo htmlspecialchars($service['img_url']); ?>" class="card-img-top" alt="<?php echo htmlspecialchars($service['name']); ?>">
                        <div class="card-body">
                            <h5 class="card-title"><?php echo htmlspecialchars($service['name']); ?></h5>
                            <p class="card-text">
                                <?php echo htmlspecialchars($service['description']); ?>
                            </p>
                            <a href="services/<?php echo htmlspecialchars($service['slug']); ?>" class="btn btn-primary" aria-label="Learn more about <?php echo htmlspecialchars($service['name']); ?>">
                                Learn More about <?php echo htmlspecialchars($service['name']); ?>
                            </a>
                        </div>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>
    <!-- How we shift/ move  -->
    <section class="how-we-shift-section py-5">
        <div class="container">
            <h2 class="text-center mb-5">How We Shift</h2>
            <div class="row">
                <div class="col-md-6">
                    <img src="assets/images/how-we-shift.jpg" alt="How We Shift" class="img-fluid rounded mb-4">
                </div>
                <div class="col-md-6">
                    <p>
                        At Packingo, we follow a systematic approach to ensure your belongings are moved safely and efficiently. 
                        From packing to transportation, our team handles every step with care.
                    </p>
                    <ul>
                        <li>Professional packing with quality materials</li>
                        <li>Safe loading and unloading</li>
                        <li>Real-time tracking of your shipment</li>
                        <li>Insurance coverage for added peace of mind</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- Why Choose Us Section -->
    <section class="why-choose-us-section py-5 bg-light">
        <div class="container">
            <h2 class="text-center mb-5">🌟 Why Choose PAC<span class="text-secondary">KING</span>O?</h2>
            <div class="row justify-content-center">
                <div class="col-md-10">
                    <ul class="list-group list-group-flush fs-5">
                        <li class="list-group-item">
                            <i class="fas fa-users-cog me-2 text-brown"></i>
                            <span class="text-success text-brown fw-bold">Trained & Experienced Team</span><br>
                            Skilled staff to handle everything from packing to delivery.
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-truck me-2 text-brown"></i>
                            <span class="text-success text-brown fw-bold">Premium Packing Materials</span><br>
                            Bubble wraps, sturdy boxes, sealing tapes, foam sheets—only the best for your goods.
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-shield-alt me-2 text-brown"></i>
                            <span class="text-success text-brown   fw-bold">Affordable Pricing</span><br>
                            Transparent and competitive rates with no hidden charges.
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-clock me-2 text-brown"></i>
                            <span class="text-success text-brown fw-bold">Safety & Timely Delivery</span><br>
                            We prioritize the safety of your items and ensure timely delivery to your destination.
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-thumbs-up me-2 text-brown"></i>
                            <span class="text-success text-brown fw-bold">Customer Satisfaction Guaranteed</span><br>
                            We aim to exceed expectations in every move.
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section class="testimonials-section bg-cream py-5">
        <div class="container">
            <h2 class="text-center mb-5">What Our Customers Say</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="testimonial-card p-4">
                        <p>"Packingo made my move so easy! The team was professional and handled everything with care."</p>
                        <h5>- Rajesh K.</h5>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="testimonial-card p-4">
                        <p>"I highly recommend Packingo for their excellent service and affordable rates. They exceeded my expectations!"</p>
                        <h5>- Priya S.</h5>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="testimonial-card p-4">
                        <p>"The team was punctual and very efficient. My belongings arrived safely without any damage."</p>
                        <h5>- Anil R.</h5>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Clients section with scrollable image frames -->
    <section class="clients-section py-5">
        <div class="container">
            <h2 class="text-center mb-5">Our Clients</h2>
            <!-- Responsive scrollable logos row for mobile, grid for desktop -->
            <?php
            $clients = [];
            $client_images = glob('assets/images/clients/*.{png,jpg,jpeg,gif,webp}', GLOB_BRACE);
            foreach ($client_images as $img) {
                $filename = pathinfo($img, PATHINFO_FILENAME);
                $clients[] = [
                    'img' => $img,
                    'alt' => $filename
                ];
            }
            ?>
            <div class="client-logos d-flex d-md-none overflow-auto pb-3" style="gap: 2rem;">
                <?php foreach ($clients as $client): ?>
                    <img src="<?php echo htmlspecialchars($client['img']); ?>" alt="<?php echo htmlspecialchars($client['alt']); ?>" class="client-logo" style="height:60px;">
                <?php endforeach; ?>
            </div>
            <div class="row d-none d-md-flex justify-content-center align-items-center">
                <?php foreach ($clients as $client): ?>
                    <div class="col-md-2 text-center">
                        <img src="<?php echo htmlspecialchars($client['img']); ?>" alt="<?php echo htmlspecialchars($client['alt']); ?>" class="client-logo" style="height:60px;">
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

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

    </body>
</html>