
<section class="section">
  <!-- Container -->
  <div class="band">
    <!-- Title -->
    <h2 class="mb-8 text-3xl font-bold md:text-5xl md:mb-10">
      Meet Flowspark
    </h2>
    <p class="mb-8 max-w-lg text-sm text-gray-500 sm:text-base md:mb-16">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
      varius enim in eros elementum tristique. Duis cursus, mi quis viverra
      ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
    </p>
    <div class="grid gap-8 lg:grid-cols-2 lg:gap-10">
      <img src="<?= image() ?>image" alt="" class="inline-block h-full w-full rounded-2xl object-cover" />
      <div class="flex flex-col gap-5 rounded-2xl border border-solid border-black p-10 sm:p-12">
        <h2 class="text-3xl font-bold md:text-5xl">Our Mission</h2>
        <p class="text-sm text-gray-500 sm:text-base">
          Aliquet risus feugiat in ante metus. Arcu dui vivamus arcu felis
          bibendum ut. Vestibulum lorem sed risus ultricies tristique nulla.
          Vitae et leo duis ut diam quam. Bibendum arcu vitae elementum
          curabitur vitae nunc. Dictumst vestibulum rhoncus est
          pellentesque. Lectus proin nibh nisl condimentum id. Ullamcorper
          dignissim cras tincidunt lobortis feugiat vivamus.
          <br />
          <br />
          Massa id neque aliquam vestibulum morbi blandit. Nulla
          pellentesque dignissim enim sit amet venenatis.
        </p>
      </div>
    </div>
  </div>
</section>
