<section id="faqs" class="peoplesaying">
<div class="container" data-aos="fade-up">
<div class="section-title pb-1">
<!--<h1 id="testimonials-heading">Freehold Express Testimonials</h1>-->
<p id="testimonials-subheading">What they're saying about us</p>
</div>
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div class="accordion" id="accordionExample">
<div class="shadow-lg p-3 mb-3 bg-white rounded pt-2" v-for="testimonial in testimonials" v-if="testimonial.type == 'Video'">
<h2>
<div class="testimonial-title" :id="testimonial.id">
{{testimonial.heading}}
</div>
</h2>
<div>
<div>
<div class="row">
<div class="col-md-4">
<div class="ratio ratio-16x9">
<div id="preloader" style="position:absolute" v-if="!loadVideos"></div>
<iframe v-else :src="testimonial.url" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="col" v-html="testimonial.paragraph">
</div>
</div>
</div>
</div>
</div>
<div class="shadow-lg p-3 mb-3 bg-white rounded pt-2" v-for="testimonial in testimonials" v-if="testimonial.type == 'Image'">
<h2>
<div class="testimonial-title" :id="testimonial.id">
{{testimonial.heading}}
</div>
</h2>
<div>
<div>
<div class="row">
<div class="col-md-3" v-if="testimonial.id != 35">
<img :src="testimonial.url" class="img-fluid" alt="">
</div>
<div class="col" v-html="testimonial.paragraph">
</div>
</div>
</div>
</div>
</div>
<div class="shadow-lg p-3 mb-3 bg-white rounded pt-2" v-for="testimonial in testimonials" v-if="testimonial.type == 'Text'">
<h2>
<div class="testimonial-title" :id="testimonial.id">
{{testimonial.heading}}
</div>
</h2>
<div>
<div>
<div class="row">
<div class="col" v-html="testimonial.paragraph">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
