Add kubernetes roadmap

src/components/RoadmapHeader.astro

@@ -11,13 +11,14 @@ export interface Props {
   title: string;
   description: string;
   note?: string;
+  tnsBannerLink?: string;
   roadmapId: string;
   isUpcoming?: boolean;
   hasSearch?: boolean;
   hasTopics?: boolean;
 }
 
-const { title, description, roadmapId, isUpcoming = false, hasSearch = false, note, hasTopics = false } = Astro.props;
+const { title, description, roadmapId, tnsBannerLink, isUpcoming = false, hasSearch = false, note, hasTopics = false } = Astro.props;
 
 const isRoadmapReady = !isUpcoming;
 ---
@@ -109,7 +110,7 @@ const isRoadmapReady = !isUpcoming;
     </div>
 
     <!-- Desktop: Roadmap Resources - Alert -->
-    {hasTopics && <RoadmapHint roadmapId={roadmapId} />}
+    {hasTopics && <RoadmapHint roadmapId={roadmapId} tnsBannerLink={tnsBannerLink} />}
 
     {hasSearch && <TopicSearch />}
   </div>

src/components/RoadmapHint.astro

@@ -3,11 +3,12 @@ import Icon from './Icon.astro';
 
 export interface Props {
   roadmapId: string;
+  tnsBannerLink?: string;
 }
 
-const { roadmapId } = Astro.props;
+const { roadmapId, tnsBannerLink = '' } = Astro.props;
 
-const hasTNSBanner = ['frontend', 'backend', 'devops'].includes(roadmapId);
+const hasTNSBanner = !!tnsBannerLink;
 const roadmapTitle = roadmapId === 'devops' ? 'DevOps' : `${roadmapId.charAt(0).toUpperCase()}${roadmapId.slice(1)}`;
 ---
 
@@ -26,7 +27,7 @@ const roadmapTitle = roadmapId === 'devops' ? 'DevOps' : `${roadmapId.charAt(0).
         <p class='text-sm'>
           Get the latest {roadmapTitle} news from our sister site{' '}
           <a
-            href='https://thenewstack.io?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Alert'
+            href={tnsBannerLink}
             target='_blank'
             class='font-semibold underline'
             ga-category='PartnerClick'