diff --git a/public/hero-section-temp.jpg b/public/hero-section-temp.jpg
new file mode 100644
index 0000000..157197b
Binary files /dev/null and b/public/hero-section-temp.jpg differ
diff --git a/src/components/blocks/AgrobotHero.astro b/src/components/blocks/AgrobotHero.astro
new file mode 100644
index 0000000..6112eea
--- /dev/null
+++ b/src/components/blocks/AgrobotHero.astro
@@ -0,0 +1,20 @@
+<!-- Main Container for hero section of Agrobot Page -->
+<div class="flex flex-row items-center justify-between gap-16">
+  <!-- Container for Hero Section Image -->
+  <div class="max-w-[551px]">
+    <img
+      src="/hero-section-temp.jpg"
+      alt="Agrbot Hero Section"
+      class="h-auto w-full rounded-[3rem] object-cover"
+    />
+  </div>
+
+  <!-- Container for Hero section text -->
+  <div class="flex flex-col">
+    <h1 class="mb-5 text-5xl">
+      Technology that powers the future of agriculture
+    </h1>
+
+    <p class="max-w-2xl text-2xl">Modern tools for modern farms</p>
+  </div>
+</div>
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
new file mode 100644
index 0000000..36a7880
--- /dev/null
+++ b/src/pages/projects.astro
@@ -0,0 +1,18 @@
+---
+import Layout from "../layouts/Layout.astro";
+import AgrobotHero from "../components/blocks/AgrobotHero.astro";
+---
+
+<Layout>
+  <main
+    class="flex min-h-screen w-full flex-col items-center gap-24 px-6 py-20"
+  >
+    <!-- Hero -->
+    <div class="w-full max-w-7xl">
+      <AgrobotHero />
+    </div>
+
+    <!-- Body of the page -->
+    <div class="flex w-full max-w-4xl flex-col gap-24"></div>
+  </main>
+</Layout>