diff --git a/package-lock.json b/package-lock.json
index ef97b0ecc935a..70e33c11f033b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,7 +7,6 @@
     "": {
       "name": "Layer5",
       "version": "1.0.0",
-      "hasInstallScript": true,
       "dependencies": {
         "@emotion/is-prop-valid": "^1.4.0",
         "@emotion/react": "^11.14.0",
diff --git a/src/assets/data/faq/index.js b/src/assets/data/faq/index.js
index da4ddf366cc00..cf968ffcc6545 100644
--- a/src/assets/data/faq/index.js
+++ b/src/assets/data/faq/index.js
@@ -237,10 +237,10 @@ const data = {
       question: "How can I try out Kanvas?",
       category: "Kanvas",
       subcategory: "Getting Started",
-      link: "https://kanvas.new",
+      link: "https://www.kanvas.new",
       linktext: "Open kanvas.new",
       answer: [
-       "Kanvas is available in beta today. Visit https://kanvas.new to use it.",
+       "Kanvas is available in beta today. Visit https://www.kanvas.new to use it.",
        "Kanvas is cloud native collaboration tool for managing your infrastructure and applications. Kanvas has two modes: Visualizer for operating your actively running Kubernetes clusters and Designer for configuring your Kubernetes clusters and creating your creating your application deployments.",
       ],
     },
diff --git a/src/collections/blog/2022/2022-07-28-managing-multiple-clusters-with-meshery/index.mdx b/src/collections/blog/2022/2022-07-28-managing-multiple-clusters-with-meshery/index.mdx
index 4d07dafab8ce2..8495b04bbe144 100644
--- a/src/collections/blog/2022/2022-07-28-managing-multiple-clusters-with-meshery/index.mdx
+++ b/src/collections/blog/2022/2022-07-28-managing-multiple-clusters-with-meshery/index.mdx
@@ -59,7 +59,7 @@ Just before applying the operation, you will be prompted with a confirmation mod
 
 ### Using Kanvas Operator Mode
 
-You can switch between views of your cluster in visualizer mode while using <a href="https://kanvas.new">Kanvas</a>.
+You can switch between views of your cluster in visualizer mode while using <a href="https://www.kanvas.new">Kanvas</a>.
 
 
 
diff --git a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx
index f736ad72aad8e..4d06b2f832761 100644
--- a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx
+++ b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx
@@ -27,7 +27,7 @@ import BlockquoteAlt from "../../../../reusecore/Blockquote/Blockquote-alt-style
 
 <a href={KanvasScreenshot}><img src={KanvasScreenshot} alt="Layer5 Kanvas Designer" width="100%" className="block-display align-center" /></a>
 
-<a href="https://kanvas.new/">Kanvas</a> is a multi-modal collaboration suite built atop one of the Cloud Native Computing Foundation’s highest velocity open source projects: Meshery. Kanvas’s two modes, Designer and Operator, offer declarative and imperative DevOps workflows, respectively. Both modes provide a visual interface for creating and managing complex cloud native infrastructure, expediting collaborative problem-solving, brainstorming and innovation, engineer onboarding, and auto-documented infrastructure. Importantly, Kanvas helps teams avoid finger-pointing and the blame-game by allowing them to be on the same page - literally.
+<a href="https://www.kanvas.new">Kanvas</a> is a multi-modal collaboration suite built atop one of the Cloud Native Computing Foundation’s highest velocity open source projects: Meshery. Kanvas’s two modes, Designer and Operator, offer declarative and imperative DevOps workflows, respectively. Both modes provide a visual interface for creating and managing complex cloud native infrastructure, expediting collaborative problem-solving, brainstorming and innovation, engineer onboarding, and auto-documented infrastructure. Importantly, Kanvas helps teams avoid finger-pointing and the blame-game by allowing them to be on the same page - literally.
 
 <BlockquoteAlt 
   quote="Partnering on Dapr’s integration with Meshery has been eye-opening. Kanvas promotes collaboration in the design and discussion of cloud native applications, eliminating misunderstandings between teams. It is a game-changer for how we navigate the complexities of relationships between system components"
@@ -83,13 +83,13 @@ Like Figma for engineers, Kanvas users can access Kanvas from any computer with
   title=" CTO of Deeplineage"
   />
 
-Kanvas Designer is available now in beta as a service or self-hosted solution. Kanvas Operator will be available early next year. Try dragging and dropping your Kubernetes manifest into <a href="https://kanvas.new">https://kanvas.new</a> today.
+Kanvas Designer is available now in beta as a service or self-hosted solution. Kanvas Operator will be available early next year. Try dragging and dropping your Kubernetes manifest into <a href="https://www.kanvas.new">https://www.kanvas.new</a> today.
 
 
 
 #### Resources
 <ul>
-<li>Kanvas application: <a href="https://kanvas.new">https://kanvas.new</a>.</li>
+<li>Kanvas application: <a href="https://www.kanvas.new">https://www.kanvas.new</a>.</li>
 <li>Design Catalog: <a href="https://cloud.layer5.io/catalog">https://cloud.layer5.io/catalog</a>.</li>
 <li>Kanvas website: <Link to="/cloud-native-management/kanvas">https://layer5.io/cloud-native-management/kanvas</Link>.</li>
 <li>Kanvas documentation: <a href="https://docs.layer5.io/kanvas/">https://docs.layer5.io/kanvas/</a>.</li>
@@ -101,7 +101,7 @@ Our open source and commercial products empower organizations to embrace the pow
 Layer5’s award-winning open source community has over 10,000 members. For more information, visit <Link to="/">https://layer5.io</Link>
 
 ##### About Kanvas
-Kanvas is a web-based collaboration tool that allows you to create, review, and operate highly-detailed  architecture diagrams of your cloud and cloud infrastructure using a drag-and-drop interface. Kanvas is popular with site reliability engineers, platform engineers, architects, operators, and developers as an enabler of productive, collaborative infrastructure management. Try Kanvas at <a href="https://kanvas.new">https://kanvas.new</a>.
+Kanvas is a web-based collaboration tool that allows you to create, review, and operate highly-detailed  architecture diagrams of your cloud and cloud infrastructure using a drag-and-drop interface. Kanvas is popular with site reliability engineers, platform engineers, architects, operators, and developers as an enabler of productive, collaborative infrastructure management. Try Kanvas at <a href="https://www.kanvas.new">https://www.kanvas.new</a>.
 
 
 </NewsWrapper>
diff --git a/src/collections/news/2025/2025-11-11-kanvas-ga-release/index.mdx b/src/collections/news/2025/2025-11-11-kanvas-ga-release/index.mdx
index ca90cbaa8d9a6..0dd3db4abdc5e 100644
--- a/src/collections/news/2025/2025-11-11-kanvas-ga-release/index.mdx
+++ b/src/collections/news/2025/2025-11-11-kanvas-ga-release/index.mdx
@@ -107,7 +107,7 @@ Kanvas caters to a wide range of users, including:
 
 ## **Availability**
 
-Layer5 Kanvas is available today as both a self-hosted solution and a managed service. Get started by visiting [https://kanvas.new](https://kanvas.new).
+Layer5 Kanvas is available today as both a self-hosted solution and a managed service. Get started by visiting [https://www.kanvas.new](https://www.kanvas.new).
 
 ---
 
diff --git a/src/sections/Devrel-platform/content.js b/src/sections/Devrel-platform/content.js
index 2a1ad1810fefa..302ce66e7e65f 100644
--- a/src/sections/Devrel-platform/content.js
+++ b/src/sections/Devrel-platform/content.js
@@ -12,7 +12,6 @@ import NicJacksonImg from "../../collections/members/nicholas-jackson/nic-jackso
 import RutkIkegahImg from "../../collections/members/ruth-ikegah/ruth-ikegah.jpg";
 import DhruvSharmaImg from "./images/Dhruv-Sharma.png";
 
-
 const DevrelContentWrapper = styled.div`
   min-height: fit-content;
   border-width: 2px 2px 2px 2px;
@@ -62,165 +61,165 @@ const DevrelContentWrapper = styled.div`
     padding-bottom: 3rem;
     align-items: center;
     justify-content: space-around;
+  }
+  @media (max-width: 768px) {
+    padding: 2rem 0;
+  }
+  @media (max-width: 468px) {
+    flex-direction: column;
+  }
+  .devrel-detail {
+    display: flex;
+    flex-direction: column;
+    .heading {
+      font-size: 3.125rem;
+      line-height: 3.813rem;
+      color: ${(props) => props.theme.tertiaryColor};
+      transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+      margin-bottom: 2rem;
+      @media (max-width: 992px) {
+        font-size: 2.8rem;
+        line-height: 3rem;
+      }
+      @media (max-width: 767px) {
+        font-size: 2rem;
+        line-height: 2.5rem;
+        text-align: center;
+        padding: 0 50px;
+        margin-bottom: 1rem;
+      }
+      @media (max-width: 467px) {
+        padding-left: 25px;
+        padding-right: 25px;
+      }
     }
-    @media (max-width: 768px) {
-      padding: 2rem 0;
-    }
-    @media (max-width: 468px) {
-      flex-direction: column;
-    }
-    .devrel-detail {
+    .caption {
+      font-weight: 400;
+      margin-top: 0;
+      padding-left: 15px;
+      font-size: 1.28rem;
+      line-height: 2rem;
+      color: ${(props) => props.theme.tertiaryColor};
+      transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+      opacity: 0.8;
       display: flex;
       flex-direction: column;
-      .heading {
-        font-size: 3.125rem;
-        line-height: 3.813rem;
-        color: ${(props) => props.theme.tertiaryColor};
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-        margin-bottom: 2rem;
-        @media (max-width: 992px) {
-          font-size: 2.8rem;
-          line-height: 3rem;
-        }
-        @media (max-width: 767px) {
-          font-size: 2rem;
-          line-height: 2.5rem;
-          text-align: center;
-          padding: 0 50px;
-          margin-bottom: 1rem;
-        }
-        @media (max-width: 467px) {
-          padding-left: 25px;
-          padding-right: 25px;
-        }
+      gap: 10px;
+      li {
+        list-style-image: url(https://docs.meshery.io/assets/img/meshery/meshery-logo-light.svg);
       }
-      .caption {
-        font-weight: 400;
-        margin-top: 0;
-        padding-left: 15px;
-        font-size: 1.28rem;
-        line-height: 2rem;
-        color: ${(props) => props.theme.tertiaryColor};
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-        opacity: 0.8;
-        display: flex;
-        flex-direction: column;
-        gap: 10px;
-        li {
-          list-style-image: url(https://docs.meshery.io/assets/img/meshery/meshery-logo-light.svg);
-        }
-        @media (max-width: 767px) {
-          font-size: 1rem;
-          line-height: 1.5rem;
-          // text-align: center;
-          padding: 0 50px;
-        }
-        @media (max-width: 467px) {
-          padding-left: 25px;
-          padding-right: 25px;
-        }
+      @media (max-width: 767px) {
+        font-size: 1rem;
+        line-height: 1.5rem;
+        // text-align: center;
+        padding: 0 50px;
+      }
+      @media (max-width: 467px) {
+        padding-left: 25px;
+        padding-right: 25px;
       }
     }
-    .devrel-image {
+  }
+  .devrel-image {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    max-width: 50%;
+    @media (max-width: 767px) {
+      max-width: 100%;
+      margin-bottom: 20px;
+    }
+    .image-wrapper {
       display: flex;
-      flex-direction: column;
       justify-content: center;
-      max-width: 50%;
+      align-items: center;
       @media (max-width: 767px) {
-            max-width: 100%;
-            margin-bottom: 20px;
-      }
-      .image-wrapper {
-        display: flex;
         justify-content: center;
-        align-items: center;
-        @media (max-width: 767px) {
-          justify-content: center;
-        }
       }
     }
+  }
 
-    .recognition-content {
+  .recognition-content {
+    width: 100%;
+    min-height: 28.25rem;
+    @media (max-width: 767px) {
       width: 100%;
-      min-height: 28.25rem;
-      @media (max-width: 767px) {
-          width: 100%;
-          min-height: 0;
-      }
+      min-height: 0;
+    }
+    position: relative;
+    gap: 2rem;
+    .badges-section {
       position: relative;
-      gap: 2rem;
-      .badges-section {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .badge-stack {
         position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: center;
+        width: 100%;
+        height: 100%;
+        // height: 16.25rem;
+        // max-width: 25rem;
+        max-width: 15rem;
+        .badge-item {
+          position: absolute;
+          width: 11.25rem;
+          height: 11.25rem;
+          transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+          img {
+            width: 140%;
+            height: 140%;
+            object-fit: contain;
+            filter: drop-shadow(0 0.25rem 0.5rem rgba(0, 0, 0, 0.2));
+          }
+          &:nth-child(1) {
+            top: 0;
+            left: calc(50% - 3.75rem);
+          }
+          &:nth-child(2) {
+            top: 10.75rem;
+            left: calc(50% - 9.5rem);
+          }
+          &:nth-child(3) {
+            top: 10.75rem;
+            left: calc(50% + 2rem);
+          }
+          .meshmate-badge {
+            width: 90%;
+          }
+        }
+      }
+    }
+  }
+  @media (max-width: 62rem) {
+    .recognition-content {
+      .badges-section {
+        padding: 1.25rem;
         .badge-stack {
-          position: relative;
-          width: 100%;
-          height: 100%;
-          // height: 16.25rem;
-          // max-width: 25rem;
-          max-width: 15rem;
+          height: 16.25rem;
           .badge-item {
-            position: absolute;
-            width: 11.25rem;
-            height: 11.25rem;
-            transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+            width: 9.375rem;
+            height: 9.375rem;
             img {
-              width: 140%;
-              height: 140%;
-              object-fit: contain;
-              filter: drop-shadow(0 0.25rem 0.5rem rgba(0, 0, 0, 0.2));
+              width: 120%;
+              height: 120%;
             }
             &:nth-child(1) {
-                top: 0;
-                left: calc(50% - 3.75rem);
-              }
-              &:nth-child(2) {
-                top: 10.75rem;
-                left: calc(50% - 9.5rem);
-              }
-              &:nth-child(3) {
-                top: 10.75rem;
-                left: calc(50% + 2rem);
-              }
+              top: 0;
+              left: calc(50% - 3.75rem);
+            }
+            &:nth-child(2) {
+              top: 8.75rem;
+              left: calc(50% - 7.5rem);
+            }
+            &:nth-child(3) {
+              top: 8.75rem;
+              left: calc(50% + 0rem);
+            }
             .meshmate-badge {
               width: 90%;
-            }  
-          }
-        }
-      }
-    }
-    @media (max-width: 62rem) {
-      .recognition-content {
-        .badges-section {
-          padding: 1.25rem;
-          .badge-stack {
-            height: 16.25rem;
-            .badge-item {
-              width: 9.375rem;
-              height: 9.375rem;
-              img {
-                width: 120%;
-                height: 120%;
-              }
-              &:nth-child(1) {
-                top: 0;
-                left: calc(50% - 3.75rem);
-              }
-              &:nth-child(2) {
-                top: 8.75rem;
-                left: calc(50% - 7.5rem);
-              }
-              &:nth-child(3) {
-                top: 8.75rem;
-                left: calc(50% + 0rem);
-              }
-              .meshmate-badge {
-                width: 90%;
-                height: 105%;
-                margin-left: 1rem;
-                margin-top: 0.6rem;
+              height: 105%;
+              margin-left: 1rem;
+              margin-top: 0.6rem;
             }
           }
         }
@@ -249,8 +248,6 @@ const DevrelContentWrapper = styled.div`
 `;
 
 const DevrelContent = () => {
-
-
   return (
     <>
       <DevrelContentWrapper>
@@ -258,17 +255,35 @@ const DevrelContent = () => {
           <Row className="devrel">
             <Col $md={6} className="devrel-image">
               <div className="image-wrapper">
-                <a href="https://kanvas.new/" target="_blank" rel="noopener noreferrer">
+                <a
+                  href="https://www.kanvas.new"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
                   <img src={IntegrationDesigner} />
                 </a>
               </div>
             </Col>
             <Col $md={6} className="devrel-detail">
-              <h2 className="heading">Visual, Collaborative Teaching Environment</h2>
+              <h2 className="heading">
+                Visual, Collaborative Teaching Environment
+              </h2>
               <ul className="caption">
-                <li><b>Live Kubernetes Clusters:</b> Give your audience hands-on experience with a collaborative live Kubernetes environment through Meshery Playground.</li>
-                <li><b>Demonstrate Complex Concepts:</b> Explain cloud native architectures visually and interactively.</li>
-                <li><b>Multi-Player Teaching & Presentations:</b> Conduct live demos and training sessions where participants can follow along in real-time, whether you're presenting at a conference, or leading a workshop.</li>
+                <li>
+                  <b>Live Kubernetes Clusters:</b> Give your audience hands-on
+                  experience with a collaborative live Kubernetes environment
+                  through Meshery Playground.
+                </li>
+                <li>
+                  <b>Demonstrate Complex Concepts:</b> Explain cloud native
+                  architectures visually and interactively.
+                </li>
+                <li>
+                  <b>Multi-Player Teaching & Presentations:</b> Conduct live
+                  demos and training sessions where participants can follow
+                  along in real-time, whether you're presenting at a conference,
+                  or leading a workshop.
+                </li>
               </ul>
             </Col>
           </Row>
@@ -282,14 +297,27 @@ const DevrelContent = () => {
           </Row>
           <Row className="devrel">
             <Col $md={6} className="devrel-detail">
-              <h2 className="heading">
-              Content Creation and Publishing
-              </h2>
+              <h2 className="heading">Content Creation and Publishing</h2>
               <ul className="caption">
-                <li><b>Design Cloud Native Patterns:</b> Create and publish cloud native designs featuring any CNCF project.</li>
-                <li><b>Curate Reference Architectures:</b> As a Solutions Engineer or Developer Relations professional, publish best practices and operational patterns for Kubernetes and cloud-native infrastructure.</li>
-                <li><b>Develop Learning Paths:</b> Create structured educational journeys that combine theory with hands-on practice.</li>
-                <li><b>Design Challenges/Tutorials:</b> Create interactive labs using Meshery Playground with step-by-step guides and live demonstrations on diverse cloud native concepts.</li>
+                <li>
+                  <b>Design Cloud Native Patterns:</b> Create and publish cloud
+                  native designs featuring any CNCF project.
+                </li>
+                <li>
+                  <b>Curate Reference Architectures:</b> As a Solutions Engineer
+                  or Developer Relations professional, publish best practices
+                  and operational patterns for Kubernetes and cloud-native
+                  infrastructure.
+                </li>
+                <li>
+                  <b>Develop Learning Paths:</b> Create structured educational
+                  journeys that combine theory with hands-on practice.
+                </li>
+                <li>
+                  <b>Design Challenges/Tutorials:</b> Create interactive labs
+                  using Meshery Playground with step-by-step guides and live
+                  demonstrations on diverse cloud native concepts.
+                </li>
               </ul>
             </Col>
             <Col $md={6} className="devrel-image">
@@ -313,10 +341,26 @@ const DevrelContent = () => {
             <Col $md={6} className="devrel-detail">
               <h2 className="heading">Build Your Professional Brand</h2>
               <ul className="caption">
-                <li><b>Public User Profile:</b>  All your published designs and reference architectures are linked to your profile, with real-time stats to track their reach and impact.</li>
-                <li><b>Showcase Your Metrics and Leaderboard Position: </b>Track your content's performance with analytics, leaderboard rankings, and engagement metrics. Assess what's resonating with your audience and refine your developer advocacy strategy accordingly.</li>
-                <li><b>Themed Organization:</b> Create a personalized dashboard with your organization's colors and logo, and invite members.</li>
-                <li><b>Dedicated Workspace:</b> Maintain a centralized environment for all your content and resources.</li>
+                <li>
+                  <b>Public User Profile:</b> All your published designs and
+                  reference architectures are linked to your profile, with
+                  real-time stats to track their reach and impact.
+                </li>
+                <li>
+                  <b>Showcase Your Metrics and Leaderboard Position: </b>Track
+                  your content's performance with analytics, leaderboard
+                  rankings, and engagement metrics. Assess what's resonating
+                  with your audience and refine your developer advocacy strategy
+                  accordingly.
+                </li>
+                <li>
+                  <b>Themed Organization:</b> Create a personalized dashboard
+                  with your organization's colors and logo, and invite members.
+                </li>
+                <li>
+                  <b>Dedicated Workspace:</b> Maintain a centralized environment
+                  for all your content and resources.
+                </li>
               </ul>
             </Col>
           </Row>
@@ -330,14 +374,43 @@ const DevrelContent = () => {
           </Row>
           <Row className="devrel">
             <Col $md={6} className="devrel-detail">
-              <h2 className="heading">
-                Turn Knowledge into Credentials
-              </h2>
+              <h2 className="heading">Turn Knowledge into Credentials</h2>
               <ul className="caption">
-                <li><b>Guided Learning Journeys:</b> Advance your cloud native skills through <a href="https://cloud.layer5.io/academy" target="_blank" rel="noopener noreferrer">Layer5 Academy</a>, offering structured paths that combine theory with hands-on labs.</li>
-                <li><b>Interactive Challenges:</b> Strengthen your understanding in real-world scenarios with Academy challenges, powered by <a href="https://meshery.io/" target="_blank" rel="noopener noreferrer">Meshery</a>.</li>
-                <li><b>Earn Recognition:</b> Achieve Layer5 Academy certifications and badges, and showcase them directly on your DevRel profile and leaderboards.</li>
-                <li><b>Community Contribution:</b> Contribute new tutorials, challenges, and courses to Academy, growing your professional influence in the cloud-native ecosystem.</li>
+                <li>
+                  <b>Guided Learning Journeys:</b> Advance your cloud native
+                  skills through{" "}
+                  <a
+                    href="https://cloud.layer5.io/academy"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    Layer5 Academy
+                  </a>
+                  , offering structured paths that combine theory with hands-on
+                  labs.
+                </li>
+                <li>
+                  <b>Interactive Challenges:</b> Strengthen your understanding
+                  in real-world scenarios with Academy challenges, powered by{" "}
+                  <a
+                    href="https://meshery.io/"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    Meshery
+                  </a>
+                  .
+                </li>
+                <li>
+                  <b>Earn Recognition:</b> Achieve Layer5 Academy certifications
+                  and badges, and showcase them directly on your DevRel profile
+                  and leaderboards.
+                </li>
+                <li>
+                  <b>Community Contribution:</b> Contribute new tutorials,
+                  challenges, and courses to Academy, growing your professional
+                  influence in the cloud-native ecosystem.
+                </li>
               </ul>
             </Col>
             <Col $md={6} className="devrel-image">
@@ -371,13 +444,23 @@ const DevrelContent = () => {
               </div>
             </div>
             <Col $md={6} className="devrel-detail recognition-section">
-              <h2 className="heading">
-              Recognition Program
-              </h2>
+              <h2 className="heading">Recognition Program</h2>
               <ul className="caption">
-                <li><b>Achievement <a href="https://badges.layer5.io">Badges</a>:</b> Earn badges for key milestones, like streaming logs from a Kubernetes Pod for the first time.</li>
-                <li><b>Leaderboard Visibility:</b> Participate in challenges, compete on leaderboards, and stand out in the community.</li>
-                <li><b>Featured Mentions:</b> Get recognized when your content becomes popular, with shoutouts from the project.</li>
+                <li>
+                  <b>
+                    Achievement <a href="https://badges.layer5.io">Badges</a>:
+                  </b>{" "}
+                  Earn badges for key milestones, like streaming logs from a
+                  Kubernetes Pod for the first time.
+                </li>
+                <li>
+                  <b>Leaderboard Visibility:</b> Participate in challenges,
+                  compete on leaderboards, and stand out in the community.
+                </li>
+                <li>
+                  <b>Featured Mentions:</b> Get recognized when your content
+                  becomes popular, with shoutouts from the project.
+                </li>
               </ul>
             </Col>
           </Row>
diff --git a/src/sections/Home/Banner-4/index.js b/src/sections/Home/Banner-4/index.js
index 7d1593db9b7ab..c014da4d4ea38 100644
--- a/src/sections/Home/Banner-4/index.js
+++ b/src/sections/Home/Banner-4/index.js
@@ -25,9 +25,7 @@ const heroImageSrc = withPrefix("/images/lite/poster.webp");
 const Banner1 = (props) => {
   const [videoReady, setVideoReady] = useState(false);
   const thumbnailRef = useRef(null);
-
   const hasMounted = useHasMounted();
-
   // Set video as ready immediately after mount to avoid loading message
   useEffect(() => {
     if (hasMounted) {
@@ -71,16 +69,25 @@ const Banner1 = (props) => {
                 $UniWidth="100%"
               >
                 <h1>Kubernetes is better with friends</h1>
-                <h2>
-                  Collaborate to innovate
-                </h2>
+                <h2>Collaborate to innovate</h2>
               </SectionTitle>
               <span className="vintage-box-container">
                 <VintageBox $right={true} $vintageOne={true}>
-                  <Button $primary className="banner-btn one" title="Learn about Kanvas" $url="/cloud-native-management/kanvas">
+                  <Button
+                    $primary
+                    className="banner-btn one"
+                    title="Learn about Kanvas"
+                    $url="/cloud-native-management/kanvas"
+                  >
                     <FaMapMarkedAlt size={21} className="icon-left" />
                   </Button>
-                  <Button $secondary className="banner-btn two" title="Open in Playground" $url="https://kanvas.new/" $external={true}>
+                  <Button
+                    $secondary
+                    className="banner-btn two"
+                    title="Open in Playground"
+                    $url="https://www.kanvas.new"
+                    $external={true}
+                  >
                     <BsArrowUpRight size={21} className="icon-left" />
                   </Button>
                 </VintageBox>
@@ -123,8 +130,8 @@ const Banner1 = (props) => {
                       playerVars: {
                         rel: 0,
                         modestbranding: 1,
-                      }
-                    }
+                      },
+                    },
                   }}
                 />
               </div>
diff --git a/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
index 89fe4d68cd519..1e055e1a0eec1 100644
--- a/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
+++ b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
@@ -13,53 +13,51 @@ import { useInView } from "react-intersection-observer";
 import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
 
 const CollaborationBannerWrapper = styled.div`
+  .banner {
+    display: flex;
+    flex-direction: column;
+    background: ${(props) => props.theme.linearToLinear2};
+    /* background-color: ${(props) => props.theme.grey121212ToWhite}; */
+    max-width: 1920px;
+    width: 100%;
+    height: fit-content;
+    justify-content: space-evenly;
+    align-items: center;
+    padding: 4% 5% 6%;
+    /* transform: rotateX(40deg); */
 
-    .banner {
-        display: flex;
-        flex-direction: column;
-        background: ${props => props.theme.linearToLinear2};
-        /* background-color: ${props => props.theme.grey121212ToWhite}; */
-        max-width: 1920px;
-        width: 100%;
-        height: fit-content;
-        justify-content: space-evenly;
-        align-items: center;
-        padding: 4% 5% 6%;
-        /* transform: rotateX(40deg); */
-
-        /* @media only screen and (max-width: 500px) {
+    /* @media only screen and (max-width: 500px) {
             max-height: 400px;
         } */
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
 
-        svg {
-            .service-interface-partial-colorMode_svg__colorMode1,
-            .prometheus-partial-colorMode_svg__colorMode1,
-            .pod-partial-colorMode_svg__colorMode1,
-            .kubernetes-partial-colorMode_svg__colorMode1,
-            .ingress-gateway-partial-colorMode_svg__colorMode1 {
-              fill: ${props => props.theme.whiteToBlack};
-              transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-            }
+    svg {
+      .service-interface-partial-colorMode_svg__colorMode1,
+      .prometheus-partial-colorMode_svg__colorMode1,
+      .pod-partial-colorMode_svg__colorMode1,
+      .kubernetes-partial-colorMode_svg__colorMode1,
+      .ingress-gateway-partial-colorMode_svg__colorMode1 {
+        fill: ${(props) => props.theme.whiteToBlack};
+        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+      }
     }
 
-
     .banner-text {
-        display: flex;
-        flex-direction: column;
-        text-align: center;
-        align-items: center;
-        z-index: 1;
-        padding-top: 2%;
+      display: flex;
+      flex-direction: column;
+      text-align: center;
+      align-items: center;
+      z-index: 1;
+      padding-top: 2%;
     }
 
     h1 {
-        /* font-size: 4rem; */
-        position: relative;
-        display: inline-block;
-        /* color: ${props => props.theme.primaryColor}; */
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-/*
+      /* font-size: 4rem; */
+      position: relative;
+      display: inline-block;
+      /* color: ${(props) => props.theme.primaryColor}; */
+      transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+      /*
         @media only screen and (min-width: 500px) {
             font-size: 3.5rem;
         }
@@ -69,123 +67,126 @@ const CollaborationBannerWrapper = styled.div`
         @media only screen and (min-width: 950px) {
             font-size: 5rem;
         } */
-        @media only screen and (min-width: 1400px) {
-            font-size: 3.75rem;
-        }
+      @media only screen and (min-width: 1400px) {
+        font-size: 3.75rem;
+      }
     }
 
     .heading {
-        opacity: 0;
+      opacity: 0;
     }
 
     .heading-transition {
-        opacity: 1;
-        transition: opacity 2.5s;
+      opacity: 1;
+      transition: opacity 2.5s;
     }
 
     h4 {
-        padding: 3% 0%;
-        color: ${props => props.theme.greyA0AAAAToGrey666666};
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-        /* font-size: 20px; */
-        max-width: 40%;
-        /* font-weight: bold; */
-        @media only screen and (max-width: 500px) {
-            font-size: 1rem;
-            max-width: 100%;
-        }
-        @media only screen and (max-width: 767px) {
-            max-width: 100%;
-        }
+      padding: 3% 0%;
+      color: ${(props) => props.theme.greyA0AAAAToGrey666666};
+      transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+      /* font-size: 20px; */
+      max-width: 40%;
+      /* font-weight: bold; */
+      @media only screen and (max-width: 500px) {
+        font-size: 1rem;
+        max-width: 100%;
+      }
+      @media only screen and (max-width: 767px) {
+        max-width: 100%;
+      }
     }
 
     h5 {
-        padding: 2rem 0;
+      padding: 2rem 0;
     }
 
     p {
-        padding-top: 2rem;
+      padding-top: 2rem;
     }
 
     .transition-container {
-        margin: 10% 0% 0%;
-        max-width: 70%;
-        position: relative;
+      margin: 10% 0% 0%;
+      max-width: 70%;
+      position: relative;
     }
 
-    .ingress-gateway, .kubernetes, .pod, .prometheus, .supporting-arrows, .service-interface {
-        /* max-width: 70%; */
-        position: absolute;
-        top: 0%;
-        left: 0%;
-        scale: 0.7;
-        opacity: 1;
-        transition: 1s;
+    .ingress-gateway,
+    .kubernetes,
+    .pod,
+    .prometheus,
+    .supporting-arrows,
+    .service-interface {
+      /* max-width: 70%; */
+      position: absolute;
+      top: 0%;
+      left: 0%;
+      scale: 0.7;
+      opacity: 1;
+      transition: 1s;
     }
 
     .supporting-arrows {
-        opacity: 0;
-        scale: 1;
+      opacity: 0;
+      scale: 1;
     }
 
     .supporting-arrows-transition {
-        opacity: 1;
-        transition: 0.5s ease-out 1s ;
+      opacity: 1;
+      transition: 0.5s ease-out 1s;
     }
 
     .ingress-gateway {
-        translate: -40% 0;
+      translate: -40% 0;
     }
 
     .ingress-gateway-transition {
-        transform: translateX(40%);
-        scale: 1;
-        transition: 1s;
+      transform: translateX(40%);
+      scale: 1;
+      transition: 1s;
     }
 
     .kubernetes {
-        translate: 50% -30%;
+      translate: 50% -30%;
     }
 
     .kubernetes-transition {
-        transform: translateX(-50%) translateY(30%);
-        scale: 1;
-        transition: 0.75s;
+      transform: translateX(-50%) translateY(30%);
+      scale: 1;
+      transition: 0.75s;
     }
 
     .pod {
-        translate: 40% 30%;
+      translate: 40% 30%;
     }
 
     .pod-transition {
-        transform: translateX(-40%) translateY(-30%);
-        scale: 1;
-        transition: 1s;
+      transform: translateX(-40%) translateY(-30%);
+      scale: 1;
+      transition: 1s;
     }
 
     .prometheus {
-        translate: -50% 30%;
+      translate: -50% 30%;
     }
 
     .prometheus-transition {
-        transform: translateX(50%) translateY(-30%);
-        scale: 1;
-        transition: 1.25s;
+      transform: translateX(50%) translateY(-30%);
+      scale: 1;
+      transition: 1.25s;
     }
 
     .service-interface {
-        scale: 1;
+      scale: 1;
     }
-}
+  }
 `;
 
 const KanvasCollaborateBanner = () => {
   const [transitionRef, inView] = useInView({ threshold: 0.7 });
   const [imageInView, setimageInView] = useState(false);
-  if (inView && !imageInView)
-    setimageInView(true);
-  else if (imageInView && !inView)
-    setimageInView(false);
+  if (inView && !imageInView) setimageInView(true);
+  else if (imageInView && !inView) setimageInView(false);
 
   const { isDark } = useStyledDarkMode();
 
@@ -193,32 +194,78 @@ const KanvasCollaborateBanner = () => {
     <CollaborationBannerWrapper>
       <div className="banner">
         <div className="banner-text">
-          <h1>Collaborate with the team. <br /> Build solutions together </h1>
-          <h4>Designer and Operator live side-by-side, so all design work, from ideation to operation, can be found in one place.</h4>
-          <Button $primary className="join-community-button" title="Start Collaborating" $url="https://kanvas.new/" $external={true} />
+          <h1>
+            Collaborate with the team. <br /> Build solutions together{" "}
+          </h1>
+          <h4>
+            Designer and Operator live side-by-side, so all design work, from
+            ideation to operation, can be found in one place.
+          </h4>
+          <Button
+            $primary
+            className="join-community-button"
+            title="Start Collaborating"
+            $url="https://www.kanvas.new"
+            $external={true}
+          />
         </div>
         <div className="transition-container" ref={transitionRef}>
-          <img className="canvas" src={isDark ? EmptyDark : EmptyLight} alt="" />
+          <img
+            className="canvas"
+            src={isDark ? EmptyDark : EmptyLight}
+            alt=""
+          />
           <div>
-            <ServiceIntefaceImage className="service-interface" alt="ServiceIntefaceImage" />
+            <ServiceIntefaceImage
+              className="service-interface"
+              alt="ServiceIntefaceImage"
+            />
           </div>
           <div>
-            <IngressGatewayImage className={imageInView ? "ingress-gateway-transition ingress-gateway" : "ingress-gateway"} alt="IngressGatewayImage" />
+            <IngressGatewayImage
+              className={
+                imageInView
+                  ? "ingress-gateway-transition ingress-gateway"
+                  : "ingress-gateway"
+              }
+              alt="IngressGatewayImage"
+            />
           </div>
           <div>
-            <KubernetesImage className={imageInView ? "kubernetes-transition kubernetes" : "kubernetes"} alt="KubernetesImage" />
+            <KubernetesImage
+              className={
+                imageInView ? "kubernetes-transition kubernetes" : "kubernetes"
+              }
+              alt="KubernetesImage"
+            />
           </div>
           <div>
-            <PodImage className={imageInView ? "pod-transition pod" : "pod"} alt="PodImage" />
+            <PodImage
+              className={imageInView ? "pod-transition pod" : "pod"}
+              alt="PodImage"
+            />
           </div>
           <div>
-            <PrometheusImage alt="PrometheusImage" className={imageInView ? "prometheus-transition prometheus" : "prometheus"} />
+            <PrometheusImage
+              alt="PrometheusImage"
+              className={
+                imageInView ? "prometheus-transition prometheus" : "prometheus"
+              }
+            />
           </div>
-          <img className={imageInView ? "supporting-arrows-transition supporting-arrows" : "supporting-arrows"} src={SupportingArrows} alt="" />
+          <img
+            className={
+              imageInView
+                ? "supporting-arrows-transition supporting-arrows"
+                : "supporting-arrows"
+            }
+            src={SupportingArrows}
+            alt=""
+          />
         </div>
       </div>
     </CollaborationBannerWrapper>
   );
 };
 
-export default KanvasCollaborateBanner;
\ No newline at end of file
+export default KanvasCollaborateBanner;
diff --git a/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
index 1a099423b3375..60193c4ae9103 100644
--- a/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
+++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
@@ -163,7 +163,7 @@ const KanvasDesignBanner = () => {
       </div>
       <div className="hero-image">
         <CytoscapeCtx />
-        <Button $secondary title="Experience context-aware design" $url="https://kanvas.new" external={ true } />
+        <Button $secondary title="Experience context-aware design" $url="https://www.kanvas.new" external={ true } />
         <h5>Upload your Helm Chart or Kubernetes manifest to have your infra diagrammed</h5>
       </div>
       <img className="dots-upper" src={BackgroundDotsPattern} alt="" aria-hidden="true" />
diff --git a/src/sections/Kanvas/kanvas-buttons.js b/src/sections/Kanvas/kanvas-buttons.js
index 3dd3e6c8b3e85..10bd99c543427 100644
--- a/src/sections/Kanvas/kanvas-buttons.js
+++ b/src/sections/Kanvas/kanvas-buttons.js
@@ -3,30 +3,32 @@ import styled from "styled-components";
 import Button from "../../reusecore/Button";
 
 const BtnContainer = styled.div`
-        display: flex;
-        gap: 40px;
-        flex-direction: row;
-        justify-content: center;
-        Button {
-            font-size: 18px;
-        }
+  display: flex;
+  gap: 40px;
+  flex-direction: row;
+  justify-content: center;
+  Button {
+    font-size: 18px;
+  }
 
-    @media (max-width: 418px) {
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            gap: 30px;
-    }
+  @media (max-width: 418px) {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 30px;
+  }
 `;
 
 const KanvasBtn = ({ title, style }) => {
   return (
-    <BtnContainer className="btn" style={style} >
+    <BtnContainer className="btn" style={style}>
       <Button
         $primary
         $external={true}
         title={title ? title : "Explore Kanvas"}
+
         $url="https://kanvas.new/"
+        
       />
       <Button
         aria-label="Book a demo"
@@ -39,4 +41,4 @@ const KanvasBtn = ({ title, style }) => {
   );
 };
 
-export default KanvasBtn;
\ No newline at end of file
+export default KanvasBtn;
diff --git a/src/sections/Solutions/qa-section.js b/src/sections/Solutions/qa-section.js
index 64cfc33e39077..a12186d352223 100644
--- a/src/sections/Solutions/qa-section.js
+++ b/src/sections/Solutions/qa-section.js
@@ -167,11 +167,11 @@ const QASection = () => {
       question: "How can I try out Kanvas?",
 
       answer: [
-        "Kanvas is available in beta today. Visit https://kanvas.new to use it.",
+        "Kanvas is available in beta today. Visit https://www.kanvas.new to use it.",
         "Kanvas is cloud native collaboration tool for managing your infrastructure and applications. Kanvas has two modes: Visualizer for operating your actively running Kubernetes clusters and Designer for configuring your Kubernetes clusters and creating your creating your application deployments.",
       ],
-      link: "https://kanvas.new",
-      linktext: "Open kanvas.new",
+      link: "https://www.kanvas.new",
+      linktext: "Open www.kanvas.new",
     },
     {
       question: "Are Layer5's solutions open source?",