Add this description Section 6:

Features

Real-Time Analytics
Instant insights into operations at a glance

Automated Alerts
Get notified the moment issues arise

Predictive Maintenance
Prevent breakdowns before they happen

Waste Reduction
Cut costs by minimizing material loss

Smart Scheduling
Optimize production timelines with ease

Asset Monitoring
Track machine performance in real time

Quality Control
Ensure consistent standards every step

Material Tracking
Follow resources from start to finish

Workforce Empowerment
Give teams tools to work smarter

Actionable Insights
Turn data into decisions that drive

Seamless Integration
Fits right into your existing systems

Process Optimization
Streamline workflows for maximum efficiency

index.html

@@ -471,9 +471,78 @@
       </div>
     </div>
   </section>
+  <!-- Features Grid -->
+  <section class="py-16 px-4 bg-white">
+    <div class="max-w-6xl mx-auto">
+      <h2 class="text-3xl font-bold mb-12 text-center text-[var(--vlc-navy)]">Key Features</h2>
+      
+      <div class="grid md:grid-cols-3 lg:grid-cols-4 gap-6">
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="activity" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Real-Time Analytics</h3>
+          <p class="text-sm">Instant insights into operations at a glance</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="bell" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Automated Alerts</h3>
+          <p class="text-sm">Get notified the moment issues arise</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="tool" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Predictive Maintenance</h3>
+          <p class="text-sm">Prevent breakdowns before they happen</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="dollar-sign" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Waste Reduction</h3>
+          <p class="text-sm">Cut costs by minimizing material loss</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="clock" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Smart Scheduling</h3>
+          <p class="text-sm">Optimize production timelines with ease</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="monitor" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Asset Monitoring</h3>
+          <p class="text-sm">Track machine performance in real time</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="check-circle" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Quality Control</h3>
+          <p class="text-sm">Ensure consistent standards every step</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="package" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Material Tracking</h3>
+          <p class="text-sm">Follow resources from start to finish</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="users" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Workforce Empowerment</h3>
+          <p class="text-sm">Give teams tools to work smarter</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="bar-chart-2" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Actionable Insights</h3>
+          <p class="text-sm">Turn data into decisions that drive</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="cpu" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Seamless Integration</h3>
+          <p class="text-sm">Fits right into your existing systems</p>
+        </div>
+        <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
+          <i data-feather="refresh-cw" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
+          <h3 class="font-bold mb-2">Process Optimization</h3>
+          <p class="text-sm">Streamline workflows for maximum efficiency</p>
+        </div>
+      </div>
+    </div>
+  </section>
 
   <!-- Smart Manufacturing Suite -->
-  <section class="py-16 px-4 pattern-tint">
+<section class="py-16 px-4 pattern-tint">
     <div class="max-w-6xl mx-auto">
       <h2 class="text-3xl font-bold mb-2 text-center text-[var(--vlc-navy)]">VLC Smart Manufacturing Suite</h2>
       <h3 class="text-xl mb-8 text-center text-gray-600">Empowering Precision, Visibility, and Efficiency Across Your Production Line</h3>