15308555518/ website
1
0
Fork 0
mirror of https://github.com/kubesphere/website.git synced 2025-12-25 15:32:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: Add features page and change top right video on home page 

Signed-off-by: lannyfu <lannyfu@kubesphere.io>
This commit is contained in:
lannyfu 2025-09-18 16:08:36 +08:00
parent 2c4148f7dc
commit 7acac5a34b
35 changed files with 851 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/scss/common.scss
View File

@ -16,6 +16,10 @@ html {
background-color: #f5f8f9;
}
main{
margin-top: 60px;
}
section {
min-width: 1160px;

1
assets/scss/content.scss
View File

@ -6,6 +6,7 @@
}
.main-section {
margin-top: 60px;
&>div {
position: relative;
padding-top: 93px;

92
assets/scss/features.scss Normal file
View File

@ -0,0 +1,92 @@
@import "variables";
@import "mixin";
html {
background-color: #ffffff;
}
.section-1 {
position: relative;
padding-top: 166px;
background-image: url("/images/features/banner.jpg");
.title-div {
position: relative;
padding-bottom: 74px;
h1 {
width: 100%;
text-align: center;
}
}
}
.section-2 {
background: #f5f8f9;
padding: 80px 0;
.title-div {
position: relative;
h1 {
color: #171c34;
text-align: center;
text-shadow: 0 4px 8px rgba(35, 45, 65, 0.1);
font-size: 32px;
font-weight: 520;
line-height: 52px;
}
}
ul {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 20px;
li {
position: relative;
padding: 24px;
width: calc((100% - 60px) / 4);
background-color: #fff;
border-radius: 10px;
box-sizing: border-box;
min-height: 250px;
img {
display: block;
}
h3 {
margin-top: 16px;
color: #242e42;
font-size: 20px;
font-weight: 520;
line-height: 28px;
}
.conetnt {
margin-top: 8px;
color: #484e58;
font-size: 14px;
line-height: 24px;
}
.label {
position: absolute;
margin-top: 0;
top: 0;
right: 0;
border-radius: 0 8px 0 8px;
padding: 4px 10px;
font-size: 14px;
font-weight: 380;
line-height: 20px;
&.label-gray {
background-color: #e3e9ef;
color: #36435c;
}
&.label-green {
color: #3b747a;
background-color: #c4e6d4;
}
}
}
}
}
.footer {
padding-top: 60px;
}

79
assets/scss/index.scss
View File

@ -176,6 +176,77 @@
}
}
}
.custom-vertical-carousel {
position: absolute;
top: 208px;
right: 0;
width: 100%;
max-width: 531px;
height: 350px;
margin: 0 auto;
padding: 20px 0;
}
.carousel-inner {
position: relative;
height: 100%;
}
.carousel-slide {
width: 100%;
height: 319px;
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow: hidden;
}
.carousel-slide .slide-content {
width: 100%;
height: 100%;
padding: 4px;
font-size: 24px;
font-weight: bold;
color: #333;
text-align: center;
img {
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
}
}
.carousel-slide.active {
transform: translateY(0) scale(1);
opacity: 1;
z-index: 10;
}
.carousel-slide.prev {
transform: translateY(-20px) scale(0.95);
opacity: 0.5;
z-index: 9;
}
.carousel-slide.next {
transform: translateY(20px) scale(0.95);
opacity: 0.5;
z-index: 8;
}
.carousel-slide.hidden {
opacity: 0.3;
transform: translateY(50px) scale(0.9);
z-index: 1;
}
}
.section-2 {
@ -191,7 +262,7 @@
z-index: 2;
.title-black-h2 {
margin-top: 80px;
margin-top: 107px;
}
& > div {
@ -288,10 +359,13 @@
white-space: nowrap;
padding: 16px 48px;
border-radius: 26px;
font-weight: 520;
color: #31383e;
&.active {
background-color: #55bc8a;
color: #fff;
box-shadow: 0 8px 16px 0 rgba(33, 43, 61, 0.2),
0 10px 50px 0 rgba(34, 43, 62, 0.1), 0 4px 8px 0 rgba(36, 46, 66, 0.06);
}
}
}
@ -310,7 +384,7 @@
& > div {
position: relative;
margin-top: 76px;
margin-top: 104px;
text-align: left;
align-items: center;
@ -1016,6 +1090,7 @@
text-align: center;
a {
color: #31383e;
font-weight: 450;
text-decoration: underline;
&:hover {
color: #55bc8a;

4
content/en/_index.md
View File

@ -18,6 +18,10 @@ section1:
# TODO: free feature list
link: /
class: apply-btn
carouselItems:
- image: /images/home/top-right-1.jpg
- image: /images/home/top-right-2.jpg
- image: /images/home/top-right-3.jpg
tabs:
children:

77
content/en/features/_index.md Normal file
View File

@ -0,0 +1,77 @@
---
title: "社区版详细功能清单"
layout: "features"
css: "scss/features.scss"
section1:
title: "社区版详细功能清单"
image: /images/features/banner.jpg
section2:
title: "功能介绍"
children:
- icon: /images/features/cluster-management.svg
name: 集群管理
content: 跨云、跨基础设施的多个 Kubernetes 集群的集中式可视化管理与运维
- icon: /images/features/multi-tenant-anagement.svg
name: 多租户管理
content: 跨集群、跨项目的资源逻辑隔离、网络隔离和细粒度的访问控制能力
- icon: /images/features/app-management.svg
name: 应用管理
content: 统一的应用生命周期管理能力，对 Helm、Oporator 等类型应用提供统一的抽象层
- icon: /images/features/k8s-resource-management.svg
name: K8S资源管理
content: 提供 Web 控制台对接 Kubernetes 原生 API 快速创建与管理 Kubernetes 资源
- icon: /images/features/extension-management.svg
name: 扩展组件管理
content: 采用微内核+扩展组件的架构，按需定制、扩展平台能力
- icon: /images/features/wiz-telemetry.svg
name: WizTelemetry 可观测
content: 对应用与基础设施性能及健康状态的全面洞察
label: extension
- icon: /images/features/devops.svg
name: DevOps
content: 提供端到端的工作流，集成主流 CI/CD 工具
label: extension
- icon: /images/features/gateway.svg
name: KubeSphere 网关
content: 基于流量的统一入口管理、七层负载均衡与多种路由策略
label: extension
- icon: /images/features/gatekeeper.svg
name: GateKeeper
content: 可灵活配置安全策略的准入控制器
- icon: /images/features/metrics-server.svg
name: Metrics Server
content: 可扩展、高效的容器资源度量源，为 Kubernetes 内置的自动扩展管道提供服务
label: opensource
- icon: /images/features/nvidia.svg
name: NVIDIA GPU Operator
content: 在 Kubernetes 上创建、配置和管理 GPU
label: opensource
- icon: /images/features/deepseek.svg
name: Deepseek
content: 基于 ollama 运行 deepseek-r1 模型，对外提供 API 服务
label: opensource
- icon: /images/features/grafana.svg
name: Grafana
content: 开放且可组合的观测和数据可视化平台
label: opensource
- icon: /images/features/loki.svg
name: Loki
content: 可扩展、高可用、多租户日志聚合系统
label: opensource
- icon: /images/features/higress.svg
name: Higress
content: 基于 Istio 和 Envoy 的API 网关
label: opensource
- icon: /images/features/ob-operator.svg
name: OB-Operator
content: 管理 Kubernetes 集群中的 OceanBase 相关资源
label: opensource
- icon: /images/features/ob-operator.svg
name: Oceanbas Dashboard
content: OceanBase 交互式管理应用
label: opensource
---

6
content/zh/_index.md
View File

@ -17,6 +17,10 @@ section1:
# TODO: free feature list
link: /
class: apply-btn
carouselItems:
- image: /images/home/top-right-1.jpg
- image: /images/home/top-right-2.jpg
- image: /images/home/top-right-3.jpg
tabs:
children:
@ -188,7 +192,7 @@ section6:
section7:
title: 产品功能架构
image: /images/home/arch-cn.png
image: /images/home/arch-cn.svg
section8:
title: KubeSphere 自诞生以来始终坚持开源初心<br/>在全球云原生社区中持续贡献力量

77
content/zh/features/_index.md Normal file
View File

@ -0,0 +1,77 @@
---
title: "社区版详细功能清单"
layout: "features"
css: "scss/features.scss"
section1:
title: "社区版详细功能清单"
image: /images/features/banner.jpg
section2:
title: "功能介绍"
children:
- icon: /images/features/cluster-management.svg
name: 集群管理
content: 跨云、跨基础设施的多个 Kubernetes 集群的集中式可视化管理与运维
- icon: /images/features/multi-tenant-anagement.svg
name: 多租户管理
content: 跨集群、跨项目的资源逻辑隔离、网络隔离和细粒度的访问控制能力
- icon: /images/features/app-management.svg
name: 应用管理
content: 统一的应用生命周期管理能力，对 Helm、Oporator 等类型应用提供统一的抽象层
- icon: /images/features/k8s-resource-management.svg
name: K8S资源管理
content: 提供 Web 控制台对接 Kubernetes 原生 API 快速创建与管理 Kubernetes 资源
- icon: /images/features/extension-management.svg
name: 扩展组件管理
content: 采用微内核+扩展组件的架构，按需定制、扩展平台能力
- icon: /images/features/wiz-telemetry.svg
name: WizTelemetry 可观测
content: 对应用与基础设施性能及健康状态的全面洞察
label: extension
- icon: /images/features/devops.svg
name: DevOps
content: 提供端到端的工作流，集成主流 CI/CD 工具
label: extension
- icon: /images/features/gateway.svg
name: KubeSphere 网关
content: 基于流量的统一入口管理、七层负载均衡与多种路由策略
label: extension
- icon: /images/features/gatekeeper.svg
name: GateKeeper
content: 可灵活配置安全策略的准入控制器
- icon: /images/features/metrics-server.svg
name: Metrics Server
content: 可扩展、高效的容器资源度量源，为 Kubernetes 内置的自动扩展管道提供服务
label: opensource
- icon: /images/features/nvidia.svg
name: NVIDIA GPU Operator
content: 在 Kubernetes 上创建、配置和管理 GPU
label: opensource
- icon: /images/features/deepseek.svg
name: Deepseek
content: 基于 ollama 运行 deepseek-r1 模型，对外提供 API 服务
label: opensource
- icon: /images/features/grafana.svg
name: Grafana
content: 开放且可组合的观测和数据可视化平台
label: opensource
- icon: /images/features/loki.svg
name: Loki
content: 可扩展、高可用、多租户日志聚合系统
label: opensource
- icon: /images/features/higress.svg
name: Higress
content: 基于 Istio 和 Envoy 的API 网关
label: opensource
- icon: /images/features/ob-operator.svg
name: OB-Operator
content: 管理 Kubernetes 集群中的 OceanBase 相关资源
label: opensource
- icon: /images/features/ob-operator.svg
name: Oceanbas Dashboard
content: OceanBase 交互式管理应用
label: opensource
---

4
i18n/en.yaml
View File

@ -140,3 +140,7 @@
translation: Thanks for the feedback. If you have a specific question about how to use KubeSphere, ask it on Slack. Open an issue in the GitHub repo if you want to report a problem or suggest an improvement.
- id: Visitor-count
translation: 'The number of views: '
- id: Extension
translation: Extension
- id: Open Source Object
translation: Open Source Object

4
i18n/zh.yaml
View File

@ -146,3 +146,7 @@
translation: 感谢您的反馈。如果您有关于如何使用 KubeSphere 的具体问题，请在 Slack 上提问。如果您想报告问题或提出改进建议，请在 GitHub 存储库中打开问题。
- id: Visitor-count
translation: 本文总阅读量：
- id: Extension
translation: 扩展组件
- id: Open Source Object
translation: 开源项目

31
layouts/_default/features.html Normal file
View File

@ -0,0 +1,31 @@
{{ define "main" }}
{{ with .Params.section1}}
<section class='section-1 bg-cover' style='background-image: url("{{ .image }}");'>
<div class="title-div common-layout">
<h1 class="title-h1">{{ .title }}</h1>
</div>
</section>
{{ end }}
{{ with .Params.section2}}
<section class='section-2'>
<div class="title-div common-layout">
<h1 class="title-h1">{{ .title }}</h1>
<ul>
{{range .children}}
<li>
<img src="{{ .icon }}" alt="{{ .name }}">
<h3 class="title-black-h3 ">{{ .name | safeHTML }}</h3>
<p class="conetnt">{{ .content | safeHTML }}</p>
{{if eq .label "extension"}}
<p class="label label-green">{{ i18n "Extension" }}</p>
{{else if eq .label "opensource"}}
<p class="label label-gray">{{ i18n "Open Source Object" }}</p>
{{end}}
</li>
{{end}}
</ul>
{{ end }}
</div>
</section>
{{ end }}

103
layouts/index.html
View File

@ -6,20 +6,32 @@
{{ with .Params.section1 }}
<div class="common-layout">
<div>
<p class='p1'>{{ .title | safeHTML }}</p>
<h1>{{ .topic | safeHTML }}</h1>
<h1>{{ .title | safeHTML }}</h1>
<p class='p1'> {{ .topic | safeHTML }}</p>
<p class='p2'>{{ .content | safeHTML }}</p>
{{range .btns}}
<!-- {{range .btns}}
<a href="{{ .link }}" class="{{.class}}" target="_blank" rel="noopener noreferrer">
<button class='download-btn download-btn2 common-btn'>{{ .content | safeHTML }}</button>
</a>
{{end}}
{{end}} -->
</div>
<div class="img1-div">
<img class='img1' src="/images/home/53.png" id='video' alt="{{ i18n " kubesphere console screenshot"}}">
<img class='play' src="/images/videos/play-b.svg" alt="play">
<div class="custom-vertical-carousel">
<div class="carousel-inner">
{{ range $index, $item := .carouselItems }}
<div class="carousel-slide">
<div class="slide-content">
{{ if .image }}
<img src="{{ .image }}" alt="{{ .title }}">
{{ end }}
</div>
</div>
{{ end }}
</div>
</div>
<img class='img2' src="/images/home/left.svg" alt="{{ i18n " background image"}}">
<img class='img4' src="/images/home/46.svg" alt="{{ i18n " background image"}}">
@ -473,6 +485,83 @@
});
$(document).ready(function () {
var $carousel = $('.custom-vertical-carousel');
var $slides = $carousel.find('.carousel-slide');
var currentIndex = 0;
var totalSlides = $slides.length;
var autoPlayInterval;
function updateSlides() {
$slides.removeClass('active prev next hidden');
$slides.eq(currentIndex).addClass('active');
var prevIndex = (currentIndex - 1 + totalSlides) % totalSlides;
$slides.eq(prevIndex).addClass('prev');
var nextIndex = (currentIndex + 1) % totalSlides;
$slides.eq(nextIndex).addClass('next');
$slides.not('.active, .prev, .next').addClass('hidden');
}
function nextSlide() {
currentIndex = (currentIndex + 1) % totalSlides;
updateSlides();
}
function prevSlide() {
currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;
updateSlides();
}
// auto play
function startAutoPlay() {
stopAutoPlay();
autoPlayInterval = setInterval(nextSlide, 3000);
}
function stopAutoPlay() {
if (autoPlayInterval) {
clearInterval(autoPlayInterval);
autoPlayInterval = null;
}
}
// go to slide
function goToSlide(index) {
if (index >= 0 && index < totalSlides) {
currentIndex = index;
updateSlides();
}
}
// init
updateSlides();
startAutoPlay();
// hover
$carousel.hover(
function () { stopAutoPlay(); },
function () { startAutoPlay(); }
);
// keyboard control
$(document).on('keydown', function (e) {
if (e.key === 'ArrowDown') {
nextSlide();
stopAutoPlay();
startAutoPlay();
} else if (e.key === 'ArrowUp') {
prevSlide();
stopAutoPlay();
startAutoPlay();
}
});
});
controlVideo()
bindMouseLeftLi()

6
layouts/partials/header.html
View File

@ -2,15 +2,13 @@
<header class="navigation">
{{ if eq .Site.Language.Lang "zh"}}
<div class="join-div zh">
<!-- TODO:LINK :free feature list -->
<a href={{"/" | relLangURL }} target="_blank" rel="noopener noreferrer"></a>
<a href={{"/features" | relLangURL }} target="_blank" rel="noopener noreferrer"></a>
</div>
{{ end }}
{{ if eq .Site.Language.Lang "en"}}
<div class="join-div en">
<!-- TODO:LINK :free feature list -->
<a href={{"/" | relLangURL }} target="_blank" rel="noopener noreferrer"></a>
<a href={{"/features" | relLangURL }} target="_blank" rel="noopener noreferrer"></a>
</div>
{{ end }}

4
static/images/features/app-management.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.6769 6.08936C31.4967 5.62089 32.5031 5.62089 33.323 6.08936L57.974 20.1757C58.8698 20.6875 58.8698 21.9791 57.974 22.491L33.323 36.5773C32.5031 37.0458 31.4967 37.0458 30.6769 36.5773L6.02582 22.491C5.13007 21.9791 5.13007 20.6875 6.02582 20.1757L30.6769 6.08936Z" fill="#C1C9D1"/>
<path d="M22.6666 32L6.02582 41.509C5.13007 42.0209 5.13007 43.3125 6.02582 43.8243L30.6769 57.9106C31.4967 58.3791 32.5031 58.3791 33.323 57.9106L57.974 43.8243C58.8698 43.3125 58.8698 42.0209 57.974 41.509L41.3332 32L33.323 36.5773C32.5031 37.0457 31.4967 37.0457 30.6769 36.5773L22.6666 32Z" fill="#36435C"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 710 B

BIN
static/images/features/banner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 298 KiB

4
static/images/features/cluster-management.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.9195 15.9992L17.5195 24.0018V26.3538L31.9489 34.3218L31.9755 47.9698L46.3195 39.9992V24.0018L31.9195 15.9992Z" fill="#C1C9D1"/>
<path d="M56 18.6644V45.3304L32 58.6664L8 45.3304V18.6644L32 5.33334L56 18.6644ZM13.333 21.805V42.1947L32 52.5658L50.667 42.1947V21.805L32 11.4349L13.333 21.805ZM27.9893 36.6664L28.002 45.8236L17.5195 39.9994V30.89L27.9893 36.6664Z" fill="#36435C"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 534 B

3
static/images/features/deepseek.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M63.3271 12.0287C62.6493 11.6903 62.3563 12.3353 61.9605 12.6631C61.8255 12.7689 61.7106 12.9063 61.5951 13.0332C60.6049 14.1117 59.4482 14.8202 57.9347 14.7356C55.7241 14.6087 53.8363 15.3171 52.1683 17.0407C51.8135 14.9153 50.6352 13.6465 48.8411 12.8323C47.9015 12.4093 46.9536 11.9864 46.2953 11.0665C45.8376 10.4109 45.7131 9.6813 45.4828 8.96228C45.3372 8.52875 45.1915 8.08432 44.7017 8.01064C44.1682 7.92605 43.9604 8.38072 43.7512 8.76138C42.9172 10.3157 42.5928 12.0287 42.6259 13.7628C42.6971 17.6645 44.3152 20.7732 47.5268 22.9835C47.8922 23.2373 47.9862 23.491 47.871 23.8611C47.6526 24.6221 47.3905 25.3623 47.1614 26.1236C47.0158 26.61 46.7974 26.7157 46.2847 26.5043C44.523 25.7535 43.0006 24.6433 41.6545 23.3007C39.3709 21.0482 37.305 18.5633 34.7308 16.6177C34.1344 16.169 33.5218 15.7423 32.8942 15.3383C30.2664 12.7371 33.2384 10.6012 33.9268 10.3475C34.6454 10.0831 34.1771 9.17376 31.851 9.18433C29.525 9.1949 27.3976 9.98794 24.6863 11.0453C24.2892 11.2039 23.8722 11.3202 23.4459 11.4154C20.9835 10.9396 18.4285 10.8338 15.7582 11.1405C10.7316 11.7115 6.71629 14.1329 3.76409 18.2672C0.218803 23.2369 -0.616551 28.8834 0.40679 34.773C1.47911 40.9798 4.58885 46.1187 9.36533 50.1367C14.3192 54.3028 20.0237 56.3436 26.5318 55.9524C30.4848 55.7197 34.8853 55.1805 39.8498 50.8981C41.1022 51.5325 42.4167 51.7866 44.5958 51.9766C46.2758 52.1352 47.8922 51.892 49.1433 51.6277C51.1036 51.2047 50.9675 49.3543 50.2593 49.0159C44.5124 46.2879 45.7737 47.3981 44.6273 46.4997C47.548 42.9783 51.9485 39.3197 53.6695 27.4668C53.8055 26.5254 53.6907 25.9333 53.6695 25.172C53.6589 24.7067 53.7622 24.5269 54.2851 24.4741C55.7241 24.3049 57.1221 23.9031 58.405 23.1841C62.1273 21.1116 63.6302 17.7068 63.985 13.6253C64.038 13.0015 63.9748 12.3565 63.3271 12.0287ZM30.8803 48.7621C25.3122 44.3003 22.6102 42.8302 21.4942 42.8937C20.451 42.9571 20.639 44.1731 20.868 44.9661C21.1076 45.7486 21.4214 46.2879 21.8596 46.9752C22.1614 47.4298 22.3706 48.1066 21.5564 48.6141C19.7626 49.7455 16.6449 48.2335 16.4993 48.1594C12.8692 45.9812 9.83364 43.1052 7.69561 39.1717C5.6304 35.3866 4.43231 31.3259 4.23373 26.9906C4.18078 25.9438 4.48394 25.5741 5.50463 25.3834C6.84871 25.1204 8.2275 25.0846 9.58344 25.2777C15.2681 26.1236 20.1081 28.7142 24.1644 32.8168C26.4798 35.1536 28.2313 37.9451 30.037 40.6735C31.9553 43.5707 34.0205 46.3302 36.6484 48.5933C37.5764 49.3863 38.3164 49.9887 39.0257 50.4331C36.888 50.6763 33.3199 50.7292 30.8803 48.7621ZM33.5502 31.2625C33.5502 30.7972 33.9156 30.4271 34.3753 30.4271C34.4792 30.4291 34.5729 30.4466 34.6556 30.48C34.8137 30.5406 34.9495 30.6481 35.0447 30.7879C35.1399 30.9278 35.1899 31.0934 35.1882 31.2625C35.1898 31.4266 35.1428 31.5875 35.0531 31.7251C34.9781 31.8391 34.876 31.9328 34.7559 31.9979C34.6357 32.0629 34.5014 32.0972 34.3647 32.0978C34.2559 32.0974 34.1483 32.0755 34.048 32.0334C33.8976 31.969 33.7697 31.8615 33.6806 31.7244C33.5921 31.5868 33.5467 31.426 33.5502 31.2625ZM41.8419 35.5977C41.311 35.8198 40.7785 36.0101 40.2665 36.0313C39.4745 36.0736 38.609 35.7458 38.14 35.344C37.4096 34.7201 36.888 34.3712 36.6695 33.2821C36.5752 32.8168 36.6272 32.0978 36.7106 31.6858C36.8986 30.7972 36.6894 30.2262 36.0751 29.7081C35.5747 29.2852 34.9379 29.1689 34.2389 29.1689C33.9781 29.1689 33.7382 29.0529 33.5611 28.9574C33.4746 28.9164 33.3975 28.8578 33.3351 28.7852C33.2722 28.7131 33.2252 28.6285 33.1971 28.5371C33.1685 28.4457 33.1594 28.3493 33.1706 28.2542C33.1809 28.1594 33.211 28.0675 33.2593 27.9849C33.3321 27.8366 33.6866 27.477 33.7703 27.4139C34.7195 26.8641 35.814 27.0438 36.8258 27.4562C37.7644 27.8471 38.4723 28.5665 39.496 29.5816C40.5392 30.8078 40.7272 31.1465 41.3199 32.0664C41.7902 32.7851 42.2178 33.5256 42.5088 34.3712C42.6875 34.8999 42.4571 35.3334 41.8419 35.5977Z" fill="#4D6BFE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

19
static/images/features/devops.svg Normal file
View File

@ -0,0 +1,19 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1290_65505)">
<g clip-path="url(#clip1_1290_65505)">
<path d="M23.8387 28.209C24.8728 26.6626 26.6085 24.1383 28.7448 21.3099L29.2753 20.6076C24.3221 14.5273 18.1779 8.34796 13.6605 8.34796C8.64435 8.34796 4.20135 12.2039 1.46631 18.1325C3.39654 15.7095 5.84379 14.261 8.50634 14.261C13.1364 14.261 20.0454 22.916 23.8387 28.209Z" fill="#99D7B9"/>
<path d="M40.1617 35.791C43.955 41.084 50.864 49.7393 55.4943 49.7393C58.1568 49.7393 60.604 48.2908 62.5343 45.8679C59.7992 51.7965 55.3563 55.6524 50.3401 55.6524C45.7898 55.6524 39.5889 49.3832 34.6175 43.2605L34.7251 43.3927L35.2554 42.6904C37.3919 39.8619 39.1277 37.3375 40.1617 35.791Z" fill="#99D7B9"/>
<path d="M32.0003 39.9147C26.7649 46.8461 19.0533 55.6523 13.6605 55.6523C8.64434 55.6523 4.20134 51.7964 1.46631 45.8678C3.39654 48.2907 5.8438 49.7392 8.50634 49.7392C14.7407 49.7392 25.1066 34.0472 26.435 32C27.0572 31.041 29.166 27.8379 32.0003 24.0855C37.2356 17.1541 44.9472 8.34796 50.34 8.34796C55.3562 8.34796 59.7992 12.2039 62.5342 18.1325C60.6039 15.7095 58.1568 14.261 55.4942 14.261C49.26 14.261 38.8939 29.9526 37.5654 32.0001C37.1572 32.6293 36.1083 34.2256 34.6342 36.3095C33.8624 37.4005 32.9742 38.6252 32.0003 39.9147Z" fill="#55BC8A"/>
<path d="M6.21873 31.9998C6.21873 26.8308 7.62566 22.1781 9.87058 18.9358C9.42876 18.7801 9.00345 18.6955 8.60077 18.6955C3.8507 18.6955 0 24.6521 0 31.9998C0 39.3476 3.85069 45.3042 8.60076 45.3042C9.00345 45.3042 9.42875 45.2196 9.87057 45.0638C7.62566 41.8216 6.21873 37.1689 6.21873 31.9998Z" fill="#324558"/>
<path d="M55.3993 45.3042C54.9948 45.3042 54.5675 45.2189 54.1235 45.0618C56.3675 41.8196 57.7739 37.1678 57.7739 31.9999C57.7739 26.8319 56.3675 22.1802 54.1235 18.938C54.5675 18.7809 54.9948 18.6955 55.3993 18.6955C60.1494 18.6955 64.0001 24.6521 64.0001 31.9999C64.0001 39.3477 60.1494 45.3042 55.3993 45.3042Z" fill="#324558"/>
</g>
</g>
<defs>
<clipPath id="clip0_1290_65505">
<rect width="64" height="64" fill="white"/>
</clipPath>
<clipPath id="clip1_1290_65505">
<rect width="64.0001" height="47.3044" fill="white" transform="translate(0 8.34784)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

