Firts up

app/views/blocks/heros/hero-2.php

@@ -0,0 +1,33 @@
+
+<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>