add waitlist confirmation (#239)

apps/web/src/app/wait-list/schema.ts

@@ -14,6 +14,11 @@ export const waitlistSubmissionSchema = z.object({
   emailTypes: z
     .array(z.enum(WAITLIST_EMAIL_TYPES))
     .min(1, "Select at least one email type"),
+  emailVolume: z
+    .string({ required_error: "Share your expected volume" })
+    .trim()
+    .min(1, "Tell us how many emails you expect to send")
+    .max(500, "Keep the volume details under 500 characters"),
   description: z
     .string({ required_error: "Provide a short description" })
     .trim()

apps/web/src/app/wait-list/waitlist-form.tsx

@@ -40,6 +40,7 @@ export function WaitListForm({ userEmail }: WaitListFormProps) {
     defaultValues: {
       domain: "",
       emailTypes: [],
+      emailVolume: "",
       description: "",
     },
   });
@@ -146,6 +147,25 @@ export function WaitListForm({ userEmail }: WaitListFormProps) {
           }}
         />
 
+        <FormField
+          control={form.control}
+          name="emailVolume"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>How many emails will you send?</FormLabel>
+              <FormControl>
+                <Textarea
+                  rows={3}
+                  placeholder="e.g., Around 400 transactional emails per day and 5,000 marketing emails per month"
+                  {...field}
+                  value={field.value}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
         <FormField
           control={form.control}
           name="description"