|
@@ -1,5 +1,5 @@
|
|
|
import React from 'react';
|
|
import React from 'react';
|
|
|
-import { FaRobot, FaLightbulb, FaCode } from 'react-icons/fa';
|
|
|
|
|
|
|
+import { FaRobot, FaLightbulb, FaCode, FaCloud, FaEye, FaSave, FaCogs, FaShareAlt, FaBug } from 'react-icons/fa';
|
|
|
import './App.css';
|
|
import './App.css';
|
|
|
|
|
|
|
|
function App() {
|
|
function App() {
|
|
@@ -23,7 +23,7 @@ function App() {
|
|
|
<section id="home" className="hero">
|
|
<section id="home" className="hero">
|
|
|
<div className="container">
|
|
<div className="container">
|
|
|
<h2>AI助手,让创意和开发更简单</h2>
|
|
<h2>AI助手,让创意和开发更简单</h2>
|
|
|
- <p>利用先进的人工智能技术,帮助您更快、更高效地实现想法</p>
|
|
|
|
|
|
|
+ <p>无需本地环境,即时执行AI生成代码,实时预览结果</p>
|
|
|
<button className="button">立即体验</button>
|
|
<button className="button">立即体验</button>
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
@@ -33,19 +33,49 @@ function App() {
|
|
|
<h2>我们的特点</h2>
|
|
<h2>我们的特点</h2>
|
|
|
<div className="feature-list">
|
|
<div className="feature-list">
|
|
|
<div className="feature-item">
|
|
<div className="feature-item">
|
|
|
- <FaRobot className="icon" />
|
|
|
|
|
- <h3>智能AI助手</h3>
|
|
|
|
|
- <p>24/7全天候为您提供创意和技术支持</p>
|
|
|
|
|
|
|
+ <FaCloud className="icon" />
|
|
|
|
|
+ <h3>无需本地环境</h3>
|
|
|
|
|
+ <p>直接在云端开发,无需安装配置</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div className="feature-item">
|
|
|
|
|
+ <FaCode className="icon" />
|
|
|
|
|
+ <h3>即时执行</h3>
|
|
|
|
|
+ <p>AI生成代码后立即运行,显示结果</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div className="feature-item">
|
|
|
|
|
+ <FaEye className="icon" />
|
|
|
|
|
+ <h3>实时预览</h3>
|
|
|
|
|
+ <p>Web应用和可视化输出实时更新</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div className="feature-item">
|
|
|
|
|
+ <FaSave className="icon" />
|
|
|
|
|
+ <h3>自动保存</h3>
|
|
|
|
|
+ <p>版本控制,无需担心丢失进度</p>
|
|
|
</div>
|
|
</div>
|
|
|
<div className="feature-item">
|
|
<div className="feature-item">
|
|
|
<FaLightbulb className="icon" />
|
|
<FaLightbulb className="icon" />
|
|
|
- <h3>创意激发</h3>
|
|
|
|
|
- <p>帮助您突破思维限制,激发更多创新想法</p>
|
|
|
|
|
|
|
+ <h3>预设环境</h3>
|
|
|
|
|
+ <p>常用库和框架随时可用</p>
|
|
|
</div>
|
|
</div>
|
|
|
<div className="feature-item">
|
|
<div className="feature-item">
|
|
|
- <FaCode className="icon" />
|
|
|
|
|
- <h3>快速开发</h3>
|
|
|
|
|
- <p>自动生成代码,加速您的项目开发进程</p>
|
|
|
|
|
|
|
+ <FaCogs className="icon" />
|
|
|
|
|
+ <h3>自定义配置</h3>
|
|
|
|
|
+ <p>根据需求定制开发环境</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div className="feature-item">
|
|
|
|
|
+ <FaRobot className="icon" />
|
|
|
|
|
+ <h3>多文件支持</h3>
|
|
|
|
|
+ <p>轻松管理复杂项目结构</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div className="feature-item">
|
|
|
|
|
+ <FaBug className="icon" />
|
|
|
|
|
+ <h3>简易调试</h3>
|
|
|
|
|
+ <p>内置工具助您快速排查问题</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div className="feature-item">
|
|
|
|
|
+ <FaShareAlt className="icon" />
|
|
|
|
|
+ <h3>分享协作</h3>
|
|
|
|
|
+ <p>轻松与他人共享和合作开发</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -54,7 +84,7 @@ function App() {
|
|
|
<section id="about" className="about">
|
|
<section id="about" className="about">
|
|
|
<div className="container">
|
|
<div className="container">
|
|
|
<h2>关于我们</h2>
|
|
<h2>关于我们</h2>
|
|
|
- <p>多八多科技是一家致力于利用人工智能技术简化创意和开发过程的科技公司。我们的使命是为创意工作者和开发者提供智能工具,让他们能够更快、更轻松地将想法转化为现实。</p>
|
|
|
|
|
|
|
+ <p>多八多科技是一家致力于简化AI编程体验的创新公司。我们的使命是为开发者和创意工作者提供一个无缝的AI辅助开发平台,让用户能够专注于创意和学习,而不必为复杂的环境设置而烦恼。</p>
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|