Hero Split

---
import HeroSplit from "@components/page-sections/heroes/hero-split.astro";
import Button from "@components/building-blocks/core-elements/button.astro";
---

<HeroSplit
buttonSections={
  [
    {
      "_component": "building-blocks/core-elements/button",
      "text": "Explore Dunedin",
      "variant": "primary",
      "size": "md",
      "link": "/about"
    },
    {
      "_component": "building-blocks/core-elements/button",
      "text": "Learn More",
      "variant": "secondary",
      "size": "md",
      "link": "/learn"
    }
  ]
} eyebrow="Destination guide" heading="Discover Dunedin" imageAlt="Cliffs and rugged coastline near Dunedin, New Zealand, with yellow flowering shrubs in the foreground and waves crashing against the rocks below." imageSource="/src/assets/images/component-library/dunedin-cliff.jpg" reverse subtext="A city of students, heritage, and natural wonder at the edge of the Pacific."
/>