https://biomate.ai/contact.html?topic=walkthrough

1<!doctype html>
2<html lang="en" data-palette="default" data-type="default" data-density="cozy">
3<head>
4  <meta charset="utf-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1" />
6  <title>Contact BioMate AI | Scientific Support &amp; Partnerships</title>
7  <meta name="description" content="Contact BioMate AI for sales inquiries, research partnerships, or scientific collaboration. Reach our expert team at [email protected]." />
8  <link rel="canonical" href="https://biomate.ai/contact.html" />
9  <link rel="alternate" type="text/plain" title="LLM-readable site index" href="https://biomate.ai/llms.txt" />
10  <meta property="og:type" content="website" />
11  <meta property="og:title" content="Contact BioMate AI | Scientific Support &amp; Partnerships" />
12  <meta property="og:description" content="Contact BioMate AI for sales inquiries, research partnerships, or scientific collaboration. Reach our expert team at [email protected]." />
13  <meta property="og:url" content="https://biomate.ai/contact.html" />
14  <meta property="og:image" content="https://biomate.ai/assets/logo.png" />
15  <meta property="og:site_name" content="BioMate AI" />
16  <meta name="twitter:card" content="summary_large_image" />
17  <meta name="twitter:title" content="Contact BioMate AI | Scientific Support &amp; Partnerships" />
18  <meta name="twitter:description" content="Contact BioMate AI for sales inquiries, research partnerships, or scientific collaboration. Reach our expert team at [email protected]." />
19  <link rel="stylesheet" href="fonts/fonts.css" />
20  <link rel="stylesheet" href="styles.css" />
21  <style>
22    .bm-contact-grid {
23      display: grid; grid-template-columns: 1fr 1.4fr;
24      gap: clamp(2.5rem, 5vw, 5rem); align-items: start;
25      max-width: var(--maxw); margin: 0 auto;
26      padding: clamp(3rem,7vw,6rem) clamp(1rem,5vw,2.5rem);
27    }
28    @media(max-width:760px){ .bm-contact-grid { grid-template-columns:1fr; } }
29
30    .bm-contact-info { position: sticky; top: calc(var(--nav-h) + 2rem); }
31    .bm-contact-info h1 { margin-top: 1rem; margin-bottom: 1.25rem; }
32    .bm-contact-info .bm-lead { margin-bottom: 2rem; }
33
34    .bm-contact-channels { display: flex; flex-direction: column; gap: .75rem; margin-top: 2rem; }
35    .bm-contact-channel {
36      display: flex; align-items: center; gap: 1rem;
37      background: var(--bg-2); border: 1px solid var(--border);
38      border-radius: 10px; padding: 1rem 1.25rem; text-decoration: none;
39      transition: border-color .15s, box-shadow .15s;
40    }
41    .bm-contact-channel:hover { border-color: var(--accent-tint2); box-shadow: var(--shadow-md); }
42    .bm-contact-channel-icon {
43      width: 36px; height: 36px; border-radius: 8px;
44      background: var(--accent-tint); display: flex; align-items: center; justify-content: center;
45      flex-shrink: 0;
46    }
47    .bm-contact-channel-icon svg { width: 18px; height: 18px; stroke: var(--accent-2); }
48    .bm-contact-channel-body { min-width: 0; }
49    .bm-contact-channel-label { font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-faint); }
50    .bm-contact-channel-value { font-size: .95rem; font-weight: 500; color: var(--text); }
51
52    /* Form */
53    .bm-contact-form {
54      background: var(--bg); border: 1px solid var(--border);
55      border-radius: 16px; padding: clamp(1.5rem,3vw,2.5rem);
56      box-shadow: var(--shadow-sm);
57    }
58    .bm-contact-form h2 { font-size: 1.3rem; margin-bottom: 1.75rem; color: var(--text); }
59    .bm-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
60    @media(max-width:520px){ .bm-form-row { grid-template-columns:1fr; } }
61    .bm-field { display: flex; flex-direction: column; gap: .4rem; margin-bottom: 1.1rem; }
62    .bm-field label { font-size: .82rem; font-weight: 600; color: var(--text-muted); }
63    .bm-field input, .bm-field select, .bm-field textarea {
64      padding: 10px 13px; border-radius: 8px;
65      border: 1px solid var(--border); background: var(--bg);
66      font-family: var(--font-body); font-size: .92rem; color: var(--text);
67      transition: border-color .15s, box-shadow .15s;
68      width: 100%;
69    }
70    .bm-field input:focus, .bm-field select:focus, .bm-field textarea:focus {
71      outline: none; border-color: var(--accent);
72      box-shadow: 0 0 0 3px var(--accent-tint);
73    }
74    .bm-field textarea { resize: vertical; min-height: 120px; }
75    .bm-form-submit { margin-top: .5rem; }
76    .bm-form-note { font-size: .8rem; color: var(--text-faint); margin-top: .75rem; }
77
78    /* Success state */
79    #cf-success { display: none; text-align: center; padding: 2.5rem 1.5rem; }
80    #cf-success .cf-success-icon {
81      width: 56px; height: 56px; border-radius: 50%;
82      background: #d1fae5; display: flex; align-items: center; justify-content: center;
83      margin: 0 auto 1.25rem;
84    }
85    #cf-success .cf-success-icon svg { width: 28px; height: 28px; stroke: #059669; }
86    #cf-success h3 { font-size: 1.2rem; font-weight: 700; color: var(--text); margin-bottom: .5rem; }
87    #cf-success p { font-size: .92rem; color: var(--text-muted); line-height: 1.6; }
88
89    /* Error banner */
90    #cf-error {
91      display: none; background: #fef2f2; border: 1px solid #fca5a5;
92      border-radius: 8px; padding: .75rem 1rem; margin-bottom: 1rem;
93      font-size: .88rem; color: #b91c1c;
94    }
95
96    /* Button spinner */
97    .cf-spinner {
98      display: none; width: 16px; height: 16px;
99      border: 2px solid rgba(255,255,255,.4); border-top-color: #fff;
100      border-radius: 50%; animation: cf-spin .7s linear infinite;
101      margin-right: .5rem; vertical-align: middle;
102    }

