logo updated

src/components/Footer.js

@@ -1,3 +1,4 @@
+import Image from 'next/image';
 import Link from 'next/link';
 import styles from './Footer.module.css';
 
@@ -9,8 +10,14 @@ export default function Footer() {
           {/* Column 1: Brand & Socials */}
           <div className={styles.brand}>
             <Link href="/" className={styles.logo}>
-              <span className={styles.logoLeaf}>🌿</span>
-              <span className={styles.logoText}>My Dosa Place</span>
+              <Image
+                src="/images/footer-logo.png"
+                alt="My Dosa Place logo"
+                width={40}
+                height={40}
+                className={styles.logoLeaf}
+              />
+              {/* <span className={styles.logoText}>My Dosa Place</span> */}
             </Link>
             <p className={styles.brandDesc}>
               Bringing the authentic taste of South India to Waterloo since 1980. 

src/components/Footer.module.css

@@ -31,7 +31,17 @@
 }
 
 .logoLeaf {
-  font-size: 1.5rem;
+  display: inline-flex;
+  width: 250px;
+  height: 45px;
+  line-height: 0;
+}
+
+.logoLeaf img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
 }
 
 .logoText {

src/components/Navbar.js

@@ -2,6 +2,7 @@
 
 import { useState } from 'react';
 import Link from 'next/link';
+import Image from 'next/image';
 import styles from './Navbar.module.css';
 
 export default function Navbar() {
@@ -12,8 +13,14 @@ export default function Navbar() {
       <div className={styles.navInner}>
         {/* Logo */}
         <Link href="/" className={styles.logo}>
-          <span className={styles.logoLeaf}>🌿</span>
-          <span className={styles.logoText}>My Dosa Place</span>
+          <Image
+            src="/images/logo.png"
+            alt="My Dosa Place logo"
+            width={40}
+            height={40}
+            className={styles.logoLeaf}
+          />
+          {/* <span className={styles.logoText}>My Dosa Place</span> */}
         </Link>
 
         {/* Navigation Links */}

src/components/Navbar.module.css

@@ -30,7 +30,17 @@
 }
 
 .logoLeaf {
-  font-size: 1.4rem;
+  display: inline-flex;
+  width: 250px;
+  height: 45px;
+  line-height: 0;
+}
+
+.logoLeaf img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
 }
 
 .logoText {