Add workshop tab content
cgen-e57fc4db1e29407c946dba2812bc122b
This commit is contained in:
parent
8c86a8945f
commit
90aae4e54a
1 changed files with 60 additions and 0 deletions
|
|
@ -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 */}
|
||||
|
|
|
|||
Loading…
Reference in a new issue