Merge pull request #1237 from xr843/a11y/nested-main-landmark

fix(a11y): remove nested <main> landmarks under (home) layout

Author: MODSetter

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>
 	);
 }

surfsense_web/app/(home)/page.tsx

@@ -16,14 +16,14 @@ 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 />
 			<FeaturesCards />
 			<FeaturesBentoGrid />
 			<ExternalIntegrations />
 			<CTAHomepage />
-		</main>
+		</div>
 	);
 }