Cta Six

Customer Care Portal

Need help with your order or account? Our dedicated support team is here to assist you with product inquiries, technical issues, and more.

Contact support

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

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-2xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div
      class="overflow-hidden flex flex-col rounded-lg bg-gray-200 sm:flex-row md:h-80"
    >
      <div
        class="order-first sm:order-none h-48 w-full bg-gray-300 sm:h-auto sm:w-1/2 lg:w-2/5"
      >
        <img
          src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?auto=format&amp;q=75&amp;fit=crop&amp;w=1000"
          loading="lazy"
          alt="Photo by Andras Vas"
          class="h-full w-full object-cover object-center"
        />
      </div>
      <div
        class="flex w-full flex-col pt-4 pr-4 pb-4 pl-4 sm:w-1/2 sm:pt-8 sm:pr-8 sm:pb-8 sm:pl-8 lg:w-3/5"
      >
        <h2
          class="mb-4 text-xl font-bold text-gray-800 md:text-2xl lg:text-4xl"
        >
          Customer Care Portal
        </h2>
        <p class="mb-8 max-w-md text-gray-600">
          Need help with your order or account? Our dedicated support team is
          here to assist you with product inquiries, technical issues, and more.
        </p>
        <div class="mt-auto">
          <a
            href="#"
            class="inline-block transition duration-100 active:bg-gray-200 rounded-lg bg-white pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-gray-800 outline-none ring-indigo-300 hover:bg-gray-100 focus-visible:ring md:text-base"
          >
            Contact support
          </a>
        </div>
      </div>
    </div>
  </div>
</div>