Manual changes saved

index.html

@@ -281,15 +281,25 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
     </div>
   </header>
   <!-- Banner Section -->
-  <section class="pattern-navy text-white py-16 md:py-24 relative overflow-hidden">
-    <div class="absolute inset-0 bg-[var(--vlc-navy)] opacity-90 z-0"></div>
-    <div class="absolute inset-0 z-0" style="background: url('https://huggingface.co/spaces/vlcsolutions/dynamics-turboconnect-express/resolve/main/images/dynamics-365-business-central-express-connect-main-page-and-others.png') center/cover no-repeat;"></div>
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
-      <h1 class="text-4xl md:text-5xl font-bold mb-6" data-aos="fade-up">Streamline, Scale, Succeed: ERP-powered eCommerce excellence.</h1>
-      <p class="text-xl mb-8 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">Automate Orders, Inventory, and Customer Data. Achieve Real-Time Accuracy.</p>
-      <a href="./contact-us.html" class="btn-accent px-8 py-3 rounded-md text-lg font-semibold inline-block" data-aos="fade-up" data-aos-delay="200">Request a Demo</a>
+  <section class="text-white py-20 relative overflow-hidden bg-[url('https://huggingface.co/spaces/vlcsolutions/dynamics-turboconnect-express/resolve/main/images/dynamics-365-business-central-express-connect-main-page-and-others.png')] bg-cover bg-center">
+ 
+<!-- Push content to the right side -->
+    <div class="w-full flex justify-end">
+      <!-- Center text inside this block -->
+      <div class="max-w-1xl text-center pr-4 md:pr-20">
+        <h1 class="text-5xl md:text-3xl font-bold mb-6 text-white drop-shadow-lg">
+        Streamline, Scale, Succeed: ERP-powered eCommerce excellence.
+        </h1>
+        <p class="text-xl md:text-1xl mb-8 text-white/90 drop-shadow-lg">
+     Automate Orders, Inventory, and Customer Data. Achieve Real-Time Accuracy.
+        </p>
+       <a href="./contact-us.html" class="inline-block bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-700)] text-[var(--vlc-navy)] font-bold py-3 px-8 rounded-md text-lg transition-all duration-300 transform hover:scale-105" data-aos="fade-up" data-aos-delay="200">
+Request a Demo
+      </a>
+      </div>
     </div>
-  </section>
+  </div>
+</section>
 <!-- Section 1 -->
   <section class="py-16 bg-white">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">