From 1a378f7dc3144c86a01bcdd4bcac9a616e494051 Mon Sep 17 00:00:00 2001
From: Mayuri Gade <mayurigade569@gmail.com>
Date: Sat, 30 May 2026 21:11:28 +0530
Subject: [PATCH] fix: remove duplicate main landmarks and id='main-content'
 across pages

- layout.tsx: single <main id='main-content'> wraps all children (no change)
- page.tsx: removed duplicate <main id='main-content'> wrapper around VideoEditor
- privacy/page.tsx: changed <main> to <div> to avoid nested main landmarks
- contact/page.tsx: changed <main> to <div> to avoid nested main landmarks

Fixes duplicate id='main-content' and nested <main> accessibility issues.
---
 src/app/contact/page.tsx | 4 ++--
 src/app/page.tsx         | 4 +---
 src/app/privacy/page.tsx | 4 ++--
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 13b04261..db7d9982 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -6,7 +6,7 @@ export const metadata: Metadata = {
 };
 export default function ContactPage() {
   return (
-    <main className="min-h-screen bg-[var(--bg)] text-[var(--text)] p-8">
+    <div className="min-h-screen bg-[var(--bg)] text-[var(--text)] p-8">
       <div className="mb-8">
         <Link 
           href="/" 
@@ -46,6 +46,6 @@ export default function ContactPage() {
           <p className="text-[var(--muted)] mt-1">For questions, ideas, and general help.</p>
         </div>
       </div>
-    </main>
+    </div>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 381fbd80..4edd2d73 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,9 +13,7 @@ export default function Home() {
         ⭐ Star on GitHub
       </a>
 
-      <main id="main-content" tabIndex={-1}>
-        <VideoEditor />
-      </main>
+      <VideoEditor />
 
       <Footer />
     </>
diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
index 9c124708..1cf48a54 100644
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -7,7 +7,7 @@ export const metadata: Metadata = {
 export default function PrivacyPage() {
   return (
     <>
-      <main className="min-h-screen bg-[var(--bg)] text-[var(--text)] pt-24 pb-20">
+      <div className="min-h-screen bg-[var(--bg)] text-[var(--text)] pt-24 pb-20">
 
         {/* Back link - top left below header */}
         <div className="px-6 mb-6">
@@ -84,7 +84,7 @@ export default function PrivacyPage() {
             </div>
           </div>
         </div>
-      </main>
+      </div>
     </>
   );
 }
\ No newline at end of file