<!-- resources/views/about.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">
        
        <!-- HERO SECTION -->
        <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-[#109E38]/20 rounded-full blur-3xl -translate-y-1/2 translate-x-1/3"></div>
          
          <div class="relative z-10 text-center">
            <div class="w-20 h-20 bg-white rounded-3xl mx-auto mb-4 flex items-center justify-center shadow-[0_0_30px_rgba(16,158,56,0.4)] rotate-3">
              <i data-lucide="zap" class="w-10 h-10 text-[#109E38] -rotate-3"></i>
            </div>
            <h1 class="text-4xl font-black text-white leading-tight mb-2 tracking-tight">Instafix24</h1>
            <p class="text-sm font-bold text-gray-400 uppercase tracking-widest">Revolutionizing AC Service</p>
            
            <div class="inline-flex bg-white/10 backdrop-blur-md border border-white/10 px-4 py-2 rounded-full mt-6 items-center gap-2">
              <i data-lucide="map-pin" class="w-4 h-4 text-[#109E38]"></i>
              <span class="text-xs font-bold text-gray-200">Proudly Founded in Delhi</span>
            </div>
          </div>
        </div>

        <div class="px-4 mt-6 space-y-6">
          
          <!-- OUR STORY -->
          <div class="bg-white rounded-3xl p-6 shadow-sm border border-gray-100 relative overflow-hidden">
            <div class="absolute -right-6 -top-6 text-gray-50/50"><i data-lucide="building-2" class="w-32 h-32"></i></div>
            
            <h2 class="text-xl font-black text-gray-900 mb-4 flex items-center gap-2 relative z-10">
              <i data-lucide="target" class="w-5 h-5 text-[#109E38]"></i> Our Story
            </h2>
            
            <div class="relative z-10 space-y-4">
              <p class="text-sm font-bold text-gray-600 leading-relaxed">
                We started our journey from the bustling streets of Laxmi Nagar and Geeta Colony with a single vision: to bring honesty back to the service industry.
              </p>
              
              <div class="bg-red-50 border border-red-100 rounded-2xl p-5 shadow-inner">
                <h3 class="text-sm font-black text-red-700 mb-2 uppercase tracking-wider flex items-center gap-1">
                  <i data-lucide="shield-check" class="w-4 h-4"></i> Ending The Market Loot
                </h3>
                <p class="text-xs font-bold text-red-900/80 leading-relaxed">
                  We noticed a huge problem in the market. Customers were being cheated—forced to pay ₹300 extra in hidden taxes for a basic ₹499 service. 
                  <br/><br/>
                  Instafix24 was created to destroy this loot. We built a 100% transparent system. <strong>Jo rate card par hai, wahi bill mein milega.</strong> No hidden charges, no nonsense.
                </p>
              </div>
            </div>
          </div>

          <!-- CORE VALUES -->
          <div>
            <h3 class="text-sm font-black text-gray-400 uppercase tracking-wider mb-3 px-2">Why We Stand Out</h3>
            <div class="grid grid-cols-2 gap-4">
              <div class="bg-white p-5 rounded-3xl shadow-sm border border-gray-100 text-center hover:border-[#109E38] transition-colors">
                <div class="w-12 h-12 bg-green-50 rounded-full flex items-center justify-center mx-auto mb-3">
                  <i data-lucide="heart" class="w-6 h-6 text-[#109E38]"></i>
                </div>
                <h4 class="font-black text-gray-900 text-sm mb-1">Partner First</h4>
                <p class="text-[10px] font-bold text-gray-500">Fair commissions & instant payouts.</p>
              </div>

              <div class="bg-white p-5 rounded-3xl shadow-sm border border-gray-100 text-center hover:border-blue-500 transition-colors">
                <div class="w-12 h-12 bg-blue-50 rounded-full flex items-center justify-center mx-auto mb-3">
                  <i data-lucide="users" class="w-6 h-6 text-blue-500"></i>
                </div>
                <h4 class="font-black text-gray-900 text-sm mb-1">Customer Trust</h4>
                <p class="text-[10px] font-bold text-gray-500">Fixed rate cards. No haggling.</p>
              </div>
            </div>
          </div>

          <!-- COMPANY STATS -->
          <div class="bg-gray-900 rounded-3xl p-6 text-white shadow-lg flex justify-between items-center">
            <div class="text-center">
              <h3 class="text-3xl font-black text-[#109E38]">5K+</h3>
              <p class="text-[10px] font-bold text-gray-400 uppercase tracking-widest mt-1">Happy Homes</p>
            </div>
            <div class="w-px h-10 bg-gray-700"></div>
            <div class="text-center">
              <h3 class="text-3xl font-black text-white">100+</h3>
              <p class="text-[10px] font-bold text-gray-400 uppercase tracking-widest mt-1">Expert Techs</p>
            </div>
            <div class="w-px h-10 bg-gray-700"></div>
            <div class="text-center">
              <h3 class="text-3xl font-black text-blue-400">4.8</h3>
              <p class="text-[10px] font-bold text-gray-400 uppercase tracking-widest mt-1">Avg Rating</p>
            </div>
          </div>
          
          <!-- FOOTER INFO -->
          <div class="text-center pt-4 pb-8">
            <div class="inline-flex items-center justify-center p-3 bg-gray-200 rounded-full mb-3">
              <i data-lucide="zap" class="w-5 h-5 text-gray-500"></i>
            </div>
            <h4 class="text-sm font-black text-gray-900">Instafix24 Services Pvt. Ltd.</h4>
            <p class="text-xs font-bold text-gray-500 mt-1">Made with <i data-lucide="heart" class="w-3 h-3 inline text-red-500 mx-1"></i> in Delhi, India</p>
          </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/about.blade.php ENDPATH**/ ?>