From a05b0006ee2d36ea3ee97b99ad623f97b24ea175 Mon Sep 17 00:00:00 2001
From: r-freeman <hello@ryanfreeman.dev>
Date: Mon, 13 Feb 2023 20:13:46 +0000
Subject: [PATCH] Added text and social icons to footer

---
 components/Footer.tsx | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 74f4790..549049d 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,8 +1,9 @@
 import Link from 'next/link'
-import {ReactNode} from 'react'
-
+import React, {ReactNode} from 'react'
 import {OuterContainer, InnerContainer} from './Container'
 import {SpotifyPlayer} from './SpotifyPlayer'
+import {SocialLink} from '@/components/SocialLink'
+import {GitHubIcon, LinkedInIcon, TwitterIcon} from '@/components/icons/SocialIcons'
 
 function NavLink({href, children}: { href: string, children: ReactNode }) {
     return (
@@ -30,6 +31,28 @@ export function Footer() {
                                 <NavLink href="/projects">Projects</NavLink>
                                 <NavLink href="/uses">Uses</NavLink>
                             </div>
+                            <div className="flex flex-col">
+                                <p className="text-sm text-zinc-600 dark:text-zinc-400">
+                                    &copy; {(new Date).getFullYear()} Ryan Freeman. All rights reserved.
+                                </p>
+                                <div className="mx-auto mt-6 flex gap-6">
+                                    <SocialLink
+                                        href="https://github.com/r-freeman"
+                                        ariaLabel="Follow on GitHub"
+                                        icon={GitHubIcon}
+                                    />
+                                    <SocialLink
+                                        href="https://linkedin.com/in/r-freeman/"
+                                        ariaLabel="Follow on LinkedIn"
+                                        icon={LinkedInIcon}
+                                    />
+                                    <SocialLink
+                                        href="https://twitter.com/freemry"
+                                        ariaLabel="Follow on Twitter"
+                                        icon={TwitterIcon}
+                                    />
+                                </div>
+                            </div>
                         </div>
                     </InnerContainer>
                 </div>