@php($demoHref = $demoHref ?? '/book-demo')

<!-- ===== Announcement bar ===== -->
<div class="announce">
  <div class="wrap announce-inner">
    <span class="dot"></span>
    Built for daycare centers, camps &amp; preschools — one SaaS, three programs.
    <a href="{{ $demoHref }}">Book a demo&nbsp;→</a>
  </div>
</div>

<!-- ===== Nav ===== -->
<header class="nav" id="nav">
  <div class="wrap nav-inner">
    <a class="brand" href="{{ url('/') }}" aria-label="SmartCubz home">
      <span class="brand-mark">
        <svg viewBox="0 0 32 32" width="22" height="22" aria-hidden="true">
          <path d="M16 3 4 9v8c0 7 5.2 10.6 12 13 6.8-2.4 12-6 12-13V9z" fill="currentColor"/>
          <circle cx="16" cy="14" r="3.4" fill="#fff"/>
          <path d="M10.5 22c.8-3 2.9-4.6 5.5-4.6s4.7 1.6 5.5 4.6z" fill="#fff"/>
        </svg>
      </span>
      <span class="brand-name">Smart<span>Cubz</span></span>
    </a>

    <nav class="nav-links" id="navLinks">
      <a href="{{ url('/') }}#programs">Programs</a>
      <a href="{{ url('/') }}#features">Admin Capabilities</a>
      <a href="{{ url('/') }}#parent">Parent App</a>
      <a href="{{ url('/') }}#reports">Reports</a>
      <a href="{{ url('/') }}#customize">Custom Solutions</a>
    </nav>

    <div class="nav-cta">
      <a class="btn btn-primary" href="{{ $demoHref }}">Book a demo</a>
    </div>

    <button class="nav-toggle" id="navToggle" aria-label="Toggle menu" aria-expanded="false">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>