feat: ✨ add a tally contact form (#684)

megasanjay · sourcery-ai[bot] · web-flow · commit 848d2f8b4d3a · 2025-07-17T17:31:16.000-07:00
Co-authored-by: sourcery-ai[bot] &lt;58596630+sourcery-ai[bot]@users.noreply.github.com&gt;
diff --git a/package.json b/package.json
@@ -145,5 +145,8 @@
   "bugs": {
     "url": "https://github.com/fairdataihub/fairdataihub-website/issues/new/choose"
   },
-  "homepage": "https://fairdataihub.org"
+  "homepage": "https://fairdataihub.org", "volta": {
+    "node": "20.19.0",
+    "yarn": "1.22.22"
+  }
 }
diff --git a/src/pages/api/contact.ts b/src/pages/api/contact.ts
diff --git a/src/pages/contact-us.tsx b/src/pages/contact-us.tsx
@@ -1,9 +1,14 @@
-import ContactForm from '@/components/contact-us/contactForm';
+import Head from 'next/head';
+
 import Seo from '@/components/seo/seo';
 
 export default function ContactUs() {
   return (
     <>
+      <Head>
+        <script async src="https://tally.so/widgets/embed.js"></script>
+      </Head>
+
       <Seo
         templateTitle="Contact Us"
         templateDescription="Contact us for any questions, collobaration requests or comments about the Fair Data Innovations Hub"
@@ -28,12 +33,22 @@ export default function ContactUs() {
         </div>
 
         <section className="z-10 py-8">
-          <div className="container mx-auto w-screen max-w-screen-md rounded-lg bg-gray-50 px-10 py-12 shadow-lg">
+          <div className="container mx-auto w-screen max-w-screen-md rounded-lg bg-gray-50 px-10 pb-8 pt-12 shadow-lg">
             <h2 className="pb-5 pt-3 text-center text-3xl font-semibold sm:text-4xl">
               Let us know if you have any feedback or want to collaborate
             </h2>
 
-            <ContactForm />
+            <iframe
+              data-tally-src="https://tally.so/embed/mRqBLd?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1"
+              loading="lazy"
+              width="100%"
+              height="276"
+              title="AI-READI Contact Form"
+              aria-label="Contact form for feedback or collaboration"
+            >
+              Your browser does not support iframes, or iframes are disabled. 
+              Please visit <a href="https://tally.so/r/mRqBLd" target="_blank" rel="noopener noreferrer">this link</a> to access the contact form.
+            </iframe>
           </div>
         </section>
       </div>
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -348,3 +348,39 @@
   border-radius: 15px;
   border: 3px solid #ffffff;
 }
+
+.tally-page {
+  max-width: 1000px;
+}
+
+input[type='email']::placeholder {
+  text-align: center;
+}
+
+input[type='text']::placeholder {
+  text-align: center;
+}
+
+div[class*=' tally-block-input'] > div > div {
+  min-width: 100%;
+}
+
+.tally-submit-button {
+  display: flex;
+  justify-content: center;
+}
+
+.tally-block-multiple-choice-option {
+  display: flex;
+  justify-content: center;
+}
+
+.tally-block-label {
+  display: flex;
+  justify-content: center;
+}
+
+.tally-block-text {
+  display: flex;
+  justify-content: center;
+}
