chore: DevBox stylization (#11)

Author: ShortCipher5

components/feature/example.tsx

@@ -11,19 +11,19 @@ const data = [
     url: '/docs/examples/build-your-own-discord-bot',
   },
   {
-    title: 'Comprehensive Guide to connecting to PostgreSQL databases in Sealos Devbox using Node.js',
+    title: 'Comprehensive Guide to connecting to PostgreSQL databases in Sealos DevBox using Node.js',
     url: '/docs/guides/databases/postgresql/nodejs',
   },
   {
-    title: 'Comprehensive Guide to connecting to PostgreSQL databases in Sealos Devbox using Python',
+    title: 'Comprehensive Guide to connecting to PostgreSQL databases in Sealos DevBox using Python',
     url: '/docs/guides/databases/postgresql/python',
   },
   {
-    title: 'Comprehensive Guide to connecting to PostgreSQL databases in Sealos Devbox using Go',
+    title: 'Comprehensive Guide to connecting to PostgreSQL databases in Sealos DevBox using Go',
     url: '/docs/guides/databases/postgresql/go',
   },
   {
-    title: 'Comprehensive Guide to connecting to PostgreSQL databases in Sealos Devbox using Java',
+    title: 'Comprehensive Guide to connecting to PostgreSQL databases in Sealos DevBox using Java',
     url: '/docs/guides/databases/postgresql/java',
   },
 ];

components/feature/sticky-box.tsx

