add header and action

Author: alissacrane-cb

apps/web/src/components/Developers/AgentKit/OnchainActions.tsx

@@ -22,6 +22,9 @@ const ACTIONS: ActionItem[] = [
   {
     title: 'Deposit via Morpho',
   },
+  {
+    title: 'Anything you can imagine',
+  },
 ];
 
 function Action({ title }: ActionItem) {

apps/web/src/components/Developers/AgentKit/Testimonials.tsx

@@ -1,30 +1,35 @@
 import { Marquee } from 'apps/web/src/components/Developers/Shared/Marquee';
 import { TweetCard } from 'apps/web/src/components/Developers/Shared/TweetCard';
 import tweet from 'apps/web/src/components/Developers/AgentKit/tweet.png';
+import { TitleLevel } from 'apps/web/src/components/base-org/typography/Title/types';
+import Title from 'apps/web/src/components/base-org/typography/Title';
 
 export function Testmonials() {
   return (
-    <div className="relative flex w-full flex-col items-center justify-center overflow-hidden">
-      <Marquee className="[--duration:20s]" pauseOnHover>
-        <TweetCard
-          image={tweet}
-          name="Rob at Cat.town"
-          username="@cattown"
-          content="Just built a musician-friendly AI Agent using @base and @CoinbaseDev AgentKit! Watch how you can go from zero to shipping in less than 10 minutes—and maybe snag part of the $30k grants!"
-        />
-        <TweetCard
-          image={tweet}
-          name="Rob at Cat.town"
-          username="@cattown"
-          content="Just built a musician-friendly AI Agent using @base and @CoinbaseDev AgentKit! Watch how you can go from zero to shipping in less than 10 minutes—and maybe snag part of the $30k grants!"
-        />
-        <TweetCard
-          image={tweet}
-          name="Rob at Cat.town"
-          username="@cattown"
-          content="Just built a musician-friendly AI Agent using @base and @CoinbaseDev AgentKit! Watch how you can go from zero to shipping in less than 10 minutes—and maybe snag part of the $30k grants!"
-        />
-      </Marquee>
+    <div className="flex w-full flex-col gap-10">
+      <Title level={TitleLevel.Title1}>Powering the most creative onchain agents.</Title>
+      <div className="relative flex w-full flex-col items-center justify-center overflow-hidden">
+        <Marquee className="[--duration:20s]" pauseOnHover>
+          <TweetCard
+            image={tweet}
+            name="Rob at Cat.town"
+            username="@cattown"
+            content="Just built a musician-friendly AI Agent using @base and @CoinbaseDev AgentKit! Watch how you can go from zero to shipping in less than 10 minutes—and maybe snag part of the $30k grants!"
+          />
+          <TweetCard
+            image={tweet}
+            name="Rob at Cat.town"
+            username="@cattown"
+            content="Just built a musician-friendly AI Agent using @base and @CoinbaseDev AgentKit! Watch how you can go from zero to shipping in less than 10 minutes—and maybe snag part of the $30k grants!"
+          />
+          <TweetCard
+            image={tweet}
+            name="Rob at Cat.town"
+            username="@cattown"
+            content="Just built a musician-friendly AI Agent using @base and @CoinbaseDev AgentKit! Watch how you can go from zero to shipping in less than 10 minutes—and maybe snag part of the $30k grants!"
+          />
+        </Marquee>
+      </div>
     </div>
   );
 }