Project Inquiry Contact Form with Budget & Project Type

<div class="bg-white/5 border-white/10 border rounded-2xl pt-8 pr-8 pb-8 pl-8">
                <h2 class="text-2xl font-semibold text-white mb-6 font-geist">Send me a message</h2>
                
                <form class="space-y-6">
                  <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                    <div>
                      <label for="firstName" class="block text-sm font-medium text-neutral-300 mb-2 font-geist-mono">First Name</label>
                      <input type="text" id="firstName" name="firstName" class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white placeholder-neutral-400 focus:outline-none focus:border-blue-400 focus:bg-white/10 transition font-geist-mono" placeholder="John">
                    </div>
                    <div>
                      <label for="lastName" class="block text-sm font-medium text-neutral-300 mb-2 font-geist-mono">Last Name</label>
                      <input type="text" id="lastName" name="lastName" class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white placeholder-neutral-400 focus:outline-none focus:border-blue-400 focus:bg-white/10 transition font-geist-mono" placeholder="Doe">
                    </div>
                  </div>
                  
                  <div>
                    <label for="email" class="block text-sm font-medium text-neutral-300 mb-2 font-geist-mono">Email Address</label>
                    <input type="email" id="email" name="email" required="" class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white placeholder-neutral-400 focus:outline-none focus:border-blue-400 focus:bg-white/10 transition font-geist-mono" placeholder="john@example.com">
                  </div>
                  
                  <div>
                    <label for="company" class="block text-sm font-medium text-neutral-300 mb-2 font-geist-mono">Company (Optional)</label>
                    <input type="text" id="company" name="company" class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white placeholder-neutral-400 focus:outline-none focus:border-blue-400 focus:bg-white/10 transition font-geist-mono" placeholder="Acme Inc.">
                  </div>
                  
                  <div>
                    <label for="projectType" class="block text-sm font-medium text-neutral-300 mb-2 font-geist-mono">Project Type</label>
                    <select id="projectType" name="projectType" class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white focus:outline-none focus:border-blue-400 focus:bg-white/10 transition font-geist-mono">
                      <option value="" class="bg-neutral-900">Select a project type</option>
                      <option value="design" class="bg-neutral-900">Product Design</option>
                      <option value="frontend" class="bg-neutral-900">Frontend Development</option>
                      <option value="fullstack" class="bg-neutral-900">Full-Stack Development</option>
                      <option value="consulting" class="bg-neutral-900">Strategy &amp; Consulting</option>
                      <option value="other" class="bg-neutral-900">Other</option>
                    </select>
                  </div>
                  
                  <div class="">
                    <label for="budget" class="block text-sm font-medium text-neutral-300 mb-2 font-geist-mono">Budget Range</label>
                    <select id="budget" name="budget" class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white focus:outline-none focus:border-blue-400 focus:bg-white/10 transition font-geist-mono">
                      <option value="" class="bg-neutral-900">Select budget range</option>
                      <option value="under-5k" class="bg-neutral-900">Under $5,000</option>
                      <option value="5k-15k" class="bg-neutral-900">$5,000 - $15,000</option>
                      <option value="15k-50k" class="bg-neutral-900">$15,000 - $50,000</option>
                      <option value="over-50k" class="bg-neutral-900">$50,000+</option>
                      <option value="not-sure" class="bg-neutral-900">Not sure yet</option>
                    </select>
                  </div>
                  
                  <div>
                    <label for="message" class="block text-sm font-medium text-neutral-300 mb-2 font-geist-mono">Project Details</label>
                    <textarea id="message" name="message" rows="6" required="" class="w-full px-4 py-3 bg-white/5 border border-white/10 rounded-lg text-white placeholder-neutral-400 focus:outline-none focus:border-blue-400 focus:bg-white/10 transition resize-none font-geist-mono" placeholder="Tell me about your project, goals, timeline, and any specific requirements you have in mind..."></textarea>
                  </div>
                  
                  <button type="submit" class="w-full py-3 px-6 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition font-geist-mono font-medium">
                    Send Message
                  </button>
                </form>
              </div>