Projects page header

src/pages/[roadmapId]/projects.astro

@@ -48,22 +48,31 @@ const ogImageUrl =
     resourceId: roadmapId,
   });
 
-const projects = ['a'];
-
 const descriptionNoun = {
   'AI and Data Scientist': 'AI and Data Science',
   'Game Developer': 'Game Development',
   'Technical Writer': 'Technical Writing',
   'Product Manager': 'Product Management',
 };
+
+const title = `${roadmapData.briefTitle} Projects`;
+const description = `Project ideas to take you from beginner to advanced in ${descriptionNoun[roadmapData.briefTitle] || roadmapData.briefTitle}`;
+
+// `Seeking backend projects to enhance your skills? Explore our top 20 project ideas, from simple apps to complex systems. Start building today!`
+const seoTitle = `${roadmapData.briefTitle} Projects`;
+const nounTitle =
+  descriptionNoun[roadmapData.briefTitle] || roadmapData.briefTitle;
+const seoDescription = `Seeking ${nounTitle.toLowerCase()} projects to enhance your skills? Explore our top 20 project ideas, from simple apps to complex systems. Start building today!`;
+
+const projects = ['a'];
 ---
 
 <BaseLayout
   permalink={`/${roadmapId}`}
-  title={roadmapData?.seo?.title}
+  title={seoTitle}
+  description={seoDescription}
   briefTitle={roadmapData.briefTitle}
   ogImageUrl={ogImageUrl}
-  description={roadmapData.seo.description}
   keywords={roadmapData.seo.keywords}
   noIndex={true}
   resourceId={roadmapId}
@@ -71,8 +80,8 @@ const descriptionNoun = {
 >
   <div class='bg-gray-50'>
     <RoadmapHeader
-      title={`${roadmapData.briefTitle} Projects`}
+      title={title}
-      description={`Project ideas to take you from beginner to advanced in ${descriptionNoun[roadmapData.briefTitle] || roadmapData.briefTitle}`}
+      description={description}
       note={roadmapData.note}
       tnsBannerLink={roadmapData.tnsBannerLink}
       roadmapId={roadmapId}