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

<Hero
  badge="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  position="inset"
  image="/images/placeholder-landscape.webp"
/>

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

<Hero
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  structure="spread"
  position="inset"
  image="/images/placeholder-landscape.webp"
/>

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

<Hero
  badge="Lorem ipsum dolor"
  heading="Lorem ipsum dolor consectetur amet"
  text="Lorem ipsum dolor sit amet consectetur aler"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  structure="split"
  image="/images/placeholder-landscape.webp"
/>

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

<Hero
  badge="Lorem ipsum dolor"
  heading="Lorem ipsum dolor consectetur amet"
  text="Lorem ipsum dolor sit amet consectetur aler"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  structure="split"
  position="inset"
  image="/images/placeholder-landscape.webp"
/>

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

<Hero
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit"
  buttons={[
    { text: 'Lorem ipsum', href: '' },
    { text: 'Lorem ipsum', href: '' },
  ]}
  image="/images/placeholder-landscape-dark.png"
  position="background"
  align="center"
  theme="dark"
  justify="center"
  style={{ minHeight: '100vh', justifyContent: 'center' }}
/>