Add AI red teaming roadmap

src/components/Roadmaps/RoadmapsPage.tsx

@@ -1,8 +1,7 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { cn } from '../../lib/classname.ts';
 import { Filter, X } from 'lucide-react';
 import { CategoryFilterButton } from './CategoryFilterButton.tsx';
-import { useOutsideClick } from '../../hooks/use-outside-click.ts';
 import {
   deleteUrlParam,
   getUrlParams,
@@ -389,6 +388,11 @@ const groups: GroupType[] = [
         link: '/ai-engineer',
         type: 'role',
       },
+      {
+        title: 'AI Red Teaming',
+        link: '/ai-red-teaming',
+        type: 'skill',
+      },
       {
         title: 'Data Analyst',
         link: '/data-analyst',

src/pages/get-started.astro

@@ -370,6 +370,13 @@ import ChangelogBanner from '../components/ChangelogBanner.astro';
       description='Learn how to write better prompts for GPT-* and other language models.'
     />
 
+    <RoadmapCard
+      icon={Shield}
+      title='AI Red Teaming'
+      link='/ai-red-teaming'
+      description='Learn how to red team your AI applications with this interactive step by step guide.'
+    />
+
     <RoadmapCard
       icon={Bot}
       icon2={ServerCog}