fix: Update UI and text

Signed-off-by: lannyfu <lannyfu@kubesphere.io>

assets/scss/index.scss

@@ -243,7 +243,7 @@
   }
 
   .carousel-slide.hidden {
-    opacity: 0.3;
+    opacity: 0;
     transform: translateY(50px) scale(0.9);
     z-index: 1;
   }
@@ -313,8 +313,9 @@
 }
 
 .section-8 {
-  height: 1723px;
+  height: 1778px;
   background-image: url("/images/home/8.png");
+  margin-top: -308px;
 }
 .tabs {
   position: relative;
@@ -322,7 +323,7 @@
 
 .content-section {
   position: relative;
-  margin-top: -300px;
+  margin-top: -307px;
   margin-bottom: -300px;
   padding-top: 300px;
   background-size: 100% 100%;

content/en/_index.md

@@ -10,23 +10,26 @@ section1:
   topic: KubeSphere Container Platform-The Kubernetes platform tailored for hybrid multicloud
   content: KubeSphere is a distributed operating system for cloud-native application management, using Kubernetes as its kernel. It provides a plug-and-play architecture, allowing third-party applications to be seamlessly integrated into its ecosystem.
   btns:
-    - content: Experience Now
+    - content: Get Started
       link: /
       # TODO: Community page
       class: experiense-btn
-    - content: Apply for a Free License
+    - content: Try Free
       # 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
+  carouselItems:
+    - image: /images/home/top-right-en-1.png
+    - image: /images/home/top-right-en-2.png
+    - image: /images/home/top-right-en-3.png
+    - image: /images/home/top-right-en-4.png
+    - image: /images/home/top-right-en-5.png
 
 tabs:
   children:
-    - title: Free Product
-    - title: Open Source Project
+    - title: Free Products
+    - title: Open Source Projects
 
 section2:
   title: One Kubernetes Platform for Full Stack Solutions
@@ -34,19 +37,19 @@ section2:
   children:
     - name: Free Forever
       icon: /images/home/free.svg
-      content: Use without cost and worry, enjoy continuously iterated enterprise-level features, helping you easily build the foundation for cloud-native applications.
+      content: Zero-cost, worry-free access to continuously evolved enterprise-grade features, empowering you to build cloud-native foundations effortlessly.
 
     - name: Easy to Run
       icon: /images/home/easy-to-run.svg
-      content: Supports deployment in any infrastructure environment, offers online and offline installation, and supports one-click upgrades and cluster expansion.
+      content: Supports deployment on any infrastructure environment, offers online and offline installation, and supports one-click upgrades and cluster scaling.
 
     - name: Rich Features
       icon: /images/home/feature-rich.svg
-      content: Provides multi-tenancy, multi-cluster, cloud-native observability, application lifecycle management, storage and networking, and DevOps.
+      content: Provides multi-tenancy, multi-cluster support, cloud-native observability, application lifecycle management, storage and networking solutions, and DevOps capabilities.
 
-    - name: Flexible Scalability
+    - name: Flexible Extensibility
       icon: /images/home/modular-pluggable.svg
-      content: Based on a pluggable architecture, seamlessly integrates with any mainstream open-source tools, allowing you to expand platform capabilities on demand like building with blocks.
+      content: Built on a pluggable architecture, it seamlessly integrates with any mainstream open-source tools, allowing you to expand platform capabilities on demand, like building with blocks.
 
 section3:
   title: Benefits of Kubernetes Platform to Different Teams
@@ -89,24 +92,24 @@ section3:
         - content: Support operation in application store, including metering and billing for applications (coming soon)
 
 section4:
-  title: Product Application Scenarios
+  title: Application Scenarios
 
   features:
     - name: Kubernetes Multi-cluster Mgmt
       icon: /images/home/management.svg
-      content: Distribute applications across multiple clusters and cloud providers, and provide disaster recovery solutions and cross-cluster observability
+      content: Distribute applications across multiple clusters and cloud providers, and provide disaster recovery solutions and cross-cluster observability.
       link: "https://docs.kubesphere.com.cn/v4.2.0/07-cluster-management/10-multi-cluster-management/"
       color: grape
 
     - name: Cloud Native Observability
       icon: /images/home/rich.svg
-      content: Multi-dimensional monitoring, events and audit logs query are supported; multi-tenant log query and collection, alerting and notification are built-in
+      content: Multi-dimensional monitoring, events and audit logs query are supported; multi-tenant log query and collection, alerting and notification are built-in.
       link: "observability/"
       color: red
 
     - name: Kubernetes DevOps System
       icon: /images/home/devops1.svg
-      content: Out-of-the-box CI/CD based on Jenkins, and automated DevOps workflow tools including Source-to-Image & Binary-to-Image
+      content: Out-of-the-box CI/CD based on Jenkins, and automated DevOps workflow tools including Source-to-Image & Binary-to-Image.
       link: "devops/"
       color: green
 
@@ -116,7 +119,7 @@ section5:
     title: Front End
     project: KubeSphere Console
     children:
-      - icon: /images/home/mobx.jpg
+      - icon: /images/home/kube-design.jpg
       - icon: /images/home/koa.jpg
       - icon: /images/home/react.png
 
@@ -125,9 +128,7 @@ section5:
     project: KubeSphere System
     group:
       - name: API Server
-      - name: API Gateway
       - name: Controller Manager
-      - name: Account Service
 
 section6:
   title: End User Community
@@ -192,16 +193,16 @@ section6:
   image: /images/home/certification.png
 
 section7:
-  title: Product Function Architecture
+  title: Capability Architecture​​
   image: /images/home/arch-en.png
 
 section8:
-  title: Since its inception, KubeSphere has always adhered to its <br/> open-source principles, continuously contributing to the <br/>  global cloud-native community.
-  content: As a pioneer in enterprise-level Kubernetes platforms, KubeSphere continuously innovates in areas such as multi-cluster <br/> governance, visual operations, unified observability, and enterprise-level DevOps integration, driving the adoption and<br/>implementation of Kubernetes in enterprise scenarios. At the same time, the KubeSphere community has incubated open-<br/>source projects like KubeKey, OpenELB, and Fluent Operator, and has deeply collaborated with ecosystems such as Grafana,<br/> Loki, and Higress, forming a broad technological influence.
+  title: ​​Stay True to Open Source, Keep Contributing to Cloud Native
+  content: As a pioneer in enterprise-grade Kubernetes platforms, KubeSphere has driven innovation in multi-cluster management, visualized O&M, unified observability, and enterprise-grade DevOps integration, promoting the widespread adoption and implementation of Kubernetes in corporate environments. Meanwhile, the KubeSphere community has incubated open-source projects, such as KubeKey, OpenELB, and Fluent Operator, and has collaborated deeply with ecosystems like Grafana, Loki, and Higress.
   children:
     - name: KubeKey
       icon: /images/home/kube-key.svg
-      content: Rapid installation and operation tools to accelerate Kubernetes deployment, adapt to multiple environments, and automate full lifecycle management.
+      content: Rapid installation and maintenance tool that accelerates Kubernetes deployment, adapts to multiple environments, and automates full lifecycle management.
 
     - name: OpenELB
       icon: /images/home/open-elb.svg
@@ -209,21 +210,21 @@ section8:
 
     - name: KubeEye
       icon: /images/home/kube-eye.svg
-      content: Kubernetes cluster detection and diagnostic tools to identify configuration risks and compliance issues, diagnose cluster anomalies, and enhance Kubernetes stability and security.
+      content: Kubernetes cluster inspection and diagnostic tool that identifies configuration risks and compliance issues, diagnoses cluster anomalies, and enhances Kubernetes stability and security.
 
     - name: Fluent Operator
       icon: /images/home/fluent-operator.svg
-      content: Cloud-native log and data collection engine that unifies log collection and processing, extends Fluentd / Fluent Bit, enhances operational observability, and has been donated.
+      content: Cloud-native log and data collection engine that unifies log collection and processing, extends Fluentd/Fluent Bit capabilities, enhances operational observability, and has been donated to the CNCF.
 
     - name: OpenFunction
       icon: /images/home/open-function.svg
-      content: Cloud-native, open-source FaaS (Function as a Service) framework focusing on business logic development, abstracting the underlying runtime environment, and accelerating the implementation of cloud-native functions.
+      content: Cloud-native, open-source FaaS (Function as a Service) framework that focuses on business logic development, abstracts underlying runtime environments to accelerate cloud-native FaaS adoption.
 
     - name: Notification-Manager
       icon: /images/home/notification-manager.svg
-      content: Manage message notifications in multi-tenant Kubernetes environments, unify multi-tenant notification channels, support email, DingTalk, Feishu, and WeChat Work, and improve message management efficiency.
+      content: Manages notifications in multi-tenant Kubernetes environments, unifies multi-tenant notification channels (email, DingTalk, Feishu, WeCom), and improves notification management efficiency.
 
-    - name: Devops
+    - name: DevOps
       icon: /images/home/devops.svg
       content: Provide end-to-end workflows, integrate mainstream CI/CD tools, consolidate CI/CD tools, simplify delivery processes, and enhance iteration efficiency.
 

content/en/features/_index.md

@@ -1,16 +1,15 @@
 ---
-title: "社区版详细功能清单"
+title: "社区版功能介绍"
 
 layout: "features"
 
 css: "scss/features.scss"
 
 section1:
-  title: "社区版详细功能清单"
+  title: "社区版功能介绍"
   image: /images/features/banner.jpg
 
 section2:
-  title: "功能介绍"
   children:
     - icon: /images/features/cluster-management.svg
       name: 集群管理
@@ -45,33 +44,33 @@ section2:
     - icon: /images/features/metrics-server.svg
       name: Metrics Server
       content: 可扩展、高效的容器资源度量源，为 Kubernetes 内置的自动扩展管道提供服务
-      label: opensource
+      label: extension
     - icon: /images/features/nvidia.svg
       name: NVIDIA GPU Operator
       content: 在 Kubernetes 上创建、配置和管理 GPU
-      label: opensource
+      label: extension
     - icon: /images/features/deepseek.svg
       name: Deepseek
       content: 基于 ollama 运行 deepseek-r1 模型，对外提供 API 服务
-      label: opensource
+      label: extension
     - icon: /images/features/grafana.svg
       name: Grafana
       content: 开放且可组合的观测和数据可视化平台
-      label: opensource
+      label: extension
     - icon: /images/features/loki.svg
       name: Loki
       content: 可扩展、高可用、多租户日志聚合系统
-      label: opensource
+      label: extension
     - icon: /images/features/higress.svg
       name: Higress
       content: 基于 Istio 和 Envoy 的API 网关
-      label: opensource
+      label: extension
     - icon: /images/features/ob-operator.svg
       name: OB-Operator
       content: 管理 Kubernetes 集群中的 OceanBase 相关资源
-      label: opensource
+      label: extension
     - icon: /images/features/ob-operator.svg
       name: Oceanbas Dashboard
       content: OceanBase 交互式管理应用
-      label: opensource
+      label: extension
 ---

content/tr/_index.md

@@ -2,7 +2,6 @@
 title: KubeSphere | Açık Kaynak Container Platformu
 description: KubeSphere, kurumsal/bireysel uygulama geliştirme ve dağıtımı için Kubernetes tabanlı açık kaynaklı bir konteyner platformudur.
 
-
 css: scss/index-tr.scss
 
 section1:
@@ -32,7 +31,6 @@ section2:
       icon: /images/home/modular-pluggable.svg
       content: Tüm modüller tak-çıkar yapıya uygun olarak geliştirilmiştir, kolayca yönetilebilir
 
-
 section3:
   title: Farklı Ekiplere Faydaları
   content: Farklı ekiplerin birbirine entegre olarak çalışmasını sağlar. Geliştiriciler web konsolda tek tıkla kodunu dağıtabilir, Operasyon ekibi için merkezi gözlemlenebilirlik ve güçlü DevOps stratejisine uygun ortamı sunar, Altyapı ekibinin esnek ağ ve çözüm çözümleriyle Kubernetes cluster kurmasına ve korumasına yardımcı olur.
@@ -122,7 +120,7 @@ section5:
     title: Front-End
     project: KubeSphere Web Konsol
     children:
-      - icon: /images/home/mobx.jpg
+      - icon: /images/home/kube-design.jpg
       - icon: /images/home/koa.jpg
       - icon: /images/home/react.png
 
@@ -135,7 +133,6 @@ section5:
       - name: Kontroller Yönetimi
       - name: Hesap Yönetimi
 
-
 section6:
   title: KubeSphere'i Tercih Edenler
   content: Müşteri senaryoları, daha ayrıntılı kullanıcı senaryoları ve bulut yerel dönüşüm hikayelerini sizler için listeledik. </br> Çeşitli işletme ve kuruluşlar araştırma, üretim ve ticari ürünler için KubeSphere Container Platform'u kullanıyor.

content/zh/_index.md

@@ -5,7 +5,7 @@ description: KubeSphere 是在 Kubernetes 之上构建的以应用为中心的
 css: scss/index.scss
 
 section1:
-  title: kubesphere 社区版
+  title: KubeSphere 社区版
   topic: 面向云原生应用的容器混合云
   content: KubeSphere 愿景是打造一个以 Kubernetes 为内核的云原生分布式操作系统，<br/>它的架构可以非常方便地使第三方应用与云原生生态组件进行即插即用（plug-<br/>and-play）的集成，支持云原生应用在多云与多集群的统一分发和运维管理。
   btns:
@@ -18,9 +18,11 @@ section1:
       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
+    - image: /images/home/top-right-cn-1.png
+    - image: /images/home/top-right-cn-2.png
+    - image: /images/home/top-right-cn-3.png
+    - image: /images/home/top-right-cn-4.png
+    - image: /images/home/top-right-cn-5.png
 
 tabs:
   children:
@@ -57,7 +59,7 @@ section3:
       children:
         - content: 提高资源利用率，减少内部基础设施的成本支出
         - content: 提供安全增强，支持多种存储与网络方案
-        - content: 为企业交付一个通过 CNCF 认证和可信赖的 Kubernetes 发行版
+        - content: 为企业交付可信赖的 Kubernetes 发行版
         - content: 支持 Kubernetes 的多云与多集群管理，提供多云与多可用区的高可用
 
     - name: 开发者
@@ -65,7 +67,7 @@ section3:
       icon: /images/home/74.png
       children:
         - content: 为开发者提供向导式的用户体验，降低上手云原生技术栈的学习曲线
-        - content: 内置常用的自动化部署环境，为应用（Java/NodeJs/Python/Go）部署提供定制化的容器运行环境
+        - content: 内置常用的自动化部署环境，为应用（Java/Node.js/Python/Go）部署提供定制化的容器运行环境
         - content: 提供开箱即用的工具集，帮助开发者将代码快速构建为可运行的容器镜像，提高开发效率
         - content: 提供应用商店和应用生命周期管理，缩短应用上线周期
 
@@ -83,9 +85,8 @@ section3:
       icon: /images/home/80.svg
       children:
         - content: 通过应用商店一键部署与升级应用至 Kubernetes
-        - content: 提供按需容器资源申请，支持设置容器的弹性伸缩（HPA），提升应用的可靠性与灵活性
+        - content: 提供按需容器资源申请，提升应用的可靠性与灵活性
         - content: 支持导入 Helm 应用仓库可视化编辑与部署应用
-        - content: 应用商店将支持运营，提供针对应用的计量与计费（v3.x）
 
 section4:
   title: 产品应用场景
@@ -93,7 +94,7 @@ section4:
   features:
     - name: Kubernetes 多集群管理
       icon: /images/home/management.svg
-      content: 跨多云与多集群统一分发应用，提供集群高可用与灾备的最佳实践，支持跨级群的可观测性
+      content: 跨多云与多集群统一分发应用，提供集群高可用与灾备的最佳实践，支持跨集群的可观测性
       link: "https://docs.kubesphere.com.cn/v4.2.0/07-cluster-management/10-multi-cluster-management/"
       color: grape
 
@@ -115,7 +116,7 @@ section5:
     title: Front End
     project: KubeSphere Console
     children:
-      - icon: /images/home/mobx.jpg
+      - icon: /images/home/kube-design.jpg
       - icon: /images/home/koa.jpg
       - icon: /images/home/react.png
 
@@ -124,9 +125,7 @@ section5:
     project: KubeSphere System
     group:
       - name: API Server
-      - name: API Gateway
       - name: Controller Manager
-      - name: Account Service
 
 section6:
   title: 用户案例
@@ -222,7 +221,7 @@ section8:
       icon: /images/home/notification-manager.svg
       content: 管理多租户 Kubernetes 环境中的消息通知，统一多租户通知渠道，支持邮件、钉钉、飞书、企业微信，提升消息管理效率
 
-    - name: Devops
+    - name: DevOps
       icon: /images/home/devops.svg
       content: 提供端到端的工作流，集成主流 CI/CD 工具，整合 CI/CD 工具，简化交付流程，提升迭代效率
 

content/zh/features/_index.md

@@ -1,16 +1,15 @@
 ---
-title: "社区版详细功能清单"
+title: "社区版功能介绍"
 
 layout: "features"
 
 css: "scss/features.scss"
 
 section1:
-  title: "社区版详细功能清单"
+  title: "社区版功能介绍"
   image: /images/features/banner.jpg
 
 section2:
-  title: "功能介绍"
   children:
     - icon: /images/features/cluster-management.svg
       name: 集群管理
@@ -45,33 +44,33 @@ section2:
     - icon: /images/features/metrics-server.svg
       name: Metrics Server
       content: 可扩展、高效的容器资源度量源，为 Kubernetes 内置的自动扩展管道提供服务
-      label: opensource
+      label: extension
     - icon: /images/features/nvidia.svg
       name: NVIDIA GPU Operator
       content: 在 Kubernetes 上创建、配置和管理 GPU
-      label: opensource
+      label: extension
     - icon: /images/features/deepseek.svg
       name: Deepseek
       content: 基于 ollama 运行 deepseek-r1 模型，对外提供 API 服务
-      label: opensource
+      label: extension
     - icon: /images/features/grafana.svg
       name: Grafana
       content: 开放且可组合的观测和数据可视化平台
-      label: opensource
+      label: extension
     - icon: /images/features/loki.svg
       name: Loki
       content: 可扩展、高可用、多租户日志聚合系统
-      label: opensource
+      label: extension
     - icon: /images/features/higress.svg
       name: Higress
       content: 基于 Istio 和 Envoy 的API 网关
-      label: opensource
+      label: extension
     - icon: /images/features/ob-operator.svg
       name: OB-Operator
       content: 管理 Kubernetes 集群中的 OceanBase 相关资源
-      label: opensource
+      label: extension
     - icon: /images/features/ob-operator.svg
       name: Oceanbas Dashboard
       content: OceanBase 交互式管理应用
-      label: opensource
+      label: extension
 ---

layouts/_default/features.html

@@ -9,7 +9,6 @@
 {{ with .Params.section2}}
 <section class='section-2'>
   <div class="title-div common-layout">
-    <h1 class="title-h1">{{ .title }}</h1>
     <ul>
       {{range .children}}
       <li>

layouts/index.html

@@ -415,62 +415,16 @@
       showTab(nextIndex);
     };
 
-    var startAutoPlay = function () {
-      autoPlayInterval = setInterval(function () {
-        switchTab();
-      }, 10000);
-
-      countdownInterval = setInterval(function () {
-        countdown--;
-        countdownEl.text(countdown);
-
-        if (countdown <= 0) {
-          countdown = 10;
-        }
-      }, 1000);
-
-      toggleBtn.text('暂停自动切换');
-      isAutoPlay = true;
-    };
-
-    var stopAutoPlay = function () {
-      clearInterval(autoPlayInterval);
-      clearInterval(countdownInterval);
-      toggleBtn.text('开始自动切换');
-      isAutoPlay = false;
-      countdownEl.text('--');
-    };
-
     var resetCountdown = function () {
       countdown = 10;
       countdownEl.text(countdown);
     };
 
-    var toggleAutoPlay = function () {
-      if (isAutoPlay) {
-        stopAutoPlay();
-      } else {
-        startAutoPlay();
-      }
-    };
-
     tabs.click(function () {
       var index = $(this).index();
       showTab(index);
-
-      if (isAutoPlay) {
-        stopAutoPlay();
-        startAutoPlay();
-      }
     });
 
-    toggleBtn.click(function () {
-      toggleAutoPlay();
-    });
-
-    startAutoPlay();
-
-
   };
 
   $(document).ready(function () {