<!-- preloader -->
    <div id="preloader">
        <div id="loading-center">
            <div class="loader loader-five">
                <div class="loader-outter"></div>
                <div class="loader-inner"></div>
            </div>
        </div>
    </div>
    <!-- preloader-end -->

    <!-- Scroll-top -->
    <button class="scroll-top scroll-to-target special-scroll" data-target="html">
        <i class="fas fa-angle-up"></i>
    </button>
    <!-- Scroll-top-end-->
	<?php
	// Detect current page
	$currentPage = basename($_SERVER['PHP_SELF']);
	$isLanding = ($currentPage == 'index.php');
	?>

	<header>
		<div id="sticky-header" class="menu-area special-header transparent-header">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="mobile-nav-toggler"><i class="flaticon-menu"></i></div>
						<div class="menu-wrap">
							<nav class="menu-nav show">
								<div class="logo">
									<a href="index.php"><img src="assets/img/down/DR Siddha Logo.png" alt="Logo"></a>
								</div>

								<div class="navbar-wrap main-menu d-none d-lg-flex">
									<ul class="navigation">
										<li class="<?php echo ($currentPage == 'index.php') ? 'active' : ''; ?>">
											<a href="<?php echo $isLanding ? '#home' : 'index.php#home'; ?>" class="section-link">Home</a>
										</li>
										<li><a href="<?php echo $isLanding ? '#why-us' : 'index.php#why-us'; ?>" class="section-link">Why Us</a></li>
										<li><a href="<?php echo $isLanding ? '#ingredient' : 'index.php#ingredient'; ?>" class="section-link">Ingredient</a></li>
										<li><a href="<?php echo $isLanding ? '#price' : 'index.php#price'; ?>" class="section-link">Price</a></li>
										<li><a href="<?php echo $isLanding ? '#how-to-use' : 'index.php#how-to-use'; ?>" class="section-link">How to Use</a></li>
										<li><a href="<?php echo $isLanding ? '#feedbacks' : 'index.php#feedbacks'; ?>" class="section-link">Testimonials</a></li>
										<li><a href="<?php echo $isLanding ? '#faq' : 'index.php#faq'; ?>" class="section-link">FAQ</a></li>							
									</ul>
								</div>

								<div class="header-action d-none d-sm-block">
									<ul>
										<li class="offcanvas-btn d-none d-lg-block">
											<a href="#" class="navSidebar-button"><i class="fa-solid fa-bars"></i></a>
										</li>
									</ul>
								</div>
							</nav>
						</div>

						<!-- Mobile Menu -->
						<div class="mobile-menu">
							<nav class="menu-box">
								<div class="close-btn"><i class="fas fa-times"></i></div>
								<div class="nav-logo">
									<a href="index.php"><img src="assets/img/logo-white.png" alt="Logo"></a>
								</div>
								<div class="menu-outer">
									<!-- Menu automatically cloned via JS -->
								</div>
								<div class="social-links">
									<ul class="clearfix">
										<li class="facebook"><a href="#"><span class="fab fa-facebook-f"></span></a></li>
										<li class="twitter"><a href="#"><span class="fab fa-twitter"></span></a></li>
										<li class="pinterest"><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
										<li class="instagram"><a href="#"><span class="fab fa-instagram"></span></a></li>
										<li class="youtube"><a href="#"><span class="fab fa-youtube"></span></a></li>
									</ul>
								</div>
							</nav>
						</div>

						<div class="menu-backdrop"></div>
						<!-- End Mobile Menu -->
					</div>
				</div>
			</div>
		</div>

		<!-- off-canvas-start -->
		<div class="sidebar-off-canvas special-off-canvas info-group">
			<div class="off-canvas-overlay"></div>
			<div class="off-canvas-widget scroll">
				<div class="sidebar-widget-container">
					<div class="off-canvas-heading">
						<a href="#" class="close-side-widget">
							<span class="flaticon-targeting-cross"></span>
						</a>
					</div>
					<div class="sidebar-textwidget">
						<div class="sidebar-info-contents">
							<div class="content-inner">
								<div class="logo mb-30">
									<a href="index.php"><img src="assets/img/special_logo.png" alt="Logo"></a>
								</div>
								<div class="content-box">
									<p>
										Dr’s.Siddha, your trusted source for authentic, natural herbal supplements rooted
										in ancient wisdom and modern wellness. We are passionate about helping people
										live healthier, more balanced lives through time-tested herbal remedies derived
										from Ayurveda, Siddha, and traditional Indian medicine.
									</p>
								</div>
								<div class="contact-info">
									<h4 class="title">CONTACT US</h4>
									<ul>
										<li><i class="fal fa-phone"></i><a href="tel:+917397386570">+91 7397386570</a></li>
										<li><i class="fal fa-envelope-open-text"></i><a href="mailto:drssiddha@gmail.com">drssiddha@gmail.com</a></li>
										<li><i class="fal fa-map-marked-alt"></i>Madurai.</li>
									</ul>
								</div>
								<div class="oc-newsletter">
									<h4 class="title">NEWSLETTER</h4>
									<p>Fill your email below to subscribe to our newsletter</p>
									<form action="#">
										<input type="email" placeholder="Your Email..." required>
										<button class="btn">Subscribe Now</button>
									</form>
								</div>
								<div class="oc-social">
									<ul>
										<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
										<li><a href="#"><i class="fab fa-twitter"></i></a></li>
										<li><a href="#"><i class="fab fa-youtube"></i></a></li>
										<li><a href="#"><i class="fab fa-instagram"></i></a></li>
										<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
										<li><a href="#"><i class="fab fa-google"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- off-canvas-end -->
	</header>
