Feature Split
No description available
---
import FeatureSplit from "@components/page-sections/features/feature-split.astro";
---
<FeatureSplit
buttonSections={
[
{
"text": "Book a live tour",
"variant": "primary",
"size": "md",
"link": "/demo"
},
{
"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-library/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:
- text: Book a live tour
variant: primary
size: md
link: /demo
- text: Download brief
variant: secondary
size: md
link: /brief.pdf
imageSource: /src/assets/images/component-library/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.
Properties
No properties available. Make sure the component has a valid .cloudcannon.structure-value.yml file.