
	<div class="slider-section">
		<div class="container slider-container">
			<div class="swiper promo-slider">
				<div class="swiper-wrapper">
					<!-- Slides -->
					<div class="swiper-slide promo-card">
						<img class="promo-card-img" src="/.s/t/2301/images/slide1.webp" srcset="/.s/t/2301/images/slide1@2x.webp 2x"
						     alt="slide-image 1">
						<div class="promo-card-inner">
							<div class="promo-card-content">
								<h2>Discover Your Go-To Source Of Exciting Content!</h2>
								<p>Get inspiration every day – our website is always there to offer something exciting
									and entertaining for you!</p>
								<a href="#" class="button-link promo-btn">Read More</a>
							</div>
						</div>
					</div>
					<div class="swiper-slide promo-card">
						<img class="promo-card-img" src="/.s/t/2301/images/slide2.webp" srcset="/.s/t/2301/images/slide2@2x.webp 2x"
						     alt="slide-image 2" loading="lazy">
						<div class="swiper-lazy-preloader"></div>
						<div class="promo-card-inner">
							<div class="promo-card-content">
								<h2>Fresh From the Oven: Your Gateway to Latest Trends!</h2>
								<p>Explore a universe of captivating articles, engaging videos, and inspiring stories on
									our website.</p>
								<a href="#" class="button-link promo-btn">Read More</a>
							</div>
						</div>
					</div>
					<div class="swiper-slide promo-card">
						<img class="promo-card-img" src="/.s/t/2301/images/slide3.webp" srcset="/.s/t/2301/images/slide3@2x.webp 2x"
						     alt="slide-image 1" loading="lazy">
						<div class="swiper-lazy-preloader"></div>
						<div class="promo-card-inner">
							<div class="promo-card-content">
								<h2>Unveiling Wonders: Dive into a Realm of Endless Fascination!</h2>
								<p>Join us in exploring the endless possibilities of the world around us and beyond –
									the journey begins here!</p>
								<a href="#" class="button-link promo-btn">Read More</a>
							</div>
						</div>
					</div>
				</div>
				<div class="promo-slider-controls">
					<button class="swiper-btn swiper-btn-prev swiper-btn-dark">
						<svg class="svg-icon">
							<use xlink:href="/.s/t/2301/icons/icons.svg#chevron_left"></use>
						</svg>
					</button>
					<div class="promo-slider-fraction"></div>
					<button class="swiper-btn swiper-btn-next swiper-btn-dark">
						<svg class="svg-icon">
							<use xlink:href="/.s/t/2301/icons/icons.svg#chevron_right"></use>
						</svg>
					</button>
				</div>
			</div>
			<span class=""></span>
			<script>
				document.addEventListener('DOMContentLoaded', () =>new Swiper('.promo-slider', {
					loop: true,
					spaceBetween: 24,
					autoHeight: true,
					pagination: {
						el: ".promo-slider-fraction",
						type: "fraction",
						renderFraction: (currentClass, totalClass) => `<span class="${currentClass}"></span>/<span class="${totalClass}"></span>`,
					},
					navigation: {
						nextEl: '.promo-slider .swiper-btn-next',
						prevEl: '.promo-slider .swiper-btn-prev',
					},
				}));
			</script>
		</div>
	</div>
	