diff --git a/src/app/(frontend)/[locale]/error.tsx b/src/app/(frontend)/[locale]/error.tsx
index 486088b..df948c1 100644
--- a/src/app/(frontend)/[locale]/error.tsx
+++ b/src/app/(frontend)/[locale]/error.tsx
@@ -16,7 +16,8 @@ export default function Error({
     }, [error])
 
     return (
-        <div className="container flex min-h-[70vh] flex-col items-center justify-center py-28 text-center">
+        <main className="container flex min-h-[70vh] flex-col items-center justify-center py-28 text-center">
+            {/* SEO Benefit: Using <main> instead of <div> for the page's primary content wrapper improves semantic HTML structure, making the content more discoverable and accessible to crawlers. */}
             <div className="relative mb-8">
                 <div className="flex size-24 animate-pulse items-center justify-center rounded-full border-2 border-error">
                     <span className="text-4xl">⚠️</span>
@@ -45,6 +46,6 @@ export default function Error({
                 <p>ERROR_DIGEST: {error.digest || 'UNKNOWN'}</p>
                 <p>ERROR_MSG: {error.message}</p>
             </div>
-        </div>
+        </main>
     )
 }