From d7a2f122a613e12f7a8141a4035b50e16ff7ccf5 Mon Sep 17 00:00:00 2001
From: Oscar <ocook59@gmail.com>
Date: Fri, 27 Feb 2026 03:38:56 +0000
Subject: [PATCH 1/2] feat(contact): add contact section with form and
 description

---
 src/components/blocks/LetsGrowSomething.astro | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/components/blocks/LetsGrowSomething.astro

diff --git a/src/components/blocks/LetsGrowSomething.astro b/src/components/blocks/LetsGrowSomething.astro
new file mode 100644
index 0000000..52f3136
--- /dev/null
+++ b/src/components/blocks/LetsGrowSomething.astro
@@ -0,0 +1,31 @@
+<div class="contact-section">
+  <!-- Text content: heading and description -->
+  <div class="contact-text">
+    <!-- Main heading -->
+    <h1>Let's grow something great together</h1>
+
+    <!-- Description paragraph -->
+    <p>
+      Have questions about Agrobot or want to collaborate? Reach out to our team
+      and we would love to connect and share our story.
+    </p>
+  </div>
+
+  <!-- Form and image container -->
+  <div class="contact-form-container">
+    <!-- Form inputs -->
+    <div class="contact-form">
+      <!-- Name input field -->
+      <input type="text" name="name" placeholder="Your Name" />
+      <!-- Email input field -->
+      <input type="email" name="email" placeholder="Your Email" />
+      <!-- Message text area -->
+      <textarea name="message" placeholder="Your Message"></textarea>
+    </div>
+
+    <!-- Image -->
+    <div class="contact-image">
+      <!-- Let's grow something great together picture -->
+    </div>
+  </div>
+</div>

From b0e38112a45755d942461aea909468a7cb1dfb16 Mon Sep 17 00:00:00 2001
From: Oscar <ocook59@gmail.com>
Date: Sat, 28 Feb 2026 20:33:30 +0000
Subject: [PATCH 2/2] style(contact): layout and styling of contact section
 components

---
 src/components/blocks/LetsGrowSomething.astro | 34 +++++++++++++------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/components/blocks/LetsGrowSomething.astro b/src/components/blocks/LetsGrowSomething.astro
index 52f3136..8911436 100644
--- a/src/components/blocks/LetsGrowSomething.astro
+++ b/src/components/blocks/LetsGrowSomething.astro
@@ -1,30 +1,44 @@
-<div class="contact-section">
+<div class="contact-section max-w-6xl">
   <!-- Text content: heading and description -->
-  <div class="contact-text">
+  <div class="contact-text mb-10 flex flex-col gap-4">
     <!-- Main heading -->
-    <h1>Let's grow something great together</h1>
+    <h1 class="text-5xl">Let's grow something great together</h1>
 
     <!-- Description paragraph -->
-    <p>
+    <p class="max-w-2xl text-xl">
       Have questions about Agrobot or want to collaborate? Reach out to our team
       and we would love to connect and share our story.
     </p>
   </div>
 
   <!-- Form and image container -->
-  <div class="contact-form-container">
+  <div class="contact-form-container flex w-full flex-row gap-45">
     <!-- Form inputs -->
-    <div class="contact-form">
+    <div class="contact-form flex flex-1 flex-col gap-6">
       <!-- Name input field -->
-      <input type="text" name="name" placeholder="Your Name" />
+      <input
+        type="text"
+        name="name"
+        placeholder="Your Name"
+        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" />
+      <input
+        type="email"
+        name="email"
+        placeholder="Your Email"
+        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"></textarea>
+      <textarea
+        name="message"
+        placeholder="Your Message"
+        class="h-[272px] resize-none rounded-2xl bg-[#d9d9d9] px-8 py-6 outline-none focus:ring-2 focus:ring-gray-300"
+      ></textarea>
     </div>
 
     <!-- Image -->
-    <div class="contact-image">
+    <div class="contact-image size-[450px] shrink-0 rounded-[3rem] bg-gray-200">
       <!-- Let's grow something great together picture -->
     </div>
   </div>