added social icons svg

Author: klezi10

components/layout/Footer.js

@@ -1,6 +1,7 @@
 import Link from 'next/link';
 import footerStyles from '@/styles/Footer.module.scss';
 import { linksNav } from '@/utils/links';
+import { linksSocial } from '@/utils/links';
 import NewsletterSubscribe from '@/components/mailchimp/NewsletterSubscribe';
 import Image from 'next/image';
 import Container from '@/components/containers/Container';
@@ -9,7 +10,19 @@ export default function Footer() {
   return (
     <footer className={footerStyles.footer}>
       <NewsletterSubscribe />
+
       <Container className={footerStyles.footer__inner}>
+        <Link href='/'>
+          <a className={footerStyles.footer__logo} title='Go to the Homepage'>
+            <Image
+              src='/images/svg/logo.svg'
+              height={250}
+              width={250}
+              alt='Logo'
+            />
+          </a>
+        </Link>
+
         <nav className={footerStyles.footer__nav} aria-label='Main'>
           <ul className={footerStyles.footer__navList}>
             {linksNav.map(link => (
@@ -21,16 +34,21 @@ export default function Footer() {
             ))}
           </ul>
         </nav>
-        <Link href='/'>
-          <a className={footerStyles.footer__logo} title='Go to the Homepage'>
-            <Image
-              src='/images/svg/logo.svg'
-              height={250}
-              width={250}
-              alt='Logo'
-            />
-          </a>
-        </Link>
+
+        <div>
+          <ul>
+            {linksSocial.map(link => (
+              <li key={link.id}>
+                <Image 
+                  src={link.src}
+                  height={47}
+                  width={47}
+                />
+              </li>
+            ))}
+          </ul>
+        </div>
+
       </Container>
       <Container>
         <p className={footerStyles.footer__copyright}>

public/images/svg/GitHub.svg

@@ -12,14 +12,20 @@ export const linksNav = [
 export const linksSocial = [
   {
     id: 1,
-    text: 'Github',
+    text: 'LinkedIn',
     href: '#',
-    src: '/images/svg/iconmonstr-github.svg',
+    src: '/images/svg/LinkedIn.svg',
   },
   {
     id: 2,
-    text: 'Twitter',
-    href: '#',
-    src: '/images/svg/iconmonstr-twitter.svg',
+    text: 'YouTube',
+    href: 'https://www.youtube.com/channel/UCCLwmU7r4IUWZOtH3bCEN6g',
+    src: '/images/svg/YouTube.svg',
+  },
+  {
+    id: 3,
+    text: 'Github',
+    href: 'https://github.com/Web-Dev-Path',
+    src: '/images/svg/GitHub.svg',
   },
 ];