heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

translated footer

Browse Source
This commit is contained in:
Mamalizz
2025-02-05 02:03:02 +03:30
parent 0de5cf62ec
commit ce7d7945dc
1 changed files with 51 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/global/Footer.vue
+51 -31
View File
@@ -1,4 +1,8 @@
<script setup lang="ts"></script>
<script setup lang="ts">
// imports
import { NAV_LINKS } from "~/constants";
</script>
<template>
<footer class="w-full bg-black flex-center">
@@ -7,15 +11,16 @@
class="h-full flex flex-col items-start justify-between pe-[5rem] py-[5rem]"
>
<div class="flex flex-col items-start gap-[1.5rem] w-full">
<span class="text-white typo-sub-h-xl"
>Subscribe to our newsletter
<span class="text-white typo-sub-h-xl font-light"
>از آخرین اخبار، نوشته‌ها، مقالات و تخفیف‌ها با خبر شوید
😎
</span>
<div class="flex flex-col items-start gap-[.75rem] w-full">
<div
class="flex items-center justify-start gap-[.5rem] w-full"
>
<Input
placeholder="Enter your email"
placeholder="آدرس الکترونیکی شما"
class="bg-slate-950 border-slate-800 hover:border-slate-800 w-8/12"
/>
<Button
@@ -24,13 +29,16 @@
/>
</div>
<span class="text-slate-400 typo-p-sm">
By subscribing, you agree to our responsible data
use
با عضویت, شما با
<NuxtLink to="#" class="text-cyan-500 underline"
>قوانین و مقررات</NuxtLink
>
سایت موافقت می کنید.
</span>
</div>
</div>
<span class="text-white typo-label-sm">
© 2024 Nova - Tech Store. Powered by Capricorn Engineering
<span class="text-white typo-label-sm font-light">
© ۲۰۲۵ - ملز; هوشمند ترین وبسایت ایران
</span>
</div>
@@ -38,39 +46,51 @@
class="flex flex-col items-start ps-[5rem] py-[5rem] gap-[6.875rem]"
>
<div class="w-full flex items-start gap-[3rem]">
<div class="flex flex-col gap-[.75rem] text-white w-full">
<NuxtLink to="#" class="typo-h-5"> About </NuxtLink>
<NuxtLink to="#" class="typo-h-5"> Journal </NuxtLink>
<NuxtLink to="#" class="typo-h-5"> FAQs </NuxtLink>
<NuxtLink to="#" class="typo-h-5">
Contact us
<div class="flex flex-col gap-[1.5rem] w-full">
<NuxtLink
v-for="(link, index) in NAV_LINKS"
:key="index"
:to="link.path"
class="typo-h-5 font-light text-white hover:text-white/70 transition-all"
>
{{ link.title }}
</NuxtLink>
</div>
<div
class="flex flex-col gap-[.75rem] text-slate-400 w-full"
>
<NuxtLink to="#" class="typo-label-md">
Headphones
<div class="flex flex-col gap-[.75rem] w-full">
<NuxtLink
to="#"
class="typo-label-md font-light text-slate-400 hover:text-slate-500 transition-all"
>
سوالات متدوال
</NuxtLink>
<NuxtLink to="#" class="typo-label-md">
Speakers
<NuxtLink
to="#"
class="typo-label-md font-light text-slate-400 hover:text-slate-500 transition-all"
>
قوانین و مقررات
</NuxtLink>
<NuxtLink to="#" class="typo-label-md">
Charging stations
<NuxtLink
to="#"
class="typo-label-md font-light text-slate-400 hover:text-slate-500 transition-all"
>
گزارش خطا و باگ
</NuxtLink>
<NuxtLink to="#" class="typo-label-md">
Lanterns
<NuxtLink
to="#"
class="typo-label-md font-light text-slate-400 hover:text-slate-500 transition-all"
>
حریم خصوصی
</NuxtLink>
<NuxtLink to="#" class="typo-label-md">
Portable charger
<NuxtLink
to="#"
class="typo-label-md font-light text-slate-400 hover:text-slate-500 transition-all"
>
تماس با ما
</NuxtLink>
</div>
</div>
<div
class="flex items-center justify-between text-white w-full"
>
<span class="typo-label-sm">Privacy Policy</span>
<div class="flex items-center justify-end text-white w-full">
<div class="flex items-center gap-[1rem]">
<NuxtLink to="#" class="flex-center size-[1.5rem]">
<Icon