Manual changes saved

index.html

@@ -223,37 +223,37 @@
   </header>
   <!-- MAIN -->
 <main id="content" class="bg-white">
-  <!-- ====== HERO / BANNER (Smart Shipping) ====== -->
+  <!-- ====== HERO / BANNER (Smart Shipping - Lightened) ====== -->
 <section class="relative text-white overflow-hidden" style="min-height:360px;">
   <!-- Background image -->
   <div class="absolute inset-0 bg-center bg-cover"
        style="background-image:url('https://huggingface.co/spaces/vlcsolutions/barcode-blitz-logistics-manager/resolve/main/images/smart_shipping25.png');">
   </div>
 
-  <!-- Soft gradient overlay for better readability -->
-  <div class="absolute inset-0 bg-gradient-to-r from-[#001b47]/95 via-[#002060]/75 to-[#001b47]/85"></div>
+  <!-- Softer gradient overlay -->
+  <div class="absolute inset-0 bg-gradient-to-r from-[#00347A]/85 via-[#00418F]/60 to-[#00347A]/75"></div>
 
-  <!-- Light texture & digital glow pattern -->
+  <!-- Light digital pattern -->
   <div class="absolute inset-0 pointer-events-none"
        style="
         background:
-          radial-gradient(ellipse at 20% 30%, rgba(0,160,233,.20), transparent 55%),
-          radial-gradient(ellipse at 85% 50%, rgba(141,198,63,.18), transparent 60%),
-          repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0, rgba(255,255,255,.04) 1px, transparent 1px, transparent 6px);
+          radial-gradient(ellipse at 20% 30%, rgba(0,160,233,.15), transparent 55%),
+          radial-gradient(ellipse at 85% 60%, rgba(141,198,63,.12), transparent 60%),
+          repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 1px, transparent 6px);
         mix-blend-mode: overlay;">
   </div>
 
   <!-- Content -->
   <div class="relative max-w-7xl mx-auto px-6 md:px-8 py-16">
     <div class="max-w-3xl" data-aos="fade-up">
-      <h1 class="text-3xl md:text-4xl font-extrabold leading-tight drop-shadow-[0_2px_6px_rgba(0,0,0,0.3)]" style="color:#E9FBFF;">
+      <h1 class="text-3xl md:text-4xl font-extrabold leading-tight drop-shadow-[0_1px_4px_rgba(0,0,0,0.3)]" style="color:#F2FAFF;">
         Drive Shipment Success with VLC Smart Shipping's Real-Time Integration
       </h1>
-      <p class="text-base md:text-lg font-medium mt-2" style="color:#D3EEFF;">
+      <p class="text-base md:text-lg font-medium mt-2" style="color:#D9EEFF;">
         Real-time tracking and smooth integration for hassle-free shipping
       </p>
       <a href="https://www.vlcsolutions.com/contactus.html"
-         class="inline-flex items-center mt-6 px-6 py-3 rounded-lg text-lg font-semibold shadow-lg transition-all duration-300 hover:brightness-110"
+         class="inline-flex items-center mt-6 px-6 py-3 rounded-lg text-lg font-semibold shadow-md transition-all duration-300 hover:brightness-110"
          style="background:#8DC63F; color:#002060;">
         Ship Faster, Deliver Smarter
         <i data-feather="arrow-right" class="w-5 h-5 ml-2" aria-hidden="true"></i>
@@ -261,9 +261,9 @@
     </div>
   </div>
 
-  <!-- Divider -->
+  <!-- Gentle wave divider -->
   <div class="h-8" style="background:
-    radial-gradient(120% 32px at 50% -8px, #002060 48%, transparent 49%) bottom/100% 32px no-repeat;"></div>
+    radial-gradient(120% 32px at 50% -8px, #00347A 48%, transparent 49%) bottom/100% 32px no-repeat;"></div>
 </section>
 
 <!-- Mobile menu toggle script -->