fill most content + improve ux

src/components/Footer.astro

@@ -0,0 +1,29 @@
+---
+import { useTranslations } from '@/i18n/utils'
+import { Image } from 'astro:assets'
+import logoSrc from '@/assets/logo.png'
+
+type Props = {
+  lang?: string
+}
+
+const { lang } = Astro.props
+const t = useTranslations(lang)
+---
+
+<footer id="contacts" class="flex flex-col items-center gap-6 text-center">
+  <script
+    is:inline
+    type="text/javascript"
+    charset="utf-8"
+    async
+    src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A069b17526dc83cbf87c488f13ae089eb3af0f8f74af57e1be82e183434693562&width=100%25&height=400&lang=ru_RU&scroll=true"
+  ></script>
+  <div class="flex flex-col items-center gap-4 px-6 py-8 text-center">
+    <Image src={logoSrc} alt="logo" class="h-32 w-auto md:h-48" />
+    <p class="text-light text-sm">
+      © {new Date().getFullYear()}
+      {t('footer.copyright')}
+    </p>
+  </div>
+</footer>