translation bug fixed

components/Footer.tsx

@@ -1,12 +1,11 @@
 "use client";
 
+import { useLanguage } from "@/context/language-context";
 import { motion } from "framer-motion";
-import { useTranslations } from "next-intl";
 import { Facebook, Linkedin, Send } from "lucide-react";
 
 export function Footer() {
-  const t = useTranslations();
-
+  const {t} = useLanguage();
   const socialLinks = [
     { icon: Facebook, href: "#", label: "Facebook" },
     { icon: Linkedin, href: "#", label: "LinkedIn" },
@@ -86,7 +85,7 @@ export function Footer() {
 
           {/* Social */}
           <motion.div variants={itemVariants}>
-            <h4 className="font-semibold mb-4">{t("footer.followUs")}</h4>
+            <h4 className="font-semibold mb-4">{t.footer.followUs}</h4>
             <div className="flex gap-4">
               {socialLinks.map((link) => {
                 const Icon = link.icon;
@@ -116,7 +115,7 @@ export function Footer() {
             viewport={{ once: true }}
             className="text-center text-gray-400 text-sm"
           >
-            {t("footer.copyright")}
+            {t.footer.copyright}
           </motion.p>
         </div>
       </div>