Feature Split
Split layout that pairs narrative content with a focused feature list.
Launch playbook
Guide every release with accountable workflows
Pair the story of your launch with concrete capabilities—so execs get the narrative while implementers see the proof.
---
import Button from "@core-elements/button/Button.astro";
import FeatureSplit from "@features/feature-split/FeatureSplit.astro";
---
<FeatureSplit
buttonSections={
[
{
"_component": "building-blocks/core-elements/button",
"text": "Book a live tour",
"variant": "primary",
"size": "md",
"link": "/demo"
},
{
"_component": "building-blocks/core-elements/button",
"text": "Download brief",
"variant": "secondary",
"size": "md",
"link": "/brief.pdf"
}
]
} eyebrow="Launch playbook" heading="Guide every release with accountable workflows" imageAlt="Product team reviewing plans together" imageRounded imageSource="/src/assets/images/component-docs/dunedin-cliff.jpg" reverse subtext="Pair the story of your launch with concrete capabilities—so execs get the narrative while implementers see the proof."
/>---
blocks:
_component: page-sections/features/feature-split
eyebrow: Launch playbook
heading: Guide every release with accountable workflows
subtext: Pair the story of your launch with concrete capabilities—so execs get the narrative while implementers see the proof.
reverse: true
buttonSections:
- _component: building-blocks/core-elements/button
text: Book a live tour
variant: primary
size: md
link: /demo
- _component: building-blocks/core-elements/button
text: Download brief
variant: secondary
size: md
link: /brief.pdf
imageSource: /src/assets/images/component-docs/dunedin-cliff.jpg
imageAlt: Product team reviewing plans together
imageRounded: true
---Overview
Ideal when you need to tell a story on one side and reinforce it with specific capabilities on the other. Feature Split keeps copy, CTAs, media, and feature highlights aligned in a responsive split layout with an optional reverse mode.