feat(sponsors): add EmpowerFuture, OurValuedPartners, and SupportPoss…

src/components/blocks/sponsors/EmpowerFuture.astro

@@ -0,0 +1,17 @@
+<div class="flex flex-col items-center justify-center gap-12">
+  <div class="flex flex-col items-center justify-center gap-4">
+    <h1 class="text-5xl tracking-tight">
+      Empower the Future of Agricultural Robotics
+    </h1>
+
+    <p class="text-2xl leading-relaxed">
+      You help turn ideas into reality, and we can't thank you enough.
+    </p>
+  </div>
+
+  <button
+    class="rounded-full bg-[#3F65D8] px-24 py-4 text-xl text-white hover:cursor-pointer"
+  >
+    Sponsor us
+  </button>
+</div>

src/components/blocks/sponsors/OurValuedPartners.astro

@@ -0,0 +1,15 @@
+<div class="flex flex-col items-center gap-6">
+  <h1 class="text-5xl">Our Valued Partners</h1>
+
+  <div class="grid grid-cols-5 gap-12 overflow-hidden">
+    <div class="size-[195px] rounded-[3rem] bg-gray-300"></div>
+
+    <div class="size-[195px] rounded-[3rem] bg-gray-300"></div>
+
+    <div class="size-[195px] rounded-[3rem] bg-gray-300"></div>
+
+    <div class="size-[195px] rounded-[3rem] bg-gray-300"></div>
+
+    <div class="size-[195px] rounded-[3rem] bg-gray-300"></div>
+  </div>
+</div>

src/components/blocks/sponsors/SupportPossible.astro

@@ -0,0 +1,36 @@
+<div class="mx-auto flex max-w-7xl flex-col gap-12 p-8">
+  <div class="flex flex-col gap-4">
+    <h1 class="text-5xl tracking-tight">What your support makes possible</h1>
+    <p class="text-2xl leading-relaxed">
+      Behind every robot are countless hours of planning, testing, and
+      coordination. Your support helps cover workshop supplies, safety
+      equipment, team events, outreach initiatives, and the infrastructure that
+      keeps our program running.
+    </p>
+  </div>
+
+  <div class="flex flex-col items-stretch gap-8 md:flex-row">
+    <div class="flex w-full flex-col gap-7 md:w-1/2">
+      <div class="rounded-[40px] bg-[#F4F4F4] p-8 px-12 text-xl leading-snug">
+        Fund components and equipment for robot design and testing
+      </div>
+      <div class="rounded-[40px] bg-[#F4F4F4] p-8 px-12 text-xl leading-snug">
+        Support student workshops, training sessions, and team development
+      </div>
+      <div class="rounded-[40px] bg-[#F4F4F4] p-8 px-12 text-xl leading-snug">
+        Cover competition fees, prototyping materials, and outreach projects
+      </div>
+      <div class="rounded-[40px] bg-[#F4F4F4] p-8 px-12 text-xl leading-snug">
+        Help expand long-term initiatives in sustainable agricultural robotics
+      </div>
+    </div>
+
+    <div class="size-[558px] w-full md:w-1/2">
+      <img
+        class="h-full w-full rounded-[3rem] object-cover shadow-sm"
+        src="/support-possible.jpg"
+        alt="Support in action"
+      />
+    </div>
+  </div>
+</div>

src/pages/sponsor.astro

@@ -1,12 +1,18 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import ScrollingBlock from "../components/blocks/sponsors/ScrollingBlock.astro";
+import OurValuedPartners from "../components/blocks/sponsors/OurValuedPartners.astro";
+import SupportPossible from "../components/blocks/sponsors/SupportPossible.astro";
+import EmpowerFuture from "../components/blocks/sponsors/EmpowerFuture.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 space-y-36">
+    <div class="mb-10 w-full max-w-7xl space-y-32">
       <ScrollingBlock />
+      <OurValuedPartners />
+      <SupportPossible />
+      <EmpowerFuture />
     </div>
   </main>
 </Layout>