localize Footer component

Author: TiZorii

frontend/components/shared/Footer.tsx

@@ -1,6 +1,9 @@
+'use client';
+
 import Link from 'next/link';
 import { Github, Linkedin, Send } from 'lucide-react';
 import { ThemeToggle } from '@/components/theme/ThemeToggle';
+import { useTranslations } from 'next-intl';
 
 const SOCIAL = [
   { label: 'GitHub', href: 'https://github.com/DevLoversTeam', Icon: Github },
@@ -13,6 +16,8 @@ const SOCIAL = [
 ] as const;
 
 export default function Footer() {
+  const t = useTranslations('footer');
+
   return (
     <footer className="relative overflow-hidden border-t border-gray-200/70 dark:border-neutral-800/70">
       <div
@@ -39,26 +44,26 @@ export default function Footer() {
         <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
           <div className="space-y-3">
             <p className="text-sm text-slate-700 dark:text-slate-200">
-              Built with{' '}
+              {t('builtWith')}{' '}
               <span className="font-semibold text-blue-600 dark:text-blue-400">
                 DevLovers
               </span>{' '}
-              by the community.
+              {t('byCommunity')}
             </p>
 
             <p className="text-sm text-slate-500 dark:text-slate-400">
               <Link
                 href="/privacy-policy"
                 className="hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
               >
-                Privacy Policy
+                {t('privacyPolicy')}
               </Link>
               <span className="px-2 opacity-60">|</span>
               <Link
                 href="/terms-of-service"
                 className="hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
               >
-                Terms of Service
+                {t('termsOfService')}
               </Link>
             </p>
           </div>

frontend/messages/en.json

@@ -52,6 +52,12 @@
     "noPosts": "No posts found",
     "noPostsForTags": "No posts found for selected tags"
   },
+  "footer": {
+    "builtWith": "Built with",
+    "byCommunity": "by the community.",
+    "privacyPolicy": "Privacy Policy",
+    "termsOfService": "Terms of Service"
+  },
   "about": {
     "hero": {
       "badge": "Our Story",

frontend/messages/pl.json

@@ -52,6 +52,12 @@
     "noPosts": "Nie znaleziono wpisów",
     "noPostsForTags": "Nie znaleziono wpisów dla wybranych tagów"
   },
+  "footer": {
+    "builtWith": "Zbudowane z",
+    "byCommunity": "przez społeczność.",
+    "privacyPolicy": "Polityka Prywatności",
+    "termsOfService": "Warunki Świadczenia Usług"
+  },
   "about": {
     "hero": {
       "badge": "Nasza Historia",

frontend/messages/uk.json

@@ -52,6 +52,12 @@
     "noPosts": "Статей не знайдено",
     "noPostsForTags": "Немає статей за обраними тегами"
   },
+  "footer": {
+    "builtWith": "Створено",
+    "byCommunity": "спільнотою.",
+    "privacyPolicy": "Політика Конфіденційності",
+    "termsOfService": "Умови Використання"
+  },
   "about": {
     "hero": {
       "badge": "Наша Історія",