docs: frontpage update (#3620)

# What does this PR do?
* Adds canonical project information and links to client SDK / k8s
operator / app examples repos to the front page
* Fixes some button rendering errors

Closes #3618  

## Test Plan
Local rebuild of the documentation server
This commit is contained in:
Alexey Rybak 2025-09-30 14:11:00 -07:00 committed by GitHub
parent 606f4cf281
commit c4c980b056
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 138 additions and 0 deletions

View file

@ -108,6 +108,60 @@ response = client.chat.completions.create(
);
}
function Ecosystem() {
return (
<section className={styles.ecosystem}>
<div className="container">
<div className="text--center">
<h2 className={styles.sectionTitle}>Llama Stack Ecosystem</h2>
<p className={styles.sectionDescription}>
Complete toolkit for building AI applications with Llama Stack
</p>
</div>
<div className="row margin-top--lg">
<div className="col col--4">
<div className={styles.ecosystemCard}>
<div className={styles.ecosystemIcon}>🛠</div>
<h3>SDKs & Clients</h3>
<p>Official client libraries for multiple programming languages</p>
<div className={styles.linkGroup}>
<a href="https://github.com/llamastack/llama-stack-client-python" target="_blank" rel="noopener noreferrer">Python SDK</a>
<a href="https://github.com/llamastack/llama-stack-client-typescript" target="_blank" rel="noopener noreferrer">TypeScript SDK</a>
<a href="https://github.com/llamastack/llama-stack-client-kotlin" target="_blank" rel="noopener noreferrer">Kotlin SDK</a>
<a href="https://github.com/llamastack/llama-stack-client-swift" target="_blank" rel="noopener noreferrer">Swift SDK</a>
<a href="https://github.com/llamastack/llama-stack-client-go" target="_blank" rel="noopener noreferrer">Go SDK</a>
</div>
</div>
</div>
<div className="col col--4">
<div className={styles.ecosystemCard}>
<div className={styles.ecosystemIcon}>🚀</div>
<h3>Example Applications</h3>
<p>Ready-to-run examples to jumpstart your AI projects</p>
<div className={styles.linkGroup}>
<a href="https://github.com/llamastack/llama-stack-apps" target="_blank" rel="noopener noreferrer">Browse Example Apps</a>
</div>
</div>
</div>
<div className="col col--4">
<div className={styles.ecosystemCard}>
<div className={styles.ecosystemIcon}></div>
<h3>Kubernetes Operator</h3>
<p>Deploy and manage Llama Stack on Kubernetes clusters</p>
<div className={styles.linkGroup}>
<a href="https://github.com/llamastack/llama-stack-k8s-operator" target="_blank" rel="noopener noreferrer">K8s Operator</a>
</div>
</div>
</div>
</div>
</div>
</section>
);
}
function CommunityLinks() {
return (
<section className={styles.community}>
@ -156,6 +210,7 @@ export default function Home() {
<HomepageHeader />
<main>
<QuickStart />
<Ecosystem />
<CommunityLinks />
</main>
</Layout>