<!-- carousel -->
<div id="testimonial-slider" class="splide">
<div class="splide__track">
<ul class="splide__list">
<!-- Slide 1 -->
<li class="splide__slide">
<div class="flex jdsnfsdnjsdmn olwuyhsbcnmdj max-w-2xl mx-auto">
<img src="../src/img/avatar/avatar2.jpg" alt="Client Image" class="w-20 h-20 rounded-full mb-4 mx-auto">
<h3 class="text-lg font-semibold text-primary-300 mb-1">John Doe</h3>
<p class="text-sm text-gray-400 mb-3">CEO, TechCorp</p>
<p class="text-lg mb-8">"CyberSecure has provided us with unparalleled security solutions. Their team's expertise and responsiveness have kept our business safe from numerous threats."</p>
</div>
</li>
<!-- Slide 2 -->
<li class="splide__slide">
<div class="flex jdsnfsdnjsdmn olwuyhsbcnmdj max-w-2xl mx-auto">
<img src="../src/img/avatar/avatar3.jpg" alt="Client Image" class="w-20 h-20 rounded-full mb-4 mx-auto">
<h3 class="text-lg font-semibold text-primary-300 mb-1">Alan Smith</h3>
<p class="text-sm text-gray-400 mb-3">CTO, FinSecure</p>
<p class="text-lg mb-8">"The level of protection and service we receive from CyberSecure is unmatched. They have become a critical partner in our business operations."</p>
</div>
</li>
<!-- Slide 3 -->
<li class="splide__slide">
<div class="flex jdsnfsdnjsdmn olwuyhsbcnmdj max-w-2xl mx-auto">
<img src="../src/img/avatar/avatar6.jpg" alt="Client Image" class="w-20 h-20 rounded-full mb-4 mx-auto">
<h3 class="text-lg font-semibold text-primary-300 mb-1">Tomas Brown</h3>
<p class="text-sm text-gray-400 mb-3">COO, HealthSafe</p>
<p class="text-lg mb-8">"CyberSecure has consistently delivered top-notch security solutions, keeping our sensitive data protected and giving us peace of mind."</p>
</div>
</li>
</ul>
</div>
</div>
<!-- Include Splide.js -->
<script src="../vendors/@splidejs/splide/dist/js/splide.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
new Splide('#testimonial-slider', {
type : 'loop',
perPage: 1,
autoplay: true,
interval: 5000,
}).mount();
});
</script>
