moonming opened a new pull request, #2056: URL: https://github.com/apache/apisix-website/pull/2056
## Summary Rewrites the homepage to lift click-through and funnel visitors into the pages that actually rank and convert — docs, comparison articles, the Plugin Hub, and the AI Gateway — in service of one goal: **when someone searches "API gateway", Apache APISIX should be a first-class result, not an also-ran behind Kong and the cloud vendors.** > ⚠️ **Stacked on #2054.** Base is `feat/seo-technical-fixes` so this PR shows only the homepage changes. Merge #2054 first; GitHub will then retarget this to `master` (or merge this right after). ## What changed ### Homepage section order (`website/src/pages/index.tsx`) Hero → Pathways → **AI Gateway** → Architecture → Features → Integrations → Benefits → Comparison → Open-source promo → CTA. - **Hero** — slimmer, one clear value prop, dual CTA (Get started / GitHub), credibility stats (100+ plugins · throughput · latency · Apache 2.0). Drops the heavy hero canvas for a faster LCP. - **Pathways** (new) — three intent-based entry cards: Get started (docs) · Learn the concepts (Learning Center) · Case studies. - **AI Gateway** (new) — "the same gateway, now for your LLM traffic": a request-flow visual (apps/agents → APISIX → OpenAI/Anthropic/Bedrock/DeepSeek/Ollama/+more) plus six capability cards, each linking to the relevant plugin doc. Surfaces the AI-gateway story the homepage was missing. - **Integrations** (new) — six groups / 24 tiles (Kubernetes, observability, service discovery, security, data stores, AI), each tile linking to its docs. Real vendor logos (devicon, MIT) where available, plugin-sprite icons otherwise. - **Comparison** (redesigned) — modernized rows (single-core throughput, added latency, AI gateway, fully open-source, dynamic config, hot plugin reload) and a cleaner card-style table that fills its container. ### New `/comparisons/` hub (`website/src/pages/comparisons.tsx`) A dedicated, on-brand comparisons landing — a card grid linking to the comparison articles — with `CollectionPage`/`ItemList` structured data. Replaces the raw Docusaurus tag feed as the navbar "Comparisons" destination. ### Navbar (`config/navbar.js`) Adds a top-level **Comparisons** entry → `/comparisons/`. ### Learning Center article layout (`website/src/css/customTheme.scss`) Rebalances the blog article grid (sidebar 25%→18%, content ~58%→65%) on desktop only — the reading column was squeezed between the nav sidebar and the TOC. Mobile stacking is unchanged. ## SEO rationale - **Internal funnel** — every homepage section now links into docs / comparisons / plugins / AI gateway, distributing link equity to the pages that target high-intent queries. - **Topical authority** — the `/comparisons/` hub + navbar entry form a crawlable cluster around "APISIX vs …" queries. - **Structured data** — `CollectionPage`/`ItemList` on `/comparisons/`. - **Performance** — lighter hero (no canvas), CSS-only animation, compositor-friendly transitions, explicit-dimension SVG logos. - **Semantic HTML** — `section` / `header` / `h1`–`h3` hierarchy throughout. ## Test plan - [ ] `yarn build` (website) green — CI deploy build (queued; CI is backlogged today) - [x] Local dev renders every section + `/comparisons/` with no console errors - [x] Article layout verified at 1280 (rebalanced) and 390 (stacked, unchanged) - [ ] Visual check at 320 / 768 / 1024 / 1440 - [ ] All new internal links resolve (doc/tag targets confirmed via API during authoring) - [ ] Lighthouse on the homepage (LCP / CLS) after the deploy preview ## Notes - Integration SVGs are upstream vendor marks (devicon, MIT) committed locally; swap for official brand assets if the project prefers. - The AI Gateway section intentionally has no product-UI screenshot (APISIX has no GUI) — it shows the request flow + capabilities instead. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
