Merge pull request #629 from reach2saksham/feat/linkedin-icon-add

feat: Adding LinkedIn icon in hero section and footer

Author: Zahnentferner

src/app/page.jsx

@@ -12,7 +12,8 @@ import {
   faDiscord,
   faGithub,
   faXTwitter,
-  faYoutube
+  faYoutube,
+  faLinkedin
 } from '@fortawesome/free-brands-svg-icons'
 import { CardEffect } from '@/components/home/CardEffect'
 import { Banner } from '@/components/shared/Banner'
@@ -85,7 +86,7 @@ export default function Home() {
                   initial={{ opacity: 0, y: 20 }}
                   animate={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.8, delay: 0.6 }}
-                  className="mt-8 flex gap-8 justify-center lg:justify-start"
+                  className="mt-8 flex flex-wrap gap-8 justify-center lg:justify-start"
                 >
                   <Link
                     target="_blank"
@@ -111,6 +112,14 @@ export default function Home() {
                   >
                     <FontAwesomeIcon icon={faDiscord} size="2xl" />
                   </Link>
+                  <Link
+                    target="_blank"
+                    aria-label="Follow on LinkedIn"
+                    className="text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
+                    href="https://www.linkedin.com/company/aossie/"
+                  >
+                    <FontAwesomeIcon icon={faLinkedin} size="2xl" />
+                  </Link>
                   <Link
                     target="_blank"
                     aria-label="Follow on X (Twitter)"

src/components/shared/Footer.jsx

@@ -6,7 +6,7 @@ import { motion } from 'framer-motion'
 import { Container } from '@/components/shared/Container'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
-import { faDiscord, faGithub, faXTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faDiscord, faGithub, faXTwitter, faLinkedin } from '@fortawesome/free-brands-svg-icons'
 
 function NavLink({ href, children }) {
   return (
@@ -65,6 +65,9 @@ export function Footer() {
                   <Link aria-label="Join on Discord" className='text-zinc-500 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://discord.gg/hjUhu33uAn'>
                     <FontAwesomeIcon icon={faDiscord} size='xl' />
                   </Link>
+                  <Link aria-label="Follow on LinkedIn" className='text-zinc-500 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://www.linkedin.com/company/aossie/'>
+                    <FontAwesomeIcon icon={faLinkedin} size='xl' />
+                  </Link>
                   <Link aria-label="Follow on X (Twitter)" className='text-zinc-500 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://x.com/aossie_org'>
                     <FontAwesomeIcon icon={faXTwitter} size='xl' />
                   </Link>