release v3.3.1

app/[locale]/(home)/_pages/page.en.tsx

@@ -58,8 +58,8 @@ export default function HomePage() {
               <SmallCard
                 icon={<Chainhook />}
                 badge="beta"
-                href="/tools/chainhook"
-                title="Chainhook"
+                href="/tools/chainhooks"
+                title="Chainhooks"
                 description="Create custom event streams and triggers for real-time blockchain data processing."
               />
               <SmallCard
@@ -90,6 +90,19 @@ export default function HomePage() {
                 title="Stacks Blockchain API"
                 description="Comprehensive REST API for interacting with the Stacks blockchain and network data."
               />
+              <SmallCard
+                icon={<StacksIcon />}
+                href="/apis/stacks-node-rpc-api"
+                title="Stacks Node RPC API"
+                description="Raw blockchain node methods: submit txs, call read-only contracts, query mempool/state."
+              />
+              <SmallCard
+                icon={<Chainhook />}
+                href="/apis/chainhooks-api"
+                title="Chainhooks API"
+                badge="new"
+                description="RESTful API for accessing Chainhook."
+              />
               <SmallCard
                 icon={<API />}
                 href="/apis/token-metadata-api"

app/[locale]/(home)/apis/_pages/page.en.tsx

@@ -1,5 +1,5 @@
 import { Cards, IndexCard } from '@/components/card';
-import { API, Hiro, Ordinals, Runes, StacksIcon } from '@/components/ui/icon';
+import { API, Chainhook, Hiro, Ordinals, Runes, StacksIcon } from '@/components/ui/icon';
 
 export default function APIsPage() {
   return (
@@ -23,6 +23,13 @@ export default function APIsPage() {
               title="Stacks Node RPC API"
               description="Raw blockchain node methods: submit txs, call read-only contracts, query mempool/state."
             />
+            <IndexCard
+              icon={<Chainhook />}
+              href="/apis/chainhooks-api"
+              title="Chainhooks API"
+              badge="new"
+              description="RESTful API for accessing Chainhook."
+            />
             <IndexCard
               icon={<API />}
               href="/apis/token-metadata-api"

app/[locale]/(home)/tools/_pages/page.en.tsx

@@ -13,8 +13,8 @@ export default function ToolsPage() {
           </div>
           <Cards>
             <IndexCard
-              href="/tools/chainhook"
-              title="Chainhook"
+              href="/tools/chainhooks"
+              title="Chainhooks"
               icon={<Chainhook />}
               badge="beta"
               tag="Stacks"

app/layout.config.tsx

@@ -22,9 +22,9 @@ export const baseOptions: BaseLayoutProps = {
       text: 'Tools',
       items: [
         {
-          text: 'Chainhook',
+          text: 'Chainhooks',
           description: 'Monitor and analyze Clarity smart contract activity.',
-          url: '/tools/chainhook',
+          url: '/tools/chainhooks',
           isBeta: true,
         },
         {
@@ -70,9 +70,9 @@ export const baseOptions: BaseLayoutProps = {
           url: '/apis/token-metadata-api',
         },
         {
-          text: 'Chainhook API',
+          text: 'Chainhooks API',
           description: 'RESTful API for accessing Chainhook',
-          url: '/apis/chainhook-api',
+          url: '/apis/chainhooks-api',
           isNew: true,
         },
         {

components/card.tsx

@@ -272,8 +272,8 @@ export function SmallCard({
           </div>
         )}
         <div className="flex flex-col w-full">
-          <div className="flex items-center gap-2">
-            <h3 className="mb-1 font-inter font-medium text-md text-primary dark:text-[#f6f5f3]">
+          <div className="mb-1 flex items-center gap-2">
+            <h3 className="font-inter font-medium text-md text-primary dark:text-[#f6f5f3]">
               {title}
             </h3>
             {badge && (

components/filter-popover.tsx

@@ -9,9 +9,7 @@ const CATEGORIES = [
   { label: 'Stacks.js', value: 'stacks.js' },
   { label: 'Clarity', value: 'clarity' },
   { label: 'Bitcoin', value: 'bitcoin' },
-  // { label: "Chainhook", value: "chainhook" },
   { label: 'API', value: 'api' },
-  // { label: "Clarinet", value: "clarinet" },
 ];
 
 interface FilterPopoverProps {

components/search-dialog.tsx

@@ -247,9 +247,9 @@ function extractSnippet(text: string | undefined, maxLength = 80): string {
 const navigateItems = [
   {
     id: 'chainhook',
-    title: 'Chainhook',
+    title: 'Chainhooks',
     icon: Webhook,
-    href: '/tools/chainhook',
+    href: '/tools/chainhooks',
   },
   {
     id: 'bitcoin-indexer',