4
static/images/features/extension-management.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.0002 58.6666C46.7278 58.6666 58.6668 46.7276 58.6668 32C58.6668 17.2724 46.7278 5.33331 32.0002 5.33331C17.2726 5.33331 5.3335 17.2724 5.3335 32C5.3335 46.7276 17.2726 58.6666 32.0002 58.6666ZM29.3335 18.6666H24.0002V26.6666H20.0002V32C20.0002 37.4395 24.0717 41.928 29.3335 42.5841V48H34.6668V42.5841C39.9286 41.928 44.0002 37.4395 44.0002 32V26.6666H40.0002V18.6666H34.6668V26.6666H29.3335V18.6666Z" fill="#C1C9D1"/>
<path d="M24 18.6667H29.3333V26.6667H34.6667V18.6667H40V26.6667H44V32C44 37.4395 39.9284 41.928 34.6667 42.5842V48H29.3333V42.5842C24.0716 41.928 20 37.4395 20 32V26.6667H24V18.6667Z" fill="#36435C"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 776 B

9
static/images/features/gatekeeper.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.7172 0.105957C14.7172 0.105957 11.1557 12.0843 11.4144 15.6459C11.5971 18.142 16.2393 21.4144 16.2393 21.4144C16.2393 21.4144 13.7127 24.4128 12.7386 26.1022C11.7341 27.8373 10.1968 31.825 10.1968 31.825C10.1968 31.825 2.58667 22.8907 3.2107 18.5073C3.95649 13.2106 14.7172 0.105957 14.7172 0.105957Z" fill="#BFBFBF"/>
<path d="M49.2823 0.105957C49.2823 0.105957 52.8438 12.0843 52.5851 15.6459C52.4024 18.142 47.7603 21.4144 47.7603 21.4144C47.7603 21.4144 50.2868 24.4128 51.2609 26.1022C52.2655 27.8373 53.8027 31.825 53.8027 31.825C53.8027 31.825 61.4129 22.8907 60.7888 18.5073C60.043 13.2106 49.2823 0.105957 49.2823 0.105957Z" fill="#BFBFBF"/>
<path d="M32.1141 14.139C22.023 14.139 13.1192 21.2774 10.1816 31.7489L32.1141 39.0242V14.139Z" fill="#7D9199"/>
<path d="M32.0991 14.0934C42.1902 14.0934 51.094 21.2469 54.0316 31.7033L32.0991 38.9785V14.0934Z" fill="#566366"/>
<path d="M32.0534 31.7338H10.1362V47.0606C10.1362 47.0606 18.9944 50.5308 22.6473 53.3313C25.6761 55.6601 31.5207 63.8942 31.5207 63.8942H32.0687V31.7338H32.0534Z" fill="#7D9199"/>
<path d="M32.068 31.5206H53.9852V46.8475C53.9852 46.8475 45.127 50.3177 41.4742 53.1182C38.354 55.5078 32.5703 63.879 32.5703 63.879H32.0376L32.068 31.5206Z" fill="#566366"/>
<path d="M32.0835 33.7579C33.605 33.7579 34.8384 32.5245 34.8384 31.003C34.8384 29.4816 33.605 28.2482 32.0835 28.2482C30.562 28.2482 29.3286 29.4816 29.3286 31.003C29.3286 32.5245 30.562 33.7579 32.0835 33.7579Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

