How to add social proof to the hero

index.html

@@ -63,10 +63,41 @@
                 <span class="bg-gradient-to-r from-primary-400 via-primary-500 to-primary-600 bg-clip-text text-transparent">Transformeer Je Bedrijf</span>
                 <br class="hidden md:block">Met Krachtige AI <span class="inline-block">Oplossingen</span>
             </h1>
+            <div class="flex items-center justify-center gap-4 mb-4 animate-fadeInUp animate-delay-200">
+                <div class="flex -space-x-2">
+                    <img src="http://static.photos/people/200x200/1" alt="Client" class="w-10 h-10 rounded-full border-2 border-white">
+                    <img src="http://static.photos/people/200x200/2" alt="Client" class="w-10 h-10 rounded-full border-2 border-white">
+                    <img src="http://static.photos/people/200x200/3" alt="Client" class="w-10 h-10 rounded-full border-2 border-white">
+                </div>
+                <div class="text-left">
+                    <div class="flex items-center">
+                        <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i>
+                        <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i>
+                        <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i>
+                        <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i>
+                        <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current mr-1"></i>
+                    </div>
+                    <p class="text-sm text-white/90">Vertrouwd door 500+ bedrijven wereldwijd</p>
+                </div>
+            </div>
             <p class="text-lg md:text-xl lg:text-2xl text-primary-100 mb-8 max-w-3xl mx-auto animate-fadeInUp animate-delay-100 leading-relaxed">
                 Maak kennis met onze <span class="font-semibold text-white">op maat gemaakte AI-systemen</span> die uw bedrijfsprocessen automatiseren, optimaliseren en revolutioneren.
             </p>
-            <div class="flex flex-col sm:flex-row justify-center gap-4 animate-fadeInUp animate-delay-200">
+            <div class="flex flex-wrap justify-center gap-4 mb-8 animate-fadeInUp animate-delay-150">
+                <div class="bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">
+                    <p class="text-sm text-white/90">Gecertificeerde AI Experts</p>
+                </div>
+                <div class="bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">
+                    <p class="text-sm text-white/90 flex items-center">
+                        <i data-feather="award" class="w-4 h-4 mr-1 text-primary-300"></i>
+                        Uitmuntendheid 2023
+                    </p>
+                </div>
+                <div class="bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">
+                    <p class="text-sm text-white/90">Industrieleiders</p>
+                </div>
+            </div>
+<div class="flex flex-col sm:flex-row justify-center gap-4 animate-fadeInUp animate-delay-200">
                 <a href="#contact" class="bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 text-white font-bold py-3 px-8 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-lg shadow-primary-600/30 hover:shadow-primary-700/40">
                     <span class="flex items-center justify-center gap-2">
                         <i data-feather="calendar" class="w-5 h-5"></i>