From dd0d283320002a6256bfd152e07abdfd5e5cb146 Mon Sep 17 00:00:00 2001
From: Nikola Balic <wave@nibzard.com>
Date: Fri, 31 Jul 2026 14:32:46 +0200
Subject: [PATCH] fix(home): keep a single main landmark on the homepage

The homepage renders inside DocsLayout, which already provides the
main#nd-docs-layout landmark, so the page-level main created a nested
duplicate. Swap the inner wrapper to a div and assert in the homepage
e2e test that exactly one main element is rendered.
---
 app/(home)/_pages/page.en.tsx   | 4 ++--
 tests/e2e/llm-endpoints.test.ts | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/(home)/_pages/page.en.tsx b/app/(home)/_pages/page.en.tsx
index 143b6725..6f5d7ed9 100644
--- a/app/(home)/_pages/page.en.tsx
+++ b/app/(home)/_pages/page.en.tsx
@@ -20,7 +20,7 @@ import SteelLogo from '@/public/images/logo.png';
 
 export default function HomePage() {
   return (
-    <main className="space-y-10 max-w-[1024px] w-full mx-auto ">
+    <div className="space-y-10 max-w-[1024px] w-full mx-auto ">
       <div className="px-8 py-[56px]">
         <div className="space-y-10">
           <header className="space-y-1">
@@ -208,6 +208,6 @@ export default function HomePage() {
           </section>
         </div>
       </div>
-    </main>
+    </div>
   );
 }
diff --git a/tests/e2e/llm-endpoints.test.ts b/tests/e2e/llm-endpoints.test.ts
index ef388db9..8bab7d8e 100644
--- a/tests/e2e/llm-endpoints.test.ts
+++ b/tests/e2e/llm-endpoints.test.ts
@@ -298,6 +298,7 @@ describe('.md suffix end-to-end', () => {
       .find((tag) => tag.includes('height:188px') && tag.includes('width:188px'));
 
     expect(body.match(/<h1\b/g)).toHaveLength(1);
+    expect(body.match(/<main\b/g)).toHaveLength(1);
     expect(body).toContain('<h1 class="text-3xl">Steel Documentation</h1>');
     expect(animatedLogo).toContain('class="shrink-0"');
     expect(body).toContain(