<?php $__env->startSection('title', 'Contact Us — A1 Movex Global Services'); ?>
<?php $__env->startSection('description', 'Get in touch with A1 Movex Global Services for a custom logistics proposal — air, sea and land freight, customs clearing, transportation and more. New Delhi, India.'); ?>

<?php $__env->startSection('content'); ?>
<!-- ═══════════════════════════════════════════════════════════
     HERO
═══════════════════════════════════════════════════════════ -->
<section class="relative pt-28 pb-10 lg:pt-32 lg:pb-14 overflow-hidden bg-[#060c1b] text-white">
  <div class="absolute inset-0 hero-bg-zoom" style="background-image:url('https://images.unsplash.com/photo-1626863905121-3b0c0ed7b94c?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center"></div>
  <div class="absolute inset-0" style="background:linear-gradient(100deg, rgba(6,12,27,.93) 0%, rgba(6,12,27,.8) 45%, rgba(6,12,27,.55) 100%)"></div>
  <div class="absolute inset-0 grid-overlay-dark opacity-25"></div>
  <div class="relative z-10 max-w-[1400px] mx-auto px-6 sm:px-10">
    <div class="max-w-[640px] zoom-reveal">
      <nav class="flex items-center gap-1.5 sm:gap-2 mb-3 sm:mb-4 text-[9px] sm:text-[10px] font-semibold text-white/40 uppercase tracking-wide">
        <a href="<?php echo e(route('home')); ?>" class="hover:text-white/70 transition-colors duration-200">Home</a>
        <span class="text-white/25">/</span>
        <span class="text-white/60">Contact Us</span>
      </nav>
      <div class="inline-flex items-center gap-2.5 glass rounded-full px-4 py-1.5 mb-5">
        <span class="w-1.5 h-1.5 rounded-full bg-[#c8102e] animate-pulse flex-shrink-0"></span>
        <span class="text-[10px] font-semibold text-white/55 tracking-[0.2em] uppercase">Contact Us</span>
      </div>
      <div class="hero-heading-mask overflow-hidden">
        <h1 class="hero-heading font-display font-extrabold leading-[1.05] tracking-tight" style="font-size:clamp(1.75rem,3.4vw,2.75rem)">
          Let's move your cargo <span class="text-gradient-red">forward.</span>
        </h1>
      </div>
    </div>
  </div>

  <!-- Floating trust chip — desktop only -->
  <div class="hero-float-chip hidden lg:flex flex-col items-start glass rounded-2xl px-6 py-5 absolute right-10 xl:right-16 top-1/2 -translate-y-1/2 z-10">
    <span class="font-display font-black leading-none" style="font-size:1.9rem">12+</span>
    <span class="text-[11px] font-semibold text-white/55 uppercase tracking-wide mt-1.5">Years Experience</span>
  </div>

  <!-- Scroll cue -->
  <div class="absolute bottom-6 sm:bottom-8 left-1/2 -translate-x-1/2 z-10 flex flex-col items-center gap-2">
    <div class="relative" style="width:2px;height:30px;background:rgba(255,255,255,.3)">
      <span class="hero-scroll-dot absolute left-1/2 -translate-x-1/2 top-0 w-1.5 h-1.5 rounded-full bg-white"></span>
    </div>
    <span class="text-[9px] sm:text-[10px] font-semibold text-white/40 uppercase tracking-wide">Scroll</span>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════
     STATS
