<!-- =========================================
	PARALLAX FOOTER
	========================================= -->
<footer class="footer-parallax" id="footer">
	<!-- Background -->
	<div class="footer-background">
		<img
			src="<?= get_template_directory_uri();?>/assets/images/footer-bg.jpg"
			alt="Libas Bespoke">
	</div>
	<div class="footer-overlay"></div>
	<div class="container h-100">
		<div class="footer-inner">
			<!-- CTA -->
			<div class="footer-hero text-center">
				<span class="footer-label">
				LIBAS BESPOKE - DUBAI
				</span>
				<h2>
					Let's Create Your
					<span>Signature Style</span>
				</h2>
				<a href="#" class="footer-btn">
				Book Consultation
				<i class="fa-solid fa-arrow-right"></i>
				</a>
			</div>
			<!-- Main Footer -->
			<div class="row footer-content gy-5">
				<!-- Contact -->
				<div class="col-lg-4">
					<div class="footer-contact">
						<span class="footer-heading">
						Contact Information
						</span>
						<p>
							1229, Tamani Arts Building<br>
							Business Bay, Dubai<br>
							United Arab Emirates
						</p>
						<a href="tel:+971543191992">
						+971 54 319 1992
						</a>
						<a href="mailto:info@libasbespoke.com">
						info@libasbespoke.com
						</a>
						<div class="footer-hours">
							<strong>
							Monday - Friday
							</strong>
							<span>
							10 AM - 10 PM
							</span>
						</div>
						<div class="footer-hours">
							<strong>
							Sunday
							</strong>
							<span>
							10 AM - 10 PM
							</span>
						</div>
					</div>
				</div>
				<!-- =========================================
					FOOTER NAVIGATION
					========================================= -->
				<div class="col-lg-4 col-md-6">
					<div class="footer-nav">
						<span class="footer-heading">
						Bespoke Tailoring
						</span>
						<?php
							wp_nav_menu(array(
							
								'theme_location' => 'bespoke_menu',
								'container'      => false,
								'menu_class'     => 'footer-bespoke-menu',
								'fallback_cb'    => false,
							
							));
							
							?>
					</div>
				</div>
				<!-- =========================================
					FOOTER NAVIGATION ENDS
					========================================= -->
				<!-- Map -->
				<div class="col-lg-4">
					<div class="footer-map-card">
						<div class="footer-map-header">
							<span>
							Visit Our Atelier
							</span>
							<a href="#">
							Open Maps
							<i class="fa-solid fa-arrow-up-right-from-square"></i>
							</a>
						</div>
						<div class="footer-map">
							<iframe
								src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d6938.894288027429!2d55.280968!3d25.186977000000002!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f69fa743f10eb%3A0xab2fdca09a883cbf!2sLibas%20Legacy%20%7C%20Luxury%20Bespoke%20Men%27s%20%26%20Women%20Suits%20%7C%20Best%20Tailor%20in%20Business%20Bay%20Dubai!5e1!3m2!1sen!2sin!4v1782145131360!5m2!1sen!2sin"
								loading="lazy"
								allowfullscreen>
							</iframe>
						</div>
					</div>
				</div>
			</div>
			<!-- Social Marquee -->
			<div class="footer-marquee">
				<div class="footer-marquee-track">
					<?php
						$locations = get_nav_menu_locations();
						
						if ( isset( $locations['bespoke_menu'] ) ) :
						
						    $menu = wp_get_nav_menu_items( $locations['bespoke_menu'] );
						
						    if ( $menu ) :
						
						        foreach ( $menu as $item ) :
						
						            ?>
					<a href="<?= esc_url( $item->url ); ?>">
					<?= esc_html( $item->title ); ?>
					</a>
					<?php
						endforeach;
						
						/* Duplicate items for infinite marquee */
						
						foreach ( $menu as $item ) :
						
						    ?>
					<a href="<?= esc_url( $item->url ); ?>">
					<?= esc_html( $item->title ); ?>
					</a>
					<?php
						endforeach;
						
						endif;
						
						endif;
						
						?>
				</div>
			</div>
			<!-- Bottom -->
			<div class="footer-bottom">
				<p>
					© 2026 Libas Bespoke. All Rights Reserved.
				</p>
				<div class="footer-bottom-links">
					<a href="#">
					Privacy Policy
					</a>
					<a href="#">
					Terms & Conditions
					</a>
				</div>
				<button class="footer-top">
				<i class="fa-solid fa-arrow-up"></i>
				</button>
			</div>
		</div>
	</div>
</footer>
<!-- =========================================
	PARALLAX FOOTER ENDS
	========================================= -->
