From 1931f081f7f7b8601764a15094be49ea9808e706 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 28 Sep 2025 06:54:45 +0000
Subject: [PATCH] About: add form state and submit handler

cgen-d968aa02edd4418d99c1b110341ea1fc
---
 client/pages/About.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/client/pages/About.tsx b/client/pages/About.tsx
index bd51f8c4..af555898 100644
--- a/client/pages/About.tsx
+++ b/client/pages/About.tsx
@@ -69,6 +69,32 @@ export default function About() {
     { kpi: "<30d", label: "MVP timelines" },
   ];
 
+  const [name, setName] = useState("");
+  const [email, setEmail] = useState("");
+  const [topic, setTopic] = useState("community");
+  const [message, setMessage] = useState("");
+  const [isSending, setIsSending] = useState(false);
+
+  const submit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!name.trim() || !email.trim() || !message.trim()) {
+      aethexToast.error({ title: "Missing info", description: "Please fill out all fields." });
+      return;
+    }
+    setIsSending(true);
+    try {
+      aethexToast.success({ title: "Thanks!", description: "We’ll follow up about your request." });
+      setName("");
+      setEmail("");
+      setMessage("");
+      setTopic("community");
+    } catch (err: any) {
+      aethexToast.error({ title: "Failed to send", description: err?.message || "Try again." });
+    } finally {
+      setIsSending(false);
+    }
+  };
+
   return (
     <Layout>
       <div className="min-h-screen bg-aethex-gradient py-12">