diff --git a/public/agrobot-students-working-landing.jpg b/public/agrobot-students-working-landing.jpg
new file mode 100644
index 0000000..51a73a8
Binary files /dev/null and b/public/agrobot-students-working-landing.jpg differ
diff --git a/src/components/landing/RootsSection.astro b/src/components/landing/RootsSection.astro
new file mode 100644
index 0000000..948f3c7
--- /dev/null
+++ b/src/components/landing/RootsSection.astro
@@ -0,0 +1,39 @@
+---
+// src/components/landing/RootsSection.astro
+---
+
+<section class="bg-white px-6 py-24 sm:py-28 lg:px-8">
+  <div class="mx-auto grid max-w-6xl items-center gap-12 lg:grid-cols-2">
+    <!-- Text -->
+    <div class="text-center lg:text-left">
+      <h2 class="text-4xl font-medium tracking-tight text-black sm:text-5xl">
+        How Agrobot took root
+      </h2>
+
+      <p
+        class="mx-auto mt-5 max-w-xl text-xl leading-snug text-black/80 lg:mx-0"
+      >
+        UBC Agrobot began as a student initiative to bring robotics into
+        agriculture. Now, we design practical solutions for modern farming.
+      </p>
+
+      <div class="mt-7">
+        <a
+          href="/about"
+          class="inline-flex items-center justify-center rounded-full border border-black/15 px-6 py-2 text-base font-semibold text-black shadow-sm transition hover:bg-black hover:text-white"
+        >
+          Learn more
+        </a>
+      </div>
+    </div>
+
+    <!-- Image -->
+    <div class="flex justify-center lg:justify-end">
+      <img
+        src="/agrobot-photo.jpg"
+        alt="UBC Agrobot students working on a robotics project"
+        class="h-[300px] w-full max-w-[440px] rounded-[2rem] object-cover shadow-sm sm:h-[320px]"
+      />
+    </div>
+  </div>
+</section>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7a99755..a82177d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,6 +3,7 @@ import Welcome from "../components/Welcome.astro";
 import Layout from "../layouts/Layout.astro";
 import LandingHero from "../components/content/LandingHero.astro";
 import MeetLeads from "../components/content/MeetLeads.astro";
+import RootsSection from "../components/landing/RootsSection.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.
@@ -11,6 +12,7 @@ import MeetLeads from "../components/content/MeetLeads.astro";
 <Layout>
   <main class="pb-64">
     <LandingHero />
+    <RootsSection />
     <MeetLeads />
   </main>
 </Layout>