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

<Content1
  depth={1}
  tagline="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
  image={{ src: '/images/placeholder-landscape.webp' }}
  content=`
    <h3>HTML Content Example</h3>
    <p>This is an example of HTML content inserted into the Content block.</p>
    <ul>
      <li>First item</li>
      <li>Second item</li>
      <li>Third item</li>
    </ul>
  `
/>

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

<Content2
  tagline="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
  image={{ src: '/images/placeholder-landscape.webp' }}
  content=`
    <h3>HTML Content Example</h3>
    <p>This is an example of HTML content inserted into the Content2 block. It demonstrates how you can use HTML to structure your content within the block.</p>
    <ul>
      <li>First item</li>
      <li>Second item</li>
      <li>Third item</li>
      <li>Fourth item</li>
      <li>Fifth item</li>
    </ul>
    <p>Adding more content to make it longer. You can include various HTML elements such as headings, paragraphs, lists, images, and more to enrich your content.</p>
    <p>Here is another paragraph to further extend the content. This allows you to provide more information and details within the Content2 block.</p>
  `
/>

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

<Content3
  tagline="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
  image={{ src: '/images/placeholder-landscape.webp' }}
  content=`
    <h3>HTML Content Example</h3>
    <p>This is an example of HTML content inserted into the Content2 block. It demonstrates how you can use HTML to structure your content within the block.</p>
    <ul>
      <li>First item</li>
      <li>Second item</li>
      <li>Third item</li>
      <li>Fourth item</li>
      <li>Fifth item</li>
    </ul>
    <p>Adding more content to make it longer. You can include various HTML elements such as headings, paragraphs, lists, images, and more to enrich your content.</p>
    <p>Here is another paragraph to further extend the content. This allows you to provide more information and details within the Content2 block.</p>
  `
/>

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

<Content4
  depth={1}
  tagline="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
  image={{ src: '/images/placeholder-landscape.webp' }}
  content=`
    <p>
      This is an example of HTML content inserted into the Content4 block. 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.
    </p>
    <p>
      This is an example of HTML content inserted into the Content4 block. 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.
    </p>
  `
/>

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

<Content5
  depth={1}
  tagline="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
  image={{ src: '/images/placeholder-landscape.webp' }}
  content=`
    <p>
      This is an example of HTML content inserted into the Content4 block. 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.
    </p>
    <p>
      This is an example of HTML content inserted into the Content4 block. 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.
    </p>
  `
/>

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

<Content6
  depth={1}
  tagline="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
  image={{ src: '/images/placeholder-landscape.webp' }}
  headings={[
    {
      text: 'Lorem ipsum',
      depth: 1,
    },
    {
      text: 'Dolor sit amet',
      depth: 2,
    },
    {
      text: 'Consectetur',
      depth: 3,
    },
  ]}
  content=`
    <h3>HTML Content Example</h3>
    <p>This is an example of HTML content inserted into the Content block.</p>
    <ul>
      <li>First item</li>
      <li>Second item</li>
      <li>Third item</li>
    </ul>
  `
/>

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

<Content7
  depth={1}
  tagline="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
  image={{ src: '/images/placeholder-landscape.webp' }}
  headings={[
    {
      text: 'Lorem ipsum',
      depth: 1,
    },
    {
      text: 'Dolor sit amet',
      depth: 2,
    },
    {
      text: 'Consectetur',
      depth: 3,
    },
  ]}
  menus={[
    {
      heading: 'Lorem ipsum',
      links: [
        { text: 'Lorem ipsum' },
        { text: 'Dolor sit' },
        { text: 'Amet consectetur' },
      ],
    },
    {
      heading: 'Dolor sit amet',
      links: [
        { text: 'Adipisicing elit' },
        { text: 'Voluptatibus quia' },
        { text: 'Nulla maiores' },
      ],
    },
    {
      heading: 'Consectetur',
      links: [
        { text: 'Perferendis eaque' },
        { text: 'Exercitationem' },
        { text: 'Praesentium nihil' },
      ],
    },
  ]}
  content=`
    <h3>HTML Content Example</h3>
    <p>This is an example of HTML content inserted into the Content block.</p>
    <ul>
      <li>First item</li>
      <li>Second item</li>
      <li>Third item</li>
    </ul>
  `
/>

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

<Content8
  depth={1}
  tagline="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
  image={{ src: '/images/placeholder-landscape.webp' }}
  menus={[
    {
      heading: 'Lorem ipsum',
      links: [
        { text: 'Lorem ipsum' },
        { text: 'Dolor sit' },
        { text: 'Amet consectetur' },
      ],
    },
    {
      heading: 'Dolor sit amet',
      links: [
        { text: 'Adipisicing elit' },
        { text: 'Voluptatibus quia' },
        { text: 'Nulla maiores' },
      ],
    },
    {
      heading: 'Consectetur',
      links: [
        { text: 'Perferendis eaque' },
        { text: 'Exercitationem' },
        { text: 'Praesentium nihil' },
      ],
    },
  ]}
  content=`
    <h3>HTML Content Example</h3>
    <p>This is an example of HTML content inserted into the Content block.</p>
    <ul>
      <li>First item</li>
      <li>Second item</li>
      <li>Third item</li>
    </ul>
  `
/>