Localize logo

src/views/layout/FooterIllustration.astro

@@ -1,16 +1,23 @@
 ---
 import { Image } from "astro:assets";
 import imgSausages from "../../assets/images/spekacky.webp";
-import imgDirtyMoneyLogo from "../../assets/images/logo-white.webp";
+import { makeT } from "../../i18n";
+import type { Lang } from "../../lang";
+import LogoDirtyMoney from "../logos/LogoDirtyMoney.astro";
+
+const { lang } = Astro.params;
+
+const { t } = makeT(lang as Lang);
 ---
 
 <div class="grid md:grid-cols-3 pb-6">
   <Image src={imgSausages} alt="" class="hidden md:block md:col-span-2 invert" />
   <div class="grid place-content-center">
-    <Image
-      src={imgDirtyMoneyLogo}
-      alt="Let’s stop dirty money"
-      class="max-w-[240px] lg:max-w-[300px]"
-    />
+    <div class="max-w-[400px]">
+      <LogoDirtyMoney class="max-w-[256px] mx-auto mb-4" />
+      <p class="text-4xl leading-[1.15] font-bold font-display text-center text-balance">
+        {t("website_name")}
+      </p>
+    </div>
   </div>
 </div>