Skip to content

Commit 7ca1b4c

Browse files
Merge pull request #629 from reach2saksham/feat/linkedin-icon-add
feat: Adding LinkedIn icon in hero section and footer
2 parents be32ed3 + 681aeeb commit 7ca1b4c

File tree

2 files changed

+15
-3
lines changed

2 files changed

+15
-3
lines changed

src/app/page.jsx

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,8 @@ import {
1212
faDiscord,
1313
faGithub,
1414
faXTwitter,
15-
faYoutube
15+
faYoutube,
16+
faLinkedin
1617
} from '@fortawesome/free-brands-svg-icons'
1718
import { CardEffect } from '@/components/home/CardEffect'
1819
import { Banner } from '@/components/shared/Banner'
@@ -85,7 +86,7 @@ export default function Home() {
8586
initial={{ opacity: 0, y: 20 }}
8687
animate={{ opacity: 1, y: 0 }}
8788
transition={{ duration: 0.8, delay: 0.6 }}
88-
className="mt-8 flex gap-8 justify-center lg:justify-start"
89+
className="mt-8 flex flex-wrap gap-8 justify-center lg:justify-start"
8990
>
9091
<Link
9192
target="_blank"
@@ -111,6 +112,14 @@ export default function Home() {
111112
>
112113
<FontAwesomeIcon icon={faDiscord} size="2xl" />
113114
</Link>
115+
<Link
116+
target="_blank"
117+
aria-label="Follow on LinkedIn"
118+
className="text-zinc-500 transition hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400"
119+
href="https://www.linkedin.com/company/aossie/"
120+
>
121+
<FontAwesomeIcon icon={faLinkedin} size="2xl" />
122+
</Link>
114123
<Link
115124
target="_blank"
116125
aria-label="Follow on X (Twitter)"

src/components/shared/Footer.jsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { motion } from 'framer-motion'
66
import { Container } from '@/components/shared/Container'
77
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
88
import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
9-
import { faDiscord, faGithub, faXTwitter } from '@fortawesome/free-brands-svg-icons'
9+
import { faDiscord, faGithub, faXTwitter, faLinkedin } from '@fortawesome/free-brands-svg-icons'
1010

1111
function NavLink({ href, children }) {
1212
return (
@@ -65,6 +65,9 @@ export function Footer() {
6565
<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'>
6666
<FontAwesomeIcon icon={faDiscord} size='xl' />
6767
</Link>
68+
<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/'>
69+
<FontAwesomeIcon icon={faLinkedin} size='xl' />
70+
</Link>
6871
<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'>
6972
<FontAwesomeIcon icon={faXTwitter} size='xl' />
7073
</Link>

0 commit comments

Comments
 (0)