zoo-apps/ZIPs
1
0
Fork 0
mirror of https://github.com/zoo-apps/ZIPs.git synced 2026-10-30 14:57:22 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
ZIPs/docs/app/page.tsx
T
zeekayandHanzo Dev ec98cfcd4a How far the code has got, per runtime 
status: is one word for a whole proposal. It cannot say that Go has a thing and
Rust does not, so a ZIP may now also carry implementation-go,
implementation-cpp and implementation-rust, each reading shipped, partial or
none. The keys are flat and hyphenated because frontmatter() reads one line at
a time: a nested block under implementation: would be invisible to it, and a
claim the check cannot see is a claim nothing checks.

An absent key means nobody has assessed that runtime. none means somebody read
it and found nothing. The index counts the two apart, and every ZIP is
unassessed today, which is what it reports.

The run refuses a word outside the three, and refuses status: Final alongside
implementation-go: none, because Final says the thing a ZIP specifies exists in
the code and both cannot hold at once.

docs/lib/source.ts declared seven statuses, five of which no ZIP has ever
carried, and left out Living, which eleven carry. Two badge maps, two ternary
chains, a search result and four stat tiles each repeated that list, so a
Living ZIP rendered as unknown everywhere and a tile counted Review, which is
nothing at all. All of them now name what the corpus carries. The category
union named six of the eleven in use, and index.py checks that list too, so the
twelfth has to be a decision rather than a surprise.

Co-authored-by: Hanzo Dev <[email protected]>
2026-09-05 14:41:25 -07:00

305 lines
14 KiB
TypeScript
Raw Permalink Blame History

