<script setup lang="ts">

</script>

<template>
  <div class="testimonial" id="testimonial">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-12">
          <div class="section-heading wow fadeInUp" data-wow-delay="0.2s">
            <h2 class="title">
              My <span class="color">Testimonial</span>
              <span class="bg-text">Testimonial</span>
            </h2>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12">
          <div class="testimonial-slider wow fadeInUp" data-wow-delay="0.3s">
            <div class="slider-item">
              <div class="single-review">
                <div class="stars">
                  <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 class="content">
                  <p>
                    Believed attentive assisted picture sharpness to I to she waved the are
                    and slide understand the that set task. The you due back
                  </p>
                </div>
                <div class="reviewr">
                  <div class="img">
                    <img src="/assets/images/reviewr/p1.png" alt="">
                  </div>
                  <div class="content">
                    <h4 class="name">
                      Austin Bishop
                    </h4>
                    <p>
                      CEO at ABC
                    </p>
                  </div>
                </div>
              </div>
            </div>
            <div class="slider-item">
              <div class="single-review">
                <div class="stars">
                  <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 class="content">
                  <p>
                    Believed attentive assisted picture sharpness to I to she waved the are
                    and slide understand the that set task. The you due back
                  </p>
                </div>
                <div class="reviewr">
                  <div class="img">
                    <img src="/assets/images/reviewr/p2.png" alt="">
                  </div>
                  <div class="content">
                    <h4 class="name">
                      Alexander
                    </h4>
                    <p>
                      CEO at DER
                    </p>
                  </div>
                </div>
              </div>
            </div>
            <div class="slider-item">
              <div class="single-review">
                <div class="stars">
                  <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 class="content">
                  <p>
                    Believed attentive assisted picture sharpness to I to she waved the are
                    and slide understand the that set task. The you due back
                  </p>
                </div>
                <div class="reviewr">
                  <div class="img">
                    <img src="/assets/images/reviewr/p3.png" alt="">
                  </div>
                  <div class="content">
                    <h4 class="name">
                      Sebastian
                    </h4>
                    <p>
                      CEO at ECS
                    </p>
                  </div>
                </div>
              </div>
            </div>
            <div class="slider-item">
              <div class="single-review">
                <div class="stars">
                  <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 class="content">
                  <p>
                    Believed attentive assisted picture sharpness to I to she waved the are
                    and slide understand the that set task. The you due back
                  </p>
                </div>
                <div class="reviewr">
                  <div class="img">
                    <img src="/assets/images/reviewr/p4.png" alt="">
                  </div>
                  <div class="content">
                    <h4 class="name">
                      Christopher
                    </h4>
                    <p>
                      CEO at XYZ
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>