Hamidreza Eidy
92 lines
2.9 KiB
Vue
92 lines
2.9 KiB
Vue
|
||
<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> |