footer updated for internationalization

src/app/(routes)/(website)/components/footer/footer.tsx

@@ -1,7 +1,11 @@
 import React from "react";
 import Image from "next/image";
+import { getDictionary } from "@/app/lib/functions/dictionaries";
+import { getDefaultLocale } from "@/app/lib/functions/utils";
+import Link from "next/link";
 
-export default function Footer() {
+export default async function Footer() {
+  const dict = await getDictionary(getDefaultLocale());
   return (
     <div className="flex w-full flex-col">
       <div className="flex flex-col items-center gap-[50px] bg-[#F8F8F8] py-[50px]">
@@ -16,38 +20,44 @@ export default function Footer() {
             className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
             href="/#home"
           >
-            Home
+            {dict.footer.Home}
           </a>
           <a
             className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
             href="/#about-me"
           >
-            About Me
+            {dict.footer.AboutMe}
           </a>
           <a
             className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
             href="/#services"
           >
-            Services
+            {dict.footer.Services}
           </a>
           <a
             className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
             href="/#projects"
           >
-            Projects
+            {dict.footer.Projects}
           </a>
           <a
             className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
             href="/#testimonials"
           >
-            Testimonials
+            {dict.footer.Testimonials}
           </a>
           <a
             className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
             href="/#contact"
           >
-            Contact
+            {dict.footer.Contact}
           </a>
+          <Link
+            className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
+            href="/blog"
+          >
+            {dict.footer.Blog}
+          </Link>
         </ul>
         {/* socials */}
         <div className="flex w-full justify-center">
@@ -83,13 +93,17 @@ export default function Footer() {
           </div>
         </div>
       </div>
-      <p className="flex items-center justify-center whitespace-nowrap bg-[#545454] py-2 text-[15px] font-[400] text-white">
-        © 2023
+      <div className="flex items-center justify-center gap-1 whitespace-nowrap bg-[#545454]">
+        <p className="py-2 text-[15px] font-[400] text-white">
+          {dict.footer.Year}
+        </p>
+        <p className="py-2 text-[15px] font-[400] text-white">
+          {dict.footer.CopyRight}
+        </p>
         <span className="mx-[5px] whitespace-nowrap text-[18px] font-[700] capitalize text-[#FD6F00]">
-          parsa aghayi
+          {dict.footer.Name}
         </span>
-        All Rights Reserved , Inc.
-      </p>
+      </div>
     </div>
   );
 }

src/app/lib/dictionaries/en.json

@@ -36,5 +36,17 @@
     "Contact": "contact",
     "Blog": "blog",
     "Button": "Resume"
+  },
+  "footer": {
+    "Name": "parsa aghayi",
+    "Home": "home",
+    "AboutMe": "about Me",
+    "Services": "services",
+    "Projects": "projects",
+    "Testimonials": "testimonials",
+    "Contact": "contact",
+    "Blog": "blog",
+    "Year" : "© 2024",
+    "CopyRight" : "All Rights Reserved , Inc."
   }
 }

src/app/lib/dictionaries/fa.json

@@ -1,41 +1,52 @@
 {
-    "homePage": {
-      "top": {
-        "greating": "سلام، من",
-        "name": "پارسا آقایی هستم",
-        "profession": "توسعه‌دهنده",
-        "roll": "فرانت‌اند و بک‌اند",
-        "descriptionAboutMe": "تخصص من در کار با فریمورک‌ها است و بر بهینه‌سازی عملکرد و توسعه برنامه‌های وب مقیاس‌پذیر با استفاده از تکنولوژی‌های مدرن تمرکز دارم."
-      },
-      "services": {
-        "title": "خدمات",
-        "description": "در دنیای دیجیتال امروز، داشتن یک حضور آنلاین قوی برای کسب‌وکارها و افراد ضروری است. خدمات ما به طیف وسیعی از نیازهای توسعه وب پاسخ می‌دهد و اطمینان می‌دهد که پروژه شما عملکردی، جذاب بصری و کاربرپسند است."
-      },
-      "projects": {
-        "title": "پروژه‌های من",
-        "description": "مجموعه‌ای از پروژه‌های توسعه وب من را کاوش کنید که توانایی من در ارائه راه‌حل‌های با کیفیت بالا و ایجاد تجربیات دیجیتال جذاب را به نمایش می‌گذارد. ببینید چگونه می‌توانم به تحقق چشم‌انداز شما کمک کنم!"
-      },
-      "testimonials": {
-        "title": "نظرات",
-        "description": "بخش نظرات شامل بازخوردهایی از مشتریان و همکاران است که کیفیت خدمات من و تعهد من به رضایت مشتری را برجسته می‌کند. این بررسی‌های معتبر حرفه‌ای بودن من و تأثیر مثبت کار من را منعکس می‌کند و به مشتریان بالقوه اعتماد به نفس می‌دهد که من را برای نیازهای توسعه وب خود انتخاب کنند."
-      },
-      "contact": {
-        "slogan": "بیاید با هم طراحی کنیم",
-        "description": "بخش تماس با من راهی ساده برای ارتباط با من در مورد سوالات، پیشنهادات پروژه یا فرصت‌های همکاری است. فرم تماس را پر کنید یا از اطلاعات ارائه شده استفاده کنید و من به سرعت پاسخ می‌دهم تا ایده‌های شما را بررسی کنیم و بگویم چگونه می‌توانم کمک کنم.",
-        "button": "با من تماس بگیرید",
-        "placeholder": "ایمیل خود را اینجا وارد کنید..."
-      }
+  "homePage": {
+    "top": {
+      "greating": "سلام، من",
+      "name": "پارسا آقایی هستم",
+      "profession": "توسعه‌دهنده",
+      "roll": "فرانت‌اند و بک‌اند",
+      "descriptionAboutMe": "تخصص من در کار با فریمورک‌ها است و بر بهینه‌سازی عملکرد و توسعه برنامه‌های وب مقیاس‌پذیر با استفاده از تکنولوژی‌های مدرن تمرکز دارم."
     },
-    "header": {
-      "Name": "پارسا آقایی",
-      "Home": "خانه",
-      "AboutMe": "درباره‌من",
-      "Services": "خدمات",
-      "Projects": "پروژه‌ها",
-      "Testimonials": "دیدگاه‌ها",
-      "Contact": "تماس",
-      "Blog": "بلاگ",
-      "Button": "رزومه"
+    "services": {
+      "title": "خدمات",
+      "description": "در دنیای دیجیتال امروز، داشتن یک حضور آنلاین قوی برای کسب‌وکارها و افراد ضروری است. خدمات ما به طیف وسیعی از نیازهای توسعه وب پاسخ می‌دهد و اطمینان می‌دهد که پروژه شما عملکردی، جذاب بصری و کاربرپسند است."
+    },
+    "projects": {
+      "title": "پروژه‌های من",
+      "description": "مجموعه‌ای از پروژه‌های توسعه وب من را کاوش کنید که توانایی من در ارائه راه‌حل‌های با کیفیت بالا و ایجاد تجربیات دیجیتال جذاب را به نمایش می‌گذارد. ببینید چگونه می‌توانم به تحقق چشم‌انداز شما کمک کنم!"
+    },
+    "testimonials": {
+      "title": "نظرات",
+      "description": "بخش نظرات شامل بازخوردهایی از مشتریان و همکاران است که کیفیت خدمات من و تعهد من به رضایت مشتری را برجسته می‌کند. این بررسی‌های معتبر حرفه‌ای بودن من و تأثیر مثبت کار من را منعکس می‌کند و به مشتریان بالقوه اعتماد به نفس می‌دهد که من را برای نیازهای توسعه وب خود انتخاب کنند."
+    },
+    "contact": {
+      "slogan": "بیاید با هم طراحی کنیم",
+      "description": "بخش تماس با من راهی ساده برای ارتباط با من در مورد سوالات، پیشنهادات پروژه یا فرصت‌های همکاری است. فرم تماس را پر کنید یا از اطلاعات ارائه شده استفاده کنید و من به سرعت پاسخ می‌دهم تا ایده‌های شما را بررسی کنیم و بگویم چگونه می‌توانم کمک کنم.",
+      "button": "با من تماس بگیرید",
+      "placeholder": "ایمیل خود را اینجا وارد کنید..."
     }
+  },
+  "header": {
+    "Name": "پارسا آقایی",
+    "Home": "خانه",
+    "AboutMe": "درباره‌من",
+    "Services": "خدمات",
+    "Projects": "پروژه‌ها",
+    "Testimonials": "دیدگاه‌ها",
+    "Contact": "تماس",
+    "Blog": "بلاگ",
+    "Button": "رزومه"
+  },
+  "footer": {
+    "Name": "پارسا آقایی",
+    "Home": "خانه",
+    "AboutMe": "درباره‌من",
+    "Services": "خدمات",
+    "Projects": "پروژه‌ها",
+    "Testimonials": "دیدگاه‌ها",
+    "Contact": "تماس",
+    "Blog": "بلاگ",
+    "Year" : "© ۲۰۲۴",
+    "CopyRight" : "تمامی حقوق محفوظ برای"
   }
-  
+}

src/app/types/types.ts

@@ -157,4 +157,16 @@ export type Dictionary = {
     Blog: string;
     Button: string;
   };
+  footer: {
+    Name: string;
+    Home: string;
+    AboutMe: string;
+    Services: string;
+    Projects: string;
+    Testimonials: string;
+    Contact: string;
+    Blog: string;
+    Year: string;
+    CopyRight: string;
+  };
 };