Tailwind React Http Codes - Motion Landing Library React

Discover 2 Tailwind React Http Codes available in Motion Landing Library React

Http Code

Component from Motion Landing Library React Builder
<div data-type="div" className="draggable w-full">
  <div
    data-type="div"
    className="container mx-auto my-32 flex flex-col items-center gap-16"
  >
    <div data-type="div" className="flex flex-col gap-7">
      <div
        data-type="div"
        className="mx-auto flex w-10/12 flex-col gap-2 px-6 text-center"
      >
        <h2
          data-type="h2"
          className="text-3xl font-extrabold leading-tight text-dark-grey-900 lg:text-4xl"
        >
          Well, shoot! The page you're looking for couldn't be found.
        </h2>
        <p
          data-type="p"
          className="text-base font-medium leading-7 text-dark-grey-600"
        >
          We hit a snag... maybe it's time to head back to our main page.
        </p>
      </div>
      <div data-type="div" className="flex items-center justify-center">
        <button
          data-type="button"
          className="flex items-center justify-center rounded-2xl bg-purple-blue-500 px-7 py-4 text-white transition duration-300 hover:bg-purple-blue-600 focus:ring-4 focus:ring-purple-blue-100"
        >
          Go back to Homepage
        </button>
      </div>
    </div>
  </div>
</div>;

Http Code With Title Description Button And Image