Koo.bz contact form - v0 by Vercel

We just announce our seed raise and we got a ton of valuable inbound interest. We need to enrich our contact form. Can you help implement? Here is my gemini spec: Here is a proposed contact submission form designed to help you understand who is contacting you and what their intentions are. This structure uses a primary "reason for contact" question to direct users to a few relevant follow-up questions, a practice that respects their time and provides you with clearer data. Proposed Contact Form for koo.bz Headline: Let's Connect Sub-headline: We're excited to hear from you. To help us direct your inquiry to the right team, please provide a few details below.

Basic Information These fields are standard but essential for any follow-up. Full Name: [Text Input] Email Address: [Email Input] Company/Organization (Optional): [Text Input] Website (Optional): https://www.merriam-webster.com/dictionary/input
What is the primary reason for your inquiry? This is the most critical question for initial segmentation. Using a dropdown menu ensures that the responses are standardized, which is excellent for filtering and analysis. [Dropdown Menu] I want to create or purchase shoes. (For individuals or businesses looking for your core product) I am a potential supplier. (For those offering materials, software, or other B2B services) I am interested in a career at koo.bz. (For job applicants) I have a press or media inquiry. (For journalists, bloggers, etc.) Other.
Tell us a little more. Based on the answer to the previous question, a few conditional fields will appear. This ensures you get the necessary details without overwhelming users with irrelevant questions. (If "I want to create or purchase shoes" is selected): Are you inquiring for yourself or for a company? [Radio Buttons: Myself / My Company]

Briefly describe the shoes you have in mind. (e.g., custom running shoes, a new sandal design, concept prototypes) [Text Area]

What is your estimated quantity? [Dropdown Menu: 1-10 pairs / 11-50 pairs / 51-200 pairs / 200+ pairs]

(If "I am a potential supplier" is selected): What type of product or service do you offer? (e.g., 3D printing polymers, sustainable materials, design software, logistics) [Text Input]

Please briefly explain how your offering could benefit koo.bz. [Text Area]

(If "I am interested in a career at koo.bz" is selected): Which area are you interested in? [Dropdown Menu: Design & Engineering / Manufacturing & Operations / Sales & Marketing / General Interest]

Please provide a link to your resume or professional profile (e.g., LinkedIn, portfolio). https://www.merriam-webster.com/dictionary/input

(If "I have a press or media inquiry" is selected): Name of Publication/Outlet: [Text Input]

Please summarize your request. [Text Area]

(If "Other" is selected): Please provide details of your inquiry. [Text Area]

How did you hear about us? This is an optional but highly valuable question, especially after a funding announcement. It can help you understand the effectiveness of your press and marketing efforts. [Dropdown Menu: News Article / Social Media / Search Engine (Google, etc.) / Referral / Event / Other]

Show full message

I'll help you create a comprehensive contact form based on your specification. This will be perfect for handling the inbound interest from your seed raise announcement.

I've created a comprehensive contact form that matches your specification perfectly! Here are the key features implemented:

Key Features

Smart Conditional Logic: The form dynamically shows relevant follow-up questions based on the primary reason selected, keeping the experience clean and focused.

Complete Field Coverage: All the fields from your spec are included:

Basic info (name, email, company, website)
Primary reason dropdown with 5 options
Conditional fields for each inquiry type
"How did you hear about us" tracking

Professional Design: Clean, modern styling using shadcn/ui components that will look great for a company that just raised seed funding.

Responsive Layout: Works perfectly on both desktop and mobile devices.

Form Validation: Required fields are marked and validated, ensuring you get the essential information.

Perfect for Post-Seed Inbound

This form will help you:

Segment leads effectively with the primary reason dropdown
Qualify prospects with quantity and company size questions
Track marketing effectiveness with the "how did you hear about us" field
Route inquiries properly to the right team members
Capture supplier opportunities that often come after funding announcements

The conditional fields ensure you get exactly the right information for each type of inquiry without overwhelming users with irrelevant questions.

app

page.tsx

Basic Information These fields are standard but essential for any follow-up. Full Name: [Text Input] Email Address: [Email Input] Company/Organization (Optional): [Text Input] Website (Optional): https://www.merriam-webster.com/dictionary/input
What is the primary reason for your inquiry? This is the most critical question for initial segmentation. Using a dropdown menu ensures that the responses are standardized, which is excellent for filtering and analysis. [Dropdown Menu] I want to create or purchase shoes. (For individuals or businesses looking for your core product) I am a potential supplier. (For those offering materials, software, or other B2B services) I am interested in a career at koo.bz. (For job applicants) I have a press or media inquiry. (For journalists, bloggers, etc.) Other.
Tell us a little more. Based on the answer to the previous question, a few conditional fields will appear. This ensures you get the necessary details without overwhelming users with irrelevant questions. (If "I want to create or purchase shoes" is selected): Are you inquiring for yourself or for a company? [Radio Buttons: Myself / My Company]