roadmap link

Author: 4lb

src/components/HeaderSection.astro

@@ -3,7 +3,7 @@ import HomeSection from "./home/HomeSection.astro";
 
 interface Props {
   title: string;
-  description: string;
+  description?: string;
   variant?: "white" | "gray";
 }
 
@@ -13,7 +13,9 @@ const { title, description, variant = "white" } = Astro.props;
 <HomeSection variant={variant} contentId="header-section">
   <h1>{title}</h1>
   <p>
-    {description}
+    <slot name="description">
+      {description}
+    </slot>
   </p>
 </HomeSection>
 

src/pages/index.astro

@@ -337,8 +337,6 @@ const tags = [
       <TestimonialsGrid data={testimonialsData} />
     </HomeSection>
 
-    <!-- <Roadmap variant="white" /> -->
-
     <CTASection
       title="Try Defguard Today – Secure Access Without the Complexity"
       description="Let your team experience the difference between a modern VPN and a legacy workaround."
@@ -351,6 +349,16 @@ const tags = [
     />
 
 
+    <HeaderSection
+      title="Roadmap of what's to come"
+      variant="gray"
+    >
+      <span slot="description">
+        We are fully transparent also with our roadmap and feature management – here is a
+        <a href="https://github.com/orgs/DefGuard/projects/5/views/1" target="_blank" rel="noopener">detailed roadmap on github</a>
+      </span>
+    </HeaderSection>
+    <!-- <Roadmap variant="gray" /> -->
 
   </main>
 </ProductLayout>