═══════════════════════════════════════════════════════════ -->
<section class="bg-white pt-12 lg:pt-16 pb-12 lg:pb-16">
  <div class="max-w-[1400px] mx-auto px-6 sm:px-10">
    <div class="grid grid-cols-1 sm:grid-cols-3 gap-6">
      <div class="stat-card zoom-reveal bg-white rounded-3xl border border-[#e8ecf5] overflow-hidden" style="box-shadow:0 20px 50px -20px rgba(26,45,110,.18)">
        <div class="p-6">
          <div class="w-11 h-11 rounded-xl flex items-center justify-center mb-4" style="background:rgba(200,16,46,.08)">
            <svg class="w-5 h-5" style="color:#c8102e" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
          </div>
          <div class="font-display font-black text-[#c8102e] counter-trigger" style="font-size:2.5rem;line-height:1;font-variant-numeric:tabular-nums" data-target="12" data-suffix="+">12+</div>
          <div class="font-display font-bold text-[#0c1427] text-base mt-2 mb-1.5">Years Experience</div>
          <p class="text-sm text-[#64748b] leading-relaxed">A trusted logistics partner since day one.</p>
        </div>
      </div>
      <div class="stat-card zoom-reveal bg-white rounded-3xl border border-[#e8ecf5] overflow-hidden" style="box-shadow:0 20px 50px -20px rgba(26,45,110,.18)">
        <div class="p-6">
          <div class="w-11 h-11 rounded-xl flex items-center justify-center mb-4" style="background:rgba(200,16,46,.08)">
            <svg class="w-5 h-5" style="color:#c8102e" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A8.959 8.959 0 013 12c0-1.605.42-3.113 1.157-4.418"/></svg>
          </div>
          <div class="font-display font-black text-[#c8102e] counter-trigger" style="font-size:2.5rem;line-height:1;font-variant-numeric:tabular-nums" data-target="450" data-suffix="+">450+</div>
          <div class="font-display font-bold text-[#0c1427] text-base mt-2 mb-1.5">Worldwide Clients</div>
          <p class="text-sm text-[#64748b] leading-relaxed">Businesses around the globe rely on us.</p>
        </div>
      </div>
      <div class="stat-card zoom-reveal bg-white rounded-3xl border border-[#e8ecf5] overflow-hidden" style="box-shadow:0 20px 50px -20px rgba(26,45,110,.18)">
        <div class="p-6">
          <div class="w-11 h-11 rounded-xl flex items-center justify-center mb-4" style="background:rgba(200,16,46,.08)">
            <svg class="w-5 h-5" style="color:#c8102e" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z"/></svg>
          </div>
          <div class="font-display font-black text-[#c8102e] counter-trigger" style="font-size:2.5rem;line-height:1;font-variant-numeric:tabular-nums" data-target="100" data-suffix="+">100+</div>
          <div class="font-display font-bold text-[#0c1427] text-base mt-2 mb-1.5">Employees</div>
          <p class="text-sm text-[#64748b] leading-relaxed">Specialists managing every stage of the move.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════
     CONTACT — info + form
