Do full-width for banner and footer

index.html

@@ -149,9 +149,8 @@
       </div>
     </div>
   </header>
-
   <!-- HERO BANNER (FULL WIDTH) -->
-  <section class="w-full py-20 text-center text-white relative overflow-hidden" style="background-image: url('https://huggingface.co/spaces/vlcsolutions/vlc-velocity-unification-engine/resolve/main/images/Products.png'); background-size: cover; background-position: center;">
+  <section class="w-full py-20 text-center text-white relative overflow-hidden" style="background-image: url('https://huggingface.co/spaces/vlcsolutions/vlc-velocity-unification-engine/resolve/main/images/Products.png'); background-size: cover; background-position: center; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw;">
 <div class="w-full px-4 sm:px-6 lg:px-8" data-aos="fade-up">
 <h1 class="text-4xl md:text-5xl font-extrabold mb-4 text-white drop-shadow-lg">Unify Operations. Unleash Velocity</h1>
 <p class="text-xl md:text-2xl font-medium mb-6 text-gray-100">The Complete Dynamics 365 Ecosystem Engineered for Your Growth Trajectory</p>
@@ -169,8 +168,8 @@
 </div>
 </section>
   <!-- DESCRIPTION SECTION (WHITE BACKGROUND) -->
-  <section class="py-20 md:py-24 bg-white text-center">
-    <div class="max-w-5xl mx-auto px-6" data-aos="fade-up">
+  <section class="w-full py-20 md:py-24 bg-white text-center">
+<div class="max-w-5xl mx-auto px-6" data-aos="fade-up">
       <h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-6">Our focus is on the process.</h2>
       <p class="text-lg md:text-xl text-gray-700 mb-6">Gain access to lifecycle services that do a lot more than serve.</p>
       <p class="text-base md:text-lg text-gray-700 leading-relaxed max-w-4xl mx-auto mb-12">VLC Solutions unifies every layer of your enterprise—from online orders to factory floors, from inventory to customer care—into one agile, intelligent system. Built for multi-site, multi-channel operations, we turn disconnected processes into a single, seamless engine that drives growth, visibility, and control.</p>
@@ -190,10 +189,9 @@
       <a href="https://www.vlcsolutions.com/contactus.html" class="inline-block rounded-md px-8 py-3 text-lg font-semibold bg-[var(--vlc-navy)] hover:bg-[var(--vlc-navy-700)] text-white shadow-md transition-all duration-300">Map Your Unification Strategy</a>
     </div>
   </section>
-
   <!-- FOOTER (FULL WIDTH) -->
-  <footer class="w-full bg-[var(--vlc-navy)] text-white pt-14 pb-8" role="contentinfo">
-    <div class="w-full px-4 sm:px-6 lg:px-8">
+  <footer class="w-full bg-[var(--vlc-navy)] text-white pt-14 pb-8" role="contentinfo" style="margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw;">
+<div class="w-full px-4 sm:px-6 lg:px-8">
       <div class="grid md:grid-cols-3 gap-10 mb-10">
         <div>
           <h3 class="font-bold mb-3">Contact Us</h3>

style.css

@@ -1,8 +1,9 @@
 
 body {
-	padding: 2rem;
 	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 	background-color: white;
+	margin: 0;
+	padding: 0;
 }
 h1 {
 	font-size: 16px;