|
1 |
| -/** |
2 |
| - * v0 by Vercel. |
3 |
| - * @see https://v0.dev/t/I8Btobzyd7p |
4 |
| - */ |
5 | 1 | import { NuqsWordmark } from '@/src/components/logo'
|
6 |
| -import { GithubIcon, TwitterIcon, YoutubeIcon } from 'lucide-react' |
| 2 | +import { SiBluesky, SiGithub, SiYoutube } from '@icons-pack/react-simple-icons' |
7 | 3 | import Link from 'next/link'
|
8 | 4 |
|
9 | 5 | export default function Component() {
|
@@ -60,26 +56,32 @@ export default function Component() {
|
60 | 56 | </div>
|
61 | 57 | <div className="space-y-3">
|
62 | 58 | <h3 className="text-xl font-semibold">Social</h3>
|
63 |
| - <ul className="space-y-2"> |
| 59 | + <ul className="space-y-1"> |
64 | 60 | <li>
|
65 | 61 | <Link
|
66 | 62 | href="https://github.com/47ng/nuqs"
|
67 |
| - className="hover:underline" |
| 63 | + className="inline-flex items-center gap-1 hover:underline" |
68 | 64 | >
|
69 |
| - <GithubIcon className="mr-2 inline-block h-5 w-5" /> GitHub |
| 65 | + <SiGithub role="presentation" className="mr-2 size-5" /> |
| 66 | + <span>GitHub</span> |
70 | 67 | </Link>
|
71 | 68 | </li>
|
72 | 69 | <li>
|
73 | 70 | <Link
|
74 | 71 | href="https://www.youtube.com/@47ng-dev"
|
75 |
| - className="hover:underline" |
| 72 | + className="inline-flex items-center gap-1 hover:underline" |
76 | 73 | >
|
77 |
| - <YoutubeIcon className="mr-2 inline-block h-5 w-5" /> YouTube |
| 74 | + <SiYoutube role="presentation" className="mr-2 size-5" /> |
| 75 | + <span>YouTube</span> |
78 | 76 | </Link>
|
79 | 77 | </li>
|
80 | 78 | <li>
|
81 |
| - <Link href="https://x.com/nuqs47ng" className="hover:underline"> |
82 |
| - <TwitterIcon className="mr-2 inline-block h-5 w-5" /> Twitter |
| 79 | + <Link |
| 80 | + href="https://bsky.app/profile/nuqs.47ng.com" |
| 81 | + className="inline-flex items-center gap-1 hover:underline" |
| 82 | + > |
| 83 | + <SiBluesky role="presentation" className="mr-2 size-5" /> |
| 84 | + <span>Bluesky</span> |
83 | 85 | </Link>
|
84 | 86 | </li>
|
85 | 87 | </ul>
|
|
0 commit comments