rootadmin/multisite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

footer

Browse source
This commit is contained in:
Mackie 2026-05-25 01:40:00 +08:00
parent df12084e38
commit 836d6546c4
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/Footer/Component.tsx
View file

@ -1,30 +1,32 @@
import { getCachedGlobal } from '@/utilities/getGlobals' import { getCachedGlobal } from '@/utilities/getGlobals'
import Link from 'next/link' 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' 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)()
const navItems = footerData?.navItems || [] const navItems = footerData?.navItems || []
return ( return (
<footer className="mt-auto border-t border-border bg-black text-white"> <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"> <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="/"> <Link className="flex items-center" href="/">
<Logo /> <Logo />
</Link> </Link>
<nav className="flex flex-col md:flex-row gap-4"> <nav className="flex flex-col md:flex-row gap-4">
{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">
© {new Date().getFullYear()} Mackie. All rights reserved. &copy; {new Date().getFullYear()} Mackie. All rights reserved.
</p> </p>
</div> </div>
</footer> </footer>
)
}