Header / Topbar

---
import HeaderTopbar from "../components/figma/HeaderTopbar.astro";

const navItems = [
  { label: "Home", href: "#", current: true },
  { label: "For Sale", href: "#" },
  { label: "About Us", href: "#" },
  { label: "Testimonials", href: "#" },
  { label: "Contact Us", href: "#" },
];
---

<HeaderTopbar
  tone="base-100"
  logoText="Harbourline"
  navItems={navItems}
  phone="07 3123 4567"
  email="hello@harbourline.com.au"
  tagline="Selling South-East Queensland since 2009"
  ctaLabel="Enquire Now"
  ctaUrl="#enquire"
/>

<HeaderTopbar
  tone="primary"
  logoText="Harbourline"
  navItems={navItems}
  phone="07 3123 4567"
  email="hello@harbourline.com.au"
  tagline="Selling South-East Queensland since 2009"
  ctaLabel="Enquire Now"
  ctaUrl="#enquire"
/>

<p class="caption">
  The burger menu appears below 900px viewport width — resize the browser window to see it
  (media queries are viewport-based, not container-based, so shrinking this panel alone won't
  trigger it).
</p>