✨ feat: add a contact form

fairdataihub · Jul 4, 2024 · fe5851e · fe5851e
1 parent edbf96b
commit fe5851e
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 3 deletions.
diff --git a/ui/layouts/default.vue b/ui/layouts/default.vue
@@ -266,5 +266,22 @@ const toggleMobileMenu = () => {
         </div>
       </div>
     </footer>
+
+    <div class="fixed bottom-6 right-6 z-30">
+      <n-button
+        strong
+        circle
+        type="info"
+        size="large"
+        data-tally-open="3E0dao"
+        data-tally-overlay="1"
+        data-tally-emoji-text="👋"
+        data-tally-emoji-animation="tada"
+      >
+        <template #icon>
+          <Icon name="material-symbols:contact-support" size="25" />
+        </template>
+      </n-button>
+    </div>
   </div>
 </template>
diff --git a/ui/nuxt.config.ts b/ui/nuxt.config.ts
@@ -15,6 +15,10 @@ export default defineNuxtConfig({
           "data-website-id": "80e10200-5878-4adb-9a9e-ac0f23cb1f33",
           src: "https://umami.fairdataihub.org/mushroom",
         },
+        {
+          async: true,
+          src: "https://tally.so/widgets/embed.js",
+        },
       ],
     },
     layoutTransition: { name: "layout", mode: "out-in" },

diff --git a/ui/pages/codefair.vue b/ui/pages/codefair.vue
@@ -43,7 +43,7 @@
             >
           </div>
 
-          <div class="flex-2 my-4 flex flex-row self-center">
+          <n-flex justify="space-around">
             <img
               src="/assets/images/dashboard.png"
               loading="lazy"
@@ -57,9 +57,9 @@
               loading="lazy"
               alt="Info image"
               style="height: 30rem"
-              class="ml-4 rounded-lg"
+              class="rounded-lg"
             />
-          </div>
+          </n-flex>
         </div>
       </div>
     </div>