david_bai
7a1ab18657
Align the next-intl message schema across components, hooks, and locale files so the frontend uses one canonical structure instead of compile-first workarounds. Restore Spanish, French, German, Japanese, and Korean translations to the new schema while narrowing clipboard hook dependencies to translation contracts.
27 lines
731 B
TypeScript
27 lines
731 B
TypeScript
"use client";
|
|
|
|
import { useTranslations } from "next-intl";
|
|
import Image from "next/image";
|
|
|
|
export default function SystemDiagram() {
|
|
const t = useTranslations("text.systemDiagram");
|
|
|
|
return (
|
|
<section className="py-16 bg-background">
|
|
<div className="container mx-auto px-4">
|
|
<h2 className="text-3xl font-bold mb-12 text-center">{t("title")}</h2>
|
|
<Image
|
|
src="/SystemDiagram.webp"
|
|
alt="PrivyDrop system diagram: Peer-to-peer file and clipboard sharing"
|
|
width={1226}
|
|
height={745}
|
|
className="mx-auto mb-6"
|
|
/>
|
|
<p className="mt-8 text-center max-w-2xl mx-auto">
|
|
{t("description")}
|
|
</p>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|