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.