Direct Consultation & Audit Inquiries

Request Diagnostic Consultation

Provide details about your mobile app architecture and primary measurement questions.

<form @submit.prevent="handleSubmit" novalidate>
  <div class="form-group">
    <label for="contact-name" class="form-label">Full Name & Professional Role *</label>
    <input 
      type="text" 
      id="contact-name" 
      x-model="name" 
      class="form-control" 
      placeholder="e.g. Somchai Prasert, VP of Product"
      required
    >
    <template x-if="errors.name">
      <div class="form-error" x-text="errors.name"></div>
    </template>
  </div>

  <div class="form-group">
    <label for="contact-email" class="form-label">Corporate Email Address *</label>
    <input 
      type="email" 
      id="contact-email" 
      x-model="email" 
      class="form-control" 
      placeholder="name@company.com"
      required
    >
    <template x-if="errors.email">
      <div class="form-error" x-text="errors.email"></div>
    </template>
  </div>

  <div class="form-group">
    <label for="contact-service" class="form-label">Desired Advisory Practice Area</label>
    <select id="contact-service" x-model="service" class="form-control">
      <option value="Flagship Retention Measurement Audit">Flagship Retention Measurement Audit (3 Weeks)</option>
      <option value="Cohort Tracking Architecture Design">Cohort Tracking Architecture Design (2 Weeks)</option>
      <option value="Telemetry Event & Schema Audit">Telemetry Event & Schema Audit (1.5 Weeks)</option>
      <option value="App Churn Diagnostic Study">App Churn Diagnostic Study (2.5 Weeks)</option>
      <option value="Custom Multi-Platform Audit">Custom Multi-Platform Audit Inquiry</option>
    </select>
  </div>

  <div class="grid-2" style="gap: 1rem;">
    <div class="form-group">
      <label for="contact-app-type" class="form-label">Mobile Platform Stack</label>
      <select id="contact-app-type" x-model="appType" class="form-control">
        <option value="Native iOS (Swift) & Android (Kotlin)">Native iOS & Android</option>
        <option value="React Native Cross-Platform">React Native</option>
        <option value="Flutter Cross-Platform">Flutter</option>
        <option value="Unity Mobile Client">Unity Engine</option>
        <option value="Other Multi-Platform">Other Hybrid</option>
      </select>
    </div>

    <div class="form-group">
      <label for="contact-mau" class="form-label">Active User Scale (MAU)</label>
      <select id="contact-mau" x-model="monthlyActiveUsers" class="form-control">
        <option value="Under 50,000 MAU">Under 50,000 MAU</option>
        <option value="50,000 - 250,000 MAU">50,000 - 250,000 MAU</option>
        <option value="250,000 - 1,000,000 MAU">250,000 - 1,000,000 MAU</option>
        <option value="1,000,000+ MAU">1,000,000+ MAU</option>
      </select>
    </div>
  </div>

  <div class="form-group">
    <label for="contact-message" class="form-label">Telemetry Challenge & Audit Goals *</label>
    <textarea 
      id="contact-message" 
      x-model="message" 
      rows="4" 
      class="form-control" 
      placeholder="Briefly describe your current event tracking pipeline, key metrics of concern, or recent discrepancies observed in cohort curves..."
      required
    ></textarea>
    <template x-if="errors.message">
      <div class="form-error" x-text="errors.message"></div>
    </template>
  </div>

  <button 
    type="submit" 
    class="btn btn-primary" 
    style="width: 100%;" 
    :disabled="loading"
  >
    <span x-show="!loading">Submit Scoping Inquiry</span>
    <span x-show="loading" style="display: none;">Verifying & Dispatching...</span>
  </button>

  <!-- Inline Status Messages -->
  <template x-if="submitted && submitSuccess">
    <div class="form-status-box form-status-success" x-text="statusMessage"></div>
  </template>
  <template x-if="submitted && !submitSuccess && statusMessage">
    <div class="form-status-box form-status-error" x-text="statusMessage"></div>
  </template>
</form>