<section class="py-16 md:py-24 bg-white dark:bg-gray-800">
    <div class="container mx-auto px-4">
        <div class="text-center mb-16">
            <h2 class="text-3xl sm:text-4xl font-bold text-gray-800 dark:text-white">Loved by Creators Worldwide</h2>
            <p class="mt-4 text-lg text-gray-600 dark:text-gray-300 max-w-xl mx-auto">See what our users are saying about WebPilot AI.</p>
        </div>
        {{-- Basic Grid Layout for Testimonials - Replace with a slider if preferred --}}
        <div class="grid md:grid-cols-1 lg:grid-cols-3 gap-8">
            {{-- Testimonial 1 --}}
            <div class="bg-slate-50 dark:bg-slate-700/50 p-8 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <img src="https://via.placeholder.com/50x50.png?text=User1" alt="User Avatar" class="w-12 h-12 rounded-full mr-4">
                    <div>
                        <p class="font-semibold text-gray-700 dark:text-white">Sarah L.</p>
                        <p class="text-xs text-gray-500 dark:text-gray-400">Marketing Manager</p>
                    </div>
                </div>
                <p class="text-gray-600 dark:text-gray-300 italic">"WebPilot AI is a game-changer! I built a fantastic website for my new project in under an hour. Highly recommended!"</p>
            </div>
            {{-- Testimonial 2 --}}
            <div class="bg-slate-50 dark:bg-slate-700/50 p-8 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <img src="https://via.placeholder.com/50x50.png?text=User2" alt="User Avatar" class="w-12 h-12 rounded-full mr-4">
                    <div>
                        <p class="font-semibold text-gray-700 dark:text-white">John B.</p>
                        <p class="text-xs text-gray-500 dark:text-gray-400">Freelance Designer</p>
                    </div>
                </div>
                <p class="text-gray-600 dark:text-gray-300 italic">"As a designer, I was skeptical about AI builders, but WebPilot AI impressed me with its flexibility and design quality."</p>
            </div>
            {{-- Testimonial 3 --}}
            <div class="bg-slate-50 dark:bg-slate-700/50 p-8 rounded-xl shadow-lg">
                <div class="flex items-center mb-4">
                    <img src="https://via.placeholder.com/50x50.png?text=User3" alt="User Avatar" class="w-12 h-12 rounded-full mr-4">
                    <div>
                        <p class="font-semibold text-gray-700 dark:text-white">Maria G.</p>
                        <p class="text-xs text-gray-500 dark:text-gray-400">Startup Founder</p>
                    </div>
                </div>
                <p class="text-gray-600 dark:text-gray-300 italic">"Saved me so much time and money. Our startup's website looks incredibly professional thanks to WebPilot AI."</p>
            </div>
        </div>
    </div>
</section>
