<header id="header" class="navbar navbar-default">
	<div
		class="header-block bg-cover"
		style="background-image: url('<?php echo esc_url( mm_brand( MM_BASE_URL . 'assets/images/headers/header-bg-%s.jpg' ) ); ?>');"
	>
		<span
			data-srcset="<?php echo esc_url( mm_brand( MM_BASE_URL . 'assets/images/headers/header-bg-%s.jpg' ) ); ?>, <?php echo esc_url( mm_brand( MM_BASE_URL . 'assets/images/headers/header-bg-%s-2x.jpg' ) ); ?> 2x"
		></span>
		<nav>
			<div class="container">
				<div class="inner-holder">
					<a class="navbar-brand" href="#">
						<img
							src="<?php echo esc_attr( mm_brand( MM_BASE_URL . 'assets/images/svgs/logo-icon-%s.svg' ) ); ?>"
							alt="Marketplace"
						>
					</a>
				</div>
			</div>
			<div class="collapse navbar-collapse" id="navbar-collapse-1" style="margin-top: 40px;">
				<div class="container">
					<div class="inner-holder">
						<div class="nav-holder clearfix">
							<ul class="nav navbar-nav justified-nav">
								<li class="active">
									<a
										class="scroll"
										href="<?php echo esc_url( add_query_arg( array( 'page' => 'mojo-home' ), admin_url( 'admin.php' ) ) ); ?>"
									>
										<?php esc_html_e( 'Home', 'mojo-marketplace-wp-plugin' ); ?>
									</a>
								</li>
								<li>
									<a
										class="scroll"
										href="<?php echo esc_url( add_query_arg( array( 'page' => 'mojo-performance' ), admin_url( 'admin.php' ) ) ); ?>"
									>
										<?php esc_html_e( 'Site Performance', 'mojo-marketplace-wp-plugin' ); ?>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="sub-navbar collapse navbar-collapse" id="navbar-collapse-1">
				<div class="container">
					<div class="inner-holder">
						<div class="nav-holder clearfix">
							<ul class="nav sub-navbar-nav navbar-nav justified-nav">
								<li>
									<a class="scroll" href="#content">
										<?php esc_html_e( 'Site Content', 'mojo-marketplace-wp-plugin' ); ?>
									</a>
								</li>
								<li>
									<a class="scroll" href="#design">
										<?php esc_html_e( 'Design &amp; Build', 'mojo-marketplace-wp-plugin' ); ?>
									</a>
								</li>
								<li>
									<a class="scroll" href="#traffic">
										<?php esc_html_e( 'Traffic &amp; Engagement', 'mojo-marketplace-wp-plugin' ); ?>
									</a>
								</li>
								<li>
									<a class="scroll" href="#performance">
										<?php esc_html_e( 'Site Performance', 'mojo-marketplace-wp-plugin' ); ?>
									</a>
								</li>
								<li>
									<a class="scroll" href="#hosting">
										<?php esc_html_e( 'Hosting', 'mojo-marketplace-wp-plugin' ); ?>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</nav>
	</div>
</header>
