Client Testimonials - Finwin Travels/title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;500;600;700&display=swap">  <link rel="stylesheet" href="../css/main.css"> <link rel="stylesheet" href="../css/company.css"> <link rel="stylesheet" href="../css/company-testimonials.css"> </head> <body>  <div id="header-container"></div>  <section class="testimonial-hero"> <div class="container text-center"> <h1>What Our Clients Say</h1> <p class="lead">Authentic experiences from guests who have explored Sri Lanka with us</p> </div> </section>  <section class="stats-section py-5"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-4 col-sm-6 mb-4 mb-md-0"> <div class="stat-card text-center p-4"> <div class="stat-icon mb-3"> <i class="fas fa-comments fa-2x"></i> </div> <h3 class="stat-number mb-2" id="testimonial-count">0</h3> <p class="stat-label mb-0">Happy Clients</p> </div> </div> <div class="col-md-4 col-sm-6 mb-4 mb-md-0"> <div class="stat-card text-center p-4"> <div class="stat-icon mb-3"> <i class="fas fa-globe-asia fa-2x"></i> </div> <h3 class="stat-number mb-2" id="country-count">0</h3> <p class="stat-label mb-0">Countries</p> </div> </div> <div class="col-md-4 col-sm-6"> <div class="stat-card text-center p-4"> <div class="stat-icon mb-3"> <i class="fas fa-star fa-2x"></i> </div> <h3 class="stat-number mb-2" id="avg-rating">0</h3> <p class="stat-label mb-0">Average Rating</p> </div> </div> </div> </div> </section>  <section class="testimonials-section"> <div class="container"> <div class="text-center mb-5"> <h2>Our Guest Experiences</h2> <p class="lead">Real stories from our travelers around the world</p> </div>  <div class="search-container mb-4"> <div class="input-group"> <span class="input-group-text"><i class="fas fa-search"></i></span> <input type="text" id="testimonial-search" class="form-control" placeholder="Search by name, country or experience..."> <button class="btn btn-outline-primary" type="button" id="clear-search">Clear</button> </div> </div>  <div class="mb-5"> <h5 class="filter-title mb-3">Filter by Region</h5> <div class="testimonial-filter-group mb-4"> <button class="testimonial-filter active" data-region="all"> <i class="fas fa-globe-asia me-1"></i> All Regions </button> <button class="testimonial-filter" data-region="Europe"> <i class="fas fa-map-marker-alt me-1"></i> Europe </button> <button class="testimonial-filter" data-region="Asia"> <i class="fas fa-map-marker-alt me-1"></i> Asia </button> <button class="testimonial-filter" data-region="Americas"> <i class="fas fa-map-marker-alt me-1"></i> Americas </button> <button class="testimonial-filter" data-region="Middle East"> <i class="fas fa-map-marker-alt me-1"></i> Middle East </button> <button class="testimonial-filter" data-region="Oceania"> <i class="fas fa-map-marker-alt me-1"></i> Oceania </button> </div> <h5 class="filter-title mb-3">Filter by Experience</h5> <div class="testimonial-filter-group" id="tour-filter-container">  </div> </div>  <div id="filtered-count" class="filtered-count text-center mb-4"></div>  <div id="testimonial-loading" class="text-center py-5"> <div class="spinner-border text-primary" role="status"> <span class="visually-hidden">Loading testimonials...</span> </div> <p class="lead mt-3">Loading testimonials...</p> </div>  <div class="row" id="testimonials-container"> <div class="grid-sizer col-md-6"></div>  </div>  <div id="pagination-container" class="pagination-container text-center mt-4"></div> </div> </section>  <section class="cta-section text-center"> <div class="container cta-content"> <h3 class="cta-title">Ready to Create Your Own Story?</h3> <p class="cta-text">Join us for an unforgettable adventure in Sri Lanka and experience the journey of a lifetime</p> <a href="../contact.html" class="btn btn-cta">Start Planning Today</a> </div> </section>  <div id="footer-container"></div>  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script> <script src="../js/main.js"></script>  <script src="../js/company-template-loader.js"></script>  <script src="../js/company-testimonials.js"></script> <script src="../js/language-fix.js"></script> <script src="../js/cta-handler.js"></script> </body> </html>