---
layout: default
title: Contact Us - SinAI Inc
description: Get in touch with SinAI Inc for product information, partnerships, and innovative technology collaborations.
keywords: SinAI Inc, contact, SaaS platform, subscription product, partnerships, technology collaboration
canonical: https://sinai-inc.com/contact
pageClass: contact-page
---

<!-- Hero section with glassmorphism and liquid effects -->
<section class="contact-hero py-5 position-relative overflow-hidden">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-10">
        <!-- Header with liquid card effect -->
        <div class="text-center mb-5 liquid-card">
          <h1 class="display-4 fw-bold mb-3">
            <span class="hero-gradient-text animate-gradient">Get in Touch</span>
          </h1>
          <p class="lead">We'd love to hear from you. Learn about our SaaS products and partnerships.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="container py-5">
  <div class="row justify-content-center">
    <div class="col-lg-8">
      <!-- AI Assistant Notice with glassmorphism -->
      <div class="glass-panel mb-4 p-4 d-flex align-items-center">
        <i class="bi bi-robot me-3 fs-3 text-primary"></i>
        <div>
          <strong class="d-block mb-1">Quick Questions?</strong>
          <span class="text-muted">Try our AI assistant in the bottom-right corner for instant answers about our platforms and services.</span>
        </div>
      </div>

      <!-- Contact Form Card with enhanced glassmorphism -->
      <div class="glass-card liquid-card shadow-lg">
        <div class="card-body p-4 p-md-5">
          <form id="contact-form" class="needs-validation" novalidate>
            <!-- Contact Type -->
            <div class="mb-4">
              <label for="contact-type" class="form-label">I'm interested in</label>
              <select id="contact-type" name="contactType" class="form-select" required>
                <option value="">Select an option...</option>
                <option value="general">General Inquiry</option>
                <option value="partnership">Partnership Opportunity</option>
                <option value="product">Product Information</option>
                <option value="support">Technical Support</option>
                <option value="investment">Investment Interest</option>
                <option value="press">Press & Media</option>
              </select>
              <div class="invalid-feedback">Please select a contact type.</div>
            </div>

            <!-- Name -->
            <div class="mb-4">
              <label for="contact-name" class="form-label">Your Name</label>
              <input type="text" id="contact-name" name="name" class="form-control" required autocomplete="name" minlength="2" maxlength="100">
              <div class="invalid-feedback">Please provide your name (2-100 characters).</div>
            </div>

            <!-- Email -->
            <div class="mb-4">
              <label for="contact-email" class="form-label">Email Address</label>
              <input type="email" id="contact-email" name="email" class="form-control" required autocomplete="email" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}">
              <div class="invalid-feedback">Please provide a valid email address.</div>
            </div>

            <!-- Company (Optional) -->
            <div class="mb-4">
              <label for="contact-company" class="form-label">Company <span class="text-muted">(Optional)</span></label>
              <input type="text" id="contact-company" name="company" class="form-control" autocomplete="organization" maxlength="100">
            </div>

            <!-- Message -->
            <div class="mb-4">
              <label for="contact-message" class="form-label">Message</label>
              <textarea id="contact-message" name="message" rows="5" class="form-control" required minlength="10" maxlength="2000"></textarea>
              <div class="form-text">Please provide details about your inquiry (10-2000 characters).</div>
              <div class="invalid-feedback">Message must be between 10 and 2000 characters.</div>
            </div>

            <!-- Privacy Consent -->
            <div class="mb-4">
              <div class="form-check">
                <input class="form-check-input" type="checkbox" id="privacy-consent" required>
                <label class="form-check-label" for="privacy-consent">
                  I agree to the <a href="/privacy/" target="_blank" class="text-decoration-none">Privacy Policy</a> and consent to my information being used to respond to my inquiry.
                </label>
                <div class="invalid-feedback">You must agree to our privacy policy to continue.</div>
              </div>
            </div>

            <!-- Submit Button -->
            <div class="d-grid gap-2">
              <button type="submit" id="submit-btn" class="btn btn-primary btn-lg">
                <i class="bi bi-send me-2"></i>Send Message
              </button>
            </div>

            <!-- Status Messages -->
            <div id="form-status" class="mt-4" style="display: none;"></div>
          </form>
        </div>
      </div>

      <!-- Alternative Contact Methods -->
      <div class="row mt-5 g-4">
        <div class="col-md-6">
          <div class="card glass-panel h-100">
            <div class="card-body text-center">
              <i class="bi bi-envelope fs-1 text-primary mb-3"></i>
              <h3 class="h5">Email</h3>
              <p class="text-muted mb-2">support@sinai-inc.com</p>
              <small class="text-muted">Response within 24 hours</small>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="card glass-panel h-100">
            <div class="card-body text-center">
              <i class="bi bi-chat-dots fs-1 text-success mb-3"></i>
              <h3 class="h5">AI Assistant</h3>
              <p class="text-muted mb-2">Instant answers 24/7</p>
              <small class="text-muted">Powered by EDAAI Agents</small>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- Contact Form JavaScript -->
