diff --git a/components/LinkIcon.tsx b/components/LinkIcon.tsx
new file mode 100644
index 0000000..996acb6
--- /dev/null
+++ b/components/LinkIcon.tsx
@@ -0,0 +1,12 @@
+import {Props} from '@/types'
+
+export function LinkIcon(props: Props) {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/components/SocialLink.tsx b/components/SocialLink.tsx
new file mode 100644
index 0000000..4b1348c
--- /dev/null
+++ b/components/SocialLink.tsx
@@ -0,0 +1,16 @@
+import Link from 'next/link'
+import {ElementType} from 'react'
+
+type SocialLink = {
+ href: string
+ icon: ElementType
+}
+
+export function SocialLink({icon: Icon, href}: SocialLink) {
+ return (
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/pages/index.tsx b/pages/index.tsx
index 35c2aed..cd1ef43 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,7 +1,5 @@
import Head from 'next/head'
-import Link from 'next/link'
import {GetStaticProps} from 'next'
-import {ElementType} from 'react'
import {Card} from '@/components/Card'
import {Button} from '@/components/Button'
@@ -11,6 +9,7 @@ import {
LinkedInIcon,
TwitterIcon
} from '@/components/SocialIcons'
+import {SocialLink} from '@/components/SocialLink'
import {formatDate} from '@/lib/formatDate'
import {generateRssFeed} from '@/lib/generateRssFeed'
import {generateSitemap} from '@/lib/generateSitemap'
@@ -30,11 +29,6 @@ type Work = {
}
}
-type SocialLink = {
- href: string
- icon: ElementType
-}
-
function BriefcaseIcon(props: { className: string }) {
return (