2 about page our story

src/components/blocks/AboutOurStory.astro

@@ -0,0 +1,36 @@
+<div class="flex h-full w-full flex-col gap-6">
+  <!-- Section Title -->
+  <h1 class="text-5xl">Our Story</h1>
+
+  <!-- Main Content Container (image + text) -->
+  <div class="flex flex-row gap-8">
+    <!-- Placeholder for story image (e.g., team photo, robot, lab) -->
+    <img
+      src="/our-story.jpg"
+      alt="Our Story"
+      class="size-[560px] shrink-0 rounded-[3rem] object-cover"
+    />
+
+    <!-- Text Content Container -->
+    <div class="flex flex-col gap-7 text-2xl">
+      <!-- Paragraph 1: Origin of Agrobot -->
+      <p>
+        Agrobot began at UBC when a small group of engineering students noticed
+        how few opportunities existed to explore agricultural robotics in a
+        hands-on way. Motivated to bridge that gap, they created a space where
+        students could design autonomous systems, test sensors, build
+        prototypes, and apply real robotics concepts to real farming challenges.
+      </p>
+
+      <!-- Paragraph 2: Growth and current impact -->
+      <p>
+        What started as weekly meetings in a small lab has grown into a
+        multidisciplinary team developing functional field robots, experimenting
+        with hydroponic systems, and collaborating with students from
+        mechanical, electrical, computer engineering, and science disciplines.
+        Today, Agrobot continues to push forward student-led innovation in
+        sustainable agriculture.
+      </p>
+    </div>
+  </div>
+</div>

src/pages/about.astro

@@ -0,0 +1,12 @@
+---
+import Layout from "../layouts/Layout.astro";
+import AboutOurStory from "../components/blocks/AboutOurStory.astro";
+---
+
+<Layout>
+  <main class="flex min-h-screen w-full flex-col items-center gap-24 px-6 py-8">
+    <div class="mb-10 w-full max-w-7xl">
+      <AboutOurStory />
+    </div>
+  </main>
+</Layout>