danak/javaneh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

create sliders with vue3-carousel package

Browse Source
This commit is contained in:
HAM!DREZA
2024-05-03 14:19:28 +03:30
parent aa38f8e7b4
commit 10a012ec8e
24 changed files with 14016 additions and 13809 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home-page/road-map-components/Banner.vue
+13 -13
View File
@@ -1,14 +1,14 @@
<template>
<div class="baner flex flex-col w-[84.61vw] lg:w-[70.41%] mt-[50vw] lg:mt-[20vw]">
<img src="/public/images/baner.jpg" alt="organic" class="h-[45.12vw] lg:h-[26.302vw] w-full object-cover rounded-[25px]">
<div class="flex flex-col flex-col-reverse px-[1vw] lg:flex-row justify-between items-center mt-12">
<p class="mt-[17vw] lg:mt-0 w-full lg:w-[50%] text-[3.59vw] lg:text-[1.502vw]">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
</p>
<p class="w-full lg:w-[40%] text-[4.544vw] lg:text-[1.186vw]">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
</p>
</div>
</div>
<template>
<div class="baner flex flex-col w-[84.61vw] lg:w-[70.41%] mt-[50vw] lg:mt-[20vw]">
<img src="/public/images/baner.jpg" alt="organic" class="h-[45.12vw] lg:h-[26.302vw] w-full object-cover rounded-[25px]">
<div class="flex flex-col flex-col-reverse px-[1vw] lg:flex-row justify-between items-center mt-12">
<p class="mt-[17vw] lg:mt-0 w-full lg:w-[50%] text-[3.59vw] lg:text-[1.502vw]">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
</p>
<p class="w-full lg:w-[40%] text-[4.544vw] lg:text-[1.186vw]">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
</p>
</div>
</div>
</template>
components/home-page/road-map-components/ProductionStage.vue
+326 -326
View File
@@ -1,327 +1,327 @@
<template>
<div class="mt-[28vw] lg:mt-[12vw] w-[84.615vw] lg:w-[51.14%]">
<h2 class="mb-[7vw] lg:mb-0 text-[#383E43] text-[4.544vw] lg:text-[1.502vw]">مراحل تولید :</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4 p-[3vw]">
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
</div>
</div>
<template>
<div class="mt-[28vw] lg:mt-[12vw] w-[84.615vw] lg:w-[51.14%]">
<h2 class="mb-[7vw] lg:mb-0 text-[#383E43] text-[4.544vw] lg:text-[1.502vw]">مراحل تولید :</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4 p-[3vw]">
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.7497 18.3324L17.083 16.6658"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.208 22.2083H30.7497"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.792 29.0417H30.7503"
stroke="#878787"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
</div>
</div>
</div>
</template>
components/home-page/road-map-components/ShopNavigator.vue
+31 -31
View File
@@ -1,32 +1,32 @@
<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>
<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>