Replace ManoonOils text logo with image logo in header and footer

src/components/layout/Header.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from "react";
 import Link from "next/link";
+import Image from "next/image";
 import { AnimatePresence } from "framer-motion";
 import { useCartStore } from "@/stores/cartStore";
 import { User, ShoppingBag, Menu } from "lucide-react";
@@ -30,9 +31,13 @@ export default function Header() {
 
             {/* Logo */}
             <Link href="/" className="flex-shrink-0">
-              <span className="font-serif italic text-xl md:text-2xl text-[#1A1A1A]">
-                ManoonOils
-              </span>
+              <Image
+                src="https://minio-api.nodecrew.me/manoon-media/2024/09/cropped-manoon-logo_256x-1-1.png"
+                alt="ManoonOils"
+                width={150}
+                height={40}
+                className="h-8 w-auto object-contain"
+              />
             </Link>
 
             {/* Desktop Navigation */}