From dde7db58ce5d0d4bf89e819b2feec6ab9615a2c3 Mon Sep 17 00:00:00 2001
From: Saurabh Kumar Bajpai <saurabhkumarbajpaiai@Saurabhs-MacBook-Air.local>
Date: Sun, 31 May 2026 02:43:36 +0530
Subject: [PATCH] fix: correct main heading hierarchy

---
 src/app/layout.tsx             | 2 +-
 src/components/VideoEditor.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f16cedb2..2460bc6b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -82,7 +82,7 @@ export default function RootLayout({
             >
               <div className="flex items-center gap-2">
                 <BrandLogo size={24} />
-                <h1 className="text-lg font-semibold">Reframe</h1>
+                <span className="text-lg font-semibold">Reframe</span>
               </div>
               <ThemeToggle />
             </header>
diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index b1d2e574..d0e5173b 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -42,9 +42,9 @@ function Section({ icon, title, children, delay = 0 }: SectionProps) {
     >
       <div className="flex items-center gap-2">
         <span className="text-film-500 opacity-80">{icon}</span>
-        <h3 className="text-sm font-heading font-bold uppercase tracking-widest text-[var(--muted)]">
+        <h2 className="text-sm font-heading font-bold uppercase tracking-widest text-[var(--muted)]">
           {title}
-        </h3>
+        </h2>
         <div className="flex-1 h-px bg-[var(--border)]" />
       </div>
       {children}