<?php include 'includes/header.php'; ?>

<style>
  .testimonial-section {
    padding: 80px 0;
    background-color: #f9f9f9;
    position: relative;
  }
  .testimonial-section h2 {
    font-weight: 700;
    font-size: 42px;
    color: #1c1c1c;
  }
  .testimonial-section p.lead {
    color: #555;
    font-size: 16px;
    margin-top: 10px;
  }
  .testimonial-card {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
    transition: 0.3s ease-in-out;
  }
  .testimonial-card:hover {
    transform: translateY(-10px);
    background-color: #28a745;
    color: white;
  }
  .testimonial-card:hover .testimonial-name,
  .testimonial-card:hover .testimonial-role,
  .testimonial-card:hover h5,
  .testimonial-card:hover p {
    color: white !important;
  }
  .testimonial-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin: -60px auto 15px;
    border: 4px solid #28a745;
  }
  .testimonial-name {
    font-weight: 700;
    margin-top: 15px;
    color: #28a745;
  }
  .testimonial-role {
    font-size: 14px;
    color: #777;
  }
  .testimonial-stars {
    color: #ffc107;
    font-size: 18px;
    margin-bottom: 10px;
  }
</style>
<section class="page-header">
  <div class="page-header__bg" style="background-image: url('https://images.unsplash.com/photo-1563714193017-5a5fb60bc02b?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D')"></div>
  <div class="container">
    <ul class="wallpi-breadcrumb list-unstyled d-flex flex-wrap justify-content-center mb-2">
      <li><a href="index.php" class="text-decoration-none text-success">Home</a></li>
      <li><span class="text-muted ms-2">Testimonials</span></li>
    </ul>
    <h2 class="page-header__title text-dark">Testimonials</h2>
  </div>
</section>
<style>
  .page-header {
  position: relative;
  padding: 100px 0;
  text-align: center;
  overflow: hidden;
  background-color: #f3f3f3;
}

.page-header__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.25;
  z-index: 1;
}

.page-header .container {
  position: relative;
  z-index: 2;
}

.page-header__title {
  font-size: 40px;
  font-weight: bold;
  color: #212529;
}

</style>


<section class="testimonial-section text-center">
  <div class="container">
    <small class="text-success text-uppercase fw-bold">Testimonials</small>
    <h2 class="mt-2">Our Happy Customers</h2>
    <p class="lead mb-5">Hear what our Indian community says about our organic seed shop!</p>

    <div class="row g-4">
      <div class="col-md-4">
        <div class="testimonial-card">
          <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Anjali" class="testimonial-img">
          <div class="testimonial-stars">
            ★★★★★
          </div>
          <h5 class="fw-bold">Awesome Seeds!</h5>
          <p>"The spinach and coriander seeds sprouted quickly and were so fresh. I'm glad I chose Global Gardenia!"</p>
          <div class="testimonial-name">Anjali Mehra</div>
          <div class="testimonial-role">Home Gardener, Delhi</div>
        </div>
      </div>

      <div class="col-md-4">
        <div class="testimonial-card">
          <img src="https://randomuser.me/api/portraits/men/34.jpg" alt="Ravi" class="testimonial-img">
          <div class="testimonial-stars text-warning">
            ★★★★★
          </div>
          <h5 class="fw-bold">Impressive Quality!</h5>
          <p>"I ordered heirloom tomato and okra seeds. They were organic, genuine, and grew beautifully in my Pune garden."</p>
          <div class="testimonial-name">Ravi Verma</div>
          <div class="testimonial-role">Urban Farmer, Pune</div>
        </div>
      </div>

      <div class="col-md-4">
        <div class="testimonial-card">
          <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Kavita" class="testimonial-img">
          <div class="testimonial-stars">
            ★★★★☆
          </div>
          <h5 class="fw-bold">Prompt Delivery!</h5>
          <p>"Received the seeds within 3 days in Chennai. Packaging was eco-friendly. Great service by a truly Indian brand."</p>
          <div class="testimonial-name">Kavita Iyer</div>
          <div class="testimonial-role">Kitchen Garden Enthusiast, Chennai</div>
        </div>
      </div>
    </div>

  </div>
</section>

<?php include 'includes/footer.php'; ?>
