mirror of
https://github.com/r-freeman/portfolio.git
synced 2024-11-14 20:25:41 +00:00
Ryan Freeman
6c0100e9a3
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 2m39s
53 lines
2.6 KiB
TypeScript
53 lines
2.6 KiB
TypeScript
import React from 'react'
|
|
import {InnerContainer, OuterContainer} from './Container'
|
|
import {NavLink} from '@/components/ui/Navigation'
|
|
import {SpotifyPlayer} from '@/components/ui/SpotifyPlayer'
|
|
import {SocialLink} from '@/components/ui/SocialLink'
|
|
import {GitHubIcon, LinkedInIcon} from '@/components/icons/SocialIcons'
|
|
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="mt-32">
|
|
<OuterContainer>
|
|
<div className="border-t border-zinc-100 pt-10 pb-16 dark:border-zinc-700/40">
|
|
<InnerContainer>
|
|
{process.env.NODE_ENV !== 'development' &&
|
|
<SpotifyPlayer/>
|
|
}
|
|
<div className="flex flex-col items-center justify-between gap-6 mt-12">
|
|
<div
|
|
className="flex flex-wrap justify-center gap-6 text-sm font-medium text-zinc-800 dark:text-zinc-200">
|
|
<NavLink href="/">Home</NavLink>
|
|
<NavLink href="/about">About</NavLink>
|
|
<NavLink href="/services">Services</NavLink>
|
|
<NavLink href="/reading">Reading</NavLink>
|
|
<NavLink href="/writing">Writing</NavLink>
|
|
<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">
|
|
© {(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}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</InnerContainer>
|
|
</div>
|
|
</OuterContainer>
|
|
</footer>
|
|
)
|
|
}
|