Fixes

src/components/footer.tsx

@@ -1,5 +1,12 @@
-import { FaPhoneAlt } from 'react-icons/fa';
 import { FaMapLocationDot } from 'react-icons/fa6';
+import {
+  FaPhoneAlt,
+  FaFacebook,
+  FaInstagram,
+  FaYoutube,
+  FaLinkedin,
+} from 'react-icons/fa';
+import Image from 'next/image';
 
 export function Footer() {
   return (
@@ -8,10 +15,12 @@ export function Footer() {
         {/* First Column: Logo and Description */}
         <div className='space-y-4'>
           <div className='flex items-center'>
-            <img
+            <Image
               src='/images/logo.png' // Update with your logo path
               alt='Mozimo Logo'
               className='h-10'
+              width={100}
+              height={100}
             />
           </div>
           <p className='text-sm'>
@@ -103,22 +112,22 @@ export function Footer() {
               href='https://facebook.com'
               className='text-brown-600 hover:text-brown-800'
             >
-              <img src='/icons/facebook.svg' />
+              <FaFacebook />
             </a>
             <a
               href='https://instagram.com'
               className='text-brown-600 hover:text-brown-800'
             >
-              <img src='/icons/instagram.svg' />
+              <FaInstagram />
             </a>
             <a
               href='https://youtube.com'
               className='text-brown-600 hover:text-brown-800'
             >
-              <img src='/icons/youtube.svg' />
+              <FaYoutube />
             </a>
             <a href='https://linkedin.com' className=''>
-              <img src='/icons/linkedin.svg' />
+              <FaLinkedin />
             </a>
           </div>
         </div>