---
import Logo from '../navbar/Logo.astro'
import { relativeBase } from '@shared/lib/url'

const base = relativeBase(Astro.url.pathname)
---

<!-- BEGIN MARKETING NAVBAR -->
<header class="navbar navbar-expand-lg navbar-transparent py-3">
  <div class="container">
    <Logo href={base} />
    <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={`${base}/marketing.html`}><span class="nav-link-title">Home</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href={`${base}/marketing/testimonials.html`}><span class="nav-link-title">Testimonials</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href={`${base}/marketing/pricing.html`}><span class="nav-link-title">Pricing</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href={`${base}/marketing/about.html`}><span class="nav-link-title">About</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href={`${base}/marketing/text.html`}><span class="nav-link-title">Text</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href={`${base}/marketing/hero.html`}><span class="nav-link-title">App</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href={`${base}/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>
<!-- END MARKETING NAVBAR -->