diff --git a/src/frontend/src/assets/undraw_educator_re_ju47.svg b/src/frontend/src/assets/undraw_educator_re_ju47.svg
new file mode 100644
index 000000000..aac29ef13
--- /dev/null
+++ b/src/frontend/src/assets/undraw_educator_re_ju47.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/frontend/src/assets/undraw_firmware_re_fgdy.svg b/src/frontend/src/assets/undraw_firmware_re_fgdy.svg
new file mode 100644
index 000000000..70aa3dc16
--- /dev/null
+++ b/src/frontend/src/assets/undraw_firmware_re_fgdy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/frontend/src/assets/undraw_project_completed_re_jr7u.svg b/src/frontend/src/assets/undraw_project_completed_re_jr7u.svg
new file mode 100644
index 000000000..c3170cd04
--- /dev/null
+++ b/src/frontend/src/assets/undraw_project_completed_re_jr7u.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/frontend/src/modals/newFlowModal/components/undrawCards/index.tsx b/src/frontend/src/modals/newFlowModal/components/undrawCards/index.tsx
index 44920d83d..1c87af469 100644
--- a/src/frontend/src/modals/newFlowModal/components/undrawCards/index.tsx
+++ b/src/frontend/src/modals/newFlowModal/components/undrawCards/index.tsx
@@ -3,6 +3,9 @@ import { useLocation, useNavigate } from "react-router-dom";
import BlogPost from "../../../../assets/undraw_blog_post_re_fy5x.svg?react";
import ChatBot from "../../../../assets/undraw_chat_bot_re_e2gj.svg?react";
import PromptChaining from "../../../../assets/undraw_cloud_docs_re_xjht.svg?react";
+import HierarchicalTasks from "../../../../assets/undraw_educator_re_ju47.svg?react";
+import ComplexAgent from "../../../../assets/undraw_firmware_re_fgdy.svg?react";
+import SequentialTasks from "../../../../assets/undraw_project_completed_re_jr7u.svg?react";
import APIRequest from "../../../../assets/undraw_real_time_analytics_re_yliv.svg?react";
import BasicPrompt from "../../../../assets/undraw_short_bio_re_fmx0.svg?react";
import TransferFiles from "../../../../assets/undraw_transfer_files_re_a2a9.svg?react";
@@ -92,6 +95,36 @@ export default function UndrawCardComponent({
preserveAspectRatio="xMidYMid meet"
/>
);
+ case "Sequential Tasks Agent":
+ return (
+
+ );
+ case "Hierarchical Tasks Agent":
+ return (
+
+ );
+ case "Complex Agent":
+ return (
+
+ );
default:
return (