shared/components/marketing/MarketingNavbar.astro - dev - githubmirror/tabler

shared/components/marketing/MarketingNavbar.astro

48 строк2 KB

Paweł Kuna

Add screenshots package and fix `card-gradient` minify bug (#2793)

07 авг 2026, 01:48

07 авг 2026, 01:48b38cd32

---
// "active" is hardcoded on Home — not derived from the current page.
// Relative base is "../" for one-level-deep marketing pages.
import Logo from '../navbar/Logo.astro'

const base = '..'
---

<!-- 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`}><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 -->