Text

<h2 style="white-space:pre-line">Accelerate AI Innovation Here SkyNet AI</h2>Located in the heart of Atlanta, GA, SkyNet AI is an innovative startup accelerator dedicated to nurturing the next generation of artificial intelligence enterprises. We provide aspiring AI businesses with the crucial resources, mentorship, and connections needed to thrive in a competitive landscape. Our team of seasoned industry professionals is committed to fostering a dynamic ecosystem where cutting-edge ideas transform into successful ventures.

Embed

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Contact Form</title>
  <style>
    :root { color-scheme: light; }
    body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; padding: 24px; background: #f7f7f8; }
    .card { max-width: 640px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
    h1 { font-size: 20px; margin: 0 0 14px; }
    p.sub { margin: 0 0 18px; color: #555; }
    label { display: block; font-weight: 600; margin: 14px 0 6px; }
    input, textarea, select {
      width: 100%;
      box-sizing: border-box;
      padding: 10px 12px;
      border: 1px solid #d8d8dc;
      border-radius: 10px;
      font-size: 14px;
      background: #fff;
    }
    textarea { min-height: 120px; resize: vertical; }
    .row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    @media (max-width: 640px) { .row { grid-template-columns: 1fr; } }
    fieldset { border: 1px solid #e5e5ea; border-radius: 12px; padding: 14px; margin: 18px 0; }
    legend { font-weight: 700; padding: 0 6px; }
    .checks { display: grid; gap: 10px; margin-top: 8px; }
    .check {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 10px;
      align-items: start;
    }
    .check input { width: 18px; height: 18px; margin-top: 2px; }
    .fineprint { font-size: 12px; color: #666; line-height: 1.35; margin-top: 10px; }
    .actions { display: flex; gap: 10px; margin-top: 14px; }
    button {
      border: 0;
      border-radius: 10px;
      padding: 10px 14px;
      font-weight: 700;
      cursor: pointer;
    }
    button[type="submit"] { background: #111827; color: #fff; }
    button[type="reset"] { background: #e5e7eb; color: #111827; }
    .required::after { content: " *"; color: #b00020; }
    .hidden { display: none; }
  </style>
</head>
<body>
  <main class="card">
    <h1>Contact Us</h1>
    <p class="sub">Fill out the form below and choose how you'd like us to reach you.</p>

    <form action="/contact" method="post" id="contactForm" novalidate>
      <div class="row">
        <div>
          <label class="required" for="fullName">Full name</label>
          <input id="fullName" name="full_name" autocomplete="name" required />
        </div>

        <div>
          <label class="required" for="email">Email</label>
          <input id="email" name="email" type="email" autocomplete="email" required />
        </div>
      </div>

      <div class="row">
        <div>
          <label class="required" for="phone">Phone</label>
          <input id="phone" name="phone" type="tel" autocomplete="tel" inputmode="tel" required
                 placeholder="e.g., +1 212 555 0100" />
        </div>

        <div>
          <label for="preferredTime">Preferred contact time</label>
          <select id="preferredTime" name="preferred_contact_time">
            <option value="">No preference</option>
            <option value="morning">Morning</option>
            <option value="afternoon">Afternoon</option>
            <option value="evening">Evening</option>
          </select>
        </div>
      </div>

      <label class="required" for="message">Message</label>
      <textarea id="message" name="message" required placeholder="How can we help?"></textarea>

      <fieldset>
        <legend>Phone outreach opt-in</legend>

        <div class="checks">
          <label class="check" for="optInAiCall">
            <input id="optInAiCall" name="opt_in_ai_call" type="checkbox" value="yes" />
            <span>
              <strong>Yes</strong>, you may contact me by <strong>AI-powered phone call</strong> at the number above.
            </span>
          </label>

          <label class="check" for="optInText">
            <input id="optInText" name="opt_in_text" type="checkbox" value="yes" />
            <span>
              <strong>Yes</strong>, you may contact me by <strong>text message (SMS)</strong> at the number above.
            </span>
          </label>
        </div>

        <p class="fineprint">
          By opting in, you agree we can reach out using the selected method(s). Message and data rates may apply.
          You can opt out at any time by replying STOP to texts (if enabled) or by requesting to be removed.
        </p>
      </fieldset>

      <div class="actions">
        <button type="submit">Send message</button>
        <button type="reset">Clear</button>
      </div>
    </form>
  </main>

  <script>
    // Optional: basic client-side validation that also ensures at least one phone opt-in is chosen
    // only if you want that requirement. If not, remove this script entirely.
    (function () {
      const form = document.getElementById("contactForm");
      const optAiCall = document.getElementById("optInAiCall");
      const optText = document.getElementById("optInText");

      form.addEventListener("submit", (e) => {
        // native required fields
        if (!form.checkValidity()) {
          e.preventDefault();
          form.reportValidity();
          return;
        }

        // If you want to REQUIRE one of the phone options, uncomment this block:
        /*
        if (!optAiCall.checked && !optText.checked) {
          e.preventDefault();
          alert("Please choose at least one phone outreach option (AI call or text).");
          return;
        }
        */
      });
    })();
  </script>
</body>
</html>