Files
sundynix-site/web/src/pages/home/hero.tsx
T
Blizzard 85a0b44ddd feat: releases 版本接口 + 全站仓库链接修正
- 后端 /api/releases/latest 代理 gitea Releases(10min 缓存,无发布/不可达时回退 SUNDYNIX_FALLBACK_VERSION)
- 前端 use-release hook 就绪(下载区动态接线暂缓)
- 仓库链接统一指向 git.sundynix.cn/sundynix/sundynix-agentix,下载按钮 # 占位改为 releases 页

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-17 13:27:29 +08:00

59 lines
2.1 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import { Link } from 'react-router-dom'
import { Download } from 'lucide-react'
import { SITE } from '@/content/site'
import { TerminalDemo } from '@/components/terminal-demo'
import { Reveal } from '@/components/reveal'
export function Hero() {
return (
<section className="px-6 pt-21 text-center lg:px-10">
<Reveal>
<span className="mb-6.5 inline-flex items-center gap-2 rounded-full border border-hairline-strong px-3.5 py-1 font-mono text-xs tracking-[0.08em] text-accent-ink">
<span className="size-[7px] rounded-full bg-accent" />
{SITE.version} · macOS / Windows
</span>
</Reveal>
<Reveal delay={80}>
<h1 className="mx-auto max-w-[17em] text-balance text-4xl font-[650] leading-[1.18] tracking-[-0.028em] md:text-[52px] lg:text-[58px]">
<br />
<span className="text-brand-gradient">AI Agent </span>
<span className="text-ink-3"></span>
</h1>
</Reveal>
<Reveal delay={160}>
<p className="mx-auto mt-5.5 max-w-[37em] text-[17px] text-ink-2">
Agent
Word
</p>
</Reveal>
<Reveal delay={240}>
<div className="mt-9 flex flex-wrap justify-center gap-3">
<Link
to="/download"
className="inline-flex items-center gap-2 rounded-lg bg-accent px-6 py-2.5 text-[14.5px] font-medium text-ground transition-opacity hover:opacity-90"
>
<Download className="size-4" />
</Link>
<a
href={SITE.repo}
target="_blank"
rel="noreferrer"
className="inline-flex items-center rounded-lg border border-hairline-strong px-6 py-2.5 font-mono text-[14px] transition-colors hover:border-accent"
>
$ make demo
</a>
</div>
</Reveal>
<Reveal delay={320}>
<TerminalDemo />
</Reveal>
</section>
)
}