feat(web): streamline contact form and integrate identity fields

apps/web/src/components/ContactForm.tsx

@@ -62,7 +62,7 @@ export function ContactForm({
   initialStepIndex = 0,
   initialState: injectedState,
 }: ContactFormProps) {
-  const [flow, setFlow] = useState<FlowState>("discovery");
+  const [flow, setFlow] = useState<FlowState>("direct-message");
   const [stepIndex, setStepIndex] = useState(initialStepIndex);
   const [state, setState] = useState<FormState>({
     ...initialState,
@@ -125,8 +125,11 @@ export function ContactForm({
     const result = await sendContactInquiry({
       name: state.name,
       email: state.email,
+      phone: state.phone,
+      role: state.role,
       companyName: state.companyName,
       projectType: state.projectType,
+      deadline: state.deadline,
       message: state.message,
       isFreeText: flow === "direct-message",
       config: flow === "configurator" ? state : undefined,
@@ -190,7 +193,7 @@ export function ContactForm({
             <button
               onClick={() => {
                 setIsSubmitted(false);
-                setFlow("discovery");
+                setFlow("direct-message"); // Reset back to dm
                 setStepIndex(0);
                 setState(initialState);
               }}
@@ -204,7 +207,7 @@ export function ContactForm({
     );
   }
 
-  // Gateway Flow
+  // Gateway Flow (Disabled but kept logically if needed, can just not render)
   if (flow === "discovery") {
     return (
       <ContactGateway
@@ -225,13 +228,23 @@ export function ContactForm({
     return (
       <DirectMessageFlow
         name={state.name}
+        setName={(v) => updateState({ name: v })}
         email={state.email}
         setEmail={(v) => updateState({ email: v })}
+        phone={state.phone}
+        setPhone={(v) => updateState({ phone: v })}
+        role={state.role}
+        setRole={(v) => updateState({ role: v })}
         company={state.companyName}
+        setCompany={(v) => updateState({ companyName: v })}
+        projectType={state.projectType}
+        setProjectType={(v) => updateState({ projectType: v })}
+        deadline={state.deadline}
+        setDeadline={(v) => updateState({ deadline: v })}
         message={state.message}
         setMessage={(v) => updateState({ message: v })}
-        onBack={() => setFlow("discovery")}
-        onSubmit={handleSubmit}
+        onBack={() => setFlow("discovery")} // Can keep, but won't be seen if we hide button
+        onSubmit={() => handleSubmit()}
         isSubmitting={isSubmitting}
       />
     );