x

apps/website/src/components/Footer.tsx

@@ -58,28 +58,29 @@ export default function Footer({
 
   return (
     <footer className={`site-footer text-text-main${hasBrandFinale ? ' site-footer-with-finale' : ''}`}>
-      {hasBrandFinale && (
-        <section
-          className="site-footer-brand-finale"
-          aria-label={brandName || t('footer.brand', 'Brand')}
-        >
-          {settings?.logoUrl ? (
-            <Image
-              src={settings.logoUrl}
-              alt=""
-              width={640}
-              height={240}
-              unoptimized
-              className="site-footer-finale-logo"
-            />
-          ) : (
-            <p className="site-footer-finale-wordmark">{brandName}</p>
-          )}
-        </section>
-      )}
+      <div className="site-footer-stage">
+        {hasBrandFinale && (
+          <section
+            className="site-footer-brand-finale"
+            aria-label={brandName || t('footer.brand', 'Brand')}
+          >
+            {settings?.logoUrl ? (
+              <Image
+                src={settings.logoUrl}
+                alt=""
+                width={640}
+                height={240}
+                unoptimized
+                className="site-footer-finale-logo"
+              />
+            ) : (
+              <p className="site-footer-finale-wordmark">{brandName}</p>
+            )}
+          </section>
+        )}
 
-      <div className="site-footer-navigation">
-        <div className="mx-auto grid max-w-7xl grid-cols-1 gap-12 md:grid-cols-4">
+        <div className="site-footer-navigation">
+          <div className="mx-auto grid max-w-7xl grid-cols-1 gap-12 md:grid-cols-4">
 
           {/* Col 1 — Brand */}
           <div className="space-y-6">
@@ -208,6 +209,7 @@ export default function Footer({
             </div>
           </div>
 
+          </div>
         </div>
       </div>
     </footer>