primary color changed

components/Footer.tsx

@@ -3,9 +3,10 @@
 import { useLanguage } from "@/context/language-context";
 import { motion } from "framer-motion";
 import { Facebook, Linkedin, Send } from "lucide-react";
+import Image from "next/image";
 
 export function Footer() {
-  const {t} = useLanguage();
+  const { t } = useLanguage();
   const socialLinks = [
     { icon: Facebook, href: "#", label: "Facebook" },
     { icon: Linkedin, href: "#", label: "LinkedIn" },
@@ -37,8 +38,14 @@ export function Footer() {
         >
           {/* Brand */}
           <motion.div variants={itemVariants}>
-            <h3 className="text-2xl font-bold bg-linear-to-r from-blue-400 to-blue-600 bg-clip-text text-transparent mb-2">
-              FIRMA
+            <h3 className=" mb-2">
+              <Image
+                src="/logo.jpg"
+                alt="image"
+                width={80}
+                height={50}
+                className="rounded-xl object-cover"
+              />
             </h3>
             <p className="text-gray-400 text-sm">
               Premium industrial pumps and equipment.