Added text and social icons to footer

This commit is contained in:
r-freeman 2023-02-13 20:13:46 +00:00
parent aab890c44e
commit a05b0006ee

View File

@ -1,8 +1,9 @@
import Link from 'next/link' import Link from 'next/link'
import {ReactNode} from 'react' import React, {ReactNode} from 'react'
import {OuterContainer, InnerContainer} from './Container' import {OuterContainer, InnerContainer} from './Container'
import {SpotifyPlayer} from './SpotifyPlayer' 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 }) { function NavLink({href, children}: { href: string, children: ReactNode }) {
return ( return (
@ -30,6 +31,28 @@ export function Footer() {
<NavLink href="/projects">Projects</NavLink> <NavLink href="/projects">Projects</NavLink>
<NavLink href="/uses">Uses</NavLink> <NavLink href="/uses">Uses</NavLink>
</div> </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> </div>
</InnerContainer> </InnerContainer>
</div> </div>