diff --git a/src/components/custom/Toolkits/Toolkits.tsx b/src/components/custom/Toolkits/Toolkits.tsx index a3526b726..177e7b779 100644 --- a/src/components/custom/Toolkits/Toolkits.tsx +++ b/src/components/custom/Toolkits/Toolkits.tsx @@ -4,8 +4,17 @@ import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { cn } from "@/lib/utils"; import { useDebounce } from "@uidotdev/usehooks"; -import { BadgeCheck, CheckCircle, Key, Search, Users, X } from "lucide-react"; +import { + BadgeCheck, + CheckCircle, + Key, + Search, + Users, + X, + Plus, +} from "lucide-react"; import React, { useCallback, useMemo, useState } from "react"; +import Link from "next/link"; export type ToolkitType = "arcade" | "verified" | "community" | "auth"; @@ -111,6 +120,32 @@ export default function Toolkits({ tools, categories }: ToolkitsProps) { ), )} + + {/* Custom Integration Call-to-Action */} +
+
+
+ +
+
+

+ Build your own integration +

+

+ Don't see what you need? Use Arcade's SDK to easily integrate + with any service or API you use! +

+
+ + Learn how to build a toolkit + +
+
+
+