<!-- Sidebar -->
<aside class="sidebar">
	<div class="sidebar-inner">
		<!-- Logo -->
		<a href="/" class="sidebar-logo">
		<img src="<?= get_template_directory_uri();?>/assets/images/logo.webp" alt="Libas Bespoke">
		</a>
		<!-- Navigation -->
		<nav class="sidebar-nav">
			<ul>
				<li>
					<a href="<?=home_url();?>">Home</a>
				</li>
				<!-- About -->
				<li class="has-submenu">
					<button class="submenu-trigger">
					About
					<i class="fa-solid fa-plus"></i>
					</button>
					<ul class="submenu">
						<li>
							<a href="<?=home_url();?>/about/#about">About Libas</a>
						</li>
						<li>
							<a href="<?=home_url();?>/about/#legacy">The Legacy</a>
						</li>
						<li>
							<a href="<?=home_url();?>/about/#philosophy">Our Philosophy</a>
						</li>
						<li>
							<a href="<?=home_url();?>/about/#why-libas">Why Libas Only?</a>
						</li>
					</ul>
				</li>
				<!-- Bespoke -->
				<li class="has-submenu">
					<button class="submenu-trigger">
					Bespoke Tailoring
					<i class="fa-solid fa-plus"></i>
					</button>
					<ul class="submenu">
						<li><a href="<?=home_url();?>/bespoke-suits/">Bespoke Suits</a></li>
						<li><a href="<?=home_url();?>">Bespoke Shirts</a></li>
						<li><a href="<?=home_url();?>">Bespoke Trousers</a></li>
						<li><a href="<?=home_url();?>">Wedding Suits</a></li>
						<li><a href="<?=home_url();?>">Business Suits</a></li>
						<li><a href="<?=home_url();?>">Power Suits</a></li>
						<li><a href="<?=home_url();?>">Gala Suits</a></li>
					</ul>
				</li>
				<!-- Italian Fabrics -->
				<li class="has-submenu">
					<button class="submenu-trigger">
					Italian Fabrics
					<i class="fa-solid fa-plus"></i>
					</button>
					<ul class="submenu">
						<li><a href="<?=home_url();?>">Loro Piano</a></li>
						<li><a href="<?=home_url();?>">Vitale Barberis Canonico</a></li>
						<li><a href="<?=home_url();?>">Zegna</a></li>
						<li><a href="<?=home_url();?>">Lanificio F.LLI Cerruti Dal 1881</a></li>
						<li><a href="<?=home_url();?>">Italian Jersey</a></li>
					</ul>
				</li>
				<!-- English Fabrics -->
				<li class="has-submenu">
					<button class="submenu-trigger">
					English Fabrics
					<i class="fa-solid fa-plus"></i>
					</button>
					<ul class="submenu">
						<li><a href="<?=home_url();?>">Holland & Sherry</a></li>
						<li><a href="<?=home_url();?>">Scabal</a></li>
						<li><a href="<?=home_url();?>">Dormeuil</a></li>
						<li><a href="<?=home_url();?>">Huddersfields</a></li>
					</ul>
				</li>
				<!-- Shop -->
				<li class="has-submenu">
					<button class="submenu-trigger">
					Accessories
					<i class="fa-solid fa-plus"></i>
					</button>
					<ul class="submenu">
						<li><a href="<?=home_url();?>">Belts</a></li>
						<li><a href="<?=home_url();?>">Bow Ties</a></li>
						<li><a href="<?=home_url();?>">Cufflinks</a></li>
						<li><a href="<?=home_url();?>">Pocket Squares</a></li>
						<li><a href="<?=home_url();?>">Stud Sets</a></li>
						<li><a href="<?=home_url();?>">Ties</a></li>
					</ul>
				</li>
				<li>
					<a href="<?=home_url();?>/blogs">Blogs</a>
				</li>
				<li>
					<a href="<?=home_url();?>/testimonials">Testimonials</a>
				</li>
				<li>
					<a href="<?=home_url();?>/faq">FAQ</a>
				</li>
				<li>
					<a href="<?=home_url();?>/contact">Contact</a>
				</li>
			</ul>
		</nav>
		<!-- CTA -->
		<div class="sidebar-footer">
			<a href="<?=home_url();?>/contact/" class="sidebar-cta">
			Book Appointment
			</a>
			<div class="sidebar-contact">
				<a href="tel:+97141234567">
				<i class="fa-solid fa-phone"></i>
				</a>
				<a href="mailto:info@libasbespoke.com">
				<i class="fa-solid fa-envelope"></i>
				</a>
				<a href="#">
				<i class="fa-brands fa-instagram"></i>
				</a>
				<a href="#">
				<i class="fa-brands fa-linkedin-in"></i>
				</a>
			</div>
		</div>
	</div>
</aside>
<div class="sidebar-overlay"></div>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<!-- Bootstrap Bundle JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- AOS -->
<script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
<!-- Initialize AOS -->
<script>
	AOS.init({
	    duration: 800,
	    once: true
	});
</script>
<!-- Custom JS -->
<script src="<?= get_template_directory_uri(); ?>/assets/js/theme.js"></script>
</body>
</html>