{% extends "base.html" %}

{% block title %}Testimonials - MercyGro{% endblock %}

{% block content %}
<h2>What Our Customers Say</h2>

<div class="row">
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body">
                <blockquote class="blockquote">
                    <p>"MercyGro has completely transformed my garden. My tomatoes have never been so healthy and productive!"</p>
                    <footer class="blockquote-footer">Sarah Johnson</footer>
                </blockquote>
                <div class="text-warning">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body">
                <blockquote class="blockquote">
                    <p>"As an organic farmer, I trust MercyGro to keep my crops healthy without compromising on quality."</p>
                    <footer class="blockquote-footer">Michael Chen</footer>
                </blockquote>
                <div class="text-warning">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body">
                <blockquote class="blockquote">
                    <p>"Easy to use and amazing results! My indoor plants are thriving like never before."</p>
                    <footer class="blockquote-footer">Emma Rodriguez</footer>
                </blockquote>
                <div class="text-warning">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}