diff --git a/components/dashboard/SuggestedQuests.tsx b/components/dashboard/SuggestedQuests.tsx
new file mode 100644
index 00000000..2f420fcc
--- /dev/null
+++ b/components/dashboard/SuggestedQuests.tsx
@@ -0,0 +1,31 @@
+import React, { useContext, useEffect, useState } from "react";
+import Typography from "@components/UI/typography/typography";
+import { TEXT_TYPE } from "@constants/typography";
+import QuestStyles from "@styles/Home.module.css";
+import QuestCardCustomised from "./CustomisedQuestCard";
+import { QuestDocument } from "../../types/backTypes";
+import { QuestsContext } from "@context/QuestsProvider";
+
+const SuggestedQuests: React.FC = () => {
+ const { quests: contextQuests } = useContext(QuestsContext);
+ const [quests, setQuests] = useState
([]);
+
+ useEffect(() => {
+ const onboardingQuests = contextQuests.filter((quest) => quest.category === "onboarding");
+ setQuests(onboardingQuests);
+ }, [contextQuests]);
+
+ return (
+
+
New explorer, start your quest!
+
Get started on your Starknet adventure by tackling your first quest and begin collecting rewards!
+
+ {quests.map((quest) => (
+
+ ))}
+
+
+ );
+};
+
+export default SuggestedQuests;