Section 2 : add icons

index.html

@@ -314,25 +314,35 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
       
       <div class="grid md:grid-cols-2 gap-8 mb-12">
         <div class="card-accent bg-white p-6 rounded-lg shadow-md" data-aos="fade-up">
-          <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Boost Content Visibility & Engagement</h3>
-          <p class="text-gray-600">Increase the discoverability of your audio and visual content by incorporating detailed metadata. Our tools improve your applications by adding searchable elements such as spoken words, written text, faces, and even speakers, ensuring that your content is easily found and understood.</p>
+          <div class="flex items-center mb-4">
+            <i data-feather="eye" class="w-6 h-6 mr-3 text-[var(--vlc-sky)]"></i>
+            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Boost Content Visibility & Engagement</h3>
+          </div>
+<p class="text-gray-600">Increase the discoverability of your audio and visual content by incorporating detailed metadata. Our tools improve your applications by adding searchable elements such as spoken words, written text, faces, and even speakers, ensuring that your content is easily found and understood.</p>
         </div>
-        
         <div class="card-accent bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="100">
-          <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Streamline Content Delivery with Modern Tech</h3>
-          <p class="text-gray-600">We offer a full suite of media solutions—covering everything from source files and content streaming to security features tailored for the latest consumer technologies. VLC helps you deliver content smoothly with industry-standard technologies like HTML5, Media Source Extensions (MSE), and Encrypted Media Extensions (EME).</p>
+          <div class="flex items-center mb-4">
+            <i data-feather="zap" class="w-6 h-6 mr-3 text-[var(--vlc-sky)]"></i>
+            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Streamline Content Delivery with Modern Tech</h3>
+          </div>
+<p class="text-gray-600">We offer a full suite of media solutions—covering everything from source files and content streaming to security features tailored for the latest consumer technologies. VLC helps you deliver content smoothly with industry-standard technologies like HTML5, Media Source Extensions (MSE), and Encrypted Media Extensions (EME).</p>
         </div>
       </div>
 
       <div class="grid md:grid-cols-2 gap-8">
         <div class="card-accent bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="200">
-          <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Scale Your Delivery with Flexibility</h3>
-          <p class="text-gray-600">Whether you're streaming a corporate webinar, a city council meeting, or a major sports event, VLC, combined with our cloud infrastructure, can support broadcasts to audiences of any size. We also enable you to track key live stream metrics for smooth real-time management.</p>
+          <div class="flex items-center mb-4">
+            <i data-feather="activity" class="w-6 h-6 mr-3 text-[var(--vlc-sky)]"></i>
+            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Scale Your Delivery with Flexibility</h3>
+          </div>
+<p class="text-gray-600">Whether you're streaming a corporate webinar, a city council meeting, or a major sports event, VLC, combined with our cloud infrastructure, can support broadcasts to audiences of any size. We also enable you to track key live stream metrics for smooth real-time management.</p>
         </div>
-        
         <div class="card-accent bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="300">
-          <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Protect Your Content with Advanced Security</h3>
-          <p class="text-gray-600">VLC offers powerful encryption with Advanced Encryption Standards (AES) and the flexibility to implement your preferred DRM systems. We also provide personalized access controls, giving you full authority over who can access your content and how it's distributed.</p>
+          <div class="flex items-center mb-4">
+            <i data-feather="shield" class="w-6 h-6 mr-3 text-[var(--vlc-sky)]"></i>
+            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Protect Your Content with Advanced Security</h3>
+          </div>
+<p class="text-gray-600">VLC offers powerful encryption with Advanced Encryption Standards (AES) and the flexibility to implement your preferred DRM systems. We also provide personalized access controls, giving you full authority over who can access your content and how it's distributed.</p>
         </div>
       </div>