Consultation & Intake Office

We welcome technical inquiries from mobile and web application teams seeking independent telemetry audits, event schema refactoring, and user engagement scoring models.

<div style="margin: 2rem 0; padding: 1.5rem; background: var(--bg-dark-surface); border: 1px solid rgba(139, 92, 246, 0.25); border-radius: 6px;">
  <h3 style="font-size: 1.1rem; margin-bottom: 1rem; color: var(--silver-100);">Surat Thani Office</h3>
  
  <div class="footer-contact-item" style="margin-bottom: 1rem;">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 20px; height: 20px; color: var(--accent-cyan-light); flex-shrink: 0; margin-top: 2px;">
      <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
      <circle cx="12" cy="10" r="3"></circle>
    </svg>
    <span style="font-size: 0.95rem; color: var(--silver-200);">Office 9, 36 Demo Road, Surat Thani 00000</span>
  </div>

  <div class="footer-contact-item" style="margin-bottom: 1rem;">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 20px; height: 20px; color: var(--accent-cyan-light); flex-shrink: 0; margin-top: 2px;">
      <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
    </svg>
    <span style="font-size: 0.95rem; color: var(--silver-200);">+66 77 000 430</span>
  </div>

  <div class="footer-contact-item">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 20px; height: 20px; color: var(--accent-cyan-light); flex-shrink: 0; margin-top: 2px;">
      <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
      <polyline points="22,6 12,13 2,6"></polyline>
    </svg>
    <a href="mailto:info@future-orbithub.click" style="font-size: 0.95rem; color: var(--accent-cyan-light);">info@future-orbithub.click</a>
  </div>
</div>

<div style="padding: 1.25rem; background: rgba(8, 10, 16, 0.6); border-left: 3px solid var(--accent-cyan); border-radius: 0 4px 4px 0;">
  <h4 style="font-size: 0.95rem; margin-bottom: 0.35rem; color: var(--silver-100);">Response Time Expectation</h4>
  <p style="font-size: 0.88rem; color: var(--silver-400); margin-bottom: 0;">
    Our senior consulting staff reviews all inquiries directly. You will receive a technical response and initial questionnaire within <strong>1 to 2 business days</strong>.
  </p>
</div>

Request Diagnostic Scope

  <!-- Success Notification State -->
  <div 
    class="form-status form-status-success" 
    x-show="submitSuccess" 
    x-transition
    style="display: none;"
  >
    <strong style="display: block; margin-bottom: 0.25rem;">Thank You. Your Request Was Transmitted.</strong>
    <span>Our practice lead will review your application telemetry profile and contact you within 1–2 business days with preliminary scope guidance.</span>
  </div>

  <!-- Error Notification State -->
  <div 
    class="form-status form-status-error" 
    x-show="submitError" 
    x-transition
    style="display: none;"
  >
    <strong style="display: block; margin-bottom: 0.25rem;">Transmission Error</strong>
    <span x-text="errorMessage"></span>
  </div>

  <!-- Form Body -->
  <form @submit.prevent="submitForm" x-show="!submitSuccess">
    <div class="form-group">
      <label class="form-label" for="fullName">Full Name *</label>
      <input 
        type="text" 
        id="fullName" 
        class="form-input" 
        placeholder="e.g. Alex Morgan"
        x-model="formData.fullName"
      >
      <span class="form-error-msg" x-show="errors.fullName" x-text="errors.fullName"></span>
    </div>

    <div class="form-group">
      <label class="form-label" for="workEmail">Work / Corporate Email *</label>
      <input 
        type="email" 
        id="workEmail" 
        class="form-input" 
        placeholder="alex@company.com"
        x-model="formData.workEmail"
      >
      <span class="form-error-msg" x-show="errors.workEmail" x-text="errors.workEmail"></span>
    </div>

    <div class="form-group">
      <label class="form-label" for="serviceChoice">Selected Practice Area</label>
      <select id="serviceChoice" class="form-select" x-model="formData.serviceChoice">
        <option value="engagement-scoring-audit">Full Engagement Scoring Audit (Flagship)</option>
        <option value="cohort-retention-modeling">Cohort Retention Curve & Decay Modeling</option>
        <option value="telemetry-instrumentation-advisory">Telemetry Instrumentation & Schema Advisory</option>
        <option value="in-app-churn-diagnostics">In-App Churn & Drop-Off Diagnostics</option>
        <option value="custom-consultation">Custom Telemetry Diagnostic</option>
      </select>
    </div>

    <div class="form-group">
      <label class="form-label" for="monthlyActiveUsers">Approximate Monthly Active Users (MAU)</label>
      <select id="monthlyActiveUsers" class="form-select" x-model="formData.monthlyActiveUsers">
        <option value="under-10k">&lt; 10,000 MAU</option>
        <option value="10k-100k">10,000 – 100,000 MAU</option>
        <option value="100k-1m">100,000 – 1,000,000 MAU</option>
        <option value="1m-plus">1,000,000+ MAU</option>
      </select>
    </div>

    <div class="form-group">
      <label class="form-label" for="projectScope">App Context & Telemetry Challenges *</label>
      <textarea 
        id="projectScope" 
        class="form-textarea" 
        placeholder="Briefly describe your app type (e.g. iOS/Android fin-tech, web collaboration), current analytics tracking setup, and your primary engagement measurement questions."
        x-model="formData.projectScope"
      ></textarea>
      <span class="form-error-msg" x-show="errors.projectScope" x-text="errors.projectScope"></span>
    </div>

    <button 
      type="submit" 
      class="btn btn-primary" 
      style="width: 100%;"
      :disabled="isSubmitting"
    >
      <span x-show="!isSubmitting">Submit Diagnostic Inquiry</span>
      <span x-show="isSubmitting" style="display: none;">Transmitting Brief...</span>
    </button>
  </form>
</div>