From 8b0aad598bab9eedaa614009c236c757cf788768 Mon Sep 17 00:00:00 2001
From: surya-lohan <suryanshlohan@gmail.com>
Date: Wed, 5 Nov 2025 01:25:56 +0530
Subject: [PATCH] feat(ui): added smooth hover underline animation to footer
 links

---
 src/components/footer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index e80ff56..c959aa4 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -50,7 +50,7 @@ function SitemapLink(props: React.ComponentPropsWithoutRef<typeof Link>) {
     <li>
       <Link
         {...props}
-        className="font-medium text-gray-950 data-hover:text-gray-950/75"
+        className="relative mt-1 after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-gray-950/75 after:transition-all after:duration-300 hover:after:w-full hover:text-gray-950/75 font-medium text-gray-950 data-hover:text-gray-950/75"
       />
     </li>
   )
@@ -177,7 +177,7 @@ export function Footer() {
             </PlusGridRow>
             <PlusGridRow className="flex justify-between">
               <div>
-                <PlusGridItem className="py-3">
+                <PlusGridItem className="py-3 ">
                   <Copyright />
                 </PlusGridItem>
               </div>