15
static/images/features/gateway.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="32.0003" cy="32" r="27.2815" fill="#55BC8A"/>
<path d="M32.5093 4.72455C47.3415 4.99596 59.2817 17.1029 59.2817 31.9999C59.2817 46.897 47.3415 59.0029 32.5093 59.2744V4.72455Z" fill="white" fill-opacity="0.4"/>
<mask id="mask0_1290_65515" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="56" height="56">
<circle cx="32.0003" cy="32" r="27.2815" fill="#55BC8A"/>
</mask>
<g mask="url(#mask0_1290_65515)">
<path d="M16.4007 21.9327L26.4681 32.0001L16.4007 42.0675V36.027H4.31982V27.9731H16.4007V21.9327Z" fill="white"/>
<path d="M48.6164 36.027V42.0675L38.549 32.0001L48.6164 21.9327V27.9731H60.6973V36.027H48.6164Z" fill="white"/>
<path d="M28.4818 14.7859H22.4414L32.5088 4.71846L42.5762 14.7859H36.5358V26.8668H28.4818V14.7859Z" fill="#324558"/>
<path d="M28.4818 49.2095H22.4414L32.5088 59.2769L42.5762 49.2095H36.5358V37.1286H28.4818V49.2095Z" fill="#324558"/>
<path d="M16.4007 21.8626L26.4681 31.93L16.4007 41.9974V35.957H4.31982V27.9031H16.4007V21.8626Z" fill="white"/>
<path d="M48.6164 35.957V41.9974L38.549 31.93L48.6164 21.8626V27.9031H60.6973V35.957H48.6164Z" fill="white"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

