From 3225bfd3ddf7827acf349f5b101d445ac39eae12 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 28 Sep 2025 06:54:53 +0000
Subject: [PATCH] About: append contact-like community section tailored to
 About

cgen-324e75e6c5fa436f8549b6b4d1a8e147
---
 client/pages/About.tsx | 63 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)

diff --git a/client/pages/About.tsx b/client/pages/About.tsx
index af555898..a9967075 100644
--- a/client/pages/About.tsx
+++ b/client/pages/About.tsx
@@ -266,6 +266,69 @@ export default function About() {
               ))}
             </CardContent>
           </Card>
+
+          <div className="grid md:grid-cols-2 gap-8 items-start">
+            <Card className="bg-card/50 border-border/50 order-2 md:order-1">
+              <CardHeader>
+                <CardTitle className="flex items-center gap-2">
+                  <MessageSquare className="h-5 w-5" /> Get involved
+                </CardTitle>
+                <CardDescription>
+                  Reach out about community, collaboration, or mentorship.
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                <form onSubmit={submit} className="space-y-4">
+                  <div className="grid sm:grid-cols-2 gap-3">
+                    <div>
+                      <Label htmlFor="name">Name</Label>
+                      <Input id="name" value={name} onChange={(e) => setName(e.target.value)} placeholder="Your name" />
+                    </div>
+                    <div>
+                      <Label htmlFor="email">Email</Label>
+                      <Input id="email" type="email" value={email} onChange={(e) => setEmail(e.target.value)} placeholder="you@example.com" />
+                    </div>
+                  </div>
+                  <div>
+                    <Label>Topic</Label>
+                    <Select value={topic} onValueChange={setTopic}>
+                      <SelectTrigger className="w-full"><SelectValue placeholder="Choose a topic" /></SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="community">Community</SelectItem>
+                        <SelectItem value="collaboration">Collaboration</SelectItem>
+                        <SelectItem value="mentorship">Mentorship</SelectItem>
+                        <SelectItem value="press">Press/Media</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </div>
+                  <div>
+                    <Label htmlFor="message">Message</Label>
+                    <Textarea id="message" rows={6} value={message} onChange={(e) => setMessage(e.target.value)} placeholder="How would you like to get involved?" />
+                  </div>
+                  <div className="flex justify-end">
+                    <Button type="submit" disabled={isSending} className="hover-lift">
+                      {isSending ? "Sending..." : "Send"}
+                    </Button>
+                  </div>
+                </form>
+              </CardContent>
+            </Card>
+
+            <Card className="bg-card/50 border-border/50 order-1 md:order-2">
+              <CardHeader>
+                <CardTitle>Related resources</CardTitle>
+                <CardDescription>Everything you need to explore AeThex.</CardDescription>
+              </CardHeader>
+              <CardContent className="grid sm:grid-cols-2 gap-3 text-sm">
+                <a href="/community" className="underline text-aethex-300">Community hub</a>
+                <a href="/feed" className="underline text-aethex-300">Live feed</a>
+                <a href="/docs" className="underline text-aethex-300">Documentation</a>
+                <a href="/changelog" className="underline text-aethex-300">Changelog</a>
+                <a href="/blog" className="underline text-aethex-300">Blog</a>
+                <a href="/careers" className="underline text-aethex-300">Careers</a>
+              </CardContent>
+            </Card>
+          </div>
         </div>
       </div>
     </Layout>