Section 6 : add icons

index.html

@@ -185,9 +185,14 @@
     </style>
 
     <script src="https://www.google.com/recaptcha/api.js?render=6LfWu2YcAAAAAPooSewjuw82sSxhAdh657M4VvzT"></script>
-
-    <script>
-        grecaptcha.ready(function() {
+  <script>
+    // Load Feather icons
+    document.addEventListener('DOMContentLoaded', function() {
+      if (window.feather) {
+        feather.replace();
+      }
+    });
+grecaptcha.ready(function() {
             // do request for recaptcha token
             // response is promise with passed token
             grecaptcha.execute('6LfWu2YcAAAAAPooSewjuw82sSxhAdh657M4VvzT', {action:'validate_captcha'})
@@ -739,22 +744,22 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
       <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="grid" class="w-6 h-6 text-white"></i>
-            <h3 class="text-xl font-bold">One Platform for All Business Needs</h3>
+            <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>
           <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="bar-chart-2" class="w-6 h-6 text-white"></i>
-            <h3 class="text-xl font-bold">Real-Time Business Insights</h3>
+            <i data-feather="activity" 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="cloud" class="w-6 h-6 text-white"></i>
-            <h3 class="text-xl font-bold">Agile and Scalable Infrastructure</h3>
+            <i data-feather="server" 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,7 +768,10 @@ 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>
+      <button class="btn-primary px-8 py-3 rounded-full font-bold text-lg flex items-center justify-center gap-2 mx-auto" data-aos="fade-up" data-aos-delay="100">
+        <i data-feather="globe" class="w-5 h-5"></i>
+        Unlock Global Potential Now
+      </button>
 </div>
   </section>
 

style.css

@@ -27,6 +27,13 @@ p {
 .card p:last-child {
 	margin-bottom: 0;
 }
+/* Section 6 Button Styles */
+.btn-primary i {
+  transition: transform 0.3s ease;
+}
+.btn-primary:hover i {
+  transform: rotate(15deg);
+}
 
 /* Flip Card Styles */
 .flip-card {