 <!-- Testimonials Section -->
 <section class="py-12 lg:py-16 bg-white dark:bg-gray-900">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="text-center mb-8">
             <h2 class="text-2xl lg:text-3xl font-bold text-gray-900 dark:text-white mb-3">Hear From Our
                 Customers</h2>
         </div>

         <div class="grid md:grid-cols-3 gap-6">
             <div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 text-center">
                 <div class="flex justify-center mb-3">
                     <div class="flex space-x-1">
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                     </div>
                 </div>
                 <p class="text-gray-600 dark:text-gray-300 mb-4 italic text-sm">
                     "I am impressed with the customer service and speed of payout."
                 </p>
                 <div class="flex items-center justify-center">
                     <div
                         class="w-10 h-10 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center mr-3">
                         <i class="fa-solid fa-user text-primary-600 dark:text-primary-400"></i>
                     </div>
                     <div class="text-left">
                         <div class="font-semibold text-gray-900 dark:text-white text-sm">Sarah Morris</div>
                         <div class="text-xs text-gray-500 dark:text-gray-400">Verified Customer</div>
                     </div>
                 </div>
             </div>

             <div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 text-center">
                 <div class="flex justify-center mb-3">
                     <div class="flex space-x-1">
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                     </div>
                 </div>
                 <p class="text-gray-600 dark:text-gray-300 mb-4 italic text-sm">
                     "Excellent service and competitive rates. Highly recommended!"
                 </p>
                 <div class="flex items-center justify-center">
                     <div
                         class="w-10 h-10 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center mr-3">
                         <i class="fa-solid fa-user text-primary-600 dark:text-primary-400"></i>
                     </div>
                     <div class="text-left">
                         <div class="font-semibold text-gray-900 dark:text-white text-sm">John Davis</div>
                         <div class="text-xs text-gray-500 dark:text-gray-400">Business Owner</div>
                     </div>
                 </div>
             </div>

             <div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 text-center">
                 <div class="flex justify-center mb-3">
                     <div class="flex space-x-1">
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                         <i class="fa-solid fa-star text-yellow-400"></i>
                     </div>
                 </div>
                 <p class="text-gray-600 dark:text-gray-300 mb-4 italic text-sm">
                     "The mobile app is fantastic and customer support is top-notch."
                 </p>
                 <div class="flex items-center justify-center">
                     <div
                         class="w-10 h-10 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center mr-3">
                         <i class="fa-solid fa-user text-primary-600 dark:text-primary-400"></i>
                     </div>
                     <div class="text-left">
                         <div class="font-semibold text-gray-900 dark:text-white text-sm">Emily Johnson</div>
                         <div class="text-xs text-gray-500 dark:text-gray-400">Personal Banking</div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </section>
