From 2f2b5d212f4bf49986bcfea9df67d20b7db1d061 Mon Sep 17 00:00:00 2001
From: shrsin3 <singhaniamanushree3@gmail.com>
Date: Sat, 28 Feb 2026 21:42:46 +0000
Subject: [PATCH 1/2] feat(recruitment): why be a part of agrobot

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

diff --git a/src/components/blocks/WhyBeAPartOfAgrobot.astro b/src/components/blocks/WhyBeAPartOfAgrobot.astro
new file mode 100644
index 0000000..3584a0c
--- /dev/null
+++ b/src/components/blocks/WhyBeAPartOfAgrobot.astro
@@ -0,0 +1,15 @@
+---
+const {
+  title = "Why be a part of Agrobot?",
+  description = "Join UBC Agrobot and become part of a team dedicated to shaping the future of sustainable agriculture, where you can bring the theoretical knowledge you learn in class to life through hands-on, real-world projects. With opportunities across robotics, AI, mechatronics, navigation, electrical systems, hydroponics, automation, and more, you’ll work on innovations that reduce environmental impact, boost productivity, and advance precision farming. As you contribute to these projects, you’ll gain practical experience collaborating with students from a wide range of disciplines. It’s a chance to solve real agricultural challenges, deepen your skills, and help build the future of smarter, more sustainable farming.",
+} = Astro.props;
+---
+
+<div>
+  <h2 class="text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl">
+    {title}
+  </h2>
+  <p class="mt-4 text-lg sm:text-xl md:text-2xl">
+    {description}
+  </p>
+</div>

From 1052a7affba9e21e3201fe5c490010008e30685c Mon Sep 17 00:00:00 2001
From: shrsin3 <singhaniamanushree3@gmail.com>
Date: Sat, 28 Feb 2026 21:47:50 +0000
Subject: [PATCH 2/2] feat(recruitment): add component to page, update style

---
 src/components/blocks/WhyBeAPartOfAgrobot.astro | 6 +++---
 src/pages/recruitment.astro                     | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/blocks/WhyBeAPartOfAgrobot.astro b/src/components/blocks/WhyBeAPartOfAgrobot.astro
index 3584a0c..896cc78 100644
--- a/src/components/blocks/WhyBeAPartOfAgrobot.astro
+++ b/src/components/blocks/WhyBeAPartOfAgrobot.astro
@@ -5,11 +5,11 @@ const {
 } = Astro.props;
 ---
 
-<div>
-  <h2 class="text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl">
+<div class="mx-auto bg-white px-4 py-16 text-center sm:px-6 sm:py-24 lg:px-8">
+  <h2 class="text-3xl tracking-tight">
     {title}
   </h2>
-  <p class="mt-4 text-lg sm:text-xl md:text-2xl">
+  <p class="mt-4">
     {description}
   </p>
 </div>
diff --git a/src/pages/recruitment.astro b/src/pages/recruitment.astro
index 15c5424..5ac314c 100644
--- a/src/pages/recruitment.astro
+++ b/src/pages/recruitment.astro
@@ -2,6 +2,7 @@
 import Welcome from "../components/Welcome.astro";
 import Layout from "../layouts/Layout.astro";
 import RecruitmentHero from "../components/content/RecruitmentHero.astro";
+import WhyBeAPartOfAgrobot from "../components/blocks/WhyBeAPartOfAgrobot.astro";
 
 // Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
 // Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
@@ -9,5 +10,6 @@ import RecruitmentHero from "../components/content/RecruitmentHero.astro";
 
 <Layout>
   <RecruitmentHero />
+  <WhyBeAPartOfAgrobot />
   <Welcome />
 </Layout>