About: append contact-like community section tailored to About
cgen-324e75e6c5fa436f8549b6b4d1a8e147
This commit is contained in:
parent
1931f081f7
commit
3225bfd3dd
1 changed files with 63 additions and 0 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue