Add TTRPG Player marketing landing site.

React/Vite landing with RU/EN i18n, live USD pricing, download links to updates.mailib.ru, and donate.stream checkout. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-28 11:58:31 +08:00
commit b0ab6cc729
70 changed files with 9151 additions and 0 deletions
@@ -0,0 +1,41 @@
+import { SITE_LINKS } from "../../data/siteContent";
+import { useLocale } from "../../i18n/LocaleProvider";
+
+import styles from "./Footer.module.css";
+
+const FOOTER_LINK_KEYS = [
+  "download",
+  "buy",
+  "faq",
+  "enterKey",
+  "support",
+  "privacy",
+] as const;
+
+const FOOTER_HREFS: Record<(typeof FOOTER_LINK_KEYS)[number], string> = {
+  download: SITE_LINKS.download,
+  buy: SITE_LINKS.buy,
+  faq: SITE_LINKS.faq,
+  enterKey: SITE_LINKS.enterKey,
+  support: SITE_LINKS.support,
+  privacy: SITE_LINKS.privacy,
+};
+
+export function Footer() {
+  const { copy } = useLocale();
+
+  return (
+    <footer className={styles.footer}>
+      <div className={styles.inner}>
+        <p className={styles.copy}>© TTRPGPlayer</p>
+        <nav className={styles.links} aria-label={copy.footer.aria}>
+          {FOOTER_LINK_KEYS.map((key) => (
+            <a key={key} className={styles.link} href={FOOTER_HREFS[key]}>
+              {copy.footer.links[key]}
+            </a>
+          ))}
+        </nav>
+      </div>
+    </footer>
+  );
+}