footer
This commit is contained in:
parent
df12084e38
commit
836d6546c4
1 changed files with 10 additions and 8 deletions
|
|
@ -1,30 +1,32 @@
|
|||
import { getCachedGlobal } from '@/utilities/getGlobals'
|
||||
import Link from 'next/link'
|
||||
import React from 'react'
|
||||
|
||||
|
||||
import { CMSLink } from '@/components/Link'
|
||||
import { Logo } from '@/components/Logo/Logo'
|
||||
|
||||
|
||||
export async function Footer() {
|
||||
const footerData = await getCachedGlobal('footer', 1)()
|
||||
|
||||
|
||||
const navItems = footerData?.navItems || []
|
||||
|
||||
|
||||
return (
|
||||
<footer className="mt-auto border-t border-border bg-black text-white">
|
||||
<div className="container py-8 gap-8 flex flex-col md:flex-row md:justify-between md:items-center">
|
||||
<Link className="flex items-center" href="/">
|
||||
<Logo />
|
||||
</Link>
|
||||
|
||||
|
||||
<nav className="flex flex-col md:flex-row gap-4">
|
||||
{navItems.map(({ link }, i) => {
|
||||
return <CMSLink className="text-white/60 hover:text-white transition-colors text-sm" key={i} {...link} />
|
||||
})}
|
||||
</nav>
|
||||
|
||||
|
||||
<p className="text-white/40 text-sm">
|
||||
© {new Date().getFullYear()} Mackie. All rights reserved.
|
||||
© {new Date().getFullYear()} Mackie. All rights reserved.
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue