Footer redesign

digitalservicebund · Oct 8, 2024 · ce7a903 · ce7a903
1 parent 2f8aec5
commit ce7a903
Showing 1 changed file with 31 additions and 1 deletion.
diff --git a/packages/shared/components/Footer.tsx b/packages/shared/components/Footer.tsx
@@ -57,7 +57,7 @@ export default function Footer({
     </ul>
   );
 
-  const footerContent = (
+  const footerContent = useContainer ? (
     <div className="flex flex-wrap items-start justify-between gap-y-32">
       <div className="flex flex-col flex-col-reverse sm:flex-row gap-y-16 gap-x-16">
         <div className="py-4 pr-4">
@@ -87,6 +87,36 @@ export default function Footer({
         {renderLinks(linksSecondColumn)}
       </div>
     </div>
+  ) : (
+    <div className="flex flex-wrap items-center justify-center gap-y-32 gap-x-32 text-center">
+      <div className="py-4 pr-4">
+        <Image
+          url={bmiLogo}
+          width={120}
+          alternativeText="Logo des Bundesministerium des Innern und für Heimat"
+        />
+      </div>
+      <div>
+        {renderLinks([
+          {
+            preText: "Ein Onlinedienst der",
+            text: "DigitalService GmbH des Bundes",
+            url: "https://digitalservice.bund.de/",
+            openInNewTab: true,
+          },
+          {
+            preText: "Im Auftrag des",
+            text: "Bundesministerium des Innern und für Heimat",
+            url: "https://www.bmi.bund.de/",
+            openInNewTab: true,
+          },
+        ])}
+      </div>
+      <div className="flex gap-x-32">
+        {renderLinks(linksFirstColumn)}
+        {renderLinks(linksSecondColumn)}
+      </div>
+    </div>
   );
 
   return (