section 3 only title, description, and button this pattern

index.html

@@ -276,41 +276,16 @@
 </div>
     </div>
   </section>
-
 <!-- Section 3 - Ecosystem -->
   <section class="py-16 bg-white">
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-      <div class="grid md:grid-cols-2 gap-12 items-center">
-        <div data-aos="fade-right">
-          <h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-6">Fully Connected E-Commerce Ecosystem</h2>
-          <p class="text-lg text-gray-700 mb-8">Integrate your systems for a fully connected e-commerce ecosystem. Scale quickly and effortlessly with seamless connections that power smarter, faster decisions.</p>
-          <div class="flex flex-wrap gap-4">
-            <a href="https://www.vlcsolutions.com/contactus.html" class="btn-primary px-8 py-3 rounded-md text-lg font-medium">Connect and Scale Now</a>
-          </div>
-        </div>
-        <div data-aos="fade-left" class="relative">
-          <div class="absolute inset-0 bg-gradient-to-r from-[var(--vlc-leaf)] to-[var(--vlc-sky)] opacity-20 rounded-lg"></div>
-          <div class="relative grid grid-cols-2 gap-4 p-8">
-            <div class="bg-white p-4 rounded-lg shadow-md">
-              <i data-feather="shopping-cart" class="w-8 h-8 text-[var(--vlc-navy)] mb-2"></i>
-              <h3 class="font-bold text-[var(--vlc-navy)]">Shopify</h3>
-            </div>
-            <div class="bg-white p-4 rounded-lg shadow-md">
-              <i data-feather="box" class="w-8 h-8 text-[var(--vlc-navy)] mb-2"></i>
-              <h3 class="font-bold text-[var(--vlc-navy)]">Magento</h3>
-            </div>
-            <div class="bg-white p-4 rounded-lg shadow-md">
-              <i data-feather="credit-card" class="w-8 h-8 text-[var(--vlc-navy)] mb-2"></i>
-              <h3 class="font-bold text-[var(--vlc-navy)]">WooCommerce</h3>
-            </div>
-            <div class="bg-white p-4 rounded-lg shadow-md">
-              <i data-feather="database" class="w-8 h-8 text-[var(--vlc-navy)] mb-2"></i>
-              <h3 class="font-bold text-[var(--vlc-navy)]">Dynamics 365</h3>
-            </div>
-          </div>
-        </div>
-</div>
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+      <h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-6">Fully Connected E-Commerce Ecosystem</h2>
+      <p class="text-lg text-gray-700 mb-8 max-w-3xl mx-auto">Integrate your systems for a fully connected e-commerce ecosystem. Scale quickly and effortlessly with seamless connections that power smarter, faster decisions.</p>
+      <div class="flex justify-center">
+        <a href="https://www.vlcsolutions.com/contactus.html" class="btn-primary px-8 py-3 rounded-md text-lg font-medium">Connect and Scale Now</a>
+      </div>
     </div>
+</div>
   </section>
 <!-- FOOTER -->
   <footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">