<ContentWidget
    title="Lorem ipsum dolor"
    subtitle="Sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat."
    tagline="Lorem ipsum"
    items={[
      {
        title: 'Lorem ipsum dolor',
        description: 'Sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.',
        icon: 'tabler:device-laptop'
      },
      {
        title: 'Consetetur sadipscing',
        description: 'Elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.',
        icon: 'tabler:cloud'
      }
    ]}
    isReversed={false}
    isDark={false}
    classes={{
      container: 'custom-container-class'
    }}
  >
    <Fragment slot="image">
      <img src="/assets/images/default.png" alt="Lorem ipsum" class="mx-auto w-full rounded-lg bg-gray-500 shadow" />
    </Fragment>
    <Fragment slot="content">
      <p class="text-lg text-gray-600 dark:text-gray-300">
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
      </p>
    </Fragment>
    <Fragment slot="bg">
      <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
    </Fragment>
  </ContentWidget>