{{ define "main" }}
<!-- Hero Section -->
{{ if .Content }}
    {{ .Content }}
{{ end }}

<!-- Testimonials -->
<section class="section bg-gray-50">
    <div class="container">
        <div class="text-center max-w-3xl mx-auto mb-16">
            <h2 class="text-3xl md:text-4xl font-bold mb-6">Loved by Teams Worldwide</h2>
            <p class="text-xl text-gray-600">See what our customers have to say about their experience with our platform.</p>
        </div>

        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
            <div class="card">
                <div class="flex items-center space-x-4 mb-6">
                    <img src="{{ "images/testimonial-1.svg" | relURL }}" alt="Testimonial" class="w-12 h-12 rounded-full">
                    <div>
                        <h4 class="font-bold">John Smith</h4>
                        <p class="text-gray-600">Product Manager at Company</p>
                    </div>
                </div>
                <p class="text-gray-600">"This platform has transformed how we understand our users. The insights we've gained have been invaluable for our product development."</p>
            </div>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="section bg-primary-600">
    <div class="container">
        <div class="text-center max-w-3xl mx-auto">
            <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Ready to Transform Your User Experience?</h2>
            <p class="text-xl text-primary-100 mb-8">Join thousands of companies already using our platform to drive growth.</p>
            <div class="flex flex-col sm:flex-row justify-center gap-4">
                <a href="#" class="btn bg-white text-primary-600 hover:bg-gray-100">
                    Get Started Free
                </a>
                <a href="#" class="btn border-2 border-white text-white hover:bg-primary-700">
                    Schedule Demo
                </a>
            </div>
        </div>
    </div>
</section>
{{ end }}