Send a Message Directly

Fill out the form below and I'll get back to you within 24-48 hours.

  <form id="contact-form" class="contact-form">
    <div class="form-row">
      <div class="form-group">
        <label for="name">Name *</label>
        <input 
          type="text" 
          id="name" 
          name="name" 
          required 
          placeholder="Your full name"
          autocomplete="name"
        />
        <span class="form-error"></span>
      </div>
      
      <div class="form-group">
        <label for="email">Email *</label>
        <input 
          type="email" 
          id="email" 
          name="email" 
          required 
          placeholder="your.email@example.com"
          autocomplete="email"
        />
        <span class="form-error"></span>
      </div>
    </div>
    
    <div class="form-group">
      <label for="company">Company</label>
      <input 
        type="text" 
        id="company" 
        name="company" 
        placeholder="Your company (optional)"
        autocomplete="organization"
      />
    </div>
    
    <div class="form-group">
      <label for="subject">Subject *</label>
      <select id="subject" name="subject" required>
        <option value="">Select a subject</option>
        <option value="project-opportunity">Project Opportunity</option>
        <option value="consulting">Consulting Services</option>
        <option value="technical-discussion">Technical Discussion</option>
        <option value="collaboration">Collaboration Request</option>
        <option value="speaking">Speaking Engagement</option>
        <option value="other">Other</option>
      </select>
      <span class="form-error"></span>
    </div>
    
    <div class="form-group">
      <label for="message">Message *</label>
      <textarea 
        id="message" 
        name="message" 
        rows="6" 
        required 
        placeholder="Tell me about your project, challenge, or opportunity..."
      ></textarea>
      <span class="form-error"></span>
      <div class="char-count">
        <span id="char-count">0</span> / 2000 characters
      </div>
    </div>
    
    <div class="form-group checkbox-group">
      <label class="checkbox-label">
        <input type="checkbox" id="newsletter" name="newsletter" />
        <span class="checkmark"></span>
        Send me occasional updates about blog posts and projects
      </label>
    </div>
    
    <div class="form-actions">
      <button type="submit" class="submit-btn" id="submit-btn">
        <span class="btn-text">Send Message</span>
        <div class="btn-loader"></div>
      </button>
      
      <div class="form-status" id="form-status">
        <div class="success-message">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
            <polyline points="22 4 12 14.01 9 11.01"></polyline>
          </svg>
          Message sent successfully! I'll get back to you soon.
        </div>
        <div class="error-message">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <circle cx="12" cy="12" r="10"></circle>
            <line x1="12" y1="8" x2="12" y2="12"></line>
            <line x1="12" y1="16" x2="12.01" y2="16"></line>
          </svg>
          Oops! Something went wrong. Please try again or email me directly.
        </div>
      </div>
    </div>
  </form>
</div>