diff --git a/public/contact-us.jpg b/public/contact-us.jpg
new file mode 100644
index 0000000..30f09a6
Binary files /dev/null and b/public/contact-us.jpg differ
diff --git a/src/components/blocks/LetsGrowSomething.astro b/src/components/blocks/LetsGrowSomething.astro
index 8911436..0f40d5e 100644
--- a/src/components/blocks/LetsGrowSomething.astro
+++ b/src/components/blocks/LetsGrowSomething.astro
@@ -38,8 +38,14 @@
     </div>
 
     <!-- Image -->
-    <div class="contact-image size-[450px] shrink-0 rounded-[3rem] bg-gray-200">
-      <!-- Let's grow something great together picture -->
+    <div
+      class="contact-image h-[450px] w-[409px] shrink-0 rounded-[3rem] bg-gray-200"
+    >
+      <img
+        src="/contact-us.jpg"
+        alt="UBC Agrobot Team Contact Us"
+        class="h-full w-full rounded-[3rem] object-cover"
+      />
     </div>
   </div>
 </div>
diff --git a/src/components/blocks/PreferAnotherWay.astro b/src/components/blocks/PreferAnotherWay.astro
index 5c96548..1c17b92 100644
--- a/src/components/blocks/PreferAnotherWay.astro
+++ b/src/components/blocks/PreferAnotherWay.astro
@@ -1,14 +1,15 @@
 <div class="alt-contact-section">
   <!-- Section heading -->
-  <h1 class="alt-contact-title mb-8 text-4xl">
+  <h1 class="alt-contact-title mb-8 text-5xl">
     Prefer another way to reach us?
   </h1>
 
   <!-- Buttons for alternative contact -->
-  <div class="alt-contact-buttons flex flex-wrap gap-5">
+  <div class="alt-contact-buttons flex flex-wrap gap-26">
     <!-- Instagram button -->
-    <button
-      class="btn-instagram group flex min-w-[180px] items-center justify-between rounded-full bg-[#d9d9d9] px-8 py-4 font-medium transition-all duration-300 hover:cursor-pointer hover:bg-[#cccccc]"
+    <a
+      href="https://www.instagram.com/ubcagrobot"
+      class="btn-instagram group flex h-[80px] w-[269px] items-center justify-between rounded-full bg-[#d9d9d9] px-8 py-4 text-[26px] transition-all duration-300 hover:cursor-pointer hover:bg-[#cccccc]"
     >
       <span> Instagram </span>
       <span
@@ -16,11 +17,12 @@
       >
         →
       </span>
-    </button>
+    </a>
 
     <!-- LinkedIn button -->
-    <button
-      class="btn-linkedin group flex min-w-[180px] items-center justify-between rounded-full bg-[#d9d9d9] px-8 py-4 font-medium transition-all duration-300 hover:cursor-pointer hover:bg-[#cccccc]"
+    <a
+      href="https://www.linkedin.com/company/ubcagrobot/"
+      class="btn-linkedin group flex h-[80px] w-[269px] items-center justify-between rounded-full bg-[#d9d9d9] px-8 py-4 text-[26px] transition-all duration-300 hover:cursor-pointer hover:bg-[#cccccc]"
     >
       <span> LinkedIn </span>
       <span
@@ -28,11 +30,12 @@
       >
         →
       </span>
-    </button>
+    </a>
 
     <!-- Email button -->
-    <button
-      class="btn-email group flex min-w-[180px] items-center justify-between rounded-full bg-[#d9d9d9] px-8 py-4 font-medium transition-all duration-300 hover:cursor-pointer hover:bg-[#cccccc]"
+    <a
+      href="mailto:ubcagrobot@gmail.com"
+      class="btn-email group flex h-[80px] w-[269px] items-center justify-between rounded-full bg-[#d9d9d9] px-8 py-4 text-[26px] transition-all duration-300 hover:cursor-pointer hover:bg-[#cccccc]"
     >
       <span> Email </span>
       <span
@@ -40,6 +43,6 @@
       >
         →
       </span>
-    </button>
+    </a>
   </div>
 </div>
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
new file mode 100644
index 0000000..59b45ef
--- /dev/null
+++ b/src/pages/contact.astro
@@ -0,0 +1,16 @@
+---
+import Layout from "../layouts/Layout.astro";
+import LetsGrowSomething from "../components/blocks/LetsGrowSomething.astro";
+import PreferAnotherWay from "../components/blocks/PreferAnotherWay.astro";
+---
+
+<Layout>
+  <main
+    class="flex min-h-screen w-full flex-col items-center gap-24 px-6 py-20"
+  >
+    <div class="flex w-full max-w-6xl flex-col gap-24">
+      <LetsGrowSomething />
+      <PreferAnotherWay />
+    </div>
+  </main>
+</Layout>