<!-- resources/views/contact.blade.php -->


<?php $__env->startSection('content'); ?>
<div class="min-h-screen bg-gray-50 flex flex-col font-sans pb-28 w-full overflow-x-hidden relative">
      <main class="flex-1 max-w-2xl mx-auto w-full pb-8">
        
        <!-- HEADER -->
        <div class="bg-gray-900 rounded-b-[2.5rem] p-8 pt-10 text-white shadow-xl relative overflow-hidden">
          <div class="absolute top-0 right-0 w-64 h-64 bg-blue-500/20 rounded-full blur-3xl -translate-y-1/2 translate-x-1/3"></div>
          
          <div class="relative z-10">
            <div class="w-16 h-16 bg-white/10 backdrop-blur-md rounded-2xl flex items-center justify-center mb-5 border border-white/20 shadow-inner">
              <i data-lucide="building-2" class="w-8 h-8 text-blue-400"></i>
            </div>
            <h1 class="text-3xl font-black text-white leading-tight mb-2">Partner HQ</h1>
            <p class="text-sm font-bold text-gray-400">Headquarters & Admin Office</p>
          </div>
        </div>

        <div class="px-4 mt-6 space-y-6">
          
          <!-- OFFICE LOCATION & MAP -->
          <div class="bg-white rounded-3xl p-2 shadow-sm border border-gray-100">
            <div class="p-4 flex items-start gap-4">
              <div class="bg-green-50 p-3 rounded-2xl">
                <i data-lucide="map-pin" class="w-6 h-6 text-[#109E38]"></i>
              </div>
              <div class="flex-1">
                <h3 class="text-lg font-black text-gray-900 mb-1">Instafix24 Main Office</h3>
                <p class="text-sm font-bold text-gray-500 leading-relaxed">
                  Laxmi Nagar & Geeta Colony Area,<br/>
                  East Delhi, New Delhi - 110092
                </p>
                <div class="flex items-center gap-2 mt-3 text-xs font-black text-blue-600 bg-blue-50 px-3 py-1.5 rounded-lg inline-flex">
                  <i data-lucide="clock" class="w-4 h-4"></i> Open: Mon - Sat (10 AM to 6 PM)
                </div>
              </div>
            </div>
            
            <div class="px-2 pb-2">
              <a href="https://maps.google.com/?q=Laxmi+Nagar,Delhi" target="_blank" class="w-full bg-gray-900 text-white h-14 rounded-2xl font-black text-sm flex items-center justify-center gap-2 shadow-md hover:bg-gray-800 transition-colors">
                <i data-lucide="navigation" class="w-5 h-5"></i> Navigate to Office
              </a>
            </div>
          </div>

          <!-- OFFICIAL CONTACT METHODS -->
          <div>
            <h3 class="text-sm font-black text-gray-400 uppercase tracking-wider mb-3 px-2">Official Channels</h3>
            <div class="bg-white rounded-3xl p-2 shadow-sm border border-gray-100 space-y-1">
              <a href="tel:+919876543210" class="w-full flex items-center justify-between p-4 hover:bg-gray-50 rounded-2xl transition-colors">
                <div class="flex items-center gap-4">
                  <div class="bg-orange-50 p-2.5 rounded-xl"><i data-lucide="phone" class="w-5 h-5 text-orange-500"></i></div>
                  <div class="text-left">
                    <p class="font-black text-gray-900 text-sm">Call Headquarters</p>
                    <p class="text-xs font-bold text-gray-500">For onboarding & business queries</p>
                  </div>
                </div>
                <i data-lucide="chevron-right" class="w-5 h-5 text-gray-300"></i>
              </a>

              <a href="mailto:partners@instafix24.com" class="w-full flex items-center justify-between p-4 hover:bg-gray-50 rounded-2xl transition-colors border-t border-gray-50">
                <div class="flex items-center gap-4">
                  <div class="bg-blue-50 p-2.5 rounded-xl"><i data-lucide="mail" class="w-5 h-5 text-blue-500"></i></div>
                  <div class="text-left">
                    <p class="font-black text-gray-900 text-sm">partners@instafix24.com</p>
                    <p class="text-xs font-bold text-gray-500">Email for KYC & Payout issues</p>
                  </div>
                </div>
                <i data-lucide="chevron-right" class="w-5 h-5 text-gray-300"></i>
              </a>
            </div>
          </div>

          <!-- IMPORTANT DEPARTMENTS -->
          <div>
            <h3 class="text-sm font-black text-gray-400 uppercase tracking-wider mb-3 px-2">When to visit HQ?</h3>
            <div class="grid grid-cols-2 gap-3">
              <div class="bg-white p-4 rounded-3xl border border-gray-100 shadow-sm">
                <i data-lucide="shield-check" class="w-6 h-6 text-yellow-500 mb-2"></i>
                <h4 class="font-black text-gray-900 text-sm mb-1">Physical KYC</h4>
                <p class="text-[10px] font-bold text-gray-500">Bring Aadhar & PAN for final ID verification.</p>
              </div>
              <div class="bg-white p-4 rounded-3xl border border-gray-100 shadow-sm">
                <i data-lucide="briefcase-business" class="w-6 h-6 text-purple-500 mb-2"></i>
                <h4 class="font-black text-gray-900 text-sm mb-1">Collect Gear</h4>
                <p class="text-[10px] font-bold text-gray-500">Collect Instafix24 T-shirt and official ID Card.</p>
              </div>
            </div>
          </div>

        </div>
      </main>
</div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.tech', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\Asus\OneDrive\Documents\instafix24-app\resources\views/contact.blade.php ENDPATH**/ ?>