3bd504fe5f
- Split landing pages into Server/Client Components to enable Next.js metadata exports - Add robots.ts, sitemap.ts, JSON-LD structured data, OpenGraph and viewport config - Fix i18n hydration mismatch: detect locale server-side via cookie/Accept-Language header - Replace localStorage with cookie for locale persistence (SSR-readable) - Dynamic <html lang> based on locale cookie - Optimize images with next/image (avif/webp formats, quality config) - Add /homepage route as always-visible landing page (no auth redirect) - Auth-aware CTA buttons: show "Dashboard"/"进入工作台" for logged-in users - Login page redirects authenticated users to dashboard - Unify logout/401 redirect to "/" instead of "/login" - Fix title template to avoid double "Multica" suffix on homepage Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
62 lines
2 KiB
TypeScript
62 lines
2 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { LandingHeader } from "./landing-header";
|
|
import { LandingFooter } from "./landing-footer";
|
|
import { GitHubMark, githubUrl } from "./shared";
|
|
import { useLocale } from "../i18n";
|
|
|
|
export function AboutPageClient() {
|
|
const { t } = useLocale();
|
|
const n = t.about.nameLine;
|
|
|
|
return (
|
|
<>
|
|
<LandingHeader variant="light" />
|
|
<main className="bg-white text-[#0a0d12]">
|
|
<div className="mx-auto max-w-[720px] px-4 py-16 sm:px-6 sm:py-20 lg:py-24">
|
|
<h1 className="font-[family-name:var(--font-serif)] text-[2.6rem] leading-[1.05] tracking-[-0.03em] sm:text-[3.4rem]">
|
|
{t.about.title}
|
|
</h1>
|
|
<div className="mt-8 space-y-6 text-[15px] leading-[1.8] text-[#0a0d12]/70 sm:text-[16px]">
|
|
<p>
|
|
{n.prefix}
|
|
<strong className="font-semibold text-[#0a0d12]">
|
|
{n.mul}
|
|
</strong>
|
|
{n.tiplexed}
|
|
<strong className="font-semibold text-[#0a0d12]">
|
|
{n.i}
|
|
</strong>
|
|
{n.nformationAnd}
|
|
<strong className="font-semibold text-[#0a0d12]">
|
|
{n.c}
|
|
</strong>
|
|
{n.omputing}
|
|
<strong className="font-semibold text-[#0a0d12]">
|
|
{n.a}
|
|
</strong>
|
|
{n.gent}
|
|
</p>
|
|
{t.about.paragraphs.map((p, i) => (
|
|
<p key={i}>{p}</p>
|
|
))}
|
|
</div>
|
|
|
|
<div className="mt-12">
|
|
<Link
|
|
href={githubUrl}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className="inline-flex items-center gap-2.5 rounded-[12px] bg-[#0a0d12] px-5 py-3 text-[14px] font-semibold text-white transition-colors hover:bg-[#0a0d12]/88"
|
|
>
|
|
<GitHubMark className="size-4" />
|
|
{t.about.cta}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<LandingFooter />
|
|
</>
|
|
);
|
|
}
|