diff --git a/public/cropped-MOH-Logo-768x393.png b/public/cropped-MOH-Logo-768x393.png
new file mode 100644
index 0000000..5ebba6a
Binary files /dev/null and b/public/cropped-MOH-Logo-768x393.png differ
diff --git a/src/components/nav-bar/index.tsx b/src/components/nav-bar/index.tsx
index 63e2ce1..afd1da1 100644
--- a/src/components/nav-bar/index.tsx
+++ b/src/components/nav-bar/index.tsx
@@ -1,16 +1,17 @@
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
 import { Box } from '@mui/material';
+import Image from 'next/image';
 
 export default function Navbar() {
   return (
     <>
       <Box height={'100vh'}>
         <Box display={'flex'} justifyContent={'center'} p={2}>
-          <img
+          <Image
             className="rounded-md"
             alt="logo"
-            src="https://missionofhope.org/wp-content/uploads/2023/04/cropped-MOH-Logo-768x393.png"
+            src="/cropped-MOH-Logo-768x393.png"
             width="180"
             height="100"
             // style={{ marginRight: '25px' }} // Add spacing between the image and links