Skip to content

Commit e61de34

Browse files
author
vishalvivekm
committed
update
Signed-off-by: vishalvivekm <vishalvivek488@gmail.com>
1 parent b1e496b commit e61de34

23 files changed

Lines changed: 194 additions & 375 deletions

File tree

src/collections/blog/2024/11-05-what-is-the-kanvas-catalog/catalog.gif renamed to src/assets/images/kanvas/gifs/catalog.gif

File renamed without changes.

src/collections/blog/2024/11-05-what-is-the-kanvas-catalog/rendered-design.png renamed to src/assets/images/kanvas/gifs/rendered-design.png

File renamed without changes.

src/collections/blog/2024/11-05-what-is-the-kanvas-catalog/start-from-scratch.gif renamed to src/assets/images/kanvas/gifs/start-from-scratch.gif

File renamed without changes.
459 KB
Loading
2.4 MB
Binary file not shown.

src/collections/blog/2024/11-05-what-is-the-kanvas-catalog/post.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,13 @@ import { Link } from "gatsby";
2222
import quickActionsPNG from "./quick-actions-designs.png";
2323
import importDesignButtonPNG from "./import-button.png";
2424
import importDesignPanelPNG from "./import-designs-panel.png";
25-
import renderedDesignPNG from "./rendered-design.png";
25+
import renderedDesignPNG from "../../../../assets/images/kanvas/gifs/rendered-design.png";
2626
import designPannelOpener from "./designs-panel-opener.png";
2727
import designerDockPNG from "./designer-dock.png";
28-
import catalogGIF from "./catalog.gif";
28+
import catalogGIF from "../../../../assets/images/kanvas/gifs/catalog.gif";
2929
import publishToCatalogGIF from "./publish-to-catalog.gif";
3030
import importGIF from "./import-design-gif.gif";
31-
import getStartedWithDesignerGIF from "./start-from-scratch.gif";
31+
import getStartedWithDesignerGIF from "../../../../assets/images/kanvas/gifs/start-from-scratch.gif";
3232

3333
<BlogWrapper>
3434

src/pages/index.js

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import React from "react";
22

