Manual changes saved

index.html

@@ -728,33 +728,34 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
 </div>
     </div>
   </section>
+
   <!-- Section 6 -->
-  <section class="py-16 px-4 pattern-sky text-[var(--vlc-ink)]">
-<div class="max-w-7xl mx-auto text-center">
+  <section class="py-16 px-4 pattern-navy text-white">
+    <div class="max-w-7xl mx-auto text-center">
       <h2 class="text-3xl font-bold mb-6" data-aos="fade-up">Integrated Commerce Platform for Operational Excellence</h2>
       <p class="text-lg mb-8 max-w-4xl mx-auto" data-aos="fade-up" data-aos-delay="100">
         Our unified, cloud-based platform consolidates all aspects of your business, from e-commerce and order management to customer service and financial reporting. This integrated approach ensures streamlined operations and empowers informed decision-making.
       </p>
       
       <div class="grid md:grid-cols-3 gap-8 mb-12">
-          <div class="bg-[var(--vlc-card)] p-6 rounded-lg shadow-lg border border-[var(--vlc-tint)]" data-aos="fade-up">
-<div class="flex items-center gap-3 mb-4">
-              <i data-feather="box" class="w-6 h-6 text-white"></i>
-<h3 class="text-xl font-bold">One Platform for All Business Needs</h3>
+        <div class="bg-white/10 p-6 rounded-lg backdrop-blur-sm" data-aos="fade-up">
+          <div class="flex items-center gap-3 mb-4">
+            <i data-feather="grid" class="w-6 h-6 text-white"></i>
+            <h3 class="text-xl font-bold">One Platform for All Business Needs</h3>
           </div>
           <p>Eliminate the complexity of managing disparate systems. Our platform integrates e-commerce, inventory, order management, and financial operations into a seamless experience.</p>
         </div>
-        <div class="bg-[var(--vlc-card)] p-6 rounded-lg shadow-lg border border-[var(--vlc-tint)]" data-aos="fade-up" data-aos-delay="100">
-<div class="flex items-center gap-3 mb-4">
-            <i data-feather="activity" class="w-6 h-6 text-white"></i>
-<h3 class="text-xl font-bold">Real-Time Business Insights</h3>
+        <div class="bg-white/10 p-6 rounded-lg backdrop-blur-sm" data-aos="fade-up" data-aos-delay="100">
+          <div class="flex items-center gap-3 mb-4">
+            <i data-feather="bar-chart-2" class="w-6 h-6 text-white"></i>
+            <h3 class="text-xl font-bold">Real-Time Business Insights</h3>
           </div>
           <p>Gain comprehensive visibility into every facet of your business with centralized data, enabling you to make informed, data-driven decisions.</p>
         </div>
-        <div class="bg-[var(--vlc-card)] p-6 rounded-lg shadow-lg border border-[var(--vlc-tint)]" data-aos="fade-up" data-aos-delay="200">
-<div class="flex items-center gap-3 mb-4">
-            <i data-feather="globe" class="w-6 h-6 text-white"></i>
-<h3 class="text-xl font-bold">Agile and Scalable Infrastructure</h3>
+        <div class="bg-white/10 p-6 rounded-lg backdrop-blur-sm" data-aos="fade-up" data-aos-delay="200">
+          <div class="flex items-center gap-3 mb-4">
+            <i data-feather="cloud" class="w-6 h-6 text-white"></i>
+            <h3 class="text-xl font-bold">Agile and Scalable Infrastructure</h3>
           </div>
           <p>Our cloud-native solution adapts to your evolving needs, enabling you to scale operations while reducing overhead and maintaining efficiency.</p>
         </div>
@@ -763,8 +764,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
       <p class="text-xl mb-8 max-w-3xl mx-auto" data-aos="fade-up">
         Expand your business across borders with a unified platform that supports multi-country, multi-currency, and multi-language capabilities. Take the first step towards effortless global growth today!
       </p>
-      <button class="btn-primary px-8 py-3 rounded-full font-bold text-lg" data-aos="fade-up" data-aos-delay="100">Unlock Global Potential Now</button>
-</div>
+      <button class="btn-accent px-8 py-3 rounded-full font-bold text-lg" data-aos="fade-up" data-aos-delay="100">Unlock Global Potential Now</button>
+    </div>
   </section>
 
 <!-- FOOTER -->