From 79fd8cd6cba7ad93c928261cd163ba191f2b32de Mon Sep 17 00:00:00 2001
From: "DESKTOP-RTLN3BA\\$punk" <vermarohanfinal@gmail.com>
Date: Sat, 25 Jul 2026 16:14:13 -0700
Subject: [PATCH] feat(metadata): update titles and descriptions for improved
 clarity and SEO; enhance hero section text for better user engagement

---
 surfsense_web/app/layout.tsx                       |  8 ++++----
 surfsense_web/components/homepage/hero-section.tsx | 12 ++++++------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/surfsense_web/app/layout.tsx b/surfsense_web/app/layout.tsx
index fa3f7e041..4d38f1824 100644
--- a/surfsense_web/app/layout.tsx
+++ b/surfsense_web/app/layout.tsx
@@ -50,9 +50,9 @@ export const metadata: Metadata = {
 	alternates: {
 		canonical: "https://www.surfsense.com",
 	},
-	title: "SurfSense - Open-Source NotebookLM Alternative for Web Research",
+	title: "SurfSense: Open-Source NotebookLM Alternative & Web Research",
 	description:
-		"The open-source NotebookLM for open web research. Your AI agents pull live, structured data from Reddit, YouTube, Amazon, and any page via one API or MCP server.",
+		"The open-source NotebookLM alternative. Research the open web with live data from Reddit, YouTube, TikTok, Indeed & more, through one platform, API, or MCP server.",
 	keywords: [
 		"open web research platform",
 		"web research for AI agents",
@@ -69,7 +69,7 @@ export const metadata: Metadata = {
 	openGraph: {
 		title: "SurfSense - NotebookLM for Open Web Research",
 		description:
-			"The open-source NotebookLM alternative for AI agents. Research the live web with structured data from Reddit, YouTube, Amazon, Google Maps, and Google Search, through one API or MCP server.",
+			"The open-source NotebookLM alternative. Research the open web with live data from Reddit, YouTube, TikTok, Indeed & more, through one platform, API, or MCP server.",
 		url: "https://www.surfsense.com",
 		siteName: "SurfSense",
 		type: "website",
@@ -87,7 +87,7 @@ export const metadata: Metadata = {
 		card: "summary_large_image",
 		title: "SurfSense - NotebookLM for Open Web Research",
 		description:
-			"The open-source NotebookLM alternative for AI agents. Research the live web with structured data from Reddit, YouTube, Amazon, Google Maps, and Google Search, through one API or MCP server.",
+			"The open-source NotebookLM alternative. Research the open web with live data from Reddit, YouTube, TikTok, Indeed & more, through one platform, API, or MCP server.",
 		creator: "@SurfSenseAI",
 		site: "@SurfSenseAI",
 		images: [
diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx
index 94ea114b1..47b196016 100644
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@@ -656,10 +656,10 @@ export function HeroSection() {
 								"relative mb-8 max-w-2xl text-left text-sm text-neutral-600 antialiased sm:text-base md:text-lg dark:text-neutral-400"
 							)}
 						>
-							SurfSense is the open-source NotebookLM alternative for AI agents, an open web
-							research platform with live data connectors. Your AI agents research the live web with
-							structured data from Reddit, YouTube, Instagram, TikTok, Amazon, Walmart, Google Maps,
-							Google Search, and any page on the open web.
+							SurfSense is the open-source NotebookLM alternative for open web research. You and
+							your AI agents pull live data from Reddit, YouTube, Instagram, TikTok, Indeed, Google
+							Maps, Google Search, and a growing catalog of connectors, all through one platform,
+							API, or MCP server.
 						</p>
 
 						<div className="relative mb-4 flex w-full flex-col justify-center gap-y-2 sm:flex-row sm:justify-start sm:space-y-0 sm:space-x-4">
@@ -870,9 +870,9 @@ const UseCasePane = memo(function UseCasePane({
 		<div className="relative overflow-hidden rounded-tl-xl rounded-tr-xl bg-white shadow-sm ring-1 shadow-black/10 ring-black/10 dark:bg-neutral-950">
 			<div className="flex items-center gap-3 border-b border-neutral-200/60 px-4 py-3 sm:px-6 sm:py-4 dark:border-neutral-700/60">
 				<div className="min-w-0">
-					<h2 className="truncate text-base font-semibold text-neutral-900 sm:text-lg dark:text-white">
+					<h3 className="truncate text-base font-semibold text-neutral-900 sm:text-lg dark:text-white">
 						{useCase.title}
-					</h2>
+					</h3>
 					<p className="text-sm text-neutral-500 text-pretty dark:text-neutral-400">
 						{useCase.description}
 					</p>