
<template>
  <div
    class="header h-[76.923vw] lg:h-[48.802vw] text-white flex flex-col items-center"
  >
    <svg
      class="z-[1000] h-[8.718vw] lg:h-[3.125vw] w-[8.718vw] lg:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] lg:mt-[1.51vw] me-[6.154vw] lg:me-[1.25vw]"
      viewBox="0 0 40 40"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clip-path="url(#clip0_836_14543)">
        <path
          d="M5 11.6667H35"
          stroke="#A62186"
          stroke-width="2.5"
          stroke-linecap="round"
        />
        <path
          d="M5 20H35"
          stroke="#A62186"
          stroke-width="2.5"
          stroke-linecap="round"
        />
        <path
          d="M5 28.3333H35"
          stroke="#A62186"
          stroke-width="2.5"
          stroke-linecap="round"
        />
      </g>
      <defs>
        <clipPath id="clip0_836_14543">
          <rect width="40" height="40" fill="white" />
        </clipPath>
      </defs>
    </svg>

    <img
      src="/public/images/logo.png"
      alt="logo"
      class="absolute mt-[6.154vw] lg:mt-[1.25vw] right-[6.154vw] lg:right-[1.25vw] w-[8.718vw] lg:w-[70px] h-[8.718vw] lg:h-[70px]"
    />
    
    <svg
      class="animate absolute rotating -top-[59.231vw] lg:-top-[8.8vw] h-[120.513vw] lg:h-[44.688vw] w-[100vw] lg:w-[44.688vw]"
      viewBox="0 0 858 858"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <circle
        cx="429"
        cy="429"
        r="427.5"
        stroke="url(#paint0_linear_836_14845)"
        stroke-width="3"
        stroke-dasharray="15 15"
      />
      <defs>
        <linearGradient
          id="paint0_linear_836_14845"
          x1="429"
          y1="0"
          x2="429"
          y2="858"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.499986" stop-color="white" stop-opacity="0" />
          <stop offset="1" stop-color="white" />
        </linearGradient>
      </defs>
    </svg>

    <h1
      class="text-[7.277vw] lg:text-[3.718vw] font-[700] mt-[100px] lg:mt-[120px] lg:mt-[9.115vw]"
    >
      JAVANEH
    </h1>
    <h1 class="text-[4.544vw] lg:text-[1.927vw] font-[500]">
      فروشگاه محصولات ارگانیک
    </h1>
    <p class="hidden lg:block text-[0.938vw] w-[40vw] text-center mt-[0.3vw]">
      وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و سالم
      میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع محصولات تازه را
      با حق انتخاب و تنوع بسیار بالا و با مناسب‌ترین قیمت داشته باشد.
    </p>
  </div>
  <div class="test"></div>
</template>

<script setup>
</script>