Finalize multilingual routing and translations

2026-03-07 14:10:30 +01:00
parent 1ad9ae9629
commit 7f4277d1d7
53 changed files with 2805 additions and 1382 deletions
@@ -0,0 +1,49 @@
+import Link from "next/link";
+import { useLocale, useTranslations } from "next-intl";
+
+import { Container } from "@/components/layout/container";
+import { getLocalizedPath } from "@/lib/locale";
+
+const navItems = [
+  { key: "home", path: "" },
+  { key: "portfolio", path: "/portfolio" },
+  { key: "products", path: "/products" },
+  { key: "about", path: "/about" },
+  { key: "contact", path: "/contact" },
+];
+
+type SiteFooterProps = {
+  isAdmin?: boolean;
+};
+
+export function SiteFooter({ isAdmin = false }: SiteFooterProps) {
+  const locale = useLocale();
+  const tNav = useTranslations("navigation");
+  const tFooter = useTranslations("footer");
+
+  return (
+    <footer className="border-t border-border bg-surface-2">
+      <Container className="flex flex-col gap-4 py-8">
+        <nav className="flex flex-wrap gap-x-5 gap-y-3 text-sm">
+          {navItems.map((item) => (
+            <Link
+              key={item.key}
+              href={getLocalizedPath(locale, item.path || "/")}
+              className="text-muted-foreground hover:text-foreground"
+            >
+              {tNav(item.key)}
+            </Link>
+          ))}
+          {isAdmin ? (
+            <a href="/root" className="text-muted-foreground hover:text-foreground">
+              {tNav("root")}
+            </a>
+          ) : null}
+        </nav>
+        <p className="text-xs text-muted-foreground/80">
+          {tFooter("copyright", { year: new Date().getFullYear() })}
+        </p>
+      </Container>
+    </footer>
+  );
+}