diff --git a/src/components/ExploreAIRoadmap/AIRoadmapsList.tsx b/src/components/ExploreAIRoadmap/AIRoadmapsList.tsx
index 9f65ff18b..7129410e6 100644
--- a/src/components/ExploreAIRoadmap/AIRoadmapsList.tsx
+++ b/src/components/ExploreAIRoadmap/AIRoadmapsList.tsx
@@ -26,7 +26,8 @@ export function AIRoadmapsList(props: AIRoadmapsListProps) {
   return (
     <ul className="mb-4 grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
       {roadmaps.map((roadmap) => {
-        const roadmapLink = `/ai?id=${roadmap._id}`;
+        const roadmapLink = `/ai/${roadmap.slug}`;
+
         return (
           <a
             key={roadmap._id}
diff --git a/src/components/ExploreAIRoadmap/ExploreAIRoadmap.tsx b/src/components/ExploreAIRoadmap/ExploreAIRoadmap.tsx
index f24e9504d..759f605a6 100644
--- a/src/components/ExploreAIRoadmap/ExploreAIRoadmap.tsx
+++ b/src/components/ExploreAIRoadmap/ExploreAIRoadmap.tsx
@@ -19,6 +19,7 @@ export interface AIRoadmapDocument {
   term: string;
   title: string;
   data: string;
+  slug: string;
   viewCount: number;
   createdAt: Date;
   updatedAt: Date;