import Link from 'next/link';
import { source } from '@/lib/source';
import { HomeHeader } from '@/components/home-header';
import { DocsFooter } from '@/components/docs-footer';
import {
ArrowRight,
FileText,
Zap,
Shield,
Layers,
Brain,
Coins,
Gamepad2,
Leaf,
FlaskConical,
Settings,
Bot,
Image,
} from 'lucide-react';
const iconComponents: Record<string, React.ComponentType<{ className?: string }>> = {
settings: Settings,
coins: Coins,
image: Image,
gamepad: Gamepad2,
brain: Brain,
leaf: Leaf,
flask: FlaskConical,
layers: Layers,
bot: Bot,
};
const colorClasses: Record<string, { bg: string; border: string; text: string }> = {
blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/20', text: 'text-blue-500' },
emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/20', text: 'text-emerald-500' },
purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/20', text: 'text-purple-500' },
pink: { bg: 'bg-pink-500/10', border: 'border-pink-500/20', text: 'text-pink-500' },
amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/20', text: 'text-amber-500' },
green: { bg: 'bg-green-500/10', border: 'border-green-500/20', text: 'text-green-500' },
indigo: { bg: 'bg-indigo-500/10', border: 'border-indigo-500/20', text: 'text-indigo-500' },
cyan: { bg: 'bg-cyan-500/10', border: 'border-cyan-500/20', text: 'text-cyan-500' },
};
function StatusBadge({ status }: { status: string }) {
const colors: Record<string, string> = {
Draft: 'bg-yellow-500/10 text-yellow-500',
Final: 'bg-green-500/10 text-green-500',
Living: 'bg-blue-500/10 text-blue-500',
};
return (
<span className={`text-xs px-2 py-0.5 rounded-full ${colors[status] || 'bg-muted text-muted-foreground'}`}>
{status}
</span>
);
}
export default function HomePage() {
const categories = source.getCategorizedPages();
const stats = source.getStats();
const allPages = source.getAllPages();
const recentZIPs = allPages.slice(-6).reverse();
return (
<main>
<HomeHeader />
{/* Hero Section */}
<section className="relative py-20 md:py-32 overflow-hidden">
<div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-purple-500/5" />
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-foreground/5 via-transparent to-transparent" />
<div className="container relative max-w-6xl mx-auto px-4">
<div className="max-w-3xl mx-auto text-center">
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary/10 text-primary text-sm mb-6">
<Zap className="size-4" />
<span>{stats.total} Proposals</span>
</div>
<h1 className="text-4xl md:text-6xl font-bold tracking-tight mb-6">
Zoo{' '}
<span className="text-transparent bg-clip-text bg-gradient-to-r from-foreground to-foreground/60">
Improvement Proposals
</span>
</h1>
<p className="text-lg md:text-xl text-muted-foreground mb-8 max-w-2xl mx-auto">
Community-driven standards for the Zoo ecosystem &mdash; decentralized AI, wildlife conservation,
open science, DeFi for impact, and applications powering the future of web3.
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Link
href="/docs"
className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg bg-foreground text-background font-medium hover:bg-foreground/90 transition-colors"
>
Browse ZIPs
<ArrowRight className="size-4" />
</Link>
<a
href="https://github.com/zoo-labs/zips"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg border border-border font-medium hover:bg-muted transition-colors"
>
View on GitHub
</a>
</div>
</div>
</div>
</section>
{/* Stats */}
<section className="py-12 border-y border-border bg-muted/30">
<div className="container max-w-6xl mx-auto px-4">
<div className="grid grid-cols-2 md:grid-cols-4 gap-8">
<div className="text-center">
<div className="text-3xl md:text-4xl font-bold">{stats.total}</div>
<div className="text-sm text-muted-foreground mt-1">Total ZIPs</div>
</div>
<div className="text-center">
<div className="text-3xl md:text-4xl font-bold text-green-500">{stats.byStatus['Final'] || 0}</div>
<div className="text-sm text-muted-foreground mt-1">Final</div>
</div>
<div className="text-center">
<div className="text-3xl md:text-4xl font-bold text-blue-500">{stats.byStatus['Living'] || 0}</div>
<div className="text-sm text-muted-foreground mt-1">Living</div>
</div>
<div className="text-center">
<div className="text-3xl md:text-4xl font-bold text-yellow-500">{stats.byStatus['Draft'] || 0}</div>
<div className="text-sm text-muted-foreground mt-1">Draft</div>
</div>
</div>
</div>
</section>
{/* Features - What are ZIPs */}
<section className="py-20">
<div className="container max-w-6xl mx-auto px-4">
<div className="text-center mb-12">
<h2 className="text-3xl font-bold mb-4">What are ZIPs?</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
Zoo Improvement Proposals (ZIPs) are design documents providing information
about new features, standards, and processes for the Zoo ecosystem.
</p>
</div>
<div className="grid md:grid-cols-3 gap-8">
<div className="rounded-xl border border-border bg-card p-6">
<div className="size-12 rounded-lg bg-blue-500/10 flex items-center justify-center mb-4">
<FileText className="size-6 text-blue-500" />
</div>
<h3 className="text-xl font-semibold mb-2">Standards Track</h3>
<p className="text-muted-foreground">
Technical specifications for protocols, token standards, and infrastructure components
that require implementation across the ecosystem.
</p>
</div>
<div className="rounded-xl border border-border bg-card p-6">
<div className="size-12 rounded-lg bg-purple-500/10 flex items-center justify-center mb-4">
<Layers className="size-6 text-purple-500" />
</div>
<h3 className="text-xl font-semibold mb-2">Meta Proposals</h3>
<p className="text-muted-foreground">
Process and governance proposals that define how the Zoo ecosystem evolves,
including decision-making and contribution guidelines.
</p>
</div>
<div className="rounded-xl border border-border bg-card p-6">
<div className="size-12 rounded-lg bg-emerald-500/10 flex items-center justify-center mb-4">
<Shield className="size-6 text-emerald-500" />
</div>
<h3 className="text-xl font-semibold mb-2">Informational</h3>
<p className="text-muted-foreground">
Guidelines, best practices, and design recommendations for the Zoo
ecosystem that don&apos;t require direct implementation.
</p>
</div>
</div>
</div>
</section>
{/* Categories */}
<section className="py-20 bg-muted/30">
<div className="container max-w-6xl mx-auto px-4">
<div className="text-center mb-12">
<h2 className="text-3xl font-bold mb-4">ZIP Categories</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
{categories.length} active categories spanning {stats.total} proposals across AI, DeFi,
conservation, gaming, science, and beyond.
</p>
</div>
<div className="grid md:grid-cols-2 gap-6">
{categories.map((category) => {
const IconComponent = iconComponents[category.icon] || FileText;
const colors = colorClasses[category.color] || colorClasses.blue;
return (
<Link
key={category.slug}
href={`/docs/category/${category.slug}`}
className="group rounded-xl border border-border bg-card p-6 hover:border-foreground/20 transition-colors"
>
<div className="flex items-start gap-4">
<div className={`p-3 rounded-lg ${colors.bg} ${colors.border} border`}>
<IconComponent className={`size-6 ${colors.text}`} />
</div>
<div className="flex-1">
<h3 className="text-lg font-semibold mb-1 group-hover:text-foreground transition-colors">
{category.name}
</h3>
<p className="text-sm text-muted-foreground mb-3">
{category.description}
</p>
<div className="flex items-center gap-2 text-sm">
<span className={`px-2 py-0.5 rounded ${colors.bg} ${colors.text}`}>
{category.zips.length} ZIPs
</span>
<span className="text-muted-foreground">
ZIP-{category.range[0]} to ZIP-{category.range[1]}
</span>
</div>
</div>
<ArrowRight className="size-5 text-muted-foreground group-hover:text-foreground transition-colors shrink-0" />
</div>
</Link>
);
})}
</div>
</div>
</section>
{/* Recent ZIPs */}
{recentZIPs.length > 0 && (
<section className="py-20">
<div className="container max-w-6xl mx-auto px-4">
<div className="flex items-center justify-between mb-8">
<h2 className="text-3xl font-bold">Recent Proposals</h2>
<Link
href="/docs"
className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
>
View all <ArrowRight className="size-4" />
</Link>
</div>
<div className="space-y-3">
{recentZIPs.map((zip) => (
<Link
key={zip.slug.join('/')}
href={`/docs/${zip.slug.join('/')}`}
className="group flex items-center gap-4 p-4 rounded-xl border border-border hover:border-foreground/20 transition-colors"
>
<span className="text-sm font-mono px-2 py-1 rounded bg-primary/10 text-primary shrink-0">
ZIP-{String(zip.data.frontmatter.zip).padStart(4, '0')}
</span>
<div className="flex-1 min-w-0">
<h3 className="font-medium truncate group-hover:text-foreground transition-colors">
{zip.data.title}
</h3>
{zip.data.description && (
<p className="text-sm text-muted-foreground truncate">
{zip.data.description}
</p>
)}
</div>
{zip.data.frontmatter.status && (
<StatusBadge status={zip.data.frontmatter.status} />
)}
<ArrowRight className="size-4 text-muted-foreground group-hover:text-foreground transition-colors shrink-0" />
</Link>
))}
</div>
</div>
</section>
)}
{/* CTA */}
<section className="py-20 border-t border-border">
<div className="container max-w-6xl mx-auto px-4 text-center">
<h2 className="text-3xl font-bold mb-4">Ready to contribute?</h2>
<p className="text-muted-foreground max-w-2xl mx-auto mb-8">
Join the Zoo community and help shape the future of decentralized AI and wildlife conservation.
Submit your own ZIP or contribute to existing proposals.
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a
href="https://github.com/zoo-labs/zips/blob/main/CONTRIBUTING.md"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg bg-foreground text-background font-medium hover:bg-foreground/90 transition-colors"
>
Read Contributing Guide
</a>
<a
href="https://github.com/zoo-labs/zips/discussions"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg border border-border font-medium hover:bg-muted transition-colors"
>
Join Discussions
</a>
</div>
</div>
</section>
<DocsFooter />
</main>
);
}
Reference in New Issue View Git Blame Copy Permalink