From ff1922f20f37b7a11c9e497153d8ce9cd97b2aaf Mon Sep 17 00:00:00 2001
From: Ciucur Erol <mysqlthebest@gmail.com>
Date: Wed, 27 May 2026 16:43:24 +0300
Subject: [PATCH] fix(a11y): preserve heading order in footer

Lighthouse flagged the footer section headings because the visual h4
variant renders as semantic <h4>, which skips heading levels on pages
where the footer follows h1/h2 content.

Keep the existing h4 visual style but render the footer navigation
section titles as <h2>. Footer sections are top-level landmark content,
and <h2> avoids skipped heading levels across pages that may or may not
include intermediate headings before the global footer.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 app/src/components/ui/footer.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/src/components/ui/footer.tsx b/app/src/components/ui/footer.tsx
index 03282d4..c8352b5 100644
--- a/app/src/components/ui/footer.tsx
+++ b/app/src/components/ui/footer.tsx
@@ -74,7 +74,9 @@ const Footer = ({ className, ...props }: FooterProps) => {
           <div className="flex flex-col gap-6 sm:flex-row lg:gap-12">
             {sections.map((section) => (
               <nav key={section.title} className="flex flex-col gap-3">
-                <Typography variant="h4">{t(section.title)}</Typography>
+                <Typography variant="h4" as="h2">
+                  {t(section.title)}
+                </Typography>
 
                 {section.links.map((item) => (
                   <Link