9
static/images/features/grafana.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

9
static/images/features/higress.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

11
static/images/features/k8s-resource-management.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

9
static/images/features/loki.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

11
static/images/features/metrics-server.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

4
static/images/features/multi-tenant-anagement.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.5635 35.625C56.6111 36.6409 58.667 39.4935 58.667 42.7061V50.8662C54.1972 51.753 49.1207 52.2539 43.7393 52.2539C39.5998 52.2539 35.6411 51.9574 32 51.417C33.0923 51.2549 34.156 51.0708 35.1875 50.8662V42.7061C35.1875 40.2252 33.9619 37.9592 32 36.5879C32.5787 36.1834 33.2219 35.8564 33.916 35.625L40.0078 33.5947H47.4717L53.5635 35.625ZM43.7393 11.7461C47.8183 11.7461 51.1249 15.0528 51.125 19.1318C51.125 19.4028 51.1108 19.674 51.0811 19.9434L50.6035 24.2568C50.2168 27.7563 47.26 30.4053 43.7393 30.4053C40.2186 30.4052 37.2617 27.7562 36.875 24.2568L36.3984 19.9434C35.9504 15.8889 38.8743 12.239 42.9287 11.791C43.1979 11.7613 43.4685 11.7461 43.7393 11.7461Z" fill="#C1C9D1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.6475 19.132C27.6475 15.0529 24.3407 11.7461 20.2616 11.7461C19.9905 11.7461 19.7197 11.761 19.4504 11.7908C15.3959 12.2388 12.4723 15.8887 12.9203 19.9432L13.397 24.257C13.7837 27.7564 16.7408 30.4048 20.2616 30.4048C23.7823 30.4048 26.7394 27.7564 27.1261 24.257L27.6028 19.9432C27.6325 19.6738 27.6475 19.403 27.6475 19.132ZM5.33333 42.7061V50.8662C9.80315 51.7529 14.8791 52.2539 20.2606 52.2539C25.6421 52.2539 30.718 51.7529 35.1878 50.8662V42.7061C35.1878 39.4935 33.1321 36.6414 30.0844 35.6255L23.9924 33.5948H16.5288L10.4368 35.6255C7.38904 36.6414 5.33333 39.4935 5.33333 42.7061Z" fill="#36435C"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