<script>
(function() {
  'use strict';

  const form = document.getElementById('contact-form');
  const submitBtn = document.getElementById('submit-btn');
  const statusDiv = document.getElementById('form-status');

  // Get API endpoint based on environment
  function getApiEndpoint() {
    const hostname = location.hostname;
    if (hostname === 'sinai-inc.com' || hostname === 'www.sinai-inc.com') {
      return 'https://api.sinai-inc.com/api/contact';
    } else if (hostname === 'sinai.localhost' || hostname === 'localhost' || hostname === '127.0.0.1') {
      return 'http://sinai-api.localhost/api/contact';
    }
    return '/api/contact';
  }

  // Generate CSRF token
  function generateCsrfToken() {
    const array = new Uint8Array(32);
    crypto.getRandomValues(array);
    return Array.from(array, byte => byte.toString(16).padStart(2, '0')).join('');
  }

  // Store CSRF token in sessionStorage
  let csrfToken = sessionStorage.getItem('csrf_token');
  if (!csrfToken) {
    csrfToken = generateCsrfToken();
    sessionStorage.setItem('csrf_token', csrfToken);
  }

  // Show status message
  function showStatus(message, type = 'info') {
    statusDiv.innerHTML = `
      <div class="alert alert-${type} alert-dismissible fade show" role="alert">
        ${type === 'success' ? '<i class="bi bi-check-circle me-2"></i>' : ''}
        ${type === 'danger' ? '<i class="bi bi-exclamation-triangle me-2"></i>' : ''}
        ${type === 'warning' ? '<i class="bi bi-exclamation-circle me-2"></i>' : ''}
        ${message}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    `;
    statusDiv.style.display = 'block';
    statusDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
  }

  // Form submission
  form.addEventListener('submit', async function(e) {
    e.preventDefault();
    e.stopPropagation();

    // Validate form
    if (!form.checkValidity()) {
      form.classList.add('was-validated');
      return;
    }

    // Disable submit button
    submitBtn.disabled = true;
    submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>Sending...';

    // Collect form data
    const formData = {
      contactType: document.getElementById('contact-type').value,
      name: document.getElementById('contact-name').value.trim(),
      email: document.getElementById('contact-email').value.trim(),
      company: document.getElementById('contact-company').value.trim(),
      message: document.getElementById('contact-message').value.trim(),
      timestamp: new Date().toISOString(),
      source: 'website_contact_form',
      userAgent: navigator.userAgent
    };

    try {
      const response = await fetch(getApiEndpoint(), {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'X-CSRF-Token': csrfToken,
          'X-Requested-With': 'XMLHttpRequest'
        },
        body: JSON.stringify(formData)
      });

      const result = await response.json();

      if (response.ok) {
        showStatus(
          '<strong>Thank you!</strong> Your message has been received. We\'ll get back to you within 24 hours.',
          'success'
        );
        form.reset();
        form.classList.remove('was-validated');
        
        // Track successful submission (if analytics is available)
        if (typeof gtag === 'function') {
          gtag('event', 'form_submission', {
            event_category: 'contact',
            event_label: formData.contactType,
            value: 1
          });
        }
      } else {
        throw new Error(result.detail || result.message || 'Submission failed');
      }
    } catch (error) {
      console.error('Contact form error:', error);
      showStatus(
        '<strong>Oops!</strong> There was a problem sending your message. Please try again or email us directly at <a href="mailto:support@sinai-inc.com" class="alert-link">support@sinai-inc.com</a>.',
        'danger'
      );
    } finally {
      // Re-enable submit button
      submitBtn.disabled = false;
      submitBtn.innerHTML = '<i class="bi bi-send me-2"></i>Send Message';
    }
  });

  // Real-time validation feedback
  const inputs = form.querySelectorAll('input, textarea, select');
  inputs.forEach(input => {
    input.addEventListener('blur', function() {
      if (form.classList.contains('was-validated')) {
        this.classList.add('was-validated');
      }
    });
  });
})();
</script>