background animation and navbar logo animation

components/layout/navbar.tsx

@@ -5,6 +5,7 @@ import { ChevronDown, Phone, Menu, X } from "lucide-react";
 import Image from "next/image";
 import LanguageSelectRadix from "../languageSwitcher";
 import { useLocale, useTranslations } from "next-intl";
+import NavbarLogo from "./navbarLogo/navbarLogo";
 
 export function Navbar() {
   const locale = useLocale();
@@ -41,13 +42,7 @@ export function Navbar() {
             <Link href={`/${locale}/home`} className="hover:cursor-pointer">
               <div className="flex items-center gap-2">
                 <div className=" flex items-center justify-center">
-                  <Image
-                    src="/images/IGNUM/PNG/1.@6x.png"
-                    alt="logo image"
-                    width={70}
-                    height={70}
-                    className=""
-                  />
+                 <NavbarLogo/>
                 </div>
               </div>
             </Link>