Quote Travel Light

                <!--
@type: Quote
@industry: Travel
@style: Light
@category: Social Proof, Feedback
@framework: Tailwind
@license: Free
-->

<style>
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(40px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fadeInUp {
    animation: fadeInUp 0.8s ease-out forwards;
  }
</style>

<section class="bg-gradient-to-br from-emerald-50 via-gray-50 to-emerald-50 relative flex items-center justify-center overflow-hidden py-16 md:py-20">
  <div class="animate-fadeInUp">
    <div class="bg-gradient-to-br from-emerald-100 via-gray-50 to-red-100 border border-gray-300 shadow-xl rounded-3xl p-8 lg:p-12 relative overflow-hidden">
      <div class="max-w-4xl mx-auto text-center">
        <div class="flex justify-center mb-6">
          <div class="flex text-yellow-400 text-2xl">★★★★★</div>
        </div>
        <blockquote class="text-2xl lg:text-3xl font-medium text-gray-900 mb-8 italic leading-relaxed">
          "TravelCo transformed our dream vacation into an unforgettable reality. Every detail was perfectly
          planned, from the stunning accommodations to the incredible local experiences. This was hands down the
          best trip of our lives!"
        </blockquote>
        <div class="flex items-center justify-center space-x-4">
          <img src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-1.webp" alt="Sarah & Michael Johnson" class="h-12 w-12 rounded-full object-cover">
          <div class="text-left">
            <div class="font-semibold text-gray-900">Sarah Johnson</div>
            <div class="text-gray-600">European Adventure Tour • June 2024</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>