Back to site

Hero Center

No description available

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

<HeroCenter
buttonSections={
  [
    {
      "_component": "building-blocks/core-elements/button",
      "text": "Get Started",
      "variant": "primary",
      "size": "md",
      "link": "/start"
    }
  ]
} eyebrow="New release" heading="Activate Your Community" subtext="Launch pages faster with centered hero layouts that keep copy tight and focused."
/>
---
blocks:
  _component: page-sections/heroes/hero-center
  eyebrow: New release
  heading: Activate Your Community
  subtext: Launch pages faster with centered hero layouts that keep copy tight and focused.
  buttonSections:
    - _component: building-blocks/core-elements/button
      text: Get Started
      variant: primary
      size: md
      link: /start
---

Overview

Pairs a label/eyebrow, large heading, and supporting text in the middle of the layout, keeping CTAs stacked underneath for quick landing pages, and now supports colorScheme/backgroundColor props for theme alignment.

Properties

No properties available. Make sure the component has a valid .cloudcannon.structure-value.yml file.