Contact & Consultation Inquiries

Submit an Educational Inquiry

Fill out the form below to connect with our curriculum advisors.

<form 
  x-data="{
    name: '',
    email: '',
    serviceType: '1-on-1 Terminology Mentorship',
    message: '',
    loading: false,
    success: false,
    errorMessage: '',
    errors: {},
    validate() {
      this.errors = {};
      if (!this.name.trim()) this.errors.name = 'Please provide your name.';
      if (!this.email.trim() || !/^\S+@\S+\.\S+$/.test(this.email)) this.errors.email = 'Please enter a valid email address.';
      if (!this.message.trim() || this.message.trim().length < 10) this.errors.message = 'Please provide inquiry details (min 10 characters).';
      return Object.keys(this.errors).length === 0;
    },
    async submitForm() {
      if (!this.validate()) return;
      this.loading = true;
      this.errorMessage = '';
      try {
        const response = await fetch('/api/mock.json', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({
            name: this.name,
            email: this.email,
            serviceType: this.serviceType,
            message: this.message
          })
        });
        if (response.ok) {
          const data = await response.json();
          this.success = true;
        } else {
          this.errorMessage = 'Submission failed. Please check your information and retry.';
        }
      } catch (err) {
        this.errorMessage = 'Network error occurred. Please try again later.';
      } finally {
        this.loading = false;
      }
    }
  }"
  @submit.prevent="submitForm"
  novalidate
>
  <div x-show="success" x-cloak class="form-alert-success">
    <strong>Inquiry Sent!</strong> Thank you for reaching out to Dime Glossary Library. We have received your inquiry and will respond within 24 business hours.
  </div>

  <div x-show="errorMessage" x-cloak class="form-alert-error" x-text="errorMessage"></div>

  <div x-show="!success">
    <div class="form-group">
      <label class="form-label" for="contact-name">Your Full Name *</label>
      <input type="text" id="contact-name" class="form-control" x-model="name" placeholder="Prof. Jane Doe / Alex Smith">
      <span class="form-error" x-show="errors.name" x-text="errors.name"></span>
    </div>

    <div class="form-group">
      <label class="form-label" for="contact-email">Email Address *</label>
      <input type="email" id="contact-email" class="form-control" x-model="email" placeholder="jane.doe@university.edu">
      <span class="form-error" x-show="errors.email" x-text="errors.email"></span>
    </div>

    <div class="form-group">
      <label class="form-label" for="contact-service">Educational Area of Interest</label>
      <select id="contact-service" class="form-control" x-model="serviceType">
        <option value="1-on-1 Terminology Mentorship">1-on-1 Terminology Mentorship ($120/session)</option>
        <option value="Interactive Team Workshop">Interactive Team Workshop ($450/seminar)</option>
        <option value="Institutional Curriculum Design">Institutional Curriculum Design (Bespoke)</option>
        <option value="Technical Documentation Review">Technical Documentation Review (From $95)</option>
        <option value="General Lexicon / Research Question">General Lexicon / Research Question</option>
      </select>
    </div>

    <div class="form-group">
      <label class="form-label" for="contact-message">Message / Scope of Discussion *</label>
      <textarea id="contact-message" class="form-control" x-model="message" rows="5" placeholder="Describe your research context, specific questions regarding Dime or Web3 terminology, or target dates for consultation..."></textarea>
      <span class="form-error" x-show="errors.message" x-text="errors.message"></span>
    </div>

    <button type="submit" class="btn btn-primary btn-full" :disabled="loading">
      <span x-show="!loading">Send Educational Inquiry</span>
      <span x-show="loading" x-cloak>Transmitting...</span>
    </button>
  </div>
</form>