Files
wehub-resource-sync e30e75b5d4
Changesets / Create Version PR (push) Has been cancelled
Deploy Shadcn Registry / Deploy Production (push) Has been cancelled
Template Metrics / LOC + Bundle Size (push) Has been cancelled
Code Quality / Oxlint + Oxfmt (push) Has been cancelled
Code Quality / Template Sync (push) Has been cancelled
Code Quality / Build Changed Packages (push) Has been cancelled
Code Quality / Test Changed Packages (push) Has been cancelled
Deploy Expo Example / Deploy Production (push) Has been cancelled
Deploy Ink Example / Deploy Production (push) Has been cancelled
Python Tests / pytest (assistant-stream, 3.10) (push) Has been cancelled
Python Tests / pytest (assistant-stream, 3.12) (push) Has been cancelled
Python Tests / pytest (assistant-ui-sync-server-api, 3.10) (push) Has been cancelled
Python Tests / pytest (assistant-ui-sync-server-api, 3.12) (push) Has been cancelled
chore: import upstream snapshot with attribution
2026-07-13 13:40:13 +08:00

63 lines
2.1 KiB
TypeScript

"use client";
import { CopyCommandButton } from "@/components/home/copy-command-button";
import { NpmDownloads } from "@/components/home/npm-downloads";
import Image from "next/image";
export function Hero() {
return (
<section className="flex flex-col pb-4 md:pb-8">
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-2 pb-1">
<h1 className="max-w-[30ch] text-4xl font-semibold tracking-tight text-balance lg:text-5xl">
A frontend for your AI agents
</h1>
<p className="text-muted-foreground max-w-[48ch] text-lg text-pretty">
React primitives for building AI chat interfaces.
</p>
</div>
<div className="flex flex-wrap items-center">
<CopyCommandButton withPromptOption />
</div>
<div className="text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-3 text-[13px]">
<a
href="https://github.com/assistant-ui/assistant-ui/blob/main/LICENSE"
target="_blank"
rel="noopener noreferrer"
className="hover:text-foreground transition-colors"
>
MIT License
</a>
<span className="bg-muted-foreground/20 hidden size-1 rounded-full sm:block" />
<a
href="https://www.npmjs.com/package/@assistant-ui/react"
target="_blank"
rel="noopener noreferrer"
className="hover:text-foreground transition-colors"
>
<NpmDownloads />
</a>
<span className="bg-muted-foreground/20 hidden size-1 rounded-full sm:block" />
<a
href="https://www.ycombinator.com/companies/assistant-ui"
target="_blank"
rel="noopener noreferrer"
className="hover:text-foreground inline-flex w-full items-center gap-1.5 transition-colors sm:w-auto"
>
Backed by
<Image
src="/icons/yc_logo.png"
alt="Y Combinator"
height={18}
width={18}
/>
Combinator
</a>
</div>
</div>
</section>
);
}