moving

apps/www/app/_components/Footer.tsx

@@ -0,0 +1,105 @@
+import { getTranslations } from 'next-intl/server';
+import BrandMark from './BrandMark';
+import styles from './Footer.module.css';
+
+interface FooterLink {
+  readonly key: string;
+  readonly href: string;
+  readonly external?: boolean;
+}
+
+/**
+ * Footer link map. Rule: every link must resolve to a real destination —
+ * no `#` placeholders. Columns whose content does not exist yet (blog,
+ * press, changelog) are omitted until they do.
+ */
+const PRODUCT_LINKS: readonly FooterLink[] = [
+  {
+    key: 'download',
+    href: '/download',
+  },
+  { key: 'pricing', href: '/#pricing' },
+  { key: 'how_it_works', href: '/#how-it-works' },
+  { key: 'memory', href: '/#memory' },
+];
+
+const RESEARCH_LINKS: readonly FooterLink[] = [
+  { key: 'methodology', href: '/docs/methodology' },
+  {
+    key: 'benchmarks',
+    href: 'https://github.com/marolinik/hive-mind',
+    external: true,
+  },
+  {
+    key: 'hive_mind',
+    href: 'https://github.com/marolinik/hive-mind',
+    external: true,
+  },
+];
+
+const COMPANY_LINKS: readonly FooterLink[] = [
+  { key: 'about_egzakta', href: 'https://egzakta.com', external: true },
+  { key: 'kvark', href: 'https://www.kvark.ai', external: true },
+  { key: 'contact', href: 'mailto:hello@egzakta.com' },
+];
+
+const LEGAL_LINKS: readonly FooterLink[] = [
+  { key: 'terms', href: '/terms' },
+  { key: 'privacy', href: '/privacy' },
+  { key: 'cookies', href: '/cookies' },
+  { key: 'eu_ai_act', href: '/eu-ai-act' },
+  {
+    key: 'apache',
+    href: 'https://github.com/marolinik/hive-mind/blob/master/LICENSE',
+    external: true,
+  },
+];
+
+const COLUMN_DEFS = [
+  { ns: 'product', links: PRODUCT_LINKS },
+  { ns: 'research', links: RESEARCH_LINKS },
+  { ns: 'company', links: COMPANY_LINKS },
+  { ns: 'legal', links: LEGAL_LINKS },
+] as const;
+
+export default async function Footer() {
+  const t = await getTranslations('landing.footer');
+
+  return (
+    <footer id="footer" className={styles.footer}>
+      <div className={styles.grid}>
+        <div className={styles.brandBlock}>
+          <BrandMark withWordmark />
+          <p className={styles.brandDescription}>{t('brand.description')}</p>
+          <p className={styles.attribution}>{t('brand.attribution')}</p>
+        </div>
+
+        {COLUMN_DEFS.map((col) => (
+          <div key={col.ns}>
+            <h3 className={styles.columnTitle}>{t(`columns.${col.ns}.title`)}</h3>
+            <ul className={styles.columnList}>
+              {col.links.map((l) => (
+                <li key={l.key}>
+                  <a
+                    href={l.href}
+                    {...(l.external
+                      ? { target: '_blank', rel: 'noopener noreferrer' }
+                      : null)}
+                    className={styles.columnLink}
+                  >
+                    {t(`columns.${col.ns}.links.${l.key}`)}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </div>
+        ))}
+      </div>
+
+      <div className={styles.baseline}>
+        <span>{t('base_line.left')}</span>
+        <span className={styles.baselineRight}>{t('base_line.right')}</span>
+      </div>
+    </footer>
+  );
+}