From 3cd3d81bce78c46214d126c5897138340e50e895 Mon Sep 17 00:00:00 2001
From: Andreas Billy Sutandi <andreas.sutandi@atibusinessgroup.com>
Date: Sun, 28 Jul 2024 13:35:22 +0700
Subject: [PATCH 1/2] fix: footer background, project navigation link

---
 components/Footer.tsx         | 2 +-
 components/RecentProjects.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 86199bb1..5317e0bb 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -7,7 +7,7 @@ const Footer = () => {
   return (
     <footer className="w-full pt-20 pb-10" id="contact">
       {/* background grid */}
-      <div className="w-full absolute left-0 -bottom-72 min-h-96">
+      <div className="w-full absolute left-0 bottom-0 min-h-96">
         <img
           src="/footer-grid.svg"
           alt="grid"
diff --git a/components/RecentProjects.tsx b/components/RecentProjects.tsx
index 5a53da47..e0aa4a7c 100644
--- a/components/RecentProjects.tsx
+++ b/components/RecentProjects.tsx
@@ -7,7 +7,7 @@ import { PinContainer } from "./ui/Pin";
 
 const RecentProjects = () => {
   return (
-    <div className="py-20">
+    <div className="py-20" id="projects">
       <h1 className="heading">
         A small selection of{" "}
         <span className="text-purple">recent projects</span>

From dfe53bc176ef8e7bce30a1e1c508863ef23588ed Mon Sep 17 00:00:00 2001
From: Andreas Billy Sutandi <andreas.sutandi@atibusinessgroup.com>
Date: Mon, 29 Jul 2024 11:31:52 +0700
Subject: [PATCH 2/2] fix: overflow-hidden to overflow-clip

---
 app/page.tsx          | 2 +-
 components/Footer.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 006da5e3..b44287ec 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -13,7 +13,7 @@ import { FloatingNav } from "@/components/ui/FloatingNavbar";
 
 const Home = () => {
   return (
-    <main className="relative bg-black-100 flex justify-center items-center flex-col overflow-hidden mx-auto sm:px-10 px-5">
+    <main className="relative bg-black-100 flex justify-center items-center flex-col overflow-clip mx-auto sm:px-10 px-5">
       <div className="max-w-7xl w-full">
         <FloatingNav navItems={navItems} />
         <Hero />
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 5317e0bb..86199bb1 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -7,7 +7,7 @@ const Footer = () => {
   return (
     <footer className="w-full pt-20 pb-10" id="contact">
       {/* background grid */}
-      <div className="w-full absolute left-0 bottom-0 min-h-96">
+      <div className="w-full absolute left-0 -bottom-72 min-h-96">
         <img
           src="/footer-grid.svg"
           alt="grid"