From 2129e1c11539244be1cbe96167b70e93af1161a4 Mon Sep 17 00:00:00 2001
From: Unchained <unchained@nodecrew.me>
Date: Sat, 7 Mar 2026 10:38:00 +0200
Subject: [PATCH] Replace ManoonOils text logo with image logo in header and
 footer

---
 src/components/layout/Footer.tsx | 19 +++++++++++++------
 src/components/layout/Header.tsx | 11 ++++++++---
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 7a5dc8d..8249de7 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -1,4 +1,5 @@
 import Link from "next/link";
+import Image from "next/image";
 
 export default function Footer() {
   const currentYear = new Date().getFullYear();
@@ -8,7 +9,13 @@ export default function Footer() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
         <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
           <div className="md:col-span-2">
-            <h3 className="text-2xl font-serif mb-4">ManoonOils</h3>
+            <Image
+              src="https://minio-api.nodecrew.me/manoon-media/2024/09/cropped-manoon-logo_256x-1-1.png"
+              alt="ManoonOils"
+              width={180}
+              height={48}
+              className="h-10 w-auto object-contain mb-4"
+            />
             <p className="text-foreground-muted max-w-md">
               Premium natural oils for hair and skin care. Crafted with love for your daily beauty routine.
             </p>
@@ -18,17 +25,17 @@ export default function Footer() {
             <h4 className="font-serif mb-4">Quick Links</h4>
             <ul className="space-y-2">
               <li>
-                <Link href="/en/products" className="text-foreground-muted hover:text-foreground transition-colors">
+                <Link href="/products" className="text-foreground-muted hover:text-foreground transition-colors">
                   Products
                 </Link>
               </li>
               <li>
-                <Link href="/en/about" className="text-foreground-muted hover:text-foreground transition-colors">
+                <Link href="/about" className="text-foreground-muted hover:text-foreground transition-colors">
                   About Us
                 </Link>
               </li>
               <li>
-                <Link href="/en/contact" className="text-foreground-muted hover:text-foreground transition-colors">
+                <Link href="/contact" className="text-foreground-muted hover:text-foreground transition-colors">
                   Contact
                 </Link>
               </li>
@@ -39,12 +46,12 @@ export default function Footer() {
             <h4 className="font-serif mb-4">Customer Service</h4>
             <ul className="space-y-2">
               <li>
-                <Link href="/en/contact" className="text-foreground-muted hover:text-foreground transition-colors">
+                <Link href="/contact" className="text-foreground-muted hover:text-foreground transition-colors">
                   Shipping Info
                 </Link>
               </li>
               <li>
-                <Link href="/en/contact" className="text-foreground-muted hover:text-foreground transition-colors">
+                <Link href="/contact" className="text-foreground-muted hover:text-foreground transition-colors">
                   Returns
                 </Link>
               </li>
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 7bc0d24..7c4ea2b 100644
--- a/src/components/layout/Header.tsx
+++ b/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 */}