Manual changes saved

index.html

@@ -218,19 +218,16 @@
       </div>
     </div>
   </header>
-  <!-- Banner Section -->
-  <section class="relative text-white py-16 px-4 sm:px-6 lg:px-8 bg-white">
-    <img src="https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Business-Central-main-page-2025-1.png" 
-         alt="Business Central Dashboard" 
-         class="absolute inset-0 w-full h-full object-cover hovered-element">
-<div class="max-w-6xl mx-auto relative z-10 flex justify-start">
-      <div class="max-w-xl w-full flex flex-col items-start justify-center text-left">
-<h1 class="text-4xl md:text-2xl font-bold mb-4" data-aos="fade-up">VLC + BC: Precision and Speed <br> in Every Step</h1>
-        <p class="text-xl text-gray-200 mb-8" data-aos="fade-up" data-aos-delay="100">Turning complexity into <br> simple, seamless flow.</p>
-        <a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-8 py-3 rounded-md font-medium" data-aos="fade-up" data-aos-delay="200">Own Your ERP Rollout</a>
-      </div>
+    <!-- Banner Section -->
+  <section class="pattern-navy text-white py-20 px-4 bg-cover bg-center" style="background-image: url('https://huggingface.co/spaces/vlcsolutions/erp-flow-masters/resolve/main/images/Business-Central-main-page-2025-1.png')">
+<div class="max-w-4xl ml-8 text-left">
+<h1 class="text-4xl md:text-4xl font-bold mb-6" data-aos="fade-up">VLC + BC: Precision and Speed in Every Step</h1>
+      <p class="text-xl md:text-2xl mb-8" data-aos="fade-up" data-aos-delay="100">Turning complexity into simple, seamless flow.</p>
+      <div class="flex flex-col sm:flex-row justify-start gap-4" data-aos="fade-up" data-aos-delay="200">
+        <a href="#industry-expertise" class="btn-accent px-8 py-3 rounded-md font-medium">Own Your ERP Rollout</a>
+</div>
     </div>
-</section>
+  </section>
 <!-- Section 1 -->
   <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white">
     <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-center">