This is an automated email from the ASF dual-hosted git repository.
guoqi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git
The following commit(s) were added to refs/heads/master by this push:
new 7eca95b6b39 feat: update the homepage (#1866)
7eca95b6b39 is described below
commit 7eca95b6b393143841259a9f9ad5157d2ba9abae
Author: Qi Guo <979918...@qq.com>
AuthorDate: Thu Mar 6 14:32:31 2025 +0800
feat: update the homepage (#1866)
---
blog/en/docusaurus.config.js | 6 +-
blog/i18n/zh/code.json | 20 +--
blog/zh/docusaurus.config.js | 6 +-
doc/docusaurus.config.js | 6 +-
doc/i18n/zh/code.json | 20 +--
website/docusaurus.config.js | 6 +-
website/i18n/zh/code.json | 20 +--
website/src/components/ArrowAnim.tsx | 4 +-
website/src/components/sections/Endcta.tsx | 4 +-
website/src/components/sections/Features.tsx | 138 +--------------------
website/src/components/sections/HeroSection.tsx | 19 +--
.../src/css/landing-sections/endcta.module.scss | 2 +-
website/src/pages/contribute.tsx | 8 +-
website/src/pages/index.tsx | 8 +-
14 files changed, 70 insertions(+), 197 deletions(-)
diff --git a/blog/en/docusaurus.config.js b/blog/en/docusaurus.config.js
index 6e76e63ef61..5c8198aab4c 100644
--- a/blog/en/docusaurus.config.js
+++ b/blog/en/docusaurus.config.js
@@ -1,6 +1,6 @@
const { ssrTemplate } = require('../../config/ssrTemplate');
-const description = 'Open Source and Cloud-Native API gateway, based on the
Nginx library and etcd.';
+const description = 'APISIX is a dynamic, high-performance API Gateway with
features like load balancing, canary release, authentication, and
observability. As an AI Gateway, it enables AI proxying, LLM load balancing,
retries, fallbacks, token-based rate limiting, and security to enhance AI agent
efficiency and reliability.';
const metadatas = [
{
@@ -22,9 +22,9 @@ const metadatas = [
];
module.exports = {
- title: 'Apache APISIX® -- Cloud-Native API Gateway',
+ title: 'Apache APISIX® -- Cloud-Native API Gateway and AI Gateway',
tagline:
- 'Apache APISIX is a dynamic, real-time, high-performance Cloud-Native API
gateway, based on the Nginx library and etcd.',
+ 'APISIX is a dynamic, high-performance API Gateway with features like load
balancing, canary release, authentication, and observability. As an AI Gateway,
it enables AI proxying, LLM load balancing, retries, fallbacks, token-based
rate limiting, and security to enhance AI agent efficiency and reliability.',
url: 'https://apisix.apache.org',
baseUrl: '/',
trailingSlash: true,
diff --git a/blog/i18n/zh/code.json b/blog/i18n/zh/code.json
index e063e9f450f..637cd8562c9 100644
--- a/blog/i18n/zh/code.json
+++ b/blog/i18n/zh/code.json
@@ -144,8 +144,8 @@
"description": "Start Contribute"
},
"arrowAnim.component.link.btn": {
- "message": "阅读文档",
- "description": "Go to docs..."
+ "message": "阅读博客",
+ "description": "Read Blog"
},
"architecture.component.title.name": {
"message": "适用于超大规模、复杂的业务系统",
@@ -160,14 +160,14 @@
"description": "Apache APISIX is based on NGINX and etcd. Compared with
traditional API gateways, APISIX has dynamic routing and hot-loading plugins"
},
"features.component.why.title": {
- "message": "为什么选择 Apache APISIX?"
+ "message": "为什么选择 APISIX API 网关？"
},
"features.component.why.subtitle": {
"message": "Apache APISIX 值得信赖，你只需专注在具体业务中，而无需考虑 API 处理基础组件。",
"description": "Reduce time fighting bugs, focus on designing world-class
systems"
},
"features.component.why.message": {
- "message": "Apache APISIX 是首个提供低代码能力的开源 API 网关，作为 Apache
软件基金会顶级项目，它也为开发人员提供强大且灵活的控制界面。"
+ "message": "APISIX API 网关提供近百个开源插件、全面的 API 管理能力和先进的技术优势。"
},
"features.component.easyDashboard.title": {
"message": "简单易用的 Dashboard",
@@ -321,18 +321,18 @@
"description": "Subscribe"
},
"hero.component.title.fragment1": {
- "message": "全生命周期 API 管理"
+ "message": "API 网关与 AI 网关，服务 API 与 AI 代理"
},
"hero.component.title.fragment2": {
- "message": "API Gateway、Ingress Controller 等"
+ "message": "开源、社区驱动、面向未来"
},
"hero.component.subtitle.content": {
- "message": "Apache APISIX 是一个动态、实时、高性能的云原生 API
网关，提供了负载均衡、动态上游、灰度发布、服务熔断、身份认证、可观测性等丰富的流量管理功能。",
- "description": "Apache APISIX provides rich traffic management features
like Load Balancing, Dynamic Upstream, Canary Release, Circuit Breaking,
Authentication, Observability, and more..."
+ "message": "APISIX API 网关提供了负载均衡、动态上游、灰度发布、服务熔断、身份认证、可观测性等丰富的流量管理功能。",
+ "description": "APISIX API Gateway provides rich traffic management
features such as load balancing, dynamic upstream, canary release, circuit
breaking, authentication, observability, and more."
},
"hero.component.download.btn": {
- "message": "立即体验",
- "description": "Download"
+ "message": "快速开始",
+ "description": "Getting Started"
},
"theme.blog.post.readingTime.plurals": {
"message": "阅读需约 {readingTime} 分钟",
diff --git a/blog/zh/docusaurus.config.js b/blog/zh/docusaurus.config.js
index bd6920ea40b..470d827c29c 100644
--- a/blog/zh/docusaurus.config.js
+++ b/blog/zh/docusaurus.config.js
@@ -1,7 +1,7 @@
const readingTime = require('reading-time');
const { ssrTemplate } = require('../../config/ssrTemplate');
-const description = 'Open Source and Cloud-Native API gateway, based on the
Nginx library and etcd.';
+const description = 'APISIX is a dynamic, high-performance API Gateway with
features like load balancing, canary release, authentication, and
observability. As an AI Gateway, it enables AI proxying, LLM load balancing,
retries, fallbacks, token-based rate limiting, and security to enhance AI agent
efficiency and reliability.';
const metadatas = [
{
@@ -23,9 +23,9 @@ const metadatas = [
];
module.exports = {
- title: 'Apache APISIX® -- Cloud-Native API Gateway',
+ title: 'Apache APISIX® -- Cloud-Native API Gateway and AI Gateway',
tagline:
- 'Apache APISIX is a dynamic, real-time, high-performance Cloud-Native API
gateway, based on the Nginx library and etcd.',
+ 'APISIX is a dynamic, high-performance API Gateway with features like load
balancing, canary release, authentication, and observability. As an AI Gateway,
it enables AI proxying, LLM load balancing, retries, fallbacks, token-based
rate limiting, and security to enhance AI agent efficiency and reliability.',
url: 'https://apisix.apache.org',
baseUrl: '/zh/',
trailingSlash: true,
diff --git a/doc/docusaurus.config.js b/doc/docusaurus.config.js
index ce0d5782ff9..a836d8afdd1 100644
--- a/doc/docusaurus.config.js
+++ b/doc/docusaurus.config.js
@@ -15,9 +15,9 @@ const getEditUrl = (props) => {
};
module.exports = {
- title: 'Apache APISIX® -- Cloud-Native API Gateway',
+ title: 'Apache APISIX® -- Cloud-Native API Gateway and AI Gateway',
tagline:
- 'Apache APISIX is a dynamic, real-time, high-performance Cloud-Native API
gateway, based on the Nginx library and etcd.',
+ 'APISIX is a dynamic, high-performance API Gateway with features like load
balancing, canary release, authentication, and observability. As an AI Gateway,
it enables AI proxying, LLM load balancing, retries, fallbacks, token-based
rate limiting, and security to enhance AI agent efficiency and reliability.',
url: 'https://apisix.apache.org',
baseUrl: '/',
trailingSlash: true,
@@ -260,7 +260,7 @@ module.exports = {
{
name: 'description',
content:
- 'Open Source and Cloud-Native API gateway, based on the Nginx
library and etcd.',
+ 'APISIX is a dynamic, high-performance API Gateway with features
like load balancing, canary release, authentication, and observability. As an
AI Gateway, it enables AI proxying, LLM load balancing, retries, fallbacks,
token-based rate limiting, and security to enhance AI agent efficiency and
reliability.',
},
{
name: 'robots',
diff --git a/doc/i18n/zh/code.json b/doc/i18n/zh/code.json
index 8f36fa2380c..9b5d6963b68 100644
--- a/doc/i18n/zh/code.json
+++ b/doc/i18n/zh/code.json
@@ -144,8 +144,8 @@
"description": "Start Contribute"
},
"arrowAnim.component.link.btn": {
- "message": "阅读文档",
- "description": "Go to docs..."
+ "message": "阅读博客",
+ "description": "Read Blog"
},
"architecture.component.title.name": {
"message": "适用于超大规模、复杂的业务系统",
@@ -160,14 +160,14 @@
"description": "Apache APISIX is based on NGINX and etcd. Compared with
traditional API gateways, APISIX has dynamic routing and hot-loading plugins"
},
"features.component.why.title": {
- "message": "为什么选择 Apache APISIX?"
+ "message": "为什么选择 APISIX API 网关？"
},
"features.component.why.subtitle": {
"message": "Apache APISIX 值得信赖，你只需专注在具体业务中，而无需考虑 API 处理基础组件。",
"description": "Reduce time fighting bugs, focus on designing world-class
systems"
},
"features.component.why.message": {
- "message": "Apache APISIX 是首个提供低代码能力的开源 API 网关，作为 Apache
软件基金会顶级项目，它也为开发人员提供强大且灵活的控制界面。"
+ "message": "APISIX API 网关提供近百个开源插件、全面的 API 管理能力和先进的技术优势。"
},
"features.component.easyDashboard.title": {
"message": "简单易用的 Dashboard",
@@ -321,17 +321,17 @@
"description": "Subscribe"
},
"hero.component.title.fragment1": {
- "message": "全生命周期 API 管理"
+ "message": "API 网关与 AI 网关，服务 API 与 AI 代理"
},
"hero.component.title.fragment2": {
- "message": "API Gateway、Ingress Controller 等"
+ "message": "开源、社区驱动、面向未来"
},
"hero.component.subtitle.content": {
- "message": "Apache APISIX 是一个动态、实时、高性能的云原生 API
网关，提供了负载均衡、动态上游、灰度发布、服务熔断、身份认证、可观测性等丰富的流量管理功能。",
- "description": "Apache APISIX provides rich traffic management features
like Load Balancing, Dynamic Upstream, Canary Release, Circuit Breaking,
Authentication, Observability, and more..."
+ "message": "APISIX API 网关提供了负载均衡、动态上游、灰度发布、服务熔断、身份认证、可观测性等丰富的流量管理功能。",
+ "description": "APISIX API Gateway provides rich traffic management
features such as load balancing, dynamic upstream, canary release, circuit
breaking, authentication, observability, and more."
},
"hero.component.download.btn": {
- "message": "立即体验",
- "description": "Download"
+ "message": "快速开始",
+ "description": "Getting Started"
}
}
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 39251dc5b8b..7c4f7349dbd 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -1,9 +1,9 @@
const { ssrTemplate } = require('../config/ssrTemplate');
module.exports = {
- title: 'Apache APISIX® -- Cloud-Native API Gateway',
+ title: 'Apache APISIX® -- Cloud-Native API Gateway and AI Gateway',
tagline:
- 'Apache APISIX is a dynamic, real-time, high-performance Cloud-Native API
gateway, based on the Nginx library and etcd.',
+ 'APISIX is a dynamic, high-performance API Gateway with features like load
balancing, canary release, authentication, and observability. As an AI Gateway,
it enables AI proxying, LLM load balancing, retries, fallbacks, token-based
rate limiting, and security to enhance AI agent efficiency and reliability.',
url: 'https://apisix.apache.org',
baseUrl: '/',
trailingSlash: true,
@@ -134,7 +134,7 @@ module.exports = {
metadatas: [
{
name: 'description',
- content: 'Open Source and Cloud-Native API gateway, based on the Nginx
library and etcd.',
+ content: 'APISIX is a dynamic, high-performance API Gateway with
features like load balancing, canary release, authentication, and
observability. As an AI Gateway, it enables AI proxying, LLM load balancing,
retries, fallbacks, token-based rate limiting, and security to enhance AI agent
efficiency and reliability.',
},
{
name: 'robots',
diff --git a/website/i18n/zh/code.json b/website/i18n/zh/code.json
index 6062501be3f..41d4c37159c 100644
--- a/website/i18n/zh/code.json
+++ b/website/i18n/zh/code.json
@@ -144,8 +144,8 @@
"description": "Start Contribute"
},
"arrowAnim.component.link.btn": {
- "message": "阅读文档",
- "description": "Go to docs..."
+ "message": "阅读博客",
+ "description": "Read Blog"
},
"architecture.component.title.name": {
"message": "适用于超大规模、复杂的业务系统",
@@ -160,14 +160,14 @@
"description": "Apache APISIX is based on NGINX and etcd. Compared with
traditional API gateways, APISIX has dynamic routing and hot-loading plugins"
},
"features.component.why.title": {
- "message": "为什么选择 Apache APISIX?"
+ "message": "为什么选择 APISIX API 网关？"
},
"features.component.why.subtitle": {
"message": "Apache APISIX 值得信赖，你只需专注在具体业务中，而无需考虑 API 处理基础组件。",
"description": "Reduce time fighting bugs, focus on designing world-class
systems"
},
"features.component.why.message": {
- "message": "Apache APISIX 是首个提供低代码能力的开源 API 网关，作为 Apache
软件基金会顶级项目，它也为开发人员提供强大且灵活的控制界面。"
+ "message": "APISIX API 网关提供近百个开源插件、全面的 API 管理能力和先进的技术优势。"
},
"features.component.easyDashboard.title": {
"message": "简单易用的 Dashboard",
@@ -324,17 +324,17 @@
"description": "Subscribe"
},
"hero.component.title.fragment1": {
- "message": "全生命周期 API 管理"
+ "message": "API 网关与 AI 网关，服务 API 与 AI 代理"
},
"hero.component.title.fragment2": {
- "message": "API Gateway、Ingress Controller 等"
+ "message": "开源、社区驱动、面向未来"
},
"hero.component.subtitle.content": {
- "message": "Apache APISIX 是一个动态、实时、高性能的云原生 API
网关，提供了负载均衡、动态上游、灰度发布、服务熔断、身份认证、可观测性等丰富的流量管理功能。",
- "description": "Apache APISIX provides rich traffic management features
like Load Balancing, Dynamic Upstream, Canary Release, Circuit Breaking,
Authentication, Observability, and more..."
+ "message": "APISIX API 网关提供了负载均衡、动态上游、灰度发布、服务熔断、身份认证、可观测性等丰富的流量管理功能。",
+ "description": "APISIX API Gateway provides rich traffic management
features such as load balancing, dynamic upstream, canary release, circuit
breaking, authentication, observability, and more."
},
"hero.component.download.btn": {
- "message": "立即体验",
- "description": "Download"
+ "message": "快速开始",
+ "description": "Getting Started"
}
}
diff --git a/website/src/components/ArrowAnim.tsx
b/website/src/components/ArrowAnim.tsx
index c3e08002641..a1f696a439c 100644
--- a/website/src/components/ArrowAnim.tsx
+++ b/website/src/components/ArrowAnim.tsx
@@ -7,11 +7,11 @@ import Translate from '@docusaurus/Translate';
const ArrowAnim: FC = () => (
<Link
- to={useBaseUrl('docs')}
+ to={useBaseUrl('blog')}
className="btn-docs"
>
<div className="goto">
- <Translate id="arrowAnim.component.link.btn">View the docs</Translate>
+ <Translate id="arrowAnim.component.link.btn">Read Blog</Translate>
</div>
<div className="arrow">
<svg width="70%" height="50%" viewBox="0 0 256 256">
diff --git a/website/src/components/sections/Endcta.tsx
b/website/src/components/sections/Endcta.tsx
index 78ced14e21d..bce8c336f40 100644
--- a/website/src/components/sections/Endcta.tsx
+++ b/website/src/components/sections/Endcta.tsx
@@ -28,8 +28,8 @@ const EndCTA: FC = () => {
)}
</p>
<div className={style.links}>
- <Link to={useBaseUrl('downloads')} className="btn btn-download">
- <Translate id="hero.component.download.btn">Downloads</Translate>
+ <Link to={useBaseUrl('docs/apisix/getting-started')} className="btn
btn-download">
+ <Translate id="hero.component.download.btn">Getting
Started</Translate>
</Link>
<ArrowAnim />
</div>
diff --git a/website/src/components/sections/Features.tsx
b/website/src/components/sections/Features.tsx
index b51dcd4814d..eac61ef5389 100644
--- a/website/src/components/sections/Features.tsx
+++ b/website/src/components/sections/Features.tsx
@@ -1,138 +1,14 @@
-import type { CSSProperties, FC } from 'react';
+import type { FC } from 'react';
import React from 'react';
-import Link from '@docusaurus/Link';
-import { animated } from 'react-spring';
import Translate from '@docusaurus/Translate';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import { LazyLoadImage } from 'react-lazy-load-image-component';
-import ArrowAnim from '../ArrowAnim';
-import useWindowSize from '../../hooks/useWindowSize';
import styles from '../../css/landing-sections/features.module.scss';
-const DashboardPlayground = () => {
- const [width] = useWindowSize();
-
- if (width < 1025) {
- return null;
- }
-
- return (
- <Link
- className={styles.dashboardLink}
- to="https://apisix-dashboard.apiseven.com/user/login/";
- target="_blank"
- rel="noopener noreferrer"
- >
- <div className={styles.dashboard}>
- <h3 className={styles.dashboardTitle}>Dashboard Playground</h3>
-
- <div className={styles.dashboardAccount}>
- <div>
- username <span>admin</span>
- </div>
- <div>
- passwd <span>admin</span>
- </div>
- </div>
- </div>
- </Link>
- );
-};
-
-interface FeatProps {
- style?: CSSProperties;
-}
-
-type Feat = FC<FeatProps>;
-
-const DashboardFeat: Feat = (props) => (
- <animated.div className={styles.feat} {...props}>
- <div className={styles.left}>
- <section>
- <h2>
- <Translate id="features.component.easyDashboard.title">Easy-to-use
Dashboard</Translate>
- </h2>
- <div>
- <Translate id="features.component.easyDashboard.message">
- The Apache APISIX Dashboard is designed to make it as easy as
possible for users to
- operate Apache APISIX through a frontend interface. It’s
opensource and ever evolving,
- feel free to contribute.
- </Translate>
- <div className={styles.action}>
- <Link to={useBaseUrl('downloads')} className="btn btn-download">
- <Translate
id="features.component.easyDashboard.downloadBtn">Downloads</Translate>
- </Link>
- <ArrowAnim />
- </div>
- </div>
- <DashboardPlayground />
- </section>
- </div>
-
- <div className={styles.right}>
- <LazyLoadImage
- src="https://static.apiseven.com/202202/apisix-dashboard.png";
- alt="apisix-dashboard"
- />
- </div>
- </animated.div>
-);
-
-const CodeFeat: Feat = (props) => (
- <animated.div className={styles.feat} {...props}>
- <div className={styles.left}>
- <section>
- <h2>
- <Translate id="features.component.userFlexible.title">User
Flexible</Translate>
- </h2>
- <p>
- <Translate id="features.component.userFlexible.message">
- The Apache APISIX dashboard is flexible to User demand, providing
option to create
- custom modules through code matching your requirements, alongside
the existing no-code
- toolchain.
- </Translate>
- </p>
- </section>
- </div>
-
- <div className={styles.right}>
- <LazyLoadImage src="https://static.apiseven.com/202202/code-sample.png";
alt="code-snippet" />
- </div>
- </animated.div>
-);
-
-const PluginFeat: Feat = (props) => (
- <animated.div className={styles.feat} {...props}>
- <div className={styles.left}>
- <section>
- <h2>
- <Translate id="features.component.pluginised.title">Pluginised
Workflow</Translate>
- </h2>
- <p>
- <Translate id="features.component.pluginised.message">
- No need to reinvent the wheel again and again. Use inbuilt plugins
to create high
- performance systems in tight deadlines. For something custom,
there is option of
- building custom plugins.
- </Translate>
- </p>
- </section>
- </div>
-
- <div className={styles.right}>
- <LazyLoadImage
- src="https://static.apiseven.com/202202/pluginised.png";
- alt="plugin-workflow"
- />
- </div>
- </animated.div>
-);
-
const Features: FC = () => (
<div className={styles.features}>
<section className={styles.head}>
<h2>
- <Translate id="features.component.why.title">Why APISIX
Gateway?</Translate>
+ <Translate id="features.component.why.title">Why APISIX API
Gateway?</Translate>
</h2>
<h3>
<Translate id="features.component.why.subtitle">
@@ -141,17 +17,11 @@ const Features: FC = () => (
</h3>
<p>
<Translate id="features.component.why.message">
- Apache APISIX is the first open-source API Gateway that includes a
built-in low-code
- Dashboard, which offers a powerful and flexible UI for developers to
use.
+ APISIX API Gateway offers nearly 100 open-source plugins,
comprehensive API management
+ capabilities, and advanced technical advantages.
</Translate>
</p>
</section>
-
- <div className={styles.container}>
- <DashboardFeat />
- <CodeFeat />
- <PluginFeat />
- </div>
</div>
);
diff --git a/website/src/components/sections/HeroSection.tsx
b/website/src/components/sections/HeroSection.tsx
index f43e1960323..02d5815f008 100644
--- a/website/src/components/sections/HeroSection.tsx
+++ b/website/src/components/sections/HeroSection.tsx
@@ -28,22 +28,27 @@ const HeroSection: FC = () => (
<div className="hero-sec-wrap" style={{ width: '100%' }}>
<div className="hero-text">
<h1 className="hero-title">
- <Translate id="hero.component.title.fragment1">Full Lifecycle API
Management</Translate>
+ <Translate id="hero.component.title.fragment1">API Gateway & AI
Gateway for APIs and AI Agents</Translate>
</h1>
- <h2 className="hero-subtitle" style={{ color: '#E8433E', fontSize: 32,
fontWeight: 700 }}>
+ <h2
+ className="hero-subtitle"
+ style={{
+ color: '#E8433E', fontSize: 32, fontWeight: 700, lineHeight: 1.2,
+ }}
+ >
<Translate id="hero.component.title.fragment2">
- API Gateway, Ingress Controller, etc.
+ Open-Source, Community-Driven, Future-Ready
</Translate>
</h2>
<h3 className="hero-subtitle">
<Translate id="hero.component.subtitle.content">
- Apache APISIX provides rich traffic management features like Load
Balancing, Dynamic
- Upstream, Canary Release, Circuit Breaking, Authentication,
Observability, etc.
+ APISIX API Gateway provides rich traffic management features like
load balancing, dynamic
+ upstream, canary release, circuit breaking, auth, and observability.
</Translate>
</h3>
<div className="hero-ctas">
- <Link to={useBaseUrl('downloads')} className="btn btn-download">
- <Translate id="hero.component.download.btn">Downloads</Translate>
+ <Link to={useBaseUrl('docs/apisix/getting-started')} className="btn
btn-download">
+ <Translate id="hero.component.download.btn">Getting
Started</Translate>
</Link>
<ArrowAnim />
</div>
diff --git a/website/src/css/landing-sections/endcta.module.scss
b/website/src/css/landing-sections/endcta.module.scss
index 3f377b077c6..e45fb8cf17a 100644
--- a/website/src/css/landing-sections/endcta.module.scss
+++ b/website/src/css/landing-sections/endcta.module.scss
@@ -4,7 +4,7 @@ $apisix-color: #e8433e;
.endcta {
padding: max(14vh, 100px) 2rem;
- margin: 0 10%;
+ margin: 4em 10% 0;
background-color: #f8f8f8;
display: flex;
flex-direction: column;
diff --git a/website/src/pages/contribute.tsx b/website/src/pages/contribute.tsx
index 98e50b51709..f05e9d49fb4 100644
--- a/website/src/pages/contribute.tsx
+++ b/website/src/pages/contribute.tsx
@@ -43,7 +43,7 @@ const Contribute: FC = () => {
<Layout>
<Head>
<title>
- Good first issue - Apache APISIX® - Cloud-Native API Gateway
+ Good first issue - Apache APISIX® - Cloud-Native API Gateway and AI
Gateway
</title>
<meta
@@ -54,11 +54,11 @@ const Contribute: FC = () => {
<meta property="og:type" content="website" />
<meta
property="og:title"
- content="Good first issue - Apache APISIX® - Cloud-Native API
Gateway"
+ content="Good first issue - Apache APISIX® - Cloud-Native API
Gateway and AI Gateway"
/>
<meta
property="og:site_name"
- content="Apache APISIX® -- Cloud-Native API Gateway"
+ content="Apache APISIX® -- Cloud-Native API Gateway and AI Gateway"
/>
<meta
property="og:description"
@@ -68,7 +68,7 @@ const Contribute: FC = () => {
<meta name="twitter:card" content="summary" />
<meta
name="twitter:title"
- content="Good first issue - Apache APISIX® - Cloud-Native API
Gateway"
+ content="Good first issue - Apache APISIX® - Cloud-Native API
Gateway and AI Gateway"
/>
<meta
name="twitter:description"
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index d4284240141..9c9f3c6b54d 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -11,7 +11,6 @@ import Features from '../components/sections/Features';
import Benefits from '../components/sections/Benefits';
import Comparison from '../components/sections/Comparison';
import OpensourcePromo from '../components/sections/OpensourcePromo';
-import HomeEventsSection from '../components/sections/HomeEventsSection';
import EndCTA from '../components/sections/Endcta';
const ThemeResetComponent = () => {
@@ -49,11 +48,11 @@ const Index: FC = () => (
<Head>
<meta
name="twitter:title"
- content="Apache APISIX® - Cloud-Native API Gateway"
+ content="Apache APISIX® - Cloud-Native API Gateway and AI Gateway"
/>
<meta
name="twitter:description"
- content="Apache APISIX is a dynamic, real-time, high-performance
Cloud-Native API gateway, based on the Nginx library and etcd."
+ content="APISIX is a dynamic, high-performance API Gateway with
features like load balancing, canary release, authentication, and
observability. As an AI Gateway, it enables AI proxying, LLM load balancing,
retries, fallbacks, token-based rate limiting, and security to enhance AI agent
efficiency and reliability."
/>
<meta
name="twitter:site"
@@ -61,7 +60,7 @@ const Index: FC = () => (
/>
<meta
name="og:description"
- content="Apache APISIX is a dynamic, real-time, high-performance
Cloud-Native API gateway, based on the Nginx library and etcd."
+ content="APISIX is a dynamic, high-performance API Gateway with
features like load balancing, canary release, authentication, and
observability. As an AI Gateway, it enables AI proxying, LLM load balancing,
retries, fallbacks, token-based rate limiting, and security to enhance AI agent
efficiency and reliability."
/>
</Head>
<HeroSection />
@@ -70,7 +69,6 @@ const Index: FC = () => (
<Benefits />
<Comparison />
<OpensourcePromo />
- <HomeEventsSection />
<EndCTA />
</Layout>
);
![https://static.apiseven.com/202202/apisix-dashboard.png"](https://static.apiseven.com/202202/apisix-dashboard.png"){kind=link}
![https://static.apiseven.com/202202/code-sample.png"](https://static.apiseven.com/202202/code-sample.png"){kind=link}
![https://static.apiseven.com/202202/pluginised.png"](https://static.apiseven.com/202202/pluginised.png"){kind=link}