Jul 18

INSIGHTS

Unlocking AI for Everyday Workflows

Discover how small businesses are leveraging artificial intelligence to automate routine tasks, streamline communication, and improve customer engagement across platforms.

Nina Brooks

Jul 18

FEATURED

Design Systems that Scale

Learn how product teams build scalable design systems to maintain consistency, speed up development, and empower both designers and developers with reusable components.

Marcus Lee

Jul 18

DEVELOPMENT

A Deep Dive into Web Performance

From lazy loading to reducing JavaScript bundles, we explore the strategies developers use to optimize load times and deliver faster, more responsive user experiences.

Serena Clark

@import url("/template/basic-library/section/blog/blog-five/raw/styles.css");

<section class="body-font text-gray-600">
  <div
    class="container pl-5 pr-5 px-5 pt-24 pb-24 py-24 ml-auto mr-auto mx-auto max-w-screen-2xl"
  >
    <div class="-mx-4 -my-8 flex flex-wrap">
      <div class="pt-8 pb-8 py-8 pl-4 pr-4 px-4 lg:w-1/3">
        <div class="h-full flex items-start">
          <div
            class="flex-shrink-0 w-12 flex flex-col text-center leading-none"
          >
            <span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">
              Jul
            </span>
            <span
              class="title-font font-medium text-lg text-gray-800 leading-none"
            >
              18
            </span>
          </div>
          <div class="flex-grow pl-6">
            <h2
              class="tracking-widest title-font text-xs font-medium text-indigo-500 mb-1"
            >
              INSIGHTS
            </h2>
            <h1 class="title-font text-xl font-medium text-gray-900 mb-3">
              Unlocking AI for Everyday Workflows
            </h1>
            <p class="leading-relaxed mb-5">
              Discover how small businesses are leveraging artificial
              intelligence to automate routine tasks, streamline communication,
              and improve customer engagement across platforms.
            </p>
            <a class="inline-flex items-center">
              <img
                alt="blog"
                src="https://dummyimage.com/103x103"
                class="flex-shrink-0 w-8 h-8 rounded-full object-cover object-center"
              />
              <span class="flex-grow flex flex-col pl-3">
                <span class="title-font font-medium text-gray-900">
                  Nina Brooks
                </span>
              </span>
            </a>
          </div>
        </div>
      </div>
      <div class="pt-8 pb-8 py-8 pl-4 pr-4 px-4 lg:w-1/3">
        <div class="h-full flex items-start">
          <div
            class="flex-shrink-0 w-12 flex flex-col text-center leading-none"
          >
            <span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">
              Jul
            </span>
            <span
              class="title-font font-medium text-lg text-gray-800 leading-none"
            >
              18
            </span>
          </div>
          <div class="flex-grow pl-6">
            <h2
              class="tracking-widest title-font text-xs font-medium text-indigo-500 mb-1"
            >
              FEATURED
            </h2>
            <h1 class="title-font text-xl font-medium text-gray-900 mb-3">
              Design Systems that Scale
            </h1>
            <p class="leading-relaxed mb-5">
              Learn how product teams build scalable design systems to maintain
              consistency, speed up development, and empower both designers and
              developers with reusable components.
            </p>
            <a class="inline-flex items-center">
              <img
                alt="blog"
                src="https://dummyimage.com/102x102"
                class="flex-shrink-0 w-8 h-8 rounded-full object-cover object-center"
              />
              <span class="flex-grow flex flex-col pl-3">
                <span class="title-font font-medium text-gray-900">
                  Marcus Lee
                </span>
              </span>
            </a>
          </div>
        </div>
      </div>
      <div class="pt-8 pb-8 py-8 pl-4 pr-4 px-4 lg:w-1/3">
        <div class="h-full flex items-start">
          <div
            class="flex-shrink-0 w-12 flex flex-col text-center leading-none"
          >
            <span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">
              Jul
            </span>
            <span
              class="title-font font-medium text-lg text-gray-800 leading-none"
            >
              18
            </span>
          </div>
          <div class="flex-grow pl-6">
            <h2
              class="tracking-widest title-font text-xs font-medium text-indigo-500 mb-1"
            >
              DEVELOPMENT
            </h2>
            <h1 class="title-font text-xl font-medium text-gray-900 mb-3">
              A Deep Dive into Web Performance
            </h1>
            <p class="leading-relaxed mb-5">
              From lazy loading to reducing JavaScript bundles, we explore the
              strategies developers use to optimize load times and deliver
              faster, more responsive user experiences.
            </p>
            <a class="inline-flex items-center">
              <img
                alt="blog"
                src="https://dummyimage.com/101x101"
                class="flex-shrink-0 w-8 h-8 rounded-full object-cover object-center"
              />
              <span class="flex-grow flex flex-col pl-3">
                <span class="title-font font-medium text-gray-900">
                  Serena Clark
                </span>
              </span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>