Header / Centered

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

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

<p class="caption">
  Burger appears below 900px viewport width — resize the browser to see it
  (media queries are viewport-based, not container-based).
</p>

<HeaderCentered
  logoText="Aurora Estates"
  navItems={navItems}
  phone="07 3123 4567"
  ctaLabel="Enquire Now"
  ctaUrl="#enquire"
  tone="base-100"
/>

<HeaderCentered
  logoText="Aurora Estates"
  navItems={navItems}
  phone="07 3123 4567"
  ctaLabel="Enquire Now"
  ctaUrl="#enquire"
  tone="neutral"
/>