33
import SEO from "../components/seo";
44
import Partners from "../sections/Home/Partners-home";
5-
import Integrations from "../sections/Home/Playground-home";
65
import Banner from "../sections/Home/Banner";
76
import loadable from "@loadable/component";
87
import CornerPopup from "../components/Corner-popup";
@@ -24,7 +23,6 @@ const IndexPage = () => {
2423
<>
2524
<Banner />
2625
<FeaturesContainer />
27-
<Integrations />
2826
<Partners />
2927
<CornerPopup/>
3028
{/* <ServiceMeshManagement /> */}

src/sections/Home/CloudNativeManagement/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import ReactPlayer from "react-player/youtube";
99

1010
import BannerSectionWrapper from "./statement.style";
1111

12-
import imgHero from "../../../assets/images/kanvas/KanvasDesigner.png";
12+
import imgHero from "../../../assets/images/meshery-dashboard-hero-image.png";
1313

1414
const BannerDefault = () => {
1515
return (

src/sections/Meshery/Features-Col/data/index.js

Lines changed: 45 additions & 125 deletions
Original file line numberDiff line numberDiff line change
@@ -14,156 +14,76 @@ const LifecycleFeature = () => {
1414
}
1515
`);
1616

17+
1718
const lifecycleFeatureData = {
1819
name: "Lifecycle",
19-
description: "Manage all your cloud native infrastructure",
20+
description: "Manage & operate your cloud native infra from discovery to deployment.",
2021
link: "#",
2122
btnText: "Discover your clusters",
2223
services: [
23-
{
24-
content:
25-
"Discover, configure, visualize, validate and troubleshoot your existing Kubernetes clusters",
26-
className: "--on",
27-
},
28-
{
29-
content: "Deploy and operate cloud native infrastructure",
30-
className: "--on",
31-
},
32-
{
33-
content: "Share and use known cloud native patterns",
34-
className: "--on",
35-
},
36-
{
37-
content: "Multi-player collaboration",
38-
className: "--on",
39-
},
40-
{
41-
content: "Real-Time Helm Chart Generation for CLI and UI",
42-
className: "--on",
43-
},
44-
{
45-
content: "Enhanced Multi-Cluster Support for Streamlined Environments",
46-
className: "--on",
47-
},
48-
{
49-
content: "Multiplayer5 designer for kubernetes and cloud",
50-
className: "--on",
51-
},
52-
{
53-
content: "Scheduled Workflow: Automated Helm Chart Generation",
54-
className: "--on",
55-
},
56-
{
57-
content: "Hierarchical Organization and Teams management",
58-
className: "--on",
59-
},
60-
// {
61-
// content:
62-
// "Validate each service mesh's compliance with Service Mesh Interface (SMI)",
63-
// className: "--on",
64-
// },
24+
{ content: "Multi-cluster operations from a central console", className: "--on" },
25+
{ content: "Discover, deploy, and visualize Kubernetes clusters", className: "--on" },
26+
{ content: "Dry-run capabilities and change previews in pull requests", className: "--on" },
27+
{ content: "Meshery CLI (mesheryctl) for streamlined cluster ops", className: "--on" },
28+
{ content: "Bulk import of infrastructure from GitHub", className: "--on" },
29+
{ content: "Helm chart generation and environment configuration", className: "--on" },
30+
{ content: "Workspaces for centralized team and project management", className: "--on" },
31+
{ content: "Environments for grouped resource access and control", className: "--on" },
32+
{ content: "GitOps snapshots and insights in pull requests", className: "--on" },
33+
{ content: "Role-based access control and multi-tenant support", className: "--on" }
6534
],
6635
count: {
67-
value: 0,
68-
description: "cloud native integrations",
69-
},
36+
value: 300,
37+
description: "cloud native integrations"
38+
}
7039
};
7140

41+
7242
const configurationFeatureData = {
7343
name: "Configuration",
74-
description: "Operate with best practices",
44+
description: "Design, validate, & version your infra with visual tools & best practices.",
7545
link: "#",
7646
btnText: "Get Started",
7747
services: [
78-
{
79-
content: "Built-in industry patterns and known best practices",
80-
className: "--on",
81-
},
82-
{
83-
content: "Apply custom configuration to your Kubernetes clusters",
84-
className: "--on",
85-
},
86-
{
87-
content: "Manage WebAssembly filters for Envoy",
88-
className: "--on",
89-
},
90-
{
91-
content: "Version your infrastructure configuration designs",
92-
className: "--on",
93-
},
94-
{
95-
content: "Visualize and dry-run your deployment with Kanvas",
96-
className: "--on",
97-
},
98-
{
99-
content: "Apply well-known cloud native designs",
100-
className: "--on",
101-
},
102-
{
103-
content: "Kubernetes Management with Design Deployment Dry-run",
104-
className: "--on",
105-
},
106-
{
107-
content: "Efficient WASM Envoy Filter Management in Meshery UI and CLI",
108-
className: "--on",
109-
},
110-
{
111-
content: "Configurable OAuth callbacks",
112-
className: "--on",
113-
},
48+
{ content: "Drag-and-drop infrastructure designer (Kanvas)", className: "--on" },
49+
{ content: "400+ reusable design templates and patterns", className: "--on" },
50+
{ content: "Define semantic and non-semantic relationships visually", className: "--on" },
51+
{ content: "Export designs: Kubernetes, Helm, Docker Compose, OCI", className: "--on" },
52+
{ content: "Static validation and OPA-based policy enforcement", className: "--on" },
53+
{ content: "Version control and inline design review tools", className: "--on" },
54+
{ content: "Custom models with OCI registry support", className: "--on" },
55+
{ content: "Web terminal for direct container/pod access", className: "--on" },
56+
{ content: "Extension points: gRPC adapters, hot-loadable React/Golang", className: "--on" },
57+
{ content: "REST and GraphQL APIs for platform extensibility", className: "--on" }
11458
],
11559
count: {
11660
value: 1500,
117-
description: "components",
118-
},
61+
description: "standardized components"
62+
}
11963
};
12064

65+
12166
const performanceFeatureData = {
122-
name: "Performance",
123-
description: "Assess the performance of your cloud native infrastructure",
67+
name: "Optimization",
68+
description: "Assess, benchmark, & improve the performance of your infra.",
12469
link: "#",
125-
btnText: "Get Started",
70+
btnText: "Start Performance Testing",
12671
services: [
127-
{
128-
content:
129-
"Distributed performance analysis supporting 3 different types of load generators",
130-
className: "--on",
131-
},
132-
{
133-
content: "Built-in statistical analysis of service latency quartiles",
134-
className: "--on",
135-
},
136-
{
137-
content:
138-
"Import your existing Grafana dashboards. Ingest any metric from Prometheus",
139-
className: "--on",
140-
},
141-
{
142-
content:
143-
"Create and share performance profiles and test results with team members.",
144-
className: "--on",
145-
},
146-
{
147-
content: "Identify the MeshMark of a specific network function",
148-
className: "--on",
149-
},
150-
{
151-
content: "Baseline and track deltas of your workload performance",
152-
className: "--on",
153-
},
154-
{
155-
content: "Validate and dry run your configurations before deploying",
156-
className: "--on",
157-
},
158-
{
159-
content: "Certificate support in performance profiles",
160-
className: "--on",
161-
},
72+
{ content: "Performance profiles for consistent benchmarking", className: "--on" },
73+
{ content: "Built-in load generators: Fortio, Wrk2, Nighthawk", className: "--on" },
74+
{ content: "Comparative testing with visual result analysis", className: "--on" },
75+
{ content: "Statistical reporting: latency histograms, buckets", className: "--on" },
76+
{ content: "Cloud Native Performance spec compliance", className: "--on" },
77+
{ content: "Historical performance tracking across versions", className: "--on" },
78+
{ content: "Prometheus & Grafana integration for metrics", className: "--on" },
79+
{ content: "Support for soak, burst, and capacity tests", className: "--on" },
80+
{ content: "HTTP, TCP, and gRPC load generation support", className: "--on" },
81+
{ content: "Behavioral comparison of CNFs across deployments", className: "--on" }
16282
],
16383
count: {
16484
value: 0,
165-
description: "performance tests run",
166-
},
85+
description: "performance tests run"
86+
}
16787
};
16888

16989
// const collaborationFeatureData = {

src/sections/Meshery/Features-section/index.js

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,14 @@ import React from "react";
33
import { Row, Col } from "../../../reusecore/Layout";
44
import Button from "../../../reusecore/Button";
55
import Slider from "react-slick";
6-
import Slide1 from "../images/service mesh performance example.gif";
7-
import Slide2 from "../images/meshery_benchmark_screen.webp";
8-
import Slide3 from "../images/meshery-configuration-management.webp";
6+
import Slide1 from "../../../assets/images/kanvas/gifs/start-from-scratch.gif";
7+
import Slide2 from "../../../assets/images/kanvas/gifs/catalog.gif";
8+
import Slide3 from "../../../assets/images/kanvas/gifs/rendered-design.png";
99
import FeaturesSectionWrapper from "./features-section.style";
1010
import { StaticImage } from "gatsby-plugin-image";
1111

12-
const slide2Path = "../images/meshery_benchmark_screen.webp";
13-
const slide3Path = "../images/meshery-configuration-management.webp";
12+
const slide2Path = "../../../assets/images/kanvas/gifs/catalog.gif";
13+
const slide3Path = "../../../assets/images/kanvas/gifs/rendered-design.png";
1414

1515
const slides_list = [Slide1, Slide2, Slide3];
1616

@@ -46,22 +46,22 @@ const FeaturesSection = () => {
4646
<img src={meshery_logo} alt="Meshery Logo" />
4747
</div> */}
4848
<div className="section-header">
49-
<h2>Distributed systems are hard.</h2>
50-
<h1>Get the <span>most out</span> of yours</h1>
49+
<h2>Cloud native infrastructure is complex.</h2>
50+
<h1>Design it <span>visually, collaboratively</span></h1>
5151
{/* <h1>
5252
<span>Meshery</span> supports the most service meshes.
5353
</h1> */}
5454
<p>
55-
No matter where you run your workloads, Meshery just works.
55+
No matter where you run your workloads, Meshery's Kanvas makes Kubernetes and cloud infrastructure design intuitive and collaborative.
5656
</p>
5757
</div>
5858
<div className="smp-section">
5959
{/* <h4>No matter what service mesh you use, Meshery just works.</h4> */}
6060
<Row className="smp-section-row">
6161
<Col $xs={12} $xl={4} className="smp-section-data">
62-
<h2>The Performance Yardstick: MeshMark</h2>
62+
<h2>The Visual Designer: Kanvas</h2>
6363
<p>
64-
Assess the value of your cloud native infrastructure in context of its cost. Benchmark and manage the performance of your application across different cloud native infrastructure. Compare and manage cloud native overhead.
64+
Drag, drop, and deploy your infrastructure with ease. Kanvas, built on Meshery, simplifies Kubernetes and cloud management through intuitive visual designer and operator.
6565
</p>
6666
</Col>
6767
<Col $xs={12} $xl={8} className="smp-section-caraousel">
@@ -93,7 +93,7 @@ const FeaturesSection = () => {
9393
<Button $secondary className="mgmt_button" title="Manage" $url="/cloud-native-management/meshery/operating-cloud-native-infra" />
9494
</Col>
9595
<Col $xs={12} $sm={6} $md={4}>
96-
<Button $secondary className="mgmt_button" title="Patterns" $url="/learn/service-mesh-books/service-mesh-patterns" />
96+
<Button $secondary className="mgmt_button" title="Catalog" $url="/cloud-native-management/catalog" />
9797
</Col>
9898
</div>
9999
</div>

0 commit comments

Comments
 (0)