new landing for merge

Author: 4lb

src/components/TextDivider.astro

@@ -2,11 +2,12 @@
 import ContentLimiter from "./ContentLimiter.astro";
 interface Props {
   text: string;
+  paddingTop?: string;
 }
-const { text } = Astro.props;
+const { text, paddingTop = '3rem' } = Astro.props;
 ---
 <ContentLimiter>
-  <div class="text-divider">
+  <div class="text-divider" style={`padding-top: ${paddingTop};`}>
     <span class="divider-text">{text}</span>
   </div>
 </ContentLimiter>

src/pages/_home/components/CaseCapsules.astro

@@ -14,21 +14,32 @@ const { cases } = Astro.props;
 <ContentLimiter>
   <div class="case-capsules">
     {cases.map((caseItem) => (
-      <a
-        href={caseItem.link}
-        target=""
-        rel="noopener noreferrer"
-        class="case-capsule case-capsule-link"
-        tabindex={0}
-        aria-label={caseItem.title + ' (Read more)'}
-      >
-        <div class="case-header">
-          <h2>{caseItem.title}</h2>
+      caseItem.link && caseItem.link.trim() !== "" ? (
+        <a
+          href={caseItem.link}
+          target=""
+          rel="noopener noreferrer"
+          class="case-capsule case-capsule-link"
+          tabindex={0}
+          aria-label={caseItem.title + ' (Read more)'}
+        >
+          <div class="case-header">
+            <h2>{caseItem.title}</h2>
+          </div>
+          <div class="case-link-container">
+            <span class="case-link">Read more</span>
+          </div>
+        </a>
+      ) : (
+        <div class="case-capsule case-capsule-link" tabindex={0} aria-label={caseItem.title + ' (Stay tuned)'}>
+          <div class="case-header">
+            <h2>{caseItem.title}</h2>
+          </div>
+          <div class="case-link-container">
+            <span class="case-link" style="text-decoration:unset;">Stay tuned – full story next week!</span>
+          </div>
         </div>
-        <div class="case-link-container">
-          <span class="case-link">Read more</span>
-        </div>
-      </a>
+      )
     ))}
   </div>
 </ContentLimiter>

src/pages/index.astro

@@ -164,7 +164,7 @@ const tags = [
       showBorder={true}
       title="Ready to Implement Enterprise-Grade WireGuard® VPN?"
       description="See how Defguard fits into your zero-trust architecture and existing infrastructure."
-      buttonText="See all Defguard Server Features"
+      buttonText="See Defguard Server Features"
       buttonLink="/server?utm_source=landing"
       id="cta-documentation"
       variant="gray"
@@ -216,7 +216,7 @@ const tags = [
       showBorder={true}
       title="Ready to Implement Enterprise-Grade WireGuard® VPN?"
       description="See how Defguard fits into your zero-trust architecture and existing infrastructure."
-      buttonText="See all Defguard Client Features"
+      buttonText="See Client Features"
       buttonLink="/client?utm_source=landing"
       id="cta-documentation"
       variant="white"
@@ -226,7 +226,7 @@ const tags = [
 
 
 
-    Section Beyond VPN – Identity & Access Out of the Box
+    Section Beyond VPN
 
 
 
@@ -324,19 +324,20 @@ const tags = [
       description="Defguard secure architecture approach and user friendly interface makes it a unique solution in the VPN management space."
       variant="white"
     />
-    <TextDivider text="Case Studies" />
+    <TextDivider text="Case Studies" paddingTop="0" />
     <CaseCapsules
       cases={[
         { title: "Build private cloud security with defguard.", link: "https://defguard.net/blog/self-hosted-vpn-private-cloud-acquinox-defguard/" },
-        { title: "Replace Fortinet or Checkpoint with a lightweight, auditable stack", link: "https://defguard.net/blog/self-hosted-vpn-private-cloud-acquinox-defguard/" },
-        { title: "Give contractors and remote workers secure, controlled access", link: "https://defguard.net/blog/self-hosted-vpn-private-cloud-acquinox-defguard/" }
+        { title: "Replace Fortinet or Checkpoint with a lightweight, auditable stack", link: "" },
+        { title: "Give contractors and remote workers secure, controlled access", link: "" }
       ]}
     />
     <TextDivider text="Testimonials" />
     <HomeSection id="testimonials" variant="white">
       <TestimonialsGrid data={testimonialsData} />
     </HomeSection>
 
+    <!-- <Roadmap variant="white" /> -->
 
     <CTASection
       title="Try Defguard Today – Secure Access Without the Complexity"
@@ -350,7 +351,7 @@ const tags = [
     />
 
 
-    <!-- <Roadmap variant="white" /> -->
+
   </main>
 </ProductLayout>