From 5650d3b9542de46e87a25504c5fb2974f028026b Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Mon, 25 May 2026 02:32:15 +0800
Subject: [PATCH] footers

---
 src/Footer/Component.tsx | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/Footer/Component.tsx b/src/Footer/Component.tsx
index bf87902..d76c325 100644
--- a/src/Footer/Component.tsx
+++ b/src/Footer/Component.tsx
@@ -1,31 +1,28 @@
 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-white/10 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">
+      <div className="container py-8 flex flex-col items-center gap-4">
+
+        <nav className="flex flex-wrap justify-center gap-6">
           {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">
+
+        <p className="text-white/40 text-sm text-center">
           &copy; {new Date().getFullYear()} Mackie. All rights reserved.
         </p>
+
       </div>
     </footer>
   )