Fix: restructure pages per updated Figma sitemap

src/assets/data/faq/index.js

@@ -14,7 +14,7 @@ const data = {
         "As a self-service engineering platform, Meshery enables collaborative design and operation of cloud and cloud native infrastructure.",
         "Meshery is an open source, highly extensible, vendor neutral project, created for the world of AI and remote knowledge workers.",
       ],
-      link: "/cloud-native-management/meshery/operating-cloud-native-infra",
+      link: "/products/meshery/how-meshery-works",
       linktext: "Operating cloud native infrastructure",
     },
     {
@@ -25,7 +25,7 @@ const data = {
       answer: [
         "Yes, as a management plane, Meshery provides value in a number of ways post-adoption Kubernetes. For example, Meshery analyzes your deployments in evaluation of cloud native best practices and patterns, highlighting where you might be deviating.","Meshery performs deep discovery of your environment and currently running applications and infrastructure.",
       ],
-      link: "/cloud-native-management/meshery",
+      link: "/products/meshery",
       linktext: "Meshery",
     },
     {
@@ -189,7 +189,7 @@ const data = {
       question: "How does Meshery infuse GitOps practices into cloud native managemement?",
       category: "Meshery",
       subcategory: "Integrations",
-      link: "https://layer5.io/cloud-native-management/meshery",
+      link: "https://layer5.io/products/meshery",
       linktext: "Run Meshery",
       answer: [
         "Multiple Meshery GitHub Actions help you integrate your Kubernetes operations and configuration management into a versioned, pipelined, declarative workflow. These GitHub Actions apply conformance to cloud native standards and performance management gates into your pipelines.",
@@ -205,7 +205,7 @@ const data = {
       question: "Is Kanvas cloud or a self-hosted solution?",
       category: "Kanvas",
       subcategory: "Deployment",
-      link: "https://layer5.io/cloud-native-management/kanvas",
+      link: "https://layer5.io/products/meshmap",
       linktext: "Learn More",
       answer: [
         "Yes, Kanvas is available both as a hosted solution and is also deployable on-premises as a self-hosted solution.",
@@ -217,7 +217,7 @@ const data = {
     //   question: "What is Kanvas early access program?",
     //   category: "Kanvas",
     //   subcategory: "Getting Started",
-    //   link: "https://layer5.io/cloud-native-management/kanvas",
+    //   link: "https://layer5.io/products/meshmap",
     //   linktext: "Kanvas Beta",
     //   answer: [
     //     "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.",

src/collections/handbook/repository-overview/repo-data.js

@@ -88,7 +88,7 @@ export const repo_data = [
       {
         project: "Kanvas",
         image: kanvasLogo,
-        site: "/cloud-native-management/kanvas",
+        site: "/products/meshmap",
         language: "React.js, Cytoscape.js",
         maintainers_name: ["Aabid Sofi"],
         link: ["https://layer5.io/community/members/aabid-sofi"],

src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js

@@ -18,7 +18,7 @@ export const Categories = {
     "Heading": "Get started with Kanvas!",
     "Content": "Explore and understand your infrastructure at a glance with our powerful Operator tool. Gain insights, track dependencies, and optimize performance effortlessly.",
     "Button_Text": "Try Kanvas now!",
-    "Link": "/cloud-native-management/kanvas",
+    "Link": "/products/meshmap",
     "Link_external": false
   },
   "Docker": {

src/components/Features/TwoColLayout.js

@@ -73,10 +73,10 @@ const TwoColLayout = ({ containerRefs, contentRefs }) => {
           <h2>Simplify platform engineering</h2>
           <p className="text">Incorporate AWS, GCP and Kubernetes components into Kanvas designs for comprehensive and intuitive system mapping, documentation, and orchestration.</p>
           <div className="small-card-container">
-            <Link aria-label="aws" className="small-card" to="/cloud-native-management/generate-aws-architecture-diagram">
+            <Link aria-label="aws" className="small-card" to="/products/meshmap/diagramming-cloud-architecture/aws">
               <img alt="aws" src={isDark ? AWSLogoDark : AWSLogoLight} width={40} />
             </Link>
-            <Link aria-label="gcp" className="small-card" to="/cloud-native-management/generate-gcp-architecture-diagram">
+            <Link aria-label="gcp" className="small-card" to="/products/meshmap/diagramming-cloud-architecture/gcp">
               <img alt="gcp" src={GCPLogo} width={40} />
             </Link>
             <Link aria-label="kubernetes" className="small-card" to="/cloud-native-management/generate-kubernetes-architecture-diagram">

src/components/Learn-Components/Setup-Pre-Requisites/index.js

@@ -16,7 +16,7 @@ const SetupPreReq = () => (
       </p>
     </div>
     <div className="container-card" id="Set up">
-      <a href="/cloud-native-management/meshery" target="_blank">
+      <a href="/products/meshery" target="_blank">
         <div className="card">
           <div className="card-header">
             <h2>Prerequisites</h2>

src/components/Learn-Components/TOC-Learning-Path/index.js

@@ -6,9 +6,9 @@ import { IoMdClose } from "@react-icons/all-files/io/IoMdClose";
 import { IoIosArrowDropdownCircle } from "@react-icons/all-files/io/IoIosArrowDropdownCircle";
 
 const preReqSteps = [
-  { name: "Set up", link: "/cloud-native-management/meshery" },
-  { name: "Run Meshery",link: "/cloud-native-management/meshery/getting-started" },
-  { name: "Manage Meshery", link: "/cloud-native-management/meshery/operating-cloud-native-infra" }
+  { name: "Set up", link: "/products/meshery" },
+  { name: "Run Meshery",link: "/products/meshery/install-meshery" },
+  { name: "Manage Meshery", link: "/products/meshery/how-meshery-works" }
 ];
 
 const TOC = ({ coursesData }) => {

src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js → src/pages/products/meshery/how-meshery-works.js

@@ -73,7 +73,7 @@ const OperatingServiceMeshes = () => {
                 </p>
                 <p>
                   Learn more about{" "}
-                  <a href="https://layer5.io/cloud-native-management/kanvas">
+                  <a href="https://layer5.io/products/meshmap">
                     Kanvas
                   </a>
                 </p>

src/pages/cloud-native-management/generate-aws-architecture-diagram.js → src/pages/products/meshmap/diagramming-cloud-architecture/aws.js

@@ -1,7 +1,7 @@
 import React from "react";
 
-import SEO from "../../components/seo";
-import AwsDiagram from "../../sections/AWS-Diagram";
+import SEO from "../../../../components/seo";
+import AwsDiagram from "../../../../sections/AWS-Diagram";
 
 const Aws = () => {
   return (

src/pages/cloud-native-management/generate-gcp-architecture-diagram.js → src/pages/products/meshmap/diagramming-cloud-architecture/gcp.js

@@ -1,7 +1,7 @@
 import React from "react";
 
-import SEO from "../../components/seo";
-import GcpDiagram from "../../sections/GCP-Diagram";
+import SEO from "../../../../components/seo";
+import GcpDiagram from "../../../../sections/GCP-Diagram";
 
 const Gcp = () => {
   return (

src/sections/AWS-Diagram/diagram.js

@@ -180,7 +180,7 @@ const Aws = () => {
             <p className="caption">
               Kanvas allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!
             </p>
-            <Link className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</Link>
+            <Link className="link" href="/products/meshmap/designer">Learn more &rarr;</Link>
           </Col>
         </Row>
         <Row className="catalog">

src/sections/CloudNativeDeployments/features.js

@@ -161,7 +161,7 @@ const Feature = () => {
             <p className="caption">
             Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components.
             </p>
-            <Link className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</Link>
+            <Link className="link" href="/products/meshmap/designer">Learn more &rarr;</Link>
           </Col>
         </Row>
         <Row className="catalog">
@@ -172,7 +172,7 @@ const Feature = () => {
             <p className="caption">
             Deploy designs, apply patterns, manage and operate your deployments in real-time. Bring all your Kubernetes clusters under a common point of management.
             </p>
-            <Link className="link" href="/cloud-native-management/kanvas/visualize">Learn more &rarr;</Link>
+            <Link className="link" href="/products/meshmap/orchestration">Learn more &rarr;</Link>
           </Col>
           <Col md={6} className="diagram-image">
             <div className="image-wrapper">

src/sections/Community/Member-single/index.js

@@ -89,7 +89,7 @@ const MemberSingle = ({ frontmatter, children }) => {
                       {badges.includes("meshery") && (
                         <div className="tooltip">
                           <li>
-                            <Link to="/cloud-native-management/meshery">
+                            <Link to="/products/meshery">
                               <img
                                 className="profile-social-links"
                                 src={mesheryLogo}
@@ -241,7 +241,7 @@ const MemberSingle = ({ frontmatter, children }) => {
                       {badges.includes("meshery-operator") && (
                         <div className="tooltip">
                           <li>
-                            <Link to="/cloud-native-management/meshery/meshery-operator">
+                            <Link to="/products/meshery/meshery-operator">
                               <img
                                 className="profile-social-links"
                                 src={mesheryOperatorLogo}

src/sections/Docker-Meshery/docker-extension-meshery.js

@@ -61,7 +61,7 @@ const DockerExtensionMeshery = () => {
               <Col $lg={10}>
                 <div className="feature-title">Visual designer for cloud native applications and infrastructure</div> {" "}
                 <i>
-                Using <Link to="/cloud-native-management/kanvas">Kanvas</Link> as a visual topology for designing Docker Compose applications, operating Kubernetes and their workloads.
+                Using <Link to="/products/meshmap">Kanvas</Link> as a visual topology for designing Docker Compose applications, operating Kubernetes and their workloads.
                 </i>
               </Col>
               <Col className="docker-extension-meshery" $lg={2}>

src/sections/GCP-Diagram/diagram.js

@@ -171,7 +171,7 @@ const Gcp = () => {
             <p className="caption">
               Kanvas allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!
             </p>
-            <Link className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</Link>
+            <Link className="link" href="/products/meshmap/designer">Learn more &rarr;</Link>
           </Col>
         </Row>
         <Row className="catalog">
@@ -219,7 +219,7 @@ const Gcp = () => {
               Leverage Google Cloud Platform diagrams to utilize various services in facilitating storage and analysis of large datasets. These services encompass BigQuery, Dataflow, Dataproc, and Data Fusion, contributing to cloud-based data management.
               <br />
               <br />
-              <a className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</a>
+              <a className="link" href="/products/meshmap/designer">Learn more &rarr;</a>
             </p>
           </Col>
         </Row>

src/sections/General/Footer/index.js

@@ -214,7 +214,7 @@ const Footer = ({ location }) => {
               </div>
               <div className="footer-sections odd-col">
                 <h3 className="section-title">
-                  <Link className="title-link" to="/cloud-native-management/solutions">
+                  <Link className="title-link" to="/solutions">
                     SOLUTIONS
                   </Link>
                 </h3>
@@ -245,7 +245,7 @@ const Footer = ({ location }) => {
                     </Link>
                   </li>
                   <li>
-                    <Link className="category-link" to="/cloud-native-management/kanvas/collaborate">
+                    <Link className="category-link" to="/products/meshmap/collaborate">
                       Collaborative GitOps
                     </Link>
                   </li>

src/sections/General/Navigation/index.js

@@ -174,7 +174,7 @@ const Navigation = () => {
           title: "Kanvas, collaborative infrastructure management",
         },
         fields: {
-          slug: "/cloud-native-management/kanvas",
+          slug: "/products/meshmap",
         },
       },
       {

src/sections/General/Navigation/utility/ScrollspyMenu.js

@@ -151,7 +151,7 @@ const ScrollspyMenu = ({ menuItems, ...props }) => {
                 </div>) : (
                 <>
                   <Link
-                    to="/cloud-native-management/kanvas"
+                    to="/products/meshmap"
                     onClick={handleLinkClick}
                   >
                     <div className="single-card">

src/sections/General/Navigation/utility/menu-items.js

@@ -5,7 +5,7 @@ const Data = {
   menuItems: [
     {
       name: "Solutions",
-      path: "/cloud-native-management/solutions",
+      path: "/solutions",
       subItems: [
         {
           name: "Developer-defined Infrastructure",
@@ -24,7 +24,7 @@ const Data = {
         },
         {
           name: "Collaborative GitOps",
-          path: "/cloud-native-management/kanvas/collaborate",
+          path: "/products/meshmap/collaborate",
           sepLine: true,
         },
         {
@@ -56,16 +56,16 @@ const Data = {
       subItems: [
         {
           name: "Kanvas",
-          path: "/cloud-native-management/kanvas",
+          path: "/products/meshmap",
           sepLine: true,
         },
         {
           name: "Designer",
-          path: "/cloud-native-management/kanvas/design",
+          path: "/products/meshmap/designer",
         },
         {
           name: "Operator",
-          path: "/cloud-native-management/kanvas/operate",
+          path: "/products/meshmap/orchestration",
         },
         {
           name: "Cloud",
@@ -88,15 +88,15 @@ const Data = {
         },
         {
           name: "Meshery",
-          path: "/cloud-native-management/meshery",
+          path: "/products/meshery",
         },
         {
           name: "NightHawk",
           path: "/projects/nighthawk",
         },
         // {
         //   name: "---",
-        //   // path: "/cloud-native-management/kanvas",
+        //   // path: "/products/meshmap",
 
         // },
       ],
@@ -121,7 +121,7 @@ const Data = {
     },
     {
       name: "Integrations",
-      path: "/cloud-native-management/meshery/integrations",
+      path: "/products/meshery/integrations",
     },
     // {
     //   name: "Learn",

src/sections/Home/Banner-1/index.js

@@ -37,7 +37,7 @@ const Banner1 = (props) => {
                 <Button $primary className="banner-btn one" title="Join in" $url="/community">
                   <FaMapMarkedAlt size={21} className="icon-left" />
                 </Button>
-                <Button $primary className="banner-btn two" title="See Meshery" $url="/cloud-native-management/meshery">
+                <Button $primary className="banner-btn two" title="See Meshery" $url="/products/meshery">
                   <FiDownloadCloud size={21} className="icon-left" />
                 </Button>
               </VintageBox>

src/sections/Home/Banner-2/index.js

@@ -34,7 +34,7 @@ const Banner2 = (props) => {
               <Button $primary className="banner-btn one" title="Join in" $url="/community">
                 <FaMapMarkedAlt size={21} className="icon-left" />
               </Button>
-              <Button $primary className="banner-btn two" title="See Meshery" $url="/cloud-native-management/meshery">
+              <Button $primary className="banner-btn two" title="See Meshery" $url="/products/meshery">
                 <FiDownloadCloud size={21} className="icon-left" />
               </Button>
             </VintageBox>

src/sections/Home/Banner-4/index.js

@@ -77,7 +77,7 @@ const Banner1 = (props) => {
               </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="/products/meshmap">
                     <FaMapMarkedAlt size={21} className="icon-left" />
                   </Button>
                   <Button $secondary className="banner-btn two" title="Open in Playground" $url="https://kanvas.new/" $external={true}>

src/sections/Home/CloudNativeManagement/index.js

@@ -50,7 +50,7 @@ const BannerDefault = () => {
                     <Button
                       $primary                      className="join-community-button"
                       title="Extend your control"
-                      $url="/cloud-native-management/meshery"
+                      $url="/products/meshery"
                     />
                   </div>
                 </SectionTitle>

src/sections/Home/FeaturesContainer/index.js

@@ -29,7 +29,7 @@ const FeaturesContainer = () => {
       title: "Build Systems Faster, Together",
       show_custom_cursor: true,
       animationOne: true,
-      redirectLink: "/cloud-native-management/kanvas/collaborate/peer-reviews",
+      redirectLink: "/products/meshmap/collaborate/peer-reviews",
       desc: "Real-time collaboration for cloud native and Kubernetes designs with live-editing, instant feedback, deploy dry runs, and secure access controls.",
       imgLink: isDark ? CommentingImageDark : CommentingImageLight,
       cursor: false,
@@ -54,14 +54,14 @@ const FeaturesContainer = () => {
           image: isDark ? AWSLogoDark : AWSLogoLight,
           alt: "Amazon Web Services Logo",
           redirect:
-            "/cloud-native-management/generate-aws-architecture-diagram",
+            "/products/meshmap/diagramming-cloud-architecture/aws",
         },
         {
           text: "Google Cloud Platform",
           image: GCPLogo,
           alt: "Logo Google Cloud Platform",
           redirect:
-            "/cloud-native-management/generate-gcp-architecture-diagram",
+            "/products/meshmap/diagramming-cloud-architecture/gcp",
         },
       ],
     },