feat: embed a contact form

site/index.html

@@ -1709,6 +1709,25 @@
         </p>
       </section>
 
+      <!--
+          MARK: Contact Form
+      -->
+      <section class="card fade-in" style="text-align: center; background: var(--witch-lavender);" role="region" aria-labelledby="contact-form">
+        <h2 id="contact-form" style="margin-top: 0;"><i class="fas fa-envelope" aria-hidden="true"></i> Get In Touch</h2>
+        <p style="font-size: 1.1rem; max-width: 600px; margin: 0 auto 1.5rem;">
+          Have a question, want to work together, or just want to say hello? Fill out the form below and we'll get back to you!
+        </p>
+        <div style="display: flex; justify-content: center; border-radius: 12px; background: var(--witch-moon); padding: 1rem; max-width: 680px; margin: 0 auto; height: 600px; overflow: hidden;">
+          <iframe
+            style="border: none; width: 100%; max-width: 640px; height: 100%;"
+            src="https://forms.nhcarrigan.com/o/docs/forms/8XTPmbrFtvDJAKSPgBgsvA/4"
+            title="Contact Form"
+            loading="lazy"
+            scrolling="yes"
+          ></iframe>
+        </div>
+      </section>
+
       <!--
           MARK: Final CTA
       -->