Add this image background to the banner section

index.html

@@ -222,8 +222,8 @@
     </div>
   </header>
   <!-- Banner Section -->
-  <section class="pattern-navy text-white py-20 px-4">
-    <div class="max-w-4xl mx-auto text-center">
+  <section class="pattern-navy text-white py-20 px-4" style="background-image: url('https://huggingface.co/spaces/vlcsolutions/manufacturing-intelligence-optimizer-pro/resolve/main/images/production%20optimization-banner-25.png'); background-size: cover; background-position: center;">
+<div class="max-w-4xl mx-auto text-center">
       <h1 class="text-4xl md:text-5xl font-bold mb-4" data-aos="fade-up">AI-centric Automation Meets Intelligence</h1>
       <p class="text-xl md:text-2xl mb-8" data-aos="fade-up" data-aos-delay="100">Boost throughput, cut downtime and grow margins, without the guesswork</p>
       <a href="#contact" class="btn-accent px-8 py-3 rounded-full text-lg font-medium inline-block" data-aos="fade-up" data-aos-delay="200">Optimize Your Operations Today</a>