From f50ee6e8c73c1075235ed523b8105a7bd5cdd5cf Mon Sep 17 00:00:00 2001
From: "DESKTOP-RTLN3BA\\$punk" <vermarohanfinal@gmail.com>
Date: Thu, 13 Nov 2025 14:10:13 -0800
Subject: [PATCH] chore(footer): added contact us

---
 .../components/homepage/footer-new.tsx        |  8 +++----
 surfsense_web/components/homepage/navbar.tsx  | 21 +++++++++++++------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/surfsense_web/components/homepage/footer-new.tsx b/surfsense_web/components/homepage/footer-new.tsx
index e0f8eb6bc..bda528bf7 100644
--- a/surfsense_web/components/homepage/footer-new.tsx
+++ b/surfsense_web/components/homepage/footer-new.tsx
@@ -31,10 +31,10 @@ export function FooterNew() {
 			title: "Docs",
 			href: "/docs",
 		},
-		// {
-		//   title: "Blog",
-		//   href: "#",
-		// },
+		{
+			title: "Contact Us",
+			href: "/contact",
+		},
 	];
 
 	const socials = [
diff --git a/surfsense_web/components/homepage/navbar.tsx b/surfsense_web/components/homepage/navbar.tsx
index 26009ed9d..9b7f31055 100644
--- a/surfsense_web/components/homepage/navbar.tsx
+++ b/surfsense_web/components/homepage/navbar.tsx
@@ -19,12 +19,21 @@ export const Navbar = () => {
 	];
 
 	useEffect(() => {
-		const handleScroll = () => {
-			setIsScrolled(window.scrollY > 20);
+		const handleScroll = (e: Event) => {
+			const target = e.target as HTMLElement;
+			setIsScrolled(target.scrollTop > 20);
 		};
 
-		window.addEventListener("scroll", handleScroll);
-		return () => window.removeEventListener("scroll", handleScroll);
+		// Find the scrollable container (the div with overflow-auto in root layout)
+		const scrollContainer = document.querySelector(".h-\\[100dvh\\].w-\\[100vw\\].overflow-auto");
+
+		if (scrollContainer) {
+			// Check initial scroll position
+			setIsScrolled(scrollContainer.scrollTop > 20);
+
+			scrollContainer.addEventListener("scroll", handleScroll);
+			return () => scrollContainer.removeEventListener("scroll", handleScroll);
+		}
 	}, []);
 
 	return (
@@ -50,7 +59,7 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 					: "bg-transparent border border-transparent"
 			)}
 		>
-			<div className="flex flex-row items-center gap-2">
+			<div className="flex flex-1 flex-row items-center gap-2">
 				<Logo className="h-8 w-8 rounded-md" />
 				<span className="dark:text-white/90 text-gray-800 text-lg font-bold">SurfSense</span>
 			</div>
@@ -73,7 +82,7 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 					</Link>
 				))}
 			</div>
-			<div className="flex items-center gap-2">
+			<div className="flex flex-1 items-center justify-end gap-2">
 				<Link
 					href="https://discord.gg/ejRNvftDp9"
 					target="_blank"