Manual changes saved

index.html

@@ -223,49 +223,47 @@
   </header>
   <!-- MAIN -->
 <main id="content" class="bg-white">
-  <!-- ====== HERO / BANNER (Smart Shipping - Lightened) ====== -->
-<section class="relative text-white overflow-hidden" style="min-height:360px;">
-  <!-- Background image -->
+  <!-- ====== HERO / BANNER (Smart Shipping) ====== -->
+<section class="relative text-white" style="min-height:360px;">
   <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>
-
-  <!-- Softer gradient overlay -->
-  <div class="absolute inset-0 bg-gradient-to-r from-[#00347A]/85 via-[#00418F]/60 to-[#00347A]/75"></div>
-
-  <!-- Light digital pattern -->
+       style="background-image: url('https://huggingface.co/spaces/vlcsolutions/barcode-blitz-logistics-manager/resolve/main/images/smart_shipping25.png')">
+</div>
+  <!-- Decorative beams + soft dot field -->
   <div class="absolute inset-0 pointer-events-none"
        style="
         background:
-          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;">
+          conic-gradient(from 200deg at 20% 40%, rgba(0,160,233,.18), rgba(0,160,233,0) 35%),
+          conic-gradient(from 30deg at 80% 20%, rgba(141,198,63,.14), rgba(141,198,63,0) 45%),
+          radial-gradient(ellipse at top left, rgba(255,255,255,.08) 0 8%, transparent 9%) 0 0/40px 40px,
+          radial-gradient(ellipse at bottom right, rgba(255,255,255,.06) 0 8%, transparent 9%) 10px 10px/40px 40px;">
   </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_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:#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-md transition-all duration-300 hover:brightness-110"
+     
+      <!-- Banner copy -->
+      <div class="space-y-4">
+        <h1 class="text-3xl md:text-4xl font-extrabold leading-tight" style="color:#E9FBFF;">
+         Drive Shipment Success with VLC Smart Shipping's Real-Time Integration
+        </h1>
+        <div class="space-y-2" style="color:#D3EEFF;">
+          <p class="text-base md:text-lg">
+            Real-time tracking and smooth integration for hassle-free shipping
+          </p>       
+        </div>
+      </div>
+<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"
          style="background:#8DC63F; color:#002060;">
-        Ship Faster, Deliver Smarter
+         Ship Faster, Deliver Smarter
         <i data-feather="arrow-right" class="w-5 h-5 ml-2" aria-hidden="true"></i>
       </a>
     </div>
   </div>
 
-  <!-- Gentle wave divider -->
+  <!-- gentle wave divider -->
   <div class="h-8" style="background:
-    radial-gradient(120% 32px at 50% -8px, #00347A 48%, transparent 49%) bottom/100% 32px no-repeat;"></div>
+    radial-gradient(120% 32px at 50% -8px, #002060 48%, transparent 49%) bottom/100% 32px no-repeat;"></div>
 </section>
-
 <!-- Mobile menu toggle script -->
 <script>
   document.addEventListener('DOMContentLoaded', function() {