Simplify your workflow with smart tools

Automate repetitive tasks, boost team collaboration, and bring ideas to life faster than ever. Our platform is designed to adapt to your needs and grow with your ambitions.

Enter your email

Subscribe

No spam. Just useful updates and occasional surprises.

GET IT ON Google Play Download on the App Store

@import url("/template/basic-library/section/hero/hero-four/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="lg:flex-grow flex flex-col mb-16 items-center text-center md:w-1/2 md:pr-16 md:items-start md:text-left md:mb-0 lg:pr-24"
    >
      <h1
        class="title-font text-3xl mb-4 font-medium text-gray-900 sm:text-4xl"
      >
        Simplify your workflow with smart tools
      </h1>
      <p class="mb-8 leading-relaxed">
        Automate repetitive tasks, boost team collaboration, and bring ideas to
        life faster than ever. Our platform is designed to adapt to your needs
        and grow with your ambitions.
      </p>
      <div class="flex w-full justify-center items-end md:justify-start">
        <div class="relative mr-4 w-2/4 md:w-full lg:w-full xl:w-1/2">
          <label for="hero-field" class="leading-7 text-sm text-gray-600">
            Enter your email
          </label>
          <input
            type="text"
            name="hero-field"
            class="transition-colors duration-200 ease-in-out w-full bg-gray-100 rounded border bg-opacity-50 border-gray-300 focus:ring-2 focus:ring-indigo-200 focus:bg-transparent focus:border-indigo-500 text-base outline-none text-gray-700 pt-1 pb-1 py-1 pl-3 pr-3 px-3 leading-8"
          />
        </div>
        <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"
        >
          Subscribe
        </button>
      </div>
      <p class="text-sm mt-2 text-gray-500 mb-8 w-full">
        No spam. Just useful updates and occasional surprises.
      </p>
      <div class="flex md:flex-col lg:flex-row">
        <button
          class="inline-flex bg-gray-100 pt-3 pb-3 py-3 pl-5 pr-5 px-5 rounded-lg items-center focus:outline-none hover:bg-gray-200"
        >
          <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="currentColor"
            class="w-6 h-6"
            viewBox="0 0 512 512"
          >
            <path
              d="M99.617 8.057a50.191 50.191 0 00-38.815-6.713l230.932 230.933 74.846-74.846L99.617 8.057zM32.139 20.116c-6.441 8.563-10.148 19.077-10.148 30.199v411.358c0 11.123 3.708 21.636 10.148 30.199l235.877-235.877L32.139 20.116zM464.261 212.087l-67.266-37.637-81.544 81.544 81.548 81.548 67.273-37.64c16.117-9.03 25.738-25.442 25.738-43.908s-9.621-34.877-25.749-43.907zM291.733 279.711L60.815 510.629c3.786.891 7.639 1.371 11.492 1.371a50.275 50.275 0 0027.31-8.07l266.965-149.372-74.849-74.847z"
            ></path>
          </svg>
          <span class="ml-4 flex items-start flex-col leading-none">
            <span class="text-xs text-gray-600 mb-1">GET IT ON</span>
            <span class="title-font font-medium">Google Play</span>
          </span>
        </button>
        <button
          class="inline-flex bg-gray-100 pt-3 pb-3 py-3 pl-5 pr-5 px-5 rounded-lg items-center ml-4 mt-0 focus:outline-none hover:bg-gray-200 md:ml-0 md:mt-4 lg:ml-4 lg:mt-0"
        >
          <svg
            xmlns="http://www.w3.org/2000/svg"
            fill="currentColor"
            class="w-6 h-6"
            viewBox="0 0 305 305"
          >
            <path
              d="M40.74 112.12c-25.79 44.74-9.4 112.65 19.12 153.82C74.09 286.52 88.5 305 108.24 305c.37 0 .74 0 1.13-.02 9.27-.37 15.97-3.23 22.45-5.99 7.27-3.1 14.8-6.3 26.6-6.3 11.22 0 18.39 3.1 25.31 6.1 6.83 2.95 13.87 6 24.26 5.81 22.23-.41 35.88-20.35 47.92-37.94a168.18 168.18 0 0021-43l.09-.28a2.5 2.5 0 00-1.33-3.06l-.18-.08c-3.92-1.6-38.26-16.84-38.62-58.36-.34-33.74 25.76-51.6 31-54.84l.24-.15a2.5 2.5 0 00.7-3.51c-18-26.37-45.62-30.34-56.73-30.82a50.04 50.04 0 00-4.95-.24c-13.06 0-25.56 4.93-35.61 8.9-6.94 2.73-12.93 5.09-17.06 5.09-4.64 0-10.67-2.4-17.65-5.16-9.33-3.7-19.9-7.9-31.1-7.9l-.79.01c-26.03.38-50.62 15.27-64.18 38.86z"
            ></path>
            <path
              d="M212.1 0c-15.76.64-34.67 10.35-45.97 23.58-9.6 11.13-19 29.68-16.52 48.38a2.5 2.5 0 002.29 2.17c1.06.08 2.15.12 3.23.12 15.41 0 32.04-8.52 43.4-22.25 11.94-14.5 17.99-33.1 16.16-49.77A2.52 2.52 0 00212.1 0z"
            ></path>
          </svg>
          <span class="ml-4 flex items-start flex-col leading-none">
            <span class="text-xs text-gray-600 mb-1">Download on the</span>
            <span class="title-font font-medium">App Store</span>
          </span>
        </button>
      </div>
    </div>
    <div class="w-5/6 md:w-1/2 lg:max-w-lg lg:w-full">
      <img
        class="object-cover object-center rounded"
        alt="hero"
        src="https://media.istockphoto.com/id/1349430655/vector/mobile-phone-with-icons-and-graphic-elements-on-an-isolated-white-background.jpg?s=2048x2048&amp;w=is&amp;k=20&amp;c=ZATZOOr0wbM2Hfanee1YdrDYA0gkCtTD21XT5hpJ2WY="
      />
    </div>
  </div>
</section>