Content

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

<Content
  color="brand"
  label="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '' }]}
  image="/images/placeholder-landscape.webp"
/>

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

<Content
  color="brand"
  size="lg"
  label="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '' }]}
  image="/images/placeholder-landscape.webp"
/>

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

<Content
  color="brand"
  size="sm"
  label="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '' }]}
  image="/images/placeholder-landscape.webp"
/>

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

<Content
  reverse="odd"
  label="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '' }]}
  image="/images/placeholder-landscape.webp"
/>

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

<Content
  label="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '' }]}
  image="/images/placeholder-landscape.webp"
  frame="panel"
  variant="subtle"
  position="inset"
/>

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

<Content
  label="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '' }]}
  image="/images/placeholder-landscape.webp"
  align="start"
  structure="column"
/>