49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
"use client";
|
|
import { Button } from "@/components/ui/button";
|
|
import { ArrowRight } from "lucide-react";
|
|
import { useLang } from "@/lib/language";
|
|
|
|
const MANAGER_URL = "https://code.xinghanlab.com/";
|
|
|
|
const t = {
|
|
zh: {
|
|
h2: "准备好让 AI 开发团队帮你落地了吗？",
|
|
subtitle: "注册 Heicode，10 分钟内完成登录、绑定资源，启动第一个任务。",
|
|
btn1: "开始使用 Heicode",
|
|
btn2: "查看使用文档",
|
|
},
|
|
en: {
|
|
h2: "Ready to let your AI dev team ship?",
|
|
subtitle: "Register Heicode, complete login and resource binding in 10 minutes, launch your first task.",
|
|
btn1: "Start using Heicode",
|
|
btn2: "View docs",
|
|
},
|
|
};
|
|
|
|
export function CTA() {
|
|
const { lang } = useLang();
|
|
const tx = t[lang];
|
|
|
|
return (
|
|
<section className="border-t border-border bg-card/30 py-20 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
|
<div className="mx-auto max-w-2xl text-center">
|
|
<h2 className="text-3xl font-bold tracking-tight sm:text-4xl">{tx.h2}</h2>
|
|
<p className="mt-4 text-lg text-muted-foreground">{tx.subtitle}</p>
|
|
<div className="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row">
|
|
<Button size="lg" className="gap-2" asChild>
|
|
<a href={MANAGER_URL} target="_blank" rel="noreferrer">
|
|
{tx.btn1}
|
|
<ArrowRight className="h-4 w-4" />
|
|
</a>
|
|
</Button>
|
|
<Button variant="outline" size="lg" asChild>
|
|
<a href="/docs">{tx.btn2}</a>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|