Build bilingual Astro exchange landing page and brand reference

src/components/Footer.astro

@@ -0,0 +1,51 @@
+---
+import { copy, type Lang } from '../i18n/copy';
+const { lang } = Astro.props as { lang: Lang };
+const t = copy[lang];
+const policies = ['terms', 'privacy', 'aml', 'kyc'];
+---
+
+<footer class="site-footer">
+  <div class="wrap">
+    <div class="footer-grid">
+      <div class="footer-brand">
+        <a class="wordmark" href={`/${lang}/`}
+          ><span class="brand-icon" aria-hidden="true">↗</span> sxchnge<span
+            class="brand-dot">®</span
+          ></a
+        ><p>{t.heroNote}</p><span class="footer-direction" aria-hidden="true"
+          >₿ <span>⟶</span> €</span>
+      </div><div>
+        <h2>{t.company}</h2>{
+          t.companyFields.map((field) => <p class="placeholder">{field}</p>)
+        }
+      </div><div>
+        <h2>{t.legal}</h2>{
+          t.legalNames.map((name, i) => (
+            <a href={`/${lang}/policies/${policies[i]}/`}>
+              {name}
+              <span aria-hidden="true">↗</span>
+            </a>
+          ))
+        }
+      </div><div>
+        <h2>{t.contact}</h2><p class="placeholder">{t.support}</p><div
+          class="footer-locales"
+        >
+          <a
+            href="/en/"
+            lang="en"
+            aria-current={lang === 'en' ? 'page' : undefined}>English</a
+          ><a
+            href="/ru/"
+            lang="ru"
+            aria-current={lang === 'ru' ? 'page' : undefined}>Русский</a>
+        </div>
+      </div>
+    </div><div class="footer-bottom">
+      <p>© {new Date().getFullYear()} SXCHNGE</p><p>{t.draft}</p><p>
+        {t.rights}
+      </p>
+    </div>
+  </div>
+</footer>