mirror of
https://github.com/decolua/9router.git
synced 2026-05-08 12:01:28 +00:00
48 lines
2.2 KiB
JavaScript
48 lines
2.2 KiB
JavaScript
"use client";
|
|
|
|
export default function HeroSection() {
|
|
return (
|
|
<section className="relative pt-32 pb-20 px-6 min-h-[90vh] flex flex-col items-center justify-center overflow-hidden">
|
|
{/* Glow effect */}
|
|
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-[1000px] h-[500px] bg-[#f97815]/10 rounded-full blur-[120px] pointer-events-none"></div>
|
|
|
|
<div className="relative z-10 max-w-4xl w-full text-center flex flex-col items-center gap-8">
|
|
{/* Version badge */}
|
|
<div className="inline-flex items-center gap-2 rounded-full border border-[#3a2f27] bg-[#23180f]/50 px-3 py-1 text-xs font-medium text-[#f97815]">
|
|
<span className="flex h-2 w-2 rounded-full bg-[#f97815] animate-pulse"></span>
|
|
v1.0 is now live
|
|
</div>
|
|
|
|
{/* Main heading */}
|
|
<h1 className="text-5xl md:text-7xl font-black leading-[1.1] tracking-tight">
|
|
One Endpoint for <br/>
|
|
<span className="text-[#f97815]">All AI Providers</span>
|
|
</h1>
|
|
|
|
{/* Description */}
|
|
<p className="text-lg md:text-xl text-gray-400 max-w-2xl mx-auto font-light">
|
|
AI endpoint proxy with web dashboard - A JavaScript port of CLIProxyAPI. Works seamlessly with Claude Code, OpenAI Codex, Cline, RooCode, and other CLI tools.
|
|
</p>
|
|
|
|
{/* CTA Buttons */}
|
|
<div className="flex flex-wrap items-center justify-center gap-4 w-full">
|
|
<button className="h-12 px-8 rounded-lg bg-[#f97815] hover:bg-[#e0650a] text-[#181411] text-base font-bold transition-all shadow-[0_0_15px_rgba(249,120,21,0.4)] flex items-center gap-2">
|
|
<span className="material-symbols-outlined">rocket_launch</span>
|
|
Get Started
|
|
</button>
|
|
<a
|
|
href="https://github.com/decolua/9router"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="h-12 px-8 rounded-lg border border-[#3a2f27] bg-[#23180f] hover:bg-[#3a2f27] text-white text-base font-bold transition-all flex items-center gap-2"
|
|
>
|
|
<span className="material-symbols-outlined">code</span>
|
|
View on GitHub
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|
|
|