10
static/images/features/nvidia.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_866_21759)">
<path d="M27.2322 23.936V20.32C27.5708 20.2933 27.9148 20.2746 28.2668 20.264C37.8562 19.952 44.1522 28.7546 44.1522 28.7546C44.1522 28.7546 37.3575 38.48 30.0668 38.48C29.1025 38.4844 28.1442 38.3266 27.2322 38.0133V27.056C30.9655 27.52 31.7148 29.2213 33.9602 33.0773L38.9548 28.7386C37.7764 27.2594 36.2913 26.0532 34.6017 25.2034C32.9121 24.3535 31.0583 23.8802 29.1682 23.816C28.5185 23.8191 27.8695 23.8583 27.2242 23.9333M27.2242 11.9973V17.3973C27.5708 17.3706 27.9148 17.3466 28.2588 17.3333C41.5975 16.8693 50.2882 28.6026 50.2882 28.6026C50.2882 28.6026 40.3068 41.1093 29.9068 41.1093C29.0055 41.1093 28.1068 41.0267 27.2215 40.864V44.1973C27.9628 44.2986 28.7095 44.3493 29.4562 44.3493C39.1335 44.3493 46.1308 39.256 52.9068 33.232C54.0295 34.1573 58.6295 36.4133 59.5762 37.4026C53.1335 42.9573 38.1148 47.4373 29.6028 47.4373C28.7815 47.4373 27.9948 47.384 27.2188 47.3093V52H64.0002V12H27.2268L27.2242 11.9973ZM27.2242 38.0133V40.8613C18.2748 39.2186 15.7922 29.6346 15.7922 29.6346C18.8369 26.4803 22.8727 24.4675 27.2242 23.9333V27.0586H27.2108C25.934 27.0465 24.671 27.3227 23.5157 27.8666C22.3605 28.4105 21.3429 29.2081 20.5388 30.2C20.5388 30.2 22.1788 36.2666 27.2242 38.0133ZM11.3282 29.216C15.1575 24.056 20.9388 20.8213 27.2242 20.32V17.3946C15.4935 18.3653 5.3335 28.5946 5.3335 28.5946C5.3335 28.5946 11.0882 45.7333 27.2268 47.3013V44.192C15.3868 42.6666 11.3335 29.2213 11.3335 29.2213H11.3282V29.216Z" fill="#74B71B"/>
</g>
<defs>
<clipPath id="clip0_866_21759">
<rect width="64" height="64" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

