From 8df66d32454a9a4aff1378e33e72bfb5c886c8c6 Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Wed, 3 Jun 2026 14:39:43 +0800
Subject: [PATCH] footer

---
 src/Footer/Component.tsx | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/Footer/Component.tsx b/src/Footer/Component.tsx
index 0dcab5f..a675c29 100644
--- a/src/Footer/Component.tsx
+++ b/src/Footer/Component.tsx
@@ -1,28 +1,32 @@
 import { getCachedGlobal } from '@/utilities/getGlobals'
+import Link from 'next/link'
 import React from 'react'
 
 import { CMSLink } from '@/components/Link'
 
 export async function Footer() {
   const footerData = await getCachedGlobal('footer', 1)()
+
   const navItems = footerData?.navItems || []
 
   return (
-    <footer className="mt-auto relative z-10">
-      <div className="container py-8 flex flex-col sm:flex-row items-center justify-between gap-4">
-        <p className="text-foreground/30 text-xs">&copy; {new Date().getFullYear()} ByMackie</p>
-
-        {navItems.length > 0 && (
-          <nav className="flex flex-wrap justify-center gap-5">
-            {navItems.map(({ link }, i) => (
+    <footer className="mt-auto border-t border-foreground/10 relative z-10">
+      <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-foreground/60 hover:text-foreground transition-colors text-sm"
                 key={i}
                 {...link}
-                className="text-foreground/40 hover:text-foreground/70 transition-colors text-xs"
               />
-            ))}
-          </nav>
-        )}
+            )
+          })}
+        </nav>
+
+        <p className="text-foreground/40 text-sm text-center">
+          &copy; {new Date().getFullYear()} ByMackie. All rights reserved.
+        </p>
       </div>
     </footer>
   )