richard/openclaw-market
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加设备注册 API 并重构安装横幅组件

Browse Source
This commit is contained in:
richarjiang
2026-03-24 09:18:51 +08:00
parent ab00443056
commit 71628d783d
13 changed files with 1524 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/layout/hero.tsx
View File

@@ -8,36 +8,36 @@ export function Hero() {
const t = useTranslations("hero");
return (
<section className="relative py-16 md:py-24">
<section className="relative py-6 md:py-10">
<div className="mx-auto max-w-4xl px-4 text-center">
{/* Badge */}
<Badge className="mb-6 px-4 py-1.5 text-sm animate-fade-in">
<Badge className="mb-3 px-3 py-1 text-xs animate-fade-in">
{t("badge")}
</Badge>
{/* Main Title */}
<h1 className="mb-6 text-4xl font-bold leading-tight tracking-tight md:text-5xl lg:text-6xl glow-text-pulse animate-fade-in-up">
<h1 className="mb-3 text-2xl font-bold leading-tight tracking-tight md:text-3xl lg:text-4xl glow-text-pulse animate-fade-in-up">
{t("title")}
</h1>
{/* Subtitle */}
<p className="mb-8 text-lg md:text-xl text-[var(--text-secondary)] max-w-2xl mx-auto animate-fade-in-up animation-delay-200">
<p className="mb-4 text-sm md:text-base text-[var(--text-secondary)] max-w-2xl mx-auto animate-fade-in-up animation-delay-200">
{t("subtitle")}
</p>
{/* CTA Buttons */}
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 animate-fade-in-up animation-delay-400">
<div className="flex flex-col sm:flex-row items-center justify-center gap-3 animate-fade-in-up animation-delay-400">
<a
href="#get-started"
className="group inline-flex items-center gap-2 rounded-lg bg-[var(--accent-cyan)] px-6 py-3 font-semibold text-[var(--bg-primary)] transition-all hover:shadow-[0_0_20px_rgba(0,240,255,0.4)] hover:scale-105"
className="group inline-flex items-center gap-2 rounded-lg bg-[var(--accent-cyan)] px-5 py-2.5 text-sm font-semibold text-[var(--bg-primary)] transition-all hover:shadow-[0_0_20px_rgba(0,240,255,0.4)] hover:scale-105"
>
<Sparkles className="h-4 w-4" />
<Sparkles className="h-3.5 w-3.5" />
{t("cta")}
<ArrowRight className="h-4 w-4 transition-transform group-hover:translate-x-1" />
<ArrowRight className="h-3.5 w-3.5 transition-transform group-hover:translate-x-1" />
</a>
<a
href="#learn-more"
className="inline-flex items-center gap-2 rounded-lg border border-[var(--accent-cyan)]/30 bg-transparent px-6 py-3 font-semibold text-[var(--text-primary)] transition-all hover:border-[var(--accent-cyan)]/60 hover:bg-[var(--accent-cyan)]/5"
className="inline-flex items-center gap-2 rounded-lg border border-[var(--accent-cyan)]/30 bg-transparent px-5 py-2.5 text-sm font-semibold text-[var(--text-primary)] transition-all hover:border-[var(--accent-cyan)]/60 hover:bg-[var(--accent-cyan)]/5"
>
{t("secondary")}
</a>