diff --git a/src/components/blocks/LetsGrowSomething.astro b/src/components/blocks/LetsGrowSomething.astro
index 0f40d5e..ccf84ff 100644
--- a/src/components/blocks/LetsGrowSomething.astro
+++ b/src/components/blocks/LetsGrowSomething.astro
@@ -13,34 +13,50 @@
 
   <!-- Form and image container -->
   <div class="contact-form-container flex w-full flex-row gap-45">
-    <!-- Form inputs -->
-    <div class="contact-form flex flex-1 flex-col gap-6">
+    <!-- Contact form -->
+    <form id="contact-form" class="contact-form flex flex-1 flex-col gap-6">
       <!-- Name input field -->
       <input
         type="text"
         name="name"
-        placeholder="Your Name"
+        placeholder="Name"
+        required
         class="rounded-2xl bg-[#d9d9d9] px-8 py-4 outline-none focus:ring-2 focus:ring-gray-300"
       />
       <!-- Email input field -->
       <input
         type="email"
         name="email"
-        placeholder="Your Email"
+        placeholder="Email"
+        required
+        class="rounded-2xl bg-[#d9d9d9] px-8 py-4 outline-none focus:ring-2 focus:ring-gray-300"
+      />
+      <!-- Subject input field -->
+      <input
+        type="text"
+        name="subject"
+        placeholder="Subject"
+        required
         class="rounded-2xl bg-[#d9d9d9] px-8 py-4 outline-none focus:ring-2 focus:ring-gray-300"
       />
       <!-- Message text area -->
       <textarea
         name="message"
         placeholder="Your Message"
+        required
         class="h-[272px] resize-none rounded-2xl bg-[#d9d9d9] px-8 py-6 outline-none focus:ring-2 focus:ring-gray-300"
       ></textarea>
-    </div>
+      <!-- Submit button -->
+      <button
+        type="submit"
+        class="justify text-md h-[40px] w-[269px] items-center self-center rounded-full bg-[#d9d9d9] text-center transition-all duration-300 hover:cursor-pointer hover:bg-[#cccccc]"
+      >
+        Send Message
+      </button>
+    </form>
 
     <!-- Image -->
-    <div
-      class="contact-image h-[450px] w-[409px] shrink-0 rounded-[3rem] bg-gray-200"
-    >
+    <div class="contact-image w-[409px] shrink-0 rounded-[3rem] bg-gray-200">
       <img
         src="/contact-us.jpg"
         alt="UBC Agrobot Team Contact Us"
@@ -49,3 +65,37 @@
     </div>
   </div>
 </div>
+
+<script>
+  const form = document.getElementById(
+    "contact-form",
+  ) as HTMLFormElement | null;
+
+  if (form) {
+    form.addEventListener("submit", (e) => {
+      e.preventDefault();
+
+      const name = (
+        form.elements.namedItem("name") as HTMLInputElement
+      ).value.trim();
+      const email = (
+        form.elements.namedItem("email") as HTMLInputElement
+      ).value.trim();
+      const subject = (
+        form.elements.namedItem("subject") as HTMLInputElement
+      ).value.trim();
+      const message = (
+        form.elements.namedItem("message") as HTMLTextAreaElement
+      ).value.trim();
+
+      const body = `From: ${name}\nEmail: ${email}\n\nMessage:\n${message}`;
+
+      const mailtoUrl =
+        `mailto:ubcagrobot@gmail.com` +
+        `?subject=${encodeURIComponent(subject)}` +
+        `&body=${encodeURIComponent(body)}`;
+
+      window.location.href = mailtoUrl;
+    });
+  }
+</script>