CTA

---
import Cta from 'fulldev-ui/blocks/Cta.astro'
---

<Cta
  label="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur ades"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
/>

---
import Cta from 'fulldev-ui/blocks/Cta.astro'
---

<Cta
  label="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur ades"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  color="brand"
/>

---
import Cta from 'fulldev-ui/blocks/Cta.astro'
---

<Cta
  label="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur ades"
  buttons={[{ text: 'Lorem ipsum', href: '', contrast: true }]}
  color="brand"
  variant="solid"
/>

---
import Cta from 'fulldev-ui/blocks/Cta.astro'
---

<Cta
  label="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur ades"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  color="base"
  variant="base"
  theme="light"
/>

---
import Cta from 'fulldev-ui/blocks/Cta.astro'
---

<Cta
  heading="Lorem ipsum dolor sit"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  structure="spread"
/>

---
import Cta from 'fulldev-ui/blocks/Cta.astro'
---

<Cta
  label="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur ades"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  position="background"
  align="center"
  image="/images/placeholder-landscape.webp"
/>