Add retro LED footer marquee

This commit is contained in:
MOH
2026-03-08 07:14:27 +01:00
parent bd3417207c
commit 212b78527b
3 changed files with 271 additions and 3 deletions
+8 -3
View File
@@ -2,6 +2,7 @@ import Link from "next/link";
import { useLocale, useTranslations } from "next-intl";
import { Container } from "@/components/layout/container";
import { RetroLedMarquee } from "@/components/layout/retro-led-marquee";
import { getLocalizedPath } from "@/lib/locale";
const navItems = [
@@ -20,6 +21,7 @@ export function SiteFooter({ isAdmin = false }: SiteFooterProps) {
const locale = useLocale();
const tNav = useTranslations("navigation");
const tFooter = useTranslations("footer");
const ledText = "MADE IN GERMANY BY MOH";
return (
<footer className="border-t border-border bg-background">
@@ -40,9 +42,12 @@ export function SiteFooter({ isAdmin = false }: SiteFooterProps) {
</a>
) : null}
</nav>
<p className="text-xs text-muted-foreground/80">
{tFooter("copyright", { year: new Date().getFullYear() })}
</p>
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<p className="text-xs text-muted-foreground/80">
{tFooter("copyright", { year: new Date().getFullYear() })}
</p>
<RetroLedMarquee text={ledText} />
</div>
</Container>
</footer>
);