<section class="relative py-16 lg:py-32">
  <div class="container">
    <div class="grid gap-12 items-center">
      <div>
        <div class="max-w-3xl mx-auto text-center">
          <div>
            <h2 class="text-3xl/tight font-bold tracking-tight md:text-4xl/tight">Latest Insights</h2>
            <p class="mt-4 text-lg/8 text-muted-foreground">
              Sed eu quam id quam tristique pharetra a at tortor veil dolarto.
              <br class="max-md:hidden" />
              Suspendisse lorem odio sit amet libero facilisis.
            </p>
          </div>
        </div>
      </div>
      <div>
        <div class="grid lg:grid-cols-3 gap-12">
          <div class="flex flex-col">
            <div>
              <img class="object-cover object-center aspect-video rounded-lg shadow-xs" alt="Better Web Accessibility with ARIA" src="https://storage.reimage.dev/startingpoint/e4993c70d8a2/original" />
              <span class="flex items-center gap-1.5 text-xs font-medium tracking-tight text-accent mt-6"><span>Industry Insights</span></span>
              <h3 class="text-lg font-semibold tracking-tight mt-2">Better Web Accessibility with ARIA</h3>
              <p class="text-sm/6 text-muted-foreground mt-2 line-clamp-2">Lorem ipsum dolor sit amet consectetur adipiscing elita sed lorem eiusmod temporos incididunt ut labore dolor.</p>
              <div class="flex items-center gap-3 mt-6">
                <img class="avatar" src="https://storage.reimage.dev/startingpoint/41ef93be8a5b/original" alt="Sarah Johnson" />
                <div class="grid gap-1.5">
                  <span class="text-sm/none font-medium">Sarah Johnson</span>
                  <span class="text-xs/none text-muted-foreground font-medium">Product Designer</span>
                </div>
              </div>
            </div>
          </div>
          <div class="flex flex-col">
            <div>
              <img class="object-cover object-center aspect-video rounded-lg shadow-xs" alt="Designing Scalable UI with Tailwind CSS" src="https://storage.reimage.dev/startingpoint/04ce3db17127/original" />
              <span class="flex items-center gap-1.5 text-xs font-medium tracking-tight text-accent mt-6"><span>Web Development</span></span>
              <h3 class="text-lg font-semibold tracking-tight mt-2">Designing Scalable UI with Tailwind CSS</h3>
              <p class="text-sm/6 text-muted-foreground mt-2 line-clamp-2">Lorem ipsum dolor sit amet consectetur adipiscing elita sed lorem eiusmod temporos incididunt ut labore dolor.</p>
              <div class="flex items-center gap-3 mt-6">
                <img class="avatar" src="https://storage.reimage.dev/startingpoint/0655e9cba9a9/original" alt="Michael Chen" />
                <div class="grid gap-1.5">
                  <span class="text-sm/none font-medium">Michael Chen</span>
                  <span class="text-xs/none text-muted-foreground font-medium">Software Engineer</span>
                </div>
              </div>
            </div>
          </div>
          <div class="flex flex-col">
            <div>
              <img class="object-cover object-center aspect-video rounded-lg shadow-xs" alt="Advanced TypeScript Type Patterns" src="https://storage.reimage.dev/startingpoint/e2a2d99dfac5/original" />
              <span class="flex items-center gap-1.5 text-xs font-medium tracking-tight text-accent mt-6"><span>Design Systems</span></span>
              <h3 class="text-lg font-semibold tracking-tight mt-2">Advanced TypeScript Type Patterns</h3>
              <p class="text-sm/6 text-muted-foreground mt-2 line-clamp-2">Lorem ipsum dolor sit amet consectetur adipiscing elita sed lorem eiusmod temporos incididunt ut labore dolor.</p>
              <div class="flex items-center gap-3 mt-6">
                <img class="avatar" src="https://storage.reimage.dev/startingpoint/5858388377f4/original" alt="Emma Wilson" />
                <div class="grid gap-1.5">
                  <span class="text-sm/none font-medium">Emma Wilson</span>
                  <span class="text-xs/none text-muted-foreground font-medium">UX Researcher</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>