From b4f84b448dd3be85efe1a6cb6fa997271835a32f Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 12 Jun 2024 23:39:07 +0100
Subject: [PATCH] Add product manager roadmap to get-started and roadmaps pages

---
 src/components/Roadmaps/RoadmapsPage.tsx |  5 +++++
 src/pages/get-started.astro              | 22 ++++++++++++++--------
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/components/Roadmaps/RoadmapsPage.tsx b/src/components/Roadmaps/RoadmapsPage.tsx
index 3792eb8c6..bbfdea752 100644
--- a/src/components/Roadmaps/RoadmapsPage.tsx
+++ b/src/components/Roadmaps/RoadmapsPage.tsx
@@ -310,6 +310,11 @@ const groups: GroupType[] = [
         link: '/technical-writer',
         type: 'role',
       },
+      {
+        title: 'Product Manager',
+        link: '/product-manager',
+        type: 'role',
+      },
     ],
   },
   {
diff --git a/src/pages/get-started.astro b/src/pages/get-started.astro
index e27800534..c082db60b 100644
--- a/src/pages/get-started.astro
+++ b/src/pages/get-started.astro
@@ -28,7 +28,7 @@ import {
   PenSquare,
   Component,
   Waypoints,
-  CheckSquare, Braces,
+  CheckSquare, Braces, FolderKanban,
 } from 'lucide-react';
 import { SectionBadge } from '../components/GetStarted/SectionBadge';
 import { TipItem } from '../components/GetStarted/TipItem';
@@ -362,7 +362,7 @@ import { TipItem } from '../components/GetStarted/TipItem';
     title='Fancy something else?'
     description='Explore the following roadmaps about UX, Game Development, Software Architect and more'
   >
-    <div class='flex flex-col justify-center gap-3'>
+    <div class='flex flex-col justify-start gap-3'>
       <RoadmapCard
         icon={ShieldHalf}
         title='Cyber Security'
@@ -375,8 +375,14 @@ import { TipItem } from '../components/GetStarted/TipItem';
         link='/ux-design'
         description='Learn all you need to know to become a UX Designer.'
       />
+      <RoadmapCard
+          icon={PenSquare}
+          title='Blockchain'
+          link='/blockchain'
+          description='Learn all you need to know to become a Blockchain Developer.'
+      />
     </div>
-    <div class='flex flex-col justify-center gap-3'>
+    <div class='flex flex-col justify-start gap-3'>
       <RoadmapCard
         icon={Gamepad2}
         title='Game Development'
@@ -390,12 +396,12 @@ import { TipItem } from '../components/GetStarted/TipItem';
         description='Learn all you need to know to become a Technical Writer.'
       />
     </div>
-    <div class='flex flex-col justify-center gap-3'>
+    <div class='flex flex-col justify-start gap-3'>
       <RoadmapCard
-        icon={PenSquare}
-        title='Blockchain'
-        link='/blockchain'
-        description='Learn all you need to know to become a Blockchain Developer.'
+          icon={FolderKanban}
+          title='Product Manager'
+          link='/product-manager'
+          description='Learn all you need to know to become a Project Manager.'
       />
       <RoadmapCard
         icon={Component}