From 3f85f2a56b2244c762abf4743aa06fc46c426d4c Mon Sep 17 00:00:00 2001
From: xianren <lqsxianren@qq.com>
Date: Thu, 16 Apr 2026 22:30:55 +0800
Subject: [PATCH] fix(a11y): remove nested <main> landmarks under (home) layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The (home)/layout.tsx already wraps children in <main>. Having another
<main> inside each child page produces nested landmarks, which is
invalid HTML and confuses screen readers.

Changed the outermost wrapper from <main> → <div> in:
- surfsense_web/app/(home)/page.tsx (homepage)
- surfsense_web/app/(home)/free/page.tsx (free AI chat landing)

Other (home) descendants (login/register/privacy/terms/changelog/
announcements/blog/contact/free/[model_slug]) were already using <div>.

Closes #1191
---
 surfsense_web/app/(home)/free/page.tsx | 4 ++--
 surfsense_web/app/(home)/page.tsx      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/surfsense_web/app/(home)/free/page.tsx b/surfsense_web/app/(home)/free/page.tsx
index ffed36325..00ad5e0e5 100644
--- a/surfsense_web/app/(home)/free/page.tsx
+++ b/surfsense_web/app/(home)/free/page.tsx
@@ -156,7 +156,7 @@ export default async function FreeHubPage() {
 	const seoModels = models.filter((m) => m.seo_slug);
 
 	return (
-		<main className="min-h-screen pt-20">
+		<div className="min-h-screen pt-20">
 			<JsonLd
 				data={{
 					"@context": "https://schema.org",
@@ -382,6 +382,6 @@ export default async function FreeHubPage() {
 					</ul>
 				</nav>
 			</article>
-		</main>
+		</div>
 	);
 }
diff --git a/surfsense_web/app/(home)/page.tsx b/surfsense_web/app/(home)/page.tsx
index 34d77b997..367ef2dc5 100644
--- a/surfsense_web/app/(home)/page.tsx
+++ b/surfsense_web/app/(home)/page.tsx
@@ -16,7 +16,7 @@ const CTAHomepage = dynamic(() =>
 
 export default function HomePage() {
 	return (
-		<main className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 text-gray-900 dark:from-black dark:to-gray-900 dark:text-white">
+		<div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 text-gray-900 dark:from-black dark:to-gray-900 dark:text-white">
 			<AuthRedirect />
 			<HeroSection />
 			<WhySurfSense />
@@ -24,6 +24,6 @@ export default function HomePage() {
 			<FeaturesBentoGrid />
 			<ExternalIntegrations />
 			<CTAHomepage />
-		</main>
+		</div>
 	);
 }