═══════════════════════════════════════════════════════════ -->
<section id="contact" class="bg-[#f5f7ff] py-24 lg:py-40">
  <div class="max-w-[1400px] mx-auto px-6 sm:px-10">
    <div class="grid lg:grid-cols-[1fr_1.1fr] gap-16 lg:gap-24 items-start">
      <div class="zoom-reveal">
        <img src="<?php echo e(asset('logo.webp')); ?>" alt="A1 Movex Global Services" class="h-12 w-auto mb-10"/>
        <h2 class="font-display font-extrabold text-[#0c1427] leading-[1.04] tracking-tight mb-5" style="font-size:clamp(2rem,4vw,3.2rem)">
          Let's move something<br/><span style="color:#1a2d6e">great together.</span>
        </h2>
        <p class="text-[#64748b] text-base leading-relaxed mb-12">A dedicated logistics specialist responds within 24 hours with a custom proposal — no templates, no automated replies.</p>
        <div class="space-y-5">
          <a href="mailto:info@movexgroup.net" class="flex items-center gap-4 group">
            <div class="w-12 h-12 rounded-2xl flex items-center justify-center flex-shrink-0 transition-colors" style="background:rgba(26,45,110,.07)">
              <svg class="w-5 h-5" style="color:#1a2d6e" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg>
            </div>
            <div>
              <div class="text-xs text-[#94a3b8] font-semibold tracking-wide mb-0.5">Email us</div>
              <span class="text-sm font-bold group-hover:text-[#c8102e] transition-colors" style="color:#1a2d6e">info@movexgroup.net</span>
            </div>
          </a>
          <a href="tel:+911142630977" class="flex items-center gap-4 group">
            <div class="w-12 h-12 rounded-2xl flex items-center justify-center flex-shrink-0" style="background:rgba(26,45,110,.07)">
              <svg class="w-5 h-5" style="color:#1a2d6e" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"/></svg>
            </div>
            <div>
              <div class="text-xs text-[#94a3b8] font-semibold tracking-wide mb-0.5">Call us</div>
              <span class="text-sm font-bold group-hover:text-[#c8102e] transition-colors" style="color:#1a2d6e">+91-11-4263 0977</span>
            </div>
          </a>
          <div class="flex items-start gap-4">
            <div class="w-12 h-12 rounded-2xl flex items-center justify-center flex-shrink-0" style="background:rgba(26,45,110,.07)">
              <svg class="w-5 h-5" style="color:#1a2d6e" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/></svg>
            </div>
            <div>
              <div class="text-xs text-[#94a3b8] font-semibold tracking-wide mb-0.5">Visit us</div>
              <span class="text-sm font-bold" style="color:#1a2d6e">T-6, Third Floor, K.H No.506, New Bypass Road, Mahipalpur Extn., New Delhi - 110037, India</span>
            </div>
          </div>
          <div class="flex items-start gap-4">
            <div class="w-12 h-12 rounded-2xl flex items-center justify-center flex-shrink-0" style="background:rgba(26,45,110,.07)">
              <svg class="w-5 h-5" style="color:#1a2d6e" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.7"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
            </div>
            <div>
              <div class="text-xs text-[#94a3b8] font-semibold tracking-wide mb-0.5">Business hours</div>
              <span class="text-sm font-bold" style="color:#1a2d6e">Mon–Fri 8am–9pm &middot; Sat–Sun Closed</span>
            </div>
          </div>
        </div>
      </div>

      <!-- Form -->
      <div class="bg-white rounded-3xl p-8 lg:p-10 border zoom-reveal" style="box-shadow:0 4px 48px -12px rgba(26,45,110,.09);border-color:rgba(26,45,110,.07)">
        <?php if(session('status')): ?>
        <div class="mb-6 rounded-xl px-4 py-3 text-sm font-semibold" style="background:rgba(26,45,110,.07);color:#1a2d6e"><?php echo e(session('status')); ?></div>
        <?php endif; ?>
        <form class="space-y-5" method="POST" action="<?php echo e(route('contact.store')); ?>">
          <?php echo csrf_field(); ?>
          <div class="grid sm:grid-cols-2 gap-4">
            <div>
              <label class="text-xs font-semibold text-[#94a3b8] tracking-wide mb-2 block">First Name</label>
              <input type="text" name="first_name" value="<?php echo e(old('first_name')); ?>" placeholder="Rahul" class="w-full px-4 py-3.5 rounded-xl border text-sm text-[#0c1427] placeholder-[#cbd5e1] outline-none transition-all contact-input" style="border-color:rgba(26,45,110,.14)"/>
              <?php $__errorArgs = ['first_name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="text-xs text-[#c8102e] mt-1.5"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
            </div>
            <div>
              <label class="text-xs font-semibold text-[#94a3b8] tracking-wide mb-2 block">Last Name</label>
              <input type="text" name="last_name" value="<?php echo e(old('last_name')); ?>" placeholder="Mehta" class="w-full px-4 py-3.5 rounded-xl border text-sm text-[#0c1427] placeholder-[#cbd5e1] outline-none transition-all contact-input" style="border-color:rgba(26,45,110,.14)"/>
              <?php $__errorArgs = ['last_name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="text-xs text-[#c8102e] mt-1.5"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
            </div>
          </div>
          <div>
            <label class="text-xs font-semibold text-[#94a3b8] tracking-wide mb-2 block">Company</label>
            <input type="text" name="company" value="<?php echo e(old('company')); ?>" placeholder="Apex Manufacturing Ltd." class="w-full px-4 py-3.5 rounded-xl border text-sm text-[#0c1427] placeholder-[#cbd5e1] outline-none transition-all contact-input" style="border-color:rgba(26,45,110,.14)"/>
            <?php $__errorArgs = ['company'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="text-xs text-[#c8102e] mt-1.5"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
          </div>
          <div class="grid sm:grid-cols-2 gap-4">
            <div>
              <label class="text-xs font-semibold text-[#94a3b8] tracking-wide mb-2 block">Email</label>
              <input type="email" name="email" value="<?php echo e(old('email')); ?>" placeholder="you@company.com" class="w-full px-4 py-3.5 rounded-xl border text-sm text-[#0c1427] placeholder-[#cbd5e1] outline-none transition-all contact-input" style="border-color:rgba(26,45,110,.14)"/>
              <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="text-xs text-[#c8102e] mt-1.5"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
            </div>
            <div>
              <label class="text-xs font-semibold text-[#94a3b8] tracking-wide mb-2 block">Service Needed</label>
              <select name="service" class="w-full px-4 py-3.5 rounded-xl border text-sm text-[#64748b] outline-none transition-all bg-white appearance-none contact-input" style="border-color:rgba(26,45,110,.14)">
                <option value="">Select a service</option>
                <?php $__currentLoopData = \App\Support\ServiceCatalog::all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <option value="<?php echo e($service['name']); ?>" <?php if(old('service') === $service['name']): echo 'selected'; endif; ?>><?php echo e($service['name']); ?></option>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
              </select>
            </div>
          </div>
          <div>
            <label class="text-xs font-semibold text-[#94a3b8] tracking-wide mb-2 block">Tell us about your shipment</label>
            <textarea rows="4" name="message" placeholder="Origin, destination, cargo type, weight, timeline..." class="w-full px-4 py-3.5 rounded-xl border text-sm text-[#0c1427] placeholder-[#cbd5e1] outline-none transition-all resize-none contact-input" style="border-color:rgba(26,45,110,.14)"><?php echo e(old('message')); ?></textarea>
            <?php $__errorArgs = ['message'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="text-xs text-[#c8102e] mt-1.5"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
          </div>
          <button type="submit" class="btn-primary w-full font-display font-bold text-white py-4 rounded-xl text-base flex items-center justify-center gap-2.5">
            Send Enquiry
            <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/></svg>
          </button>
          <p class="text-center text-xs text-[#94a3b8]">We respond within 24 hours &middot; No spam, ever</p>
        </form>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════════════════════════════════════════════════
     FOOTER — dark
═══════════════════════════════════════════════════════════ -->
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\movex-laravel\resources\views/pages/contact.blade.php ENDPATH**/ ?>