diff --git a/src/components/landing/WhatWeBuild.astro b/src/components/landing/WhatWeBuild.astro
new file mode 100644
index 0000000..07eb9e9
--- /dev/null
+++ b/src/components/landing/WhatWeBuild.astro
@@ -0,0 +1,49 @@
+---
+const cards = [
+  {
+    title: "Agrobot",
+    image: "https://placehold.co/800x600",
+    description:
+      "Autonomous robots that support precision agriculture, reduce manual labour, and improve farm efficiency.",
+    link: "/projects",
+  },
+  {
+    title: "Agroponics",
+    image: "https://placehold.co/800x600",
+    description:
+      "Vertical hydroponic systems that maximize space, reduce resource use, and promote sustainable urban farming.",
+    link: "/projects",
+  },
+];
+---
+
+<section class="bg-white px-8 py-20 text-center">
+  <h2 class="mb-12 text-5xl font-medium">What we build</h2>
+
+  <div class="mx-auto grid max-w-5xl grid-cols-1 gap-10 md:grid-cols-2">
+    {
+      cards.map((card) => (
+        <article class="flex flex-col items-center">
+          <img
+            src={card.image}
+            alt={card.title}
+            class="aspect-[4/3] w-full rounded-2xl object-cover"
+          />
+
+          <h3 class="mt-6 mb-2 text-4xl font-medium">{card.title}</h3>
+
+          <p class="mb-6 max-w-sm text-base leading-relaxed text-gray-700">
+            {card.description}
+          </p>
+
+          <a
+            href={card.link}
+            class="rounded-full bg-emerald-600 px-7 py-3 text-sm font-semibold text-white transition hover:bg-emerald-700"
+          >
+            Learn more
+          </a>
+        </article>
+      ))
+    }
+  </div>
+</section>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a82177d..bb4f662 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -4,6 +4,7 @@ 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";
+import WhatWeBuild from "../components/landing/WhatWeBuild.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.
@@ -13,6 +14,7 @@ import RootsSection from "../components/landing/RootsSection.astro";
   <main class="pb-64">
     <LandingHero />
     <RootsSection />
+    <WhatWeBuild />
     <MeetLeads />
   </main>
 </Layout>