Add workshop tab content

cgen-e57fc4db1e29407c946dba2812bc122b
This commit is contained in:
Builder.io 2025-10-13 22:54:54 +00:00
parent 8c86a8945f
commit 90aae4e54a

View file

@ -3044,6 +3044,66 @@ export default function Community() {
</div>
</section>
</TabsContent>
<TabsContent value="workshop" className="mt-0">
{/* Workshop & Mod Support */}
<section className="py-20">
<div className="container mx-auto px-4">
<SectionHeader
badge="Workshop & Mods"
title="Build, share, and iterate with the community workshop"
description="Mods, templates, and toolkits come with analytics so teams can iterate quickly."
align="left"
/>
<div className="grid gap-6 md:grid-cols-3">
{workshopItems.map((item) => {
const Icon = item.icon;
return (
<Card
key={item.id}
className="border-border/50 bg-background/80 backdrop-blur"
>
<CardHeader className="space-y-3">
<div className="flex h-12 w-12 items-center justify-center rounded-lg bg-aethex-500/10 text-aethex-300">
<Icon className="h-6 w-6" />
</div>
<CardTitle className="text-lg">{item.title}</CardTitle>
<CardDescription>{item.description}</CardDescription>
</CardHeader>
<CardContent className="space-y-3">
<div className="flex items-center justify-between text-sm text-muted-foreground">
<span>Downloads</span>
<span className="font-semibold text-aethex-200">
{item.downloads.toLocaleString()}
</span>
</div>
<div className="flex items-center justify-between text-sm text-muted-foreground">
<span>Rating</span>
<span className="font-semibold text-aethex-200">
{item.rating.toFixed(1)}
</span>
</div>
<p className="text-xs text-muted-foreground">
Created by {item.author}
</p>
<Button
asChild
variant="ghost"
className="w-full justify-between text-sm"
>
<Link to={`/workshop/${item.id}`}>
View asset
<ArrowRight className="h-4 w-4" />
</Link>
</Button>
</CardContent>
</Card>
);
})}
</div>
</div>
</section>
</TabsContent>
</Tabs>
{/* Community Stats */}