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

<Intro
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum', variant: 'soft' }]}
/>

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

<Intro
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[
    { text: 'Get Started', contrast: true, color: 'base' },
    { text: 'View Components', variant: 'soft', color: 'base' },
  ]}
/>

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

<Intro
  align="center"
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum', variant: 'soft' }]}
/>