From aa9d09512401d8cc4d0f0634f5c27ca24c05dc7d Mon Sep 17 00:00:00 2001
From: pphatdev <pphat.kits@gmail.com>
Date: Sat, 28 Jun 2025 10:30:00 +0700
Subject: [PATCH 1/2] fix: adjust layout and spacing in footer and project card
 components for improved responsiveness

---
 src/components/ui/footer.tsx       | 8 ++++----
 src/components/ui/project-card.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/footer.tsx b/src/components/ui/footer.tsx
index ef90678..8813f96 100644
--- a/src/components/ui/footer.tsx
+++ b/src/components/ui/footer.tsx
@@ -58,16 +58,16 @@ const footerLinks: FooterSection[] = [
 export function Footer() {
     return (
         <footer className="md:rounded-t-6xl max-sm:rounded-none max-sm:mt-2 relative w-full z-50 mx-auto flex flex-col items-center justify-center rounded-t-4xl border-t bg-[radial-gradient(35%_128px_at_50%_0%,theme(backgroundColor.white/8%),transparent)]">
-            <div className="bg-foreground/20 absolute top-0 right-1/2 left-1/2 h-px w-1/3 -translate-x-1/2 -translate-y-1/2 rounded-full blur" />
-            <div className="grid w-full max-w-6xl max-sm:gap-0 gap-8 xl:grid-cols-3 xl:gap-8">
-                <AnimatedContainer className="space-y-4 max-sm:order-last max-sm:py-10 py-12 max-sm:text-center lg:py-16 px-6 max-sm:flex flex-col items-center justify-center">
+            <div className="bg-foreground/20 absolute top-0 right-1/2 left-1/2 h-px w-1/3 -translate-x-1/2 -translate-y-1/2 rounded-full" />
+            <div className="grid w-full max-w-6xl max-sm:gap-0 gap-0 xl:grid-cols-3">
+                <AnimatedContainer className="space-y-4 max-sm:order-last max-sm:py-10 pt-12 max-sm:text-center px-6 max-sm:flex flex-col items-center justify-center">
                     <Logo/>
                     <p className="text-muted-foreground max-sm:mt-0 mt-8 text-sm md:mt-0">
                         © {new Date().getFullYear()} {APP_SHORT_NAME}. All rights reserved.
                     </p>
                 </AnimatedContainer>
 
-                <div className="sm:mt-10 grid grid-cols-2 max-sm:gap-0 gap-8 sm:grid-cols-3 md:col-span-2 xl:mt-0 max-sm:px-4 max-sm:border-b px-6 py-12 lg:py-16">
+                <div className="grid grid-cols-2 max-sm:gap-0 gap-8 sm:grid-cols-3 md:col-span-2 xl:mt-0 max-sm:px-4 max-sm:border-b px-6 py-12">
                     {footerLinks.map((section, index) => (
                         <AnimatedContainer key={section.label} delay={0.1 + index * 0.1}>
                             <div className="max-sm:mb-5 mb-10 md:mb-0 divide divide-foreground/10">
diff --git a/src/components/ui/project-card.tsx b/src/components/ui/project-card.tsx
index 92b2aa6..45e621c 100644
--- a/src/components/ui/project-card.tsx
+++ b/src/components/ui/project-card.tsx
@@ -25,7 +25,7 @@ const ProjectCard: React.FC<{ project: Project, className?: string }> = ({ proje
 
             <Image src={NEXT_PUBLIC_API_URL + project.image} width={512} height={512} alt={project.name || ""} className="object-cover w-full aspect-video border duration-300 transition-all ease-in-out max-sm:rounded-none rounded-4xl" />
 
-            <div className='bg-background/30 ring-1 w-fit absolute top-4 right-4 ml-auto ring-foreground/10 justify-end flex rounded-full sm:rounded-none p-1'>
+            <div className='bg-background/30 ring-1 w-fit absolute top-4 right-4 ml-auto ring-foreground/10 justify-end flex rounded-full max-sm:rounded-none p-1'>
                 {project.source.map((source, index) => (
                     <Link
                         key={index}

From b0fcbb6bbe30b91559d684766a84f89a62239de6 Mon Sep 17 00:00:00 2001
From: PPhat DEv <pphat.kits@gmail.com>
Date: Sat, 28 Jun 2025 10:42:50 +0700
Subject: [PATCH 2/2] Update src/components/ui/footer.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 src/components/ui/footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/footer.tsx b/src/components/ui/footer.tsx
index 8813f96..265541d 100644
--- a/src/components/ui/footer.tsx
+++ b/src/components/ui/footer.tsx
@@ -60,7 +60,7 @@ export function Footer() {
         <footer className="md:rounded-t-6xl max-sm:rounded-none max-sm:mt-2 relative w-full z-50 mx-auto flex flex-col items-center justify-center rounded-t-4xl border-t bg-[radial-gradient(35%_128px_at_50%_0%,theme(backgroundColor.white/8%),transparent)]">
             <div className="bg-foreground/20 absolute top-0 right-1/2 left-1/2 h-px w-1/3 -translate-x-1/2 -translate-y-1/2 rounded-full" />
             <div className="grid w-full max-w-6xl max-sm:gap-0 gap-0 xl:grid-cols-3">
-                <AnimatedContainer className="space-y-4 max-sm:order-last max-sm:py-10 pt-12 max-sm:text-center px-6 max-sm:flex flex-col items-center justify-center">
+                <AnimatedContainer className="space-y-4 max-sm:order-last max-sm:py-10 pt-12 pb-12 max-sm:text-center px-6 max-sm:flex flex-col items-center justify-center">
                     <Logo/>
                     <p className="text-muted-foreground max-sm:mt-0 mt-8 text-sm md:mt-0">
                         © {new Date().getFullYear()} {APP_SHORT_NAME}. All rights reserved.