
<template>
  <div
    class="header h-[76.923vw] lg:h-[48.802vw] text-white flex flex-col items-center"
  >
 
    
    <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>