9
static/images/features/ob-operator.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

18
static/images/features/wiz-telemetry.svg Normal file
View File

@ -0,0 +1,18 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1290_65494)">
<path d="M36.5239 7.45258C38.3208 9.24947 40.4598 10.6484 42.7681 11.7114C51.6559 15.8036 57.8256 24.7939 57.8257 35.2241C57.8257 36.0172 57.7897 36.8014 57.7183 37.5756C57.485 40.1011 57.6175 42.6476 58.2739 45.0971L59.9614 51.3989L53.686 53.0795C51.2312 53.7375 48.9499 54.8892 46.8765 56.3578C42.6582 59.3452 37.5082 61.103 31.9468 61.103C26.3853 61.1029 21.2353 59.3453 17.0171 56.3578C14.943 54.8893 12.6625 53.7375 10.2085 53.0795L3.93311 51.3989L5.62158 45.0981C6.2788 42.6478 6.40974 40.1011 6.17725 37.5756C6.1066 36.8015 6.06982 36.0172 6.06982 35.2241C6.06989 24.794 12.2397 15.8036 21.1274 11.7114C23.4356 10.6484 25.5747 9.24944 27.3716 7.45258L31.9478 2.8764L36.5239 7.45258ZM31.9497 15.8149C30.3078 15.8149 28.7064 16.0169 27.186 16.4135C18.7838 18.5402 12.5407 26.166 12.5405 35.2231C12.5405 37.0534 12.8005 38.8235 13.2769 40.5034C13.3642 40.8231 13.4674 41.1398 13.5737 41.4565C13.6064 41.553 13.6382 41.6498 13.6724 41.7455C13.7566 41.9832 13.8499 42.2194 13.9448 42.4555C14.036 42.6812 14.1314 42.9053 14.231 43.1264C14.3137 43.3124 14.3963 43.4986 14.4858 43.683C14.5747 43.8661 14.67 44.0458 14.7642 44.225C14.8318 44.3549 14.8998 44.4844 14.9712 44.6127C15.0829 44.8133 15.1964 45.0134 15.3149 45.2094C15.3559 45.2777 15.3982 45.345 15.4399 45.4125C16.0681 46.4266 16.7854 47.3813 17.5845 48.2602C17.589 48.264 17.5934 48.2693 17.5972 48.2739C21.1499 52.1767 26.2695 54.6313 31.9487 54.6313C37.628 54.6313 42.7476 52.1775 46.3003 48.2739C46.3041 48.2693 46.3082 48.2648 46.312 48.2602C47.1113 47.3812 47.8292 46.4275 48.4575 45.4125C48.4993 45.3449 48.5415 45.2778 48.5825 45.2094C48.701 45.0134 48.8146 44.8133 48.9263 44.6127C48.9969 44.4844 49.0657 44.3549 49.1333 44.225C49.2275 44.0451 49.3228 43.866 49.4116 43.683C49.5004 43.4993 49.583 43.3124 49.6665 43.1264C49.766 42.9053 49.8615 42.6812 49.9526 42.4555C50.0475 42.2201 50.1408 41.9832 50.2251 41.7455C50.2593 41.6498 50.2911 41.553 50.3237 41.4565C50.43 41.1398 50.5325 40.8231 50.6206 40.5034C51.0962 38.8235 51.3564 37.0534 51.3579 35.2231C51.3577 26.1659 45.1147 18.5401 36.7124 16.4135C35.1922 16.0169 33.5915 15.8149 31.9497 15.8149Z" fill="#E75225"/>
<g clip-path="url(#clip1_1290_65494)">
<path d="M42.1818 44.3269C37.0973 49.9737 28.3979 50.4297 22.7511 45.3452C17.1043 40.2608 16.6484 31.5614 21.7328 25.9146C26.8172 20.2678 35.5166 19.8119 41.1634 24.8963C46.8103 29.9807 47.2662 38.6801 42.1818 44.3269ZM26.4361 30.1494C23.6905 33.1987 23.9367 37.8964 26.986 40.642C30.0352 43.3876 34.7329 43.1414 37.4785 40.0921C40.2241 37.0428 39.9779 32.3451 36.9286 29.5995C33.8793 26.854 29.1817 27.1002 26.4361 30.1494Z" fill="#E75225"/>
<path opacity="0.4" d="M45.6472 36.492C45.3105 39.8534 43.7488 42.9735 41.2597 45.2577C38.7707 47.5419 35.5282 48.8304 32.1503 48.8778L32.0615 42.5496C33.8856 42.524 35.6365 41.8282 36.9806 40.5947C38.3247 39.3613 39.168 37.6764 39.3498 35.8612L45.6472 36.492Z" fill="white"/>
<path opacity="0.6" d="M32.1508 48.8778C28.6758 48.9267 25.3111 47.6587 22.7326 45.3285C20.1541 42.9984 18.553 39.7788 18.251 36.3166L24.5559 35.7665C24.719 37.6361 25.5836 39.3747 26.9759 40.633C28.3683 41.8912 30.1853 42.576 32.0618 42.5496L32.1508 48.8778Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_1290_65494">
<rect width="62.5618" height="58.2472" fill="white" transform="translate(0.666504 2.8764)"/>
</clipPath>
<clipPath id="clip1_1290_65494">
<rect width="27.9874" height="27.9874" fill="white" transform="translate(30.9121 15.3469) rotate(42)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

227
static/images/home/arch-cn.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 739 KiB

BIN
static/images/home/banner-cn.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 243 KiB

After

Width:  |  Height:  |  Size: 302 KiB

BIN
static/images/home/top-right-1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 320 KiB

BIN
static/images/home/top-right-2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 230 KiB

BIN
static/images/home/top-right-3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB