From ce7d7945dc0879c19431e3cacd3c709bf251a9d1 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 5 Feb 2025 02:03:02 +0330
Subject: [PATCH] translated footer

---
 frontend/components/global/Footer.vue | 82 +++++++++++++++++----------
 1 file changed, 51 insertions(+), 31 deletions(-)

diff --git a/frontend/components/global/Footer.vue b/frontend/components/global/Footer.vue
index 9d36438..2dc5dfe 100644
--- a/frontend/components/global/Footer.vue
+++ b/frontend/components/global/Footer.vue
@@ -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