Manual changes saved

index.html

@@ -221,12 +221,24 @@
   <!-- Header / Nav -->
   
   <!-- Hero Banner -->
-<section class="text-white py-16 md:py-24" style="background: url('https://huggingface.co/spaces/vlcsolutions/vlc-engineering-sync-pro/resolve/main/images/ECM Main Banner-2025.png') no-repeat center center; background-size: cover;">
-  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+<section class="relative text-white py-16 md:py-24" 
+  style="background: url('12f5a722-4882-431d-8a51-2e20e11a93ff.png') no-repeat center center; background-size: cover; position: relative;">
+  
+  <!-- Overlay for better contrast -->
+  <div style="position: absolute; inset: 0; background: rgba(0, 40, 77, 0.55);"></div>
+
+  <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
     <div class="text-center max-w-2xl mx-auto" data-aos="fade-up">
-      <h1 class="text-4xl md:text-3xl font-bold leading-tight mb-4" style="color: #2C3E50;">Bridging the Gap from Design to Delivery using AI</h1>
-      <p class="text-xl md:text-2xl mb-6 max-w-3xl mx-auto" style="color: #BDC3C7;">Unify your data. Unify your teams.</p>
-      <a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-8 py-3 rounded-md text-lg font-medium">Get Total Control</a>
+      <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-4" style="color: #00C389;">
+        Bridging the Gap from Design to Delivery using AI
+      </h1>
+      <p class="text-xl md:text-2xl mb-6 max-w-3xl mx-auto" style="color: #E6F1FF;">
+        Unify your data. Unify your teams.
+      </p>
+      <a href="https://www.vlcsolutions.com/contactus.html" 
+         class="inline-block bg-[#A8E92F] hover:bg-[#8DD62A] text-[#00284D] px-8 py-3 rounded-md text-lg font-medium transition duration-300 shadow-lg">
+         Get Total Control
+      </a>
     </div>
   </div>
 </section>