Creting Solutions page described in #6466

fonts.css

@@ -145,4 +145,28 @@
     font-weight: 100;
     font-style: italic;
     font-display: swap;
-}
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./static/fonts/open-sans/OpenSans-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("./static/fonts/open-sans/OpenSans-SemiBold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("./static/fonts/open-sans/OpenSans-Bold.ttf") format("truetype");
+}

src/pages/cloud-native-management/solutions/index.js

@@ -0,0 +1,17 @@
+import React from "react";
+
+import SEO from "../../../components/seo";
+
+import Solutions from "../../../sections/Solutions/index";
+
+const SolutionsPage = () => {
+  return (
+    <>
+      <Solutions/>
+    </>
+  );
+};
+export default SolutionsPage;
+export const Head = () => {
+  return <SEO title="Solutions" description="Collaboratively design and manage your Kubernetes workloads and Cloud services, infrastructure, and cloud native apps. Confidently configure your systems with Kanvas's visual topology and built-in design patterns." />;
+};

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

@@ -5,7 +5,7 @@ const Data = {
   menuItems: [
     {
       name: "Solutions",
-      path: "/cloud-native-management/kanvas",
+      path: "/cloud-native-management/solutions",
       subItems: [
         {
           name: "Developer-defined Infrastructure",