@@ -70,7 +70,7 @@ const content = [
     title: 'Effortless Continuous Delivery',
     subtitle: 'Deploy with confidence',
     description:
-      'Deploy applications with confidence - no container expertise needed. Let Devbox handle versioning, container builds and orchestration while you focus on coding.',
+      'Deploy applications with confidence - no container expertise needed. Let DevBox handle versioning, container builds and orchestration while you focus on coding.',
     content: (
       <div className="group relative aspect-[700/450] max-h-[400px] w-full rounded-lg bg-[#FAFCFF] shadow-sticky-box">
         <Image

content/docs/advanced/architecture.mdx

@@ -2,21 +2,21 @@
 title: Architecture
 ---
 
-Sealos Devbox is an advanced development environment solution that leverages cloud-native Container and Kubernetes technologies to offer a unified and flexible development Runtime. Its key feature is simulating a traditional virtual machine experience while maintaining containerization benefits.
+Sealos DevBox is an advanced development environment solution that leverages cloud-native Container and Kubernetes technologies to offer a unified and flexible development Runtime. Its key feature is simulating a traditional virtual machine experience while maintaining containerization benefits.
 
 ## Architecture
 
-Sealos Devbox is built on a layered architecture, comprising these key components:
+Sealos DevBox is built on a layered architecture, comprising these key components:
 
 ![](./images/architecture.png)
 
 
 ## Control Flow
 
-Devbox implements a decoupled front-end and back-end design:
+DevBox implements a decoupled front-end and back-end design:
 
 1. Users trigger actions via the web interface or plugins
-2. Devbox Controller receives and processes these requests
+2. DevBox Controller receives and processes these requests
 3. Controller translates the processed instructions into Kubernetes API calls
 4. Kubernetes executes the corresponding Container operations
 
@@ -26,7 +26,7 @@ Devbox implements a decoupled front-end and back-end design:
 
 ## State Persistence Mechanism
 
-Devbox employs an intelligent state preservation system to maintain user environment consistency:
+DevBox employs an intelligent state preservation system to maintain user environment consistency:
 
 ### Automatic Saving
 

content/docs/advanced/architecture.zh-cn.mdx

@@ -2,18 +2,18 @@
 title: Devbox 架构
 ---
 
-Sealos Devbox 是一种先进的开发环境解决方案，它利用云原生容器和 Kubernetes 技术提供统一且灵活的开发运行时。其核心特点是在保持容器化优势的同时，模拟传统虚拟机体验。
+Sealos DevBox 是一种先进的开发环境解决方案，它利用云原生容器和 Kubernetes 技术提供统一且灵活的开发运行时。其核心特点是在保持容器化优势的同时，模拟传统虚拟机体验。
 
 ## 架构
 
-Sealos Devbox 基于分层架构设计，包含以下关键组件：
+Sealos DevBox 基于分层架构设计，包含以下关键组件：
 
 ![](./images/architecture.png)
 
 
 ## 控制流程
 
-Devbox 实现了前后端解耦设计：
+DevBox 实现了前后端解耦设计：
 
 1. 用户通过网页界面或插件触发操作
 2. Devbox 控制器接收并处理这些请求
@@ -25,7 +25,8 @@ Devbox 实现了前后端解耦设计：
 
 ## 状态持久化机制
 
-Devbox 采用智能状态保存系统，确保用户环境的一致性：
+DevBox 采用智能状态保存系统，确保用户环境的一致性：
+
 
 ### 自动保存
 

content/docs/examples/build-your-own-discord-bot.zh-cn.mdx

@@ -1,17 +1,17 @@
 ---
 title: Build Your Own Discord Bot
-description: Build an AI-powered Discord bot using Devbox. You'll create a bot that can respond to messages using AI capabilities powered by FastGPT.
+description: Build an AI-powered Discord bot using DevBox. You'll create a bot that can respond to messages using AI capabilities powered by FastGPT.
 ---
 
 ## Overview
 
-This example demonstrates how to build an AI-powered Discord bot using Devbox. You'll create a bot that can respond to messages using AI capabilities powered by [FastGPT](https://tryfastgpt.ai), showcasing how to integrate multiple services and APIs in a Devbox environment.
+This example demonstrates how to build an AI-powered Discord bot using DevBox. You'll create a bot that can respond to messages using AI capabilities powered by [FastGPT](https://tryfastgpt.ai), showcasing how to integrate multiple services and APIs in a DevBox environment.
 
 **Technologies Used:**
 - Node.js
 - Discord.js
 - FastGPT API
-- Devbox development environment
+- DevBox development environment
 
 **Expected Outcome:**
 - A functioning Discord bot that:
@@ -65,12 +65,12 @@ This example demonstrates how to build an AI-powered Discord bot using Devbox. Y
 
 </div>
 
-### 2. Creating Devbox Project
+### 2. Creating DevBox Project
 
 <div className='steps [&_h4]:step'>
 
 #### Initialize Node.js Project
-1. [Create a new Devbox project](/docs/guides/fundamentals/create-a-project)
+1. [Create a new DevBox project](/docs/guides/fundamentals/create-a-project)
 2. Select Node.js as the runtime
 3. Configure project resources:
    - Set appropriate CPU cores

content/docs/guides/app-launchpad/index.zh-cn.mdx

@@ -7,7 +7,7 @@ description: 通过 Sealos 应用管理功能快速部署和管理容器化应
 
 【应用管理】是 Sealos 内置的单镜像部署工具，它通过直观的图形化界面和自动化流程，将复杂的 Kubernetes 资源操作简化为易于理解的“应用”概念。无论您是部署自己的应用还是第三方应用，都可以在 5 分钟内轻松完成部署和上线。
 
-Sealos Devbox 开发环境最终[部署上线](/docs/guides/fundamentals/deploy)都是通过【应用管理】来完成的。
+Sealos DevBox 开发环境最终[部署上线](/docs/guides/fundamentals/deploy)都是通过【应用管理】来完成的。
 
 目前【应用管理】具备以下功能：
 

content/docs/guides/databases/kafka/go.mdx

@@ -1,13 +1,13 @@
 ---
 title: Go
-description: Learn how to connect to Kafka in Sealos Devbox using Go
+description: Learn how to connect to Kafka in Sealos DevBox using Go
 ---
 
-This guide will walk you through the process of connecting to Kafka using Go within your Sealos Devbox project.
+This guide will walk you through the process of connecting to Kafka using Go within your Sealos DevBox project.
 
 ## Prerequisites
 
-- [A Sealos Devbox project](/docs/guides/fundamentals/create-a-project) with Go environment
+- [A Sealos DevBox project](/docs/guides/fundamentals/create-a-project) with Go environment
 - [A Kafka cluster created using the Database app in Sealos](./)
 
 ## Install Required Packages
@@ -24,7 +24,7 @@ This command installs:
 
 ## System Dependencies
 
-The `confluent-kafka-go` package requires `librdkafka` as a system dependency. In Sealos Devbox, you might need to install it manually. Run the following commands in your Cursor terminal:
+The `confluent-kafka-go` package requires `librdkafka` as a system dependency. In Sealos DevBox, you might need to install it manually. Run the following commands in your Cursor terminal:
 
 ```bash
 sudo apt-get update
@@ -190,7 +190,7 @@ If you encounter connection issues:
 
 1. Verify your Kafka broker address in the `broker` variable.
 2. Ensure your Kafka cluster is running and accessible.
-3. Check for any network restrictions in your Devbox environment.
+3. Check for any network restrictions in your DevBox environment.
 4. Confirm that the required packages and system dependencies are correctly installed.
 5. If you encounter `cgo` related errors, make sure you have the necessary build tools installed (`sudo apt-get install build-essential`).
 

content/docs/guides/databases/kafka/go.zh-cn.mdx

@@ -1,13 +1,13 @@
 ---
 title: Go
-description: 在 Sealos Devbox 中使用 Go 连接 Kafka 的完整指南
+description: 在 Sealos DevBox 中使用 Go 连接 Kafka 的完整指南
 ---
 
-本文将详细介绍如何在 Sealos Devbox 中使用 Go 语言连接和操作 Kafka。
+本文将详细介绍如何在 Sealos DevBox 中使用 Go 语言连接和操作 Kafka。
 
 ## 准备工作
 
-- [已创建并配置好 Go 环境的 Sealos Devbox 项目](/docs/guides/fundamentals/create-a-project)
+- [已创建并配置好 Go 环境的 Sealos DevBox 项目](/docs/guides/fundamentals/create-a-project)
 - [已通过 Sealos 数据库应用创建 Kafka 集群](./)
 
 ## 安装依赖
@@ -26,7 +26,7 @@ go get github.com/confluentinc/confluent-kafka-go/v2/kafka
 
 ## 系统依赖
 
-由于 `confluent-kafka-go` 包依赖于 `librdkafka`，您需要在 Devbox 开发环境中安装相关系统依赖。请在 Cursor 终端中执行以下命令：
+由于 `confluent-kafka-go` 包依赖于 `librdkafka`，您需要在 DevBox 开发环境中安装相关系统依赖。请在 Cursor 终端中执行以下命令：
 
 ```bash
 sudo apt-get update

content/docs/guides/databases/kafka/index.mdx

@@ -38,10 +38,10 @@ Once deployed, Sealos will provide you with the necessary connection details.
 Here are examples of how to connect to your Kafka cluster using different programming languages and frameworks within your DevBox environment:
 
 <Cards>
-  <Card title="Connect to Kafka with Go in Sealos Devbox" href="./kafka/go" />
-  <Card title="Connect to Kafka with Java in Sealos Devbox" href="./kafka/java" />
-  <Card title="Connect to Kafka with Node.js in Sealos Devbox" href="./kafka/nodejs" />
-  <Card title="Connect to Kafka with PHP in Sealos Devbox" href="./kafka/php" />
-  <Card title="Connect to Kafka with Python in Sealos Devbox" href="./kafka/python" />
-  <Card title="Connect to Kafka with Rust in Sealos Devbox" href="./kafka/rust" />
+  <Card title="Connect to Kafka with Go in Sealos DevBox" href="./kafka/go" />
+  <Card title="Connect to Kafka with Java in Sealos DevBox" href="./kafka/java" />
+  <Card title="Connect to Kafka with Node.js in Sealos DevBox" href="./kafka/nodejs" />
+  <Card title="Connect to Kafka with PHP in Sealos DevBox" href="./kafka/php" />
+  <Card title="Connect to Kafka with Python in Sealos DevBox" href="./kafka/python" />
+  <Card title="Connect to Kafka with Rust in Sealos DevBox" href="./kafka/rust" />
 </Cards>

content/docs/guides/databases/kafka/index.zh-cn.mdx

@@ -1,9 +1,9 @@
 ---
 title: Kafka
-description: 在 Sealos Devbox 中部署和连接 Kafka 集群
+description: 在 Sealos DevBox 中部署和连接 Kafka 集群
 ---
 
-Apache Kafka 是一个分布式事件流平台，可让您构建实时数据管道和流应用程序。在 Sealos Devbox 中，您可以轻松地为您的开发项目设置和连接 Kafka 数据库。
+Apache Kafka 是一个分布式事件流平台，可让您构建实时数据管道和流应用程序。在 Sealos DevBox 中，您可以轻松地为您的开发项目设置和连接 Kafka 数据库。
 
 ## 在 Sealos 中部署 Kafka
 
@@ -35,7 +35,7 @@ Sealos 提供了简单直观的操作界面，只需几步即可完成 Kafka 集
 
 ![Kafka 集群连接信息](./images/sealos-kafka-connection-info.zh-cn.png)
 
-## 在 Sealos Devbox 中连接 Kafka
+## 在 Sealos DevBox 中连接 Kafka
 
 我们为不同的编程语言提供了连接 Kafka 集群的示例代码，请选择您需要的开发语言：
 

content/docs/guides/databases/kafka/java.mdx

@@ -1,13 +1,13 @@
 ---
 title: Java
-description: Learn how to connect to Kafka in Sealos Devbox using Java
+description: Learn how to connect to Kafka in Sealos DevBox using Java
 ---
 
-This guide will walk you through the process of connecting to Kafka using Java within your Sealos Devbox project.
+This guide will walk you through the process of connecting to Kafka using Java within your Sealos DevBox project.
 
 ## Prerequisites
 
-- [A Sealos Devbox project](/docs/guides/fundamentals/create-a-project) with Java environment
+- [A Sealos DevBox project](/docs/guides/fundamentals/create-a-project) with Java environment
 - [A Kafka cluster created using the Database app in Sealos](./)
 
 ## Project Setup
@@ -16,7 +16,7 @@ This guide will walk you through the process of connecting to Kafka using Java w
 
 #### Create a new Maven project
 
-In your Sealos Devbox terminal, initialize a new Maven project:
+In your Sealos DevBox terminal, initialize a new Maven project:
 
 ```bash
 mvn archetype:generate -DgroupId=com.example -DartifactId=kafka-java-example -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=false
@@ -134,7 +134,7 @@ public class KafkaProducerExample {
         Producer<String, String> producer = new KafkaProducer<>(props);
 
         String topic = props.getProperty("topic");
-        String message = "Hello from Sealos Devbox!";
+        String message = "Hello from Sealos DevBox!";
 
         ProducerRecord<String, String> record = new ProducerRecord<>(topic, message);
 
@@ -248,8 +248,8 @@ Run the producer and consumer in separate terminal windows to see the message be
 If you encounter connection issues:
 
 1. Verify your Kafka credentials in the `kafka.properties` file.
-2. Ensure your Kafka cluster is running and accessible from your Devbox environment.
-3. Check for any network restrictions in your Devbox environment.
+2. Ensure your Kafka cluster is running and accessible from your DevBox environment.
+3. Check for any network restrictions in your DevBox environment.
 4. Confirm that all required dependencies are correctly specified in your `pom.xml` file.
 
 For more detailed information on using Kafka with Java, refer to the [Apache Kafka documentation](https://kafka.apache.org/documentation/).

content/docs/guides/databases/kafka/java.zh-cn.mdx

@@ -1,13 +1,13 @@
 ---
 title: Java
-description: 在 Sealos Devbox 中使用 Java 连接 Kafka 的完整指南
+description: 在 Sealos DevBox 中使用 Java 连接 Kafka 的完整指南
 ---
 
-本文介绍如何在 Sealos Devbox 环境中使用 Java 连接和操作 Kafka。
+本文介绍如何在 Sealos DevBox 环境中使用 Java 连接和操作 Kafka。
 
 ## 准备工作
 
-- [已创建并配置好 Java 环境的 Sealos Devbox 项目](/docs/guides/fundamentals/create-a-project)
+- [已创建并配置好 Java 环境的 Sealos DevBox 项目](/docs/guides/fundamentals/create-a-project)
 - [已通过 Sealos 数据库应用创建 Kafka 集群](./)
 
 ## 项目配置
@@ -134,7 +134,7 @@ public class KafkaProducerExample {
         Producer<String, String> producer = new KafkaProducer<>(props);
 
         String topic = props.getProperty("topic");
-        String message = "Hello from Sealos Devbox!";
+        String message = "Hello from Sealos DevBox!";
 
         ProducerRecord<String, String> record = new ProducerRecord<>(topic, message);
 

content/docs/guides/databases/kafka/nodejs.mdx

@@ -1,13 +1,13 @@
 ---
 title: Node.js
-description: Learn how to connect to Kafka in Sealos Devbox using Node.js
+description: Learn how to connect to Kafka in Sealos DevBox using Node.js
 ---
 
-This guide will walk you through the process of connecting to Kafka using Node.js within your Sealos Devbox project.
+This guide will walk you through the process of connecting to Kafka using Node.js within your Sealos DevBox project.
 
 ## Prerequisites
 
-- [A Sealos Devbox project](/docs/guides/fundamentals/create-a-project) with Node.js environment
+- [A Sealos DevBox project](/docs/guides/fundamentals/create-a-project) with Node.js environment
 - [A Kafka cluster created using the Database app in Sealos](./)
 
 ## Install Required Packages
@@ -90,7 +90,7 @@ async function produceMessage() {
     const result = await producer.send({
       topic: process.env.KAFKA_TOPIC,
       messages: [
-        { value: 'Hello from Sealos Devbox!' },
+        { value: 'Hello from Sealos DevBox!' },
       ],
     });
     console.log('Message sent successfully', result);
@@ -193,7 +193,7 @@ If you encounter connection issues:
 
 1. Verify your Kafka broker address in the `.env` file.
 2. Ensure your Kafka cluster is running and accessible.
-3. Check for any network restrictions in your Devbox environment.
+3. Check for any network restrictions in your DevBox environment.
 4. Confirm that the required packages are correctly installed.
 
 For more detailed information on using Kafka with Node.js, refer to the [KafkaJS documentation](https://kafka.js.org/).

content/docs/guides/databases/kafka/nodejs.zh-cn.mdx

@@ -1,13 +1,13 @@
 ---
 title: Node.js
-description: 在 Sealos Devbox 中使用 Node.js 连接 Kafka 的完整指南
+description: 在 Sealos DevBox 中使用 Node.js 连接 Kafka 的完整指南
 ---
 
-本文将指导您如何在 Sealos Devbox 中使用 Node.js 连接和操作 Kafka。
+本文将指导您如何在 Sealos DevBox 中使用 Node.js 连接和操作 Kafka。
 
 ## 准备工作
 
-- [已创建并配置好 Node.js 环境的 Sealos Devbox 项目](/docs/guides/fundamentals/create-a-project)
+- [已创建并配置好 Node.js 环境的 Sealos DevBox 项目](/docs/guides/fundamentals/create-a-project)
 - [已通过 Sealos 数据库应用创建 Kafka 集群](./)
 
 ## 安装依赖包
@@ -90,7 +90,7 @@ async function produceMessage() {
     const result = await producer.send({
       topic: process.env.KAFKA_TOPIC,
       messages: [
-        { value: 'Hello from Sealos Devbox!' },
+        { value: 'Hello from Sealos DevBox!' },
       ],
     });
     console.log('Message sent successfully', result);