Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/vreg/components/ |
<template>
<section class="home-test">
<div class="container">
<div class="container-inner">
<h4>We're top-rated for a reason</h4>
<h2>We take customer satisfaction seriously</h2>
<h3>Our mission is to help more people avoid unnecessary crowds and waiting rooms, while still getting the
service and support they may need. Join the 30,000+ people <span>who we helped skip the line.</span></h3>
<img src="/images/shopper-approved.png" alt="Shopper Approved" class="approved-img d-md-none">
</div>
</div>
<carousel class="home-slider"
:stagePadding="10"
:autoplay="true"
:nav="false"
:loop="true"
slideTransition="linear"
:smartSpeed="5000"
:responsive="carouselResponsiveObject">
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-1.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>"This fits our needs perfectly. {{ appDomain }} is really smooth & easy easy to use. I couldn’t have
asked ask for more."</p>
<h6>Thomas H.</h6>
</div>
</div>
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-2.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>"Fast, easy, and reliable! My wife and I have used this service for both our cars!"</p>
<h6>Matthew B.</h6>
</div>
</div>
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-3.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>"Awesome customer support. Fast service. Overall great experience."</p>
<h6>Katherine J.</h6>
</div>
</div>
<!--
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-4.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt massa.
Tortor molestie mi viverra pellentesque hendrerit phasellus. Sodales ipsum nunc mauris nunc.</p>
<h6>Client 4</h6>
</div>
</div>
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-5.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>"We’re not tech savvy, but we found the process to be delightfully simple. We didn't even to leave
our home!"</p>
<h6>Nadia G.</h6>
</div>
</div>
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-6.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt massa.
Tortor molestie mi viverra pellentesque hendrerit phasellus. Sodales ipsum nunc mauris nunc.</p>
<h6>Client 6</h6>
</div>
</div>
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-7.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt massa.
Tortor molestie mi viverra pellentesque hendrerit phasellus. Sodales ipsum nunc mauris nunc.</p>
<h6>Client 7</h6>
</div>
</div>
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-8.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt massa.
Tortor molestie mi viverra pellentesque hendrerit phasellus. Sodales ipsum nunc mauris nunc.</p>
<h6>Client 8</h6>
</div>
</div>
<div class="item">
<div class="test-box">
<img src="/images/reviews/user-9.png" alt="User" class="user-img">
<div class="icon-wrapper">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
<img src="/images/star-icon.svg" alt="Star">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt massa.
Tortor molestie mi viverra pellentesque hendrerit phasellus. Sodales ipsum nunc mauris nunc.</p>
<h6>Client 9</h6>
</div>
</div>
-->
</carousel>
<div class="container">
<img src="/images/shopper-approved.png" alt="Shopper Approved" class="approved-img d-none d-md-block">
</div>
</section>
</template>
<script>
export default {
name: "Testimonials",
data() {
return {
carouselResponsiveObject: {
0: {
items: 1,
margin: 20,
stagePadding: 33
},
768: {
items: 2
},
992: {
items: 3
},
1600: {
items: 4
}
}
}
}
}
</script>
<style>
.owl-item {
padding-left: 25px !important;
}
</style>