Hero Split
Prominent section block for landing pages.
Destination guide
Discover Dunedin
A city of students, heritage, and natural wonder at the edge of the Pacific.
---
import Button from "@core-elements/button/Button.astro";
import HeroSplit from "@page-sections/heroes/hero-split/HeroSplit.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-docs/dunedin-cliff.jpg" reverse subtext="A city of students, heritage, and natural wonder at the edge of the Pacific."
/>---
blocks:
_component: page-sections/heroes/hero-split
eyebrow: Destination guide
heading: Discover Dunedin
subtext: A city of students, heritage, and natural wonder at the edge of the Pacific.
reverse: true
imageSource: /src/assets/images/component-docs/dunedin-cliff.jpg
imageAlt: Cliffs and rugged coastline near Dunedin, New Zealand, with yellow flowering shrubs in the foreground and waves crashing against the rocks below.
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
---Overview
A prominent section block for landing pages. Combines an optional eyebrow, large heading, subtext, call-to-action buttons, and feature image in a responsive split layout, with configurable colorScheme/backgroundColor treatment.