<header class="navbar navbar-expand-lg navbar-transparent py-3">
	<div class="container">
		{% include "layout/navbar-logo.html" %}
		<button
			class="navbar-toggler"
			type="button"
			data-bs-toggle="collapse"
			data-bs-target="#navbarTogglerDemo01"
			aria-controls="navbarTogglerDemo01"
			aria-expanded="false"
			aria-label="Toggle primary navigation"
		>
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
			<nav aria-label="Primary">
				<ul class="navbar-nav ms-auto">
					<li class="nav-item">
						<a class="nav-link active" href="{{ page | relative }}/marketing"><span class="nav-link-title">Home</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ page | relative }}/marketing/testimonials.html"><span class="nav-link-title">Testimonials</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ page | relative }}/marketing/pricing.html"><span class="nav-link-title">Pricing</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ page | relative }}/marketing/about.html"><span class="nav-link-title">About</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ page | relative }}/marketing/text.html"><span class="nav-link-title">Text</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ page | relative }}/marketing/hero.html"><span class="nav-link-title">App</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ page | relative }}/marketing/real-estate.html"><span class="nav-link-title">Real estate</span></a>
					</li>
					<li class="nav-item ms-4">
						<a href="#" class="btn btn-primary">Buy now</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</header>