---
layout: home

hero:
  name: "ArenaPro React"
  text: "适用于神岛的 React UI 框架"
  tagline: "沿用标准 React 思维与组件模型，在神岛中以声明式方式构建高质量 UI 界面。熟悉的开发体验，专为神岛场景深度优化。"
  image:
    src: /logo.png
    alt: ArenaPro React
  actions:
    - theme: brand
      text: 快速开始
      link: /zh/react/guide
    - theme: alt
      text: 官方文档
      link: https://18.react.dev/

features:
  - title: "熟悉的 React，专为神岛调优"
    details: "继承 React 的组件化与声明式开发模式，同时针对神岛引擎裁剪与优化。<br>你可以沿用标准 React 的思维方式，却无需面对庞杂的 Web 生态配置。"
  - title: "组件驱动的 UI 创作"
    details: "通过 JSX 与 Hooks 组合能力，将复杂界面拆解为可复用的 UI 组件。<br>支持多组件协作、状态管理与事件处理，让 UI 结构清晰、易于维护。"
  - title: "学习 React 的理想跳板"
    details: "从神岛 React 入门，你不仅能快速上手神岛 UI 开发，也为日后迁移到 Web 前端 React 打下坚实基础。<br>一套思维，两端通用。"
---

<style>
:root {
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #b043ff 30%, #ff4d99);

  --vp-home-hero-image-background-image: linear-gradient(-45deg, #b043ff 50%, #ff4d99 50%);
  --vp-home-hero-image-filter: blur(40px);
}
</style>
