KimiSwitch Dev
3fbd70932c
- 多页路由：首页 / 功能 / 更新日志 / 下载（HashRouter，适配 GitHub Pages） - 中英文切换（zh/en 双语文案 + localStorage 记忆） - Kimi 品牌配色（中性灰 + 蓝）+ 科技风（网格底纹 / 辉光按钮 / 渐变强调词） - 更新日志页：运行时同步 GitHub Releases，localStorage 缓存 1h，网络失败回退内置列表 - 功能页 8 张截图卡片；下载页含自动更新说明 - 修复资源路径 404（asset() + %BASE_URL%）；自托管 Inter/Fira Code 字体
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import { Link } from "react-router-dom";
|
|
import { useLang } from "../i18n";
|
|
|
|
export default function CTA() {
|
|
const { t } = useLang();
|
|
return (
|
|
<section
|
|
id="cta"
|
|
aria-labelledby="cta-title"
|
|
className="py-24"
|
|
>
|
|
<div className="container-page">
|
|
<div className="relative overflow-hidden rounded-xl border border-primary/25 bg-gradient-to-r from-primary/10 via-primary/5 to-violet-500/10 p-12 text-center md:p-16">
|
|
{/* 科技风光晕 */}
|
|
<div
|
|
aria-hidden="true"
|
|
className="pointer-events-none absolute -top-24 left-1/2 h-64 w-[480px] -translate-x-1/2 rounded-full bg-primary/15 blur-3xl"
|
|
/>
|
|
<div className="relative">
|
|
<h2
|
|
id="cta-title"
|
|
className="text-3xl font-bold tracking-tight md:text-5xl"
|
|
>
|
|
{t.cta.title}
|
|
</h2>
|
|
<p className="mt-4 text-base text-muted-foreground md:text-lg">
|
|
{t.cta.subtitle}
|
|
</p>
|
|
<div className="mt-8 flex flex-wrap justify-center gap-3">
|
|
<Link to="/download" className="btn-primary">
|
|
{t.cta.download}
|
|
</Link>
|
|
<a
|
|
href="https://github.com/billowliu2/KimiSwitch"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className="btn-ghost"
|
|
>
|
|
{t.cta.source}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|