<template>
  <div
    class="ps-[6vw] lg:ps-[15%] text-[#383E43] flex flex-col items-start justify-center mt-[28vw] lg:mt-[14.4vw] h-[87.179vw] lg:h-[22.396vw] w-[81.61%] lg:w-[81.04%] border-[2px] border-[##E5E5E5] rounded-[25px]"
  >
    <p class="mt-[5vw] lg:mt-0 w-[36.154vw]  lg:w-auto lg:text-[1.69vw] text-[5.11vw]">
      ما اینجا هستیم تا از شما حمایت کنیم
    </p>

    <p class="text-[3.19vw] lg:text-[0.938vw] mt-3">سلامتی با محصولات شینان</p>

    <nuxt-link
      to="/"
      class="flex items-center mt-[8vw] border-black lg:mt-[2vw] text-[3.19vw] lg:text-[0.938vw] py-[12px] px-[24px] rounded-[10px] border-[1px] border-[#E5E5E5]"
    >
      <svg
        class="me-1"
        width="24"
        height="25"
        viewBox="0 0 24 25"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M13.9802 5.82024L10.7702 9.03024L8.80023 10.9902C7.97023 11.8202 7.97023 13.1702 8.80023 14.0002L13.9802 19.1802C14.6602 19.8602 15.8202 19.3702 15.8202 18.4202V12.8102V6.58024C15.8202 5.62024 14.6602 5.14024 13.9802 5.82024Z"
          fill="#383E43"
        />
      </svg>

      رفتن به فروشگاه
    </nuxt-link>
  </div>
</template>