103    @keyframes cf-spin { to { transform: rotate(360deg); } }
104    .cf-loading .cf-spinner { display: inline-block; }
105    .cf-loading .bm-btn-arrow { display: none; }
106  </style>
107  <!-- Google tag (gtag.js) -->

107
108  <script async src="https://www.googletagmanager.com/gtag/js?id=

108G-65JDDPEDQ5

108"></script>
109  

109<script>
110    

110window.dataLayer = window.dataLayer || [];
111    function gtag(){dataLayer.push(arguments);}
112    gtag('js', new Date());
113    gtag('config', '

113G-65JDDPEDQ5

113');
114  

114</script>

114
115  

115<script type="application/ld+json">
116  {
117    "@context": "https://schema.org",
118    "@graph": [
119      {
120        "@type": "BreadcrumbList",
121        "itemListElement": [
122          { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://biomate.ai/" },
123          { "@type": "ListItem", "position": 2, "name": "Contact", "item": "https://biomate.ai/contact.html" }
124        ]
125      },
126      {
127        "@type": "FAQPage",
128        "mainEntity": [
129          {
130            "@type": "Question",
131            "name": "How do I contact BioMate AI for sales or enterprise pricing?",
132            "acceptedAnswer": {
133              "@type": "Answer",
134              "text": "Contact BioMate AI at [email protected]. For enterprise pricing, private VPC deployment, HIPAA BAA inquiries, or research partnerships, use the contact form on this page or email directly. The team responds within one business day."
135            }
136          },
137          {
138            "@type": "Question",
139            "name": "Does BioMate AI offer a free trial?",
140            "acceptedAnswer": {
141              "@type": "Answer",
142              "text": "Yes. BioMate AI offers a free tier with no credit card required — register at biomate.ai/register. The free tier includes access to the platform's core workflow library with usage limits. Pro and Enterprise plans unlock higher compute limits, private storage, and priority support."
143            }
144          },
145          {
146            "@type": "Question",
147            "name": "Does BioMate AI support academic research institutions?",
148            "acceptedAnswer": {
149              "@type": "Answer",
150              "text": "Yes. BioMate AI works with academic medical centers, research universities, and core facilities. Academic pricing is available — contact [email protected] to discuss institutional licensing. The free tier is available to all researchers without institutional approval."
151            }
152          }
153        ]
154      }
155    ]
156  }
157  </script>

157
158</head>
159<body>
160
161  <div id="bm-nav"></div>
162
163  <div class="bm-contact-grid">
164
165    <!-- Left: info -->
166    <div class="bm-contact-info bm-anim-up">
167      <span class="bm-eyebrow">Get in touch</span>
168      <h1 class="bm-h1">We'd like to hear from you.</h1>
169      <p class="bm-lead">Questions about what BioMate does, enterprise pricing, a pilot program, or scientific collaboration — reach out and a person will respond.</p>
170
171      <div class="bm-contact-channels">
172        <a href="mailto:[email protected]" class="bm-contact-channel">
173          <div class="bm-contact-channel-icon">
174            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><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"/><polyline points="22,6 12,13 2,6"/></svg>
175          </div>
176          <div class="bm-contact-channel-body">
177            <div class="bm-contact-channel-label">Email</div>
178            <div class="bm-contact-channel-value">[email protected]</div>
179          </div>
180        </a>
181      </div>
182
183      <div style="margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border);">
184        <p style="font-size:.88rem;color:var(--text-muted);line-height:1.6;">
185          <strong style="color:var(--text);">Enterprise &amp; CRO inquiries</strong><br />
186          For pharma, biotech, and CRO partnerships — including custom workflow development, volume pricing, and IND nonclinical package support — please use the form or email directly. We typically respond within one business day.
187        </p>
188      </div>
189    </div>
190
191    <!-- Right: form -->
192    <div class="bm-contact-form bm-anim-up-d1">
193      <h2>Send us a message</h2>
194
195      <!-- Success confirmation (shown after submit) -->
196      <div id="cf-success">
197        <div class="cf-success-icon">
198          <svg viewBox="0 0 24 24" fill="none" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
199            <polyline points="20 6 9 17 4 12"/>
200          </svg>
201        </div>
202        <h3>Message sent!</h3>
203        <p>Thanks for reaching out. A member of our team will get back to you within one business day.</p>
204      </div>
205
206      <!-- Error banner -->
207      <div id="cf-error">
208        Something went wrong — please try again or email us directly at <a href="mailto:[email protected]" style="color:inherit;text-decoration:underline;">[email protected]</a>.
209      </div>
210
211      <!-- Contact form (Formspree: xlgvqqvz) -->
212      <form id="cf-form" novalidate>
213        <div class="bm-form-row">
214          <div class="bm-field">
215            <label for="cf-name">Name</label>
216            <input type="text" id="cf-name" name="name" placeholder="Your name" required />
217          </div>
218          <div class="bm-field">
219            <label for="cf-email">Work email</label>
220            <input type="email" id="cf-email" name="email" placeholder="[email protected]" required />
221          </div>
222        </div>
223        <div class="bm-field">
224          <label for="cf-org">Organization</label>
225          <input type="text" id="cf-org" name="organization" placeholder="Company, university, or CRO" />
226        </div>
227        <div class="bm-field">
228          <label for="cf-phone">Phone <span style="font-weight:400;color:var(--text-2);">(optional)</span></label>
229          <input type="tel" id="cf-phone" name="phone" placeholder="+1 (555) 000-0000" />
230        </div>
231        <div class="bm-field">
232          <label for="cf-topic">Topic</label>
233          <input type="text" id="cf-topic" name="topic" placeholder="Your topic or question" />
234        </div>
235        <div class="bm-field">
236          <label for="cf-message">Message</label>
237          <textarea id="cf-message" name="message" placeholder="Tell us what you're working on or what you'd like to know&#8230;"></textarea>
238        </div>
239        <div class="bm-form-submit">
240          <button type="submit" id="cf-submit" class="bm-btn bm-btn-primary bm-btn-lg" style="width:100%;justify-content:center;">
241            <span class="cf-spinner"></span>
242            Send message <span class="bm-btn-arrow">&rarr;</span>
243          </button>
244        </div>
245        <p class="bm-form-note">We don't share your information with third parties.</p>
246      </form>
247    </div>
248
249  </div>
250
251  <div id="bm-foot"></div>
252  

252<script src="shell.js?v=20260609b"></script>

252
253  

253<script>renderShell({ active: 'contact', cta: false });</script>

253
254  

254<script>
255    (function () {
256      // Pre-fill topic from URL ?topic= parameter
257      var params = new URLSearchParams(window.location.search);
258      var topicParam = params.get('topic');
259      if (topicParam) {
260        var topicEl = document.getElementById('cf-topic');
261        if (topicEl) topicEl.value = topicParam;
262      }
263
264      var FORMSPREE_ENDPOINT = 'https://formspree.io/f/xlgvqqvz';
265      var form   = document.getElementById('cf-form');
266      var btn    = document.getElementById('cf-submit');
267      var errEl  = document.getElementById('cf-error');
268      var succEl = document.getElementById('cf-success');
269
270      form.addEventListener('submit', function (e) {
271        e.preventDefault();
272        if (!form.checkValidity()) { form.reportValidity(); return; }
273
274        btn.classList.add('cf-loading');
275        btn.disabled = true;
276        errEl.style.display = 'none';
277
278        var data = {
279          name:         form.querySelector('[name=name]').value,
280          email:        form.querySelector('[name=email]').value,
281          organization: form.querySelector('[name=organization]').value,
282          phone:        form.querySelector('[name=phone]').value,
283          topic:        form.querySelector('[name=topic]').value,
284          message:      form.querySelector('[name=message]').value
285        };
286
287        fetch(FORMSPREE_ENDPOINT, {
288          method: 'POST',
289          headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' },
290          body: JSON.stringify(data)
291        })
292        .then(function (res) {
293          if (res.ok) {
294            form.style.display = 'none';
295            succEl.style.display = 'block';
296          } else {
297            throw new Error('server');
298          }
299        })
300        .catch(function () {
301          errEl.style.display = 'block';
302          btn.classList.remove('cf-loading');
303          btn.disabled = false;
304        });
305      });
306    }());
307  </script>

307
308
309</body>
310</html>