From 947ff671495bad6e51be8502e335fdfcbd7645b7 Mon Sep 17 00:00:00 2001
From: Eric Lammertsma <e.lammertsma@gmail.com>
Date: Thu, 19 Feb 2026 21:14:13 -0500
Subject: [PATCH] style: update hero section layout and text content

- Adjusted padding in the hero section for improved spacing.
- Enhanced text content for clarity and engagement, including updates to the description and call-to-action.
- Commented out the ContactSalesButton for future consideration.
---
 surfsense_web/components/homepage/hero-section.tsx | 10 +++++-----
 surfsense_web/components/homepage/navbar.tsx       |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx
index 426e6c043..d3782f36c 100644
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@@ -41,7 +41,7 @@ export function HeroSection() {
 	return (
 		<div
 			ref={parentRef}
-			className="relative flex min-h-screen flex-col items-center justify-center overflow-hidden px-4 py-12 md:px-8 md:py-24"
+			className="relative flex min-h-screen flex-col items-center justify-center overflow-hidden px-4 py-24 md:px-8 md:py-48"
 		>
 			<BackgroundGrids />
 			<CollisionMechanism
@@ -81,7 +81,7 @@ export function HeroSection() {
 				}}
 			/>
 
-			<h2 className="relative z-50 mx-auto mb-4 mt-4 max-w-4xl text-balance text-center text-3xl font-semibold tracking-tight text-gray-700 md:text-7xl dark:text-neutral-300">
+			<h2 className="relative z-50 mx-auto mb-4 mt-8 max-w-4xl text-balance text-center text-3xl font-semibold tracking-tight text-gray-700 md:text-7xl dark:text-neutral-300">
 				{isNotebookLMVariant ? (
 					<div className="relative mx-auto inline-block w-max filter-[drop-shadow(0px_1px_3px_rgba(27,37,80,0.14))]">
 						<div className="text-black [text-shadow:0_0_rgba(0,0,0,0.1)] dark:text-white">
@@ -98,14 +98,14 @@ export function HeroSection() {
 			</h2>
 			{/* // TODO:aCTUAL DESCRITION */}
 			<p className="relative z-50 mx-auto mt-4 max-w-lg px-4 text-center text-base/6 text-gray-600 dark:text-gray-200">
-				Connect any AI to your documents and knowledge sources.
+				Connect any AI to your documents and knowledge sources,
 			</p>
 			<p className="relative z-50 mx-auto mt-0 max-w-lg px-4 text-center text-base/6 text-gray-600 dark:text-gray-200">
-				Then chat with it in real-time, even alongside your team.
+				then chat with it, invite your team, or generate podcasts and reports.
 			</p>
 			<div className="mb-6 mt-6 flex w-full flex-col items-center justify-center gap-4 px-8 sm:flex-row md:mb-10">
 				<GetStartedButton />
-				<ContactSalesButton />
+				{/* <ContactSalesButton /> */}
 			</div>
 			<div ref={containerRef} className="relative w-full">
 				<WalkthroughScroll />
diff --git a/surfsense_web/components/homepage/navbar.tsx b/surfsense_web/components/homepage/navbar.tsx
index fd118b50a..2b0d60546 100644
--- a/surfsense_web/components/homepage/navbar.tsx
+++ b/surfsense_web/components/homepage/navbar.tsx
@@ -22,9 +22,9 @@ export const Navbar = () => {
 
 	const navItems = [
 		{ name: "Pricing", link: "/pricing" },
-		{ name: "Contact\u00A0Us", link: "/contact" },
 		{ name: "Changelog", link: "/changelog" },
 		{ name: "Docs", link: "/docs" },
+		{ name: "Contact\u00A0Us", link: "/contact" },
 	];
 
 	useEffect(() => {