create about-us page

This commit is contained in:
HAM!DREZA
2024-05-16 13:26:35 +03:30
parent ebfdad9d98
commit 33bf2cf5c3
6 changed files with 318 additions and 40 deletions
+39 -32
View File
@@ -219,39 +219,46 @@
</span>
</nuxt-link>
<span class="flexBox gap-[0.8vw]">
<svg
width="1.302vw"
height="1.302vw"
viewBox="0 0 25 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
<nuxt-link to="/about-us">
<span class="flexBox gap-[0.8vw]"
:class="{ 'text-primaryGreen': $route.path === '/about-us' }"
>
<path
d="M12.5 22.5C18 22.5 22.5 18 22.5 12.5C22.5 7 18 2.5 12.5 2.5C7 2.5 2.5 7 2.5 12.5C2.5 18 7 22.5 12.5 22.5Z"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12.5 8.5V13.5"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12.4946 16.5H12.5036"
stroke="#383E43"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
درباره ما</span
>
<svg
width="1.302vw"
height="1.302vw"
viewBox="0 0 25 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/about-us' }"
d="M12.5 22.5C18 22.5 22.5 18 22.5 12.5C22.5 7 18 2.5 12.5 2.5C7 2.5 2.5 7 2.5 12.5C2.5 18 7 22.5 12.5 22.5Z"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/about-us' }"
d="M12.5 8.5V13.5"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/about-us' }"
d="M12.4946 16.5H12.5036"
stroke="#383E43"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
درباره ما</span
>
</nuxt-link>
</div>
<nuxt-link to="/signup">
+3 -7
View File
@@ -126,7 +126,7 @@
$route.path === '/reset-password' ||
$route.path === '/new-password',
}"
class="fixed bottom-0 px-[5vw] flex bg-white w-full justify-around items-center md:hidden h-[19.479vw] shadow-2xl border-t"
class="z-[10] fixed bottom-0 px-[5vw] flex bg-white w-full justify-around items-center md:hidden h-[19.479vw] shadow-2xl border-t"
>
@@ -186,7 +186,7 @@
<nuxt-link to="/" class="bg-footerGreen text-primaryGreen font-semibold p-[2.564vw] flexBox rounded-[7.692vw]">
<nuxt-link to="/about-us" class="bg-footerGreen text-primaryGreen p-[2.564vw] flexBox rounded-[7.692vw]">
<svg
class="h-[6.154vw] w-[6.154vw]"
viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -196,12 +196,8 @@
</svg>
<span v-if="$route.path === '/y'" class="ps-[2vw]">درباره ما</span>
<span v-if="$route.path === '/about-us'" class="px-[2vw]">درباره ما</span>
</nuxt-link>
<nuxt-link to="/" class="bg-footerGreen text-primaryGreen font-semibold p-[2.564vw] flexBox rounded-[7.692vw]">
<svg
class="h-[6.154vw] w-[6.154vw]"