Use this one SECTION 3

Integrate your systems for a fully connected e-commerce ecosystem. Scale quickly and effortlessly with seamless connections that power smarter, faster decisions.

CTA :Connect and Scale Now

index.html

@@ -244,12 +244,12 @@
       </div>
     </div>
   </section>
-<!-- Section 2 -->
+<!-- Section 2 - Portfolio -->
   <section class="py-16 pattern-tint">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-12 text-center" data-aos="fade-up">Our E-Commerce Portfolio</h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-12">
-        <a href="https://www.vlcsolutions.com/ecommerce-web-design-development.html" class="card-accent bg-white p-6 rounded-lg shadow-md text-center hover:shadow-lg transition" data-aos="fade-up" data-aos-delay="100">
+<a href="https://www.vlcsolutions.com/ecommerce-web-design-development.html" class="card-accent bg-white p-6 rounded-lg shadow-md text-center hover:shadow-lg transition" data-aos="fade-up" data-aos-delay="100">
           <i data-feather="layout" class="w-10 h-10 mx-auto mb-4 text-[var(--vlc-sky)]"></i>
           <h3 class="font-bold text-lg mb-2">Web Design & Development</h3>
         </a>
@@ -278,15 +278,26 @@
           <h3 class="font-bold text-lg mb-2">Social Media</h3>
         </a>
 </div>
-      <div class="text-center" data-aos="fade-up">
-        <p class="text-xl text-[var(--vlc-navy)] 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 justify-center 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>
+  </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">
+          <img src="http://static.photos/technology/1024x576/2" alt="Connected E-Commerce Ecosystem" class="rounded-lg shadow-xl">
         </div>
       </div>
     </div>
   </section>
-
 <!-- FOOTER -->
   <footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">