@@ -4,8 +4,7 @@ import { useState, useRef, useEffect } from "react"
44import Link from "next/link"
55import Image from "next/image"
66import { ChevronDown } from "lucide-react"
7- import { RxGithubLogo , RxDiscordLogo } from "react-icons/rx"
8- import { FaReddit } from "react-icons/fa6"
7+ import { FaBluesky , FaDiscord , FaGithub , FaLinkedin , FaReddit , FaTiktok , FaXTwitter } from "react-icons/fa6"
98
109import { EXTERNAL_LINKS , INTERNAL_LINKS } from "@/lib/constants"
1110import { useLogoSrc } from "@/lib/hooks/use-logo-src"
@@ -40,21 +39,21 @@ export function Footer() {
4039 < p className = "max-w-md text-sm leading-6 text-muted-foreground md:pr-16 lg:pr-32" >
4140 Empowering developers to build better software faster with AI-powered tools and insights.
4241 </ p >
43- < div className = "flex space-x-5 " >
42+ < div className = "flex space-x-4 " >
4443 < a
4544 href = { EXTERNAL_LINKS . GITHUB }
4645 target = "_blank"
4746 rel = "noopener noreferrer"
4847 className = "text-muted-foreground transition-colors hover:text-foreground" >
49- < RxGithubLogo className = "h-6 w-6" />
48+ < FaGithub className = "h-6 w-6" />
5049 < span className = "sr-only" > GitHub</ span >
5150 </ a >
5251 < a
5352 href = { EXTERNAL_LINKS . DISCORD }
5453 target = "_blank"
5554 rel = "noopener noreferrer"
5655 className = "text-muted-foreground transition-colors hover:text-foreground" >
57- < RxDiscordLogo className = "h-6 w-6" />
56+ < FaDiscord className = "h-6 w-6" />
5857 < span className = "sr-only" > Discord</ span >
5958 </ a >
6059 < a
@@ -65,6 +64,38 @@ export function Footer() {
6564 < FaReddit className = "h-6 w-6" />
6665 < span className = "sr-only" > Reddit</ span >
6766 </ a >
67+ < a
68+ href = { EXTERNAL_LINKS . X }
69+ target = "_blank"
70+ rel = "noopener noreferrer"
71+ className = "text-muted-foreground transition-colors hover:text-foreground" >
72+ < FaXTwitter className = "h-6 w-6" />
73+ < span className = "sr-only" > X</ span >
74+ </ a >
75+ < a
76+ href = { EXTERNAL_LINKS . LINKEDIN }
77+ target = "_blank"
78+ rel = "noopener noreferrer"
79+ className = "text-muted-foreground transition-colors hover:text-foreground" >
80+ < FaLinkedin className = "h-6 w-6" />
81+ < span className = "sr-only" > LinkedIn</ span >
82+ </ a >
83+ < a
84+ href = { EXTERNAL_LINKS . TIKTOK }
85+ target = "_blank"
86+ rel = "noopener noreferrer"
87+ className = "text-muted-foreground transition-colors hover:text-foreground" >
88+ < FaTiktok className = "h-6 w-6" />
89+ < span className = "sr-only" > TikTok</ span >
90+ </ a >
91+ < a
92+ href = { EXTERNAL_LINKS . BLUESKY }
93+ target = "_blank"
94+ rel = "noopener noreferrer"
95+ className = "text-muted-foreground transition-colors hover:text-foreground" >
96+ < FaBluesky className = "h-6 w-6" />
97+ < span className = "sr-only" > Bluesky</ span >
98+ </ a >
6899 </ div >
69100 </ div >
70101
0 commit comments