<?php
	/* Template Name: Testimonials */
	get_header();
?>
<!-- =========================================
	TESTIMONIAL HERO
	========================================= -->
<section class="testimonial-hero">
	<!-- Background -->
	<div class="testimonial-hero-bg">
		<img
			src="<?= get_template_directory_uri(); ?>/assets/images/testimonial-hero.jpg"
			alt="Libas Bespoke Testimonials">
	</div>
	<!-- Overlay -->
	<div class="testimonial-hero-overlay"></div>
	<div class="container">
		<div class="testimonial-hero-wrapper">
			<!-- Left Content -->
			<div class="testimonial-hero-content">
				<span class="section-label">
				Client Testimonials
				</span>
				<h1>
					Every Stitch
					<span>Tells A Story.</span>
				</h1>
				<p>
					The finest measure of our craftsmanship is the
					confidence our clients carry long after their
					garments leave our atelier. Discover the stories,
					experiences and lasting relationships behind
					every bespoke commission.
				</p>
				<div class="testimonial-hero-actions">
					<a href="#testimonialSlider" class="primary-btn">
					Read Client Stories
					</a>
					<a href="#contactForm" class="secondary-btn">
					Book Consultation
					</a>
				</div>
			</div>
			<!-- Floating Editorial Card -->
			<aside class="testimonial-hero-card">
				<span class="card-label">
				Trusted By Clients Worldwide
				</span>
				<h3>
					Crafted With
					Precision.
					Remembered
					For A Lifetime.
				</h3>
				<ul>
					<li>
						<i class="fa-solid fa-star"></i>
						<div>
							<strong>
							Exceptional Craftsmanship
							</strong>
							<span>
							Every garment handcrafted with meticulous attention to detail.
							</span>
						</div>
					</li>
					<li>
						<i class="fa-solid fa-user-tie"></i>
						<div>
							<strong>
							Personal Experience
							</strong>
							<span>
							Tailoring journeys designed around every client's lifestyle.
							</span>
						</div>
					</li>
					<li>
						<i class="fa-solid fa-award"></i>
						<div>
							<strong>
							Lasting Relationships
							</strong>
							<span>
							A reputation built through trust, quality and timeless elegance.
							</span>
						</div>
					</li>
				</ul>
			</aside>
		</div>
	</div>
	<!-- Scroll Indicator -->
	<div class="testimonial-scroll">
		<span>
		Scroll
		</span>
		<div class="scroll-mouse">
			<span></span>
		</div>
	</div>
</section>
<!-- =========================================
	TESTIMONIAL HERO ENDS
	========================================= -->
<!-- Testimonials -->
<div class="testimonial-slider light-section">
	<div class="testimonial-track">
		<!-- Slide 01 -->
		<article class="testimonial-slide active" data-slide="01">
			<div class="testimonial-grid">
				<div class="testimonial-image">
					<img src="<?= get_template_directory_uri();?>/assets/images/testimonial-client-1.jpg" alt="">
				</div>
				<div class="testimonial-content">
					<div class="testimonial-rating">
						<i class="fa-solid fa-star"></i>
						<i class="fa-solid fa-star"></i>
						<i class="fa-solid fa-star"></i>
						<i class="fa-solid fa-star"></i>
						<i class="fa-solid fa-star"></i>
					</div>
					<blockquote>
						The experience was exceptional from the first consultation
						to the final fitting. The attention to detail, fabric quality
						and precision tailoring exceeded every expectation.
					</blockquote>
					<div class="testimonial-author">
						<h3>James Robertson</h3>
						<span>CEO • London</span>
					</div>
				</div>
			</div>
		</article>
		<!-- Slide 02 -->
		<article class="testimonial-slide" data-slide="02">
			<div class="testimonial-grid">
				<div class="testimonial-image">
					<img src="<?= get_template_directory_uri();?>/assets/images/testimonial-client-2.jpg" alt="">
				</div>
				<div class="testimonial-content">
					<div class="testimonial-rating">
						<i class="fa-solid fa-star"></i>
						<i class="fa-solid fa-star"></i>
						<i class="fa-solid fa-star"></i>
						<i class="fa-solid fa-star"></i>
						<i class="fa-solid fa-star"></i>
					</div>
					<blockquote>
						Every fitting felt personal and every detail reflected
						true craftsmanship. Easily the finest tailoring experience.
					</blockquote>
					<div class="testimonial-author">
						<h3>Michael Carter</h3>
						<span>Entrepreneur • Dubai</span>
					</div>
				</div>
			</div>
		</article>
	</div>
	<!-- Controls -->
	<div class="testimonial-controls">
		<button class="testimonial-prev">
		<i class="fa-solid fa-arrow-left"></i>
		</button>
		<div class="testimonial-progress">
			<span></span>
		</div>
		<div class="testimonial-counter">
			<span class="current-slide">01</span>
			/
			<span class="total-slides">02</span>
		</div>
		<button class="testimonial-next">
		<i class="fa-solid fa-arrow-right"></i>
		</button>
	</div>
</div>
<!-- Testimonials Ends -->
<?php get_footer(); ?>