Build smarter solutions
with next-gen tools

Empower your workflow with modern, efficient, and scalable technology. Our platform enables teams to innovate faster and achieve better results with less friction.

Get Started Learn More

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

<section class="body-font text-gray-600">
  <div
    class="container ml-auto mr-auto mx-auto flex pl-5 pr-5 px-5 pt-24 pb-24 py-24 flex-col items-center max-w-screen-2xl md:flex-row"
  >
    <div class="w-5/6 mb-10 md:w-1/2 md:mb-0 lg:max-w-lg lg:w-full">
      <img
        class="object-cover object-center rounded"
        alt="hero"
        src="https://media.istockphoto.com/id/1059832578/vector/abstract-circle-light-red-frame.jpg?s=2048x2048&amp;w=is&amp;k=20&amp;c=_9VR-tPCJ6bRRCDwGobxJwARR60Z-VU7V4AqRbl3t14="
      />
    </div>
    <div
      class="lg:flex-grow flex flex-col items-center text-center md:w-1/2 md:pl-16 md:items-start md:text-left lg:pl-24"
    >
      <h1
        class="title-font text-3xl mb-4 font-medium text-gray-900 sm:text-4xl"
      >
        <span data-node-handle="base-text" class="inline-block h-auto w-auto">
          Build smarter solutions
        </span>
        <br class="hidden lg:inline-block" />
        <span data-node-handle="base-text" class="inline-block h-auto w-auto">
          with next-gen tools
        </span>
      </h1>
      <p class="mb-8 leading-relaxed">
        Empower your workflow with modern, efficient, and scalable technology.
        Our platform enables teams to innovate faster and achieve better results
        with less friction.
      </p>
      <div class="flex justify-center">
        <button
          class="inline-flex text-white bg-indigo-500 border-0 pt-2 pb-2 py-2 pl-6 pr-6 px-6 focus:outline-none rounded text-lg hover:bg-indigo-600"
        >
          Get Started
        </button>
        <button
          class="inline-flex ml-4 text-gray-700 bg-gray-100 border-0 pt-2 pb-2 py-2 pl-6 pr-6 px-6 focus:outline-none rounded text-lg hover:bg-gray-200"
        >
          Learn More
        </button>
      </div>
    </div>
  </div>
</section>