From a33362e8d411cf3bca9590b4596d21b05e3f5bbe Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Mon, 13 Oct 2025 22:52:48 +0000
Subject: [PATCH] Add profiles tab content

cgen-31206bc0e0cb4383b4fc5b8546b0fb2e
---
 client/pages/Community.tsx | 45 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/client/pages/Community.tsx b/client/pages/Community.tsx
index 34a65bf0..d6286a4f 100644
--- a/client/pages/Community.tsx
+++ b/client/pages/Community.tsx
@@ -2935,6 +2935,51 @@ export default function Community() {
               </div>
             </section>
           </TabsContent>
+
+          <TabsContent value="profiles" className="mt-0">
+            {/* Developer Profile Highlights */}
+            <section className="py-20">
+              <div className="container mx-auto px-4">
+                <SectionHeader
+                  badge="Developer Profiles"
+                  title="Showcase your journey across AeThex"
+                  description="Developer profiles blend achievements, portfolio pieces, and social proof so collaborators can find you fast."
+                  align="left"
+                />
+                <div className="grid gap-6 md:grid-cols-3">
+                  {profileHighlights.map((highlight) => {
+                    const Icon = highlight.icon;
+                    return (
+                      <Card
+                        key={highlight.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">
+                            {highlight.title}
+                          </CardTitle>
+                          <CardDescription>{highlight.description}</CardDescription>
+                        </CardHeader>
+                        <CardContent>
+                          <div className="rounded-lg border border-border/40 bg-background/80 p-4">
+                            <p className="text-xs uppercase tracking-wide text-muted-foreground">
+                              {highlight.metricLabel}
+                            </p>
+                            <p className="text-2xl font-semibold text-gradient-purple">
+                              {highlight.metricValue}
+                            </p>
+                          </div>
+                        </CardContent>
+                      </Card>
+                    );
+                  })}
+                </div>
+              </div>
+            </section>
+          </TabsContent>
         </Tabs>
 
         {/* Community Stats */}