footers
This commit is contained in:
parent
33a8624f89
commit
5650d3b954
1 changed files with 10 additions and 13 deletions
|
|
@ -3,7 +3,6 @@ import Link from 'next/link'
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
|
|
||||||
import { CMSLink } from '@/components/Link'
|
import { CMSLink } from '@/components/Link'
|
||||||
import { Logo } from '@/components/Logo/Logo'
|
|
||||||
|
|
||||||
export async function Footer() {
|
export async function Footer() {
|
||||||
const footerData = await getCachedGlobal('footer', 1)()
|
const footerData = await getCachedGlobal('footer', 1)()
|
||||||
|
|
@ -12,20 +11,18 @@ export async function Footer() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<footer className="mt-auto border-t border-white/10 text-white">
|
<footer className="mt-auto border-t border-white/10 text-white">
|
||||||
<div className="container py-8 gap-8 flex flex-col md:flex-row md:justify-between md:items-center">
|
<div className="container py-8 flex flex-col items-center gap-4">
|
||||||
<Link className="flex items-center" href="/">
|
|
||||||
<Logo />
|
|
||||||
</Link>
|
|
||||||
|
|
||||||
<nav className="flex flex-col md:flex-row gap-4">
|
<nav className="flex flex-wrap justify-center gap-6">
|
||||||
{navItems.map(({ link }, i) => {
|
{navItems.map(({ link }, i) => {
|
||||||
return <CMSLink className="text-white/60 hover:text-white transition-colors text-sm" key={i} {...link} />
|
return <CMSLink className="text-white/60 hover:text-white transition-colors text-sm" key={i} {...link} />
|
||||||
})}
|
})}
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<p className="text-white/40 text-sm">
|
<p className="text-white/40 text-sm text-center">
|
||||||
© {new Date().getFullYear()} Mackie. All rights reserved.
|
© {new Date().getFullYear()} Mackie. All rights reserved.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue