cn

src/complates/CheckeredQuery.js

@@ -8,39 +8,39 @@ import ExperienceImg5 from '../asstes/img/5.png'
 function CheckeredQuery() {
     return (
         <div className="CheckeredQuery">
-            <h1>配套資源</h1>
+            <h1>配套资源</h1>
             <Flex className="CheckeredQuery_content">
                 <div className="Introduction_bottom_left Introduction_bottom_div">
-                    <h2><i>Pi Blockly </i>編程平台</h2>
+                    <h2><i>Pi Blockly </i>编程平台</h2>
                     <p>
-                        Pi Blockly圖形化編程平台基於 Google Blockly 開發的AIoT技術應用平台，可以直接通過瀏覽器設計程式對人工智能及物聯網技術進行相關體驗。
+                        Pi Blockly图形化编程平台基于 Google Blockly 开发的AIoT技术应用平台，可以直接通过浏览器设计程式对人工智能及物联网技术进行相关体验。
                     </p>
                     <div className='experience'>
-                        <a href="https://pi.cocorobo.hk/">
+                        <a href="https://pi.cocorobo.cn/">
                             <span className="img2">
                                 <span className="img1">
                                     <img src={ExperienceImg5} alt=""></img>
                                 </span>
                             </span>
-                            <span className="span1">開始體驗</span>
+                            <span className="span1">开始体验</span>
                         </a>
                         <img className='experience_img' src={ExperienceImg6} alt="" />
                     </div>
                 </div>
                 <div className="Introduction_bottom_right Introduction_bottom_div">
                     <div className='Introduction_bottom_right_div'>
-                        <h2>CocoClass <i>課程平台</i></h2>
+                        <h2>CocoClass <i>课程平台</i></h2>
                         <p>
-                            Cococlass 集成各種互動學習工具、採集進展性數據並進行可視化分析，以支援在學科與跨学科教學、學校數碼化管理、競賽活動組織等不同場景下使用。
+                            Cococlass 集成各种互动学习工具、采集进展性数据并进行可视化分析，以支援在学科与跨学科教学、学校数码化管理、竞赛活动组织等不同场景下使用。
                         </p>
                         <div className='experience'>
-                            <a href="https://cloud.cocorobo.hk/">
+                            <a href="https://cloud.cocorobo.cn/">
                                 <span className="img3">
                                     <span className="img4">
                                         <img src={ExperienceImg4} alt=""></img>
                                     </span>
                                 </span>
-                                <span className="span2">開始體驗</span>
+                                <span className="span2">开始体验</span>
                             </a>
                             <img className='experience_img' src={ExperienceImg3} alt="" />
                         </div>
@@ -48,71 +48,71 @@ function CheckeredQuery() {
                 </div>
                 <div className="Introduction_bottom_right Introduction_bottom_div">
                     <div className='Introduction_bottom_right_div'>
-                        <h2>CocoCloud <i>雲端平臺</i></h2>
+                        <h2>CocoCloud <i>云端平台</i></h2>
                         <p>
-                            CocoCloud 是 CocoRobo 推出的雲端物聯網平臺,用戶可以在改平臺上進行物聯網事件的管理,以及時間狀態的查看。CocoCloud 支持數據可視化功能,用戶可以控制面板中的創建,並查看各類的數據。
+                            CocoCloud 是 CocoRobo 推出的云端物联网平台,用户可以在改平台上进行物联网事件的管理,以及时间状态的查看。CocoCloud 支持数据可视化功能,用户可以控制面板中的创建,并查看各类的数据。
                         </p>
                         <div className='experience'>
-                            <a href="https://cocorobo.hk/cloud/login">
+                            <a href="https://cocorobo.cn/cloud/login">
                                 <span className="img3">
                                     <span className="img4">
                                         <img src={ExperienceImg4} alt=""></img>
                                     </span>
                                 </span>
-                                <span className="span2">開始體驗</span>
+                                <span className="span2">开始体验</span>
                             </a>
                             <img className='experience_img' src={ExperienceImg3} alt="" />
                         </div>
                     </div>
                 </div>
                 <div className="Introduction_bottom_left Introduction_bottom_div">
-                    <h2><i>AI模型 </i>訓練平臺</h2>
+                    <h2><i>AI模型 </i>训练平台</h2>
                     <p>
-                        使用CocoRobo訓練平臺可以幫助您進行數據標註完成數據集的第一步處理，引導您一步步的開始模型訓練，並將訓練過程可視化地呈現出來。
+                        使用CocoRobo训练平台可以帮助您进行数据标注完成数据集的第一步处理，引导您一步步的开始模型训练，并将训练过程可视化地呈现出来。
                     </p>
                     <div className='experience'>
-                        <a href="https://model-training.cocorobo.hk/">
+                        <a href="https://xunlian.cocorobo.cn/">
                             <span className="img2">
                                 <span className="img1">
                                     <img src={ExperienceImg5} alt=""></img>
                                 </span>
                             </span>
-                            <span className="span1">開始體驗</span>
+                            <span className="span1">开始体验</span>
                         </a>
                         <img className='experience_img' src={ExperienceImg6} alt="" />
                     </div>
                 </div>
                 <div className="Introduction_bottom_left Introduction_bottom_div">
-                    <h2><i>AI Hub </i>體驗平臺</h2>
+                    <h2><i>AI Hub </i>体验平台</h2>
                     <p>
-                        AI Hub是CocoRobo的人工智慧體驗平臺，無需安裝任何挿件，使用瀏覽器便可直接體驗最前沿的人工智慧研究、科技和應用，實現與機器的高效互動。
+                        AI Hub是CocoRobo的人工智慧体验平台，无需安装任何挿件，使用浏览器便可直接体验最前沿的人工智慧研究、科技和应用，实现与机器的高效互动。
                     </p>
                     <div className='experience'>
-                        <a href="https://aihub.cocorobo.hk/">
+                        <a href="https://aihub.cocorobo.cn/">
                             <span className="img2">
                                 <span className="img1">
                                     <img src={ExperienceImg5} alt=""></img>
                                 </span>
                             </span>
-                            <span className="span1">開始體驗</span>
+                            <span className="span1">开始体验</span>
                         </a>
                         <img className='experience_img' src={ExperienceImg6} alt="" />
                     </div>
                 </div>
                 <div className="Introduction_bottom_right Introduction_bottom_div">
                     <div className='Introduction_bottom_right_div'>
-                        <h2>Coco CAD <i>建模平臺</i></h2>
+                        <h2>Coco CAD <i>建模平台</i></h2>
                         <p>
-                            Coco-CAD 同樣是使用積木的方式讓學生體驗到通過漸進式方法來進行 3D 建模。
+                            Coco-CAD 同样是使用积木的方式让学生体验到通过渐进式方法来进行 3D 建模。
                         </p>
                         <div className='experience'>
-                            <a href="https://cocorobo.hk/cococad/">
+                            <a href="https://cocorobo.cn/cococad/">
                                 <span className="img3">
                                     <span className="img4">
                                         <img src={ExperienceImg4} alt=""></img>
                                     </span>
                                 </span>
-                                <span className="span2">開始體驗</span>
+                                <span className="span2">开始体验</span>
                             </a>
                             <img className='experience_img' src={ExperienceImg3} alt="" />
                         </div>

src/complates/Contact.js

@@ -7,11 +7,11 @@ import '../asstes/css/contact.css'
 function Contact() {
     return (
         <div className='Contact'>
-            <h1>聯絡我們</h1>
+            <h1>联络我们</h1>
             <Flex className='Contact_flex'>
                 <div>
-                    <p>郵箱：support-hk@cocorobo.cc</p>
-                    <p>電話 / WhatsApp：+85246820451</p>
+                    <p>邮箱：support-hk@cocorobo.cc</p>
+                    <p>电话 / WhatsApp：+85246820451</p>
                     <img src={qrCodeImg} alt='' />
                 </div>
                 <div>

src/complates/Examples.js

@@ -70,7 +70,7 @@ function Example() {
     }
     return (
         <div className="Example">
-            <h1>課程案例</h1>
+            <h1>课程案例</h1>
             <div className="Example_content">
                 <div className="img_title">
                     <img src={imgSrc} alt="" />
@@ -80,40 +80,40 @@ function Example() {
                 <Carousel arrow={true} infinite afterChange={onChange} slideNumber={state1} ref={carouselRef}
                     arrowOffset={16} arrowSize={16}>
                     <div className="contentStyle">
-                        <img src={Carousel1_1} alt="即將上綫" />
-                        <img src={Carousel1_3} alt="即將上綫" />
-                        <img src={Carousel1_2} alt="即將上綫" />
-                        <img src={Carousel1_4} alt="即將上綫" />
+                        <img src={Carousel1_1} alt="" />
+                        <img src={Carousel1_3} alt="" />
+                        <img src={Carousel1_2} alt="" />
+                        <img src={Carousel1_4} alt="" />
                     </div>
                     <div className="contentStyle">
-                        <img src={Carousel1_5} alt="即將上綫" />
-                        <img src={Carousel1_6} alt="即將上綫" />
-                        <img src={Carousel1_7} alt="即將上綫" />
-                        <img src={Carousel1_8} alt="即將上綫" />
+                        <img src={Carousel1_5} alt="" />
+                        <img src={Carousel1_6} alt="" />
+                        <img src={Carousel1_7} alt="" />
+                        <img src={Carousel1_8} alt="" />
                     </div>
                     <div className="contentStyle">
-                        <img src={Carousel2_1} alt="即將上綫" />
-                        <img src={Carousel2_2} alt="即將上綫" />
-                        <img src={Carousel2_3} alt="即將上綫" />
-                        <img src={Carousel2_4} alt="即將上綫" />
+                        <img src={Carousel2_1} alt="" />
+                        <img src={Carousel2_2} alt="" />
+                        <img src={Carousel2_3} alt="" />
+                        <img src={Carousel2_4} alt="" />
                     </div>
                     <div className="contentStyle">
-                        <img src={Carousel2_5} alt="即將上綫" />
-                        <img src={Carousel2_6} alt="即將上綫" />
-                        <img src={Carousel2_7} alt="即將上綫" />
-                        <img src={Carousel2_8} alt="即將上綫" />
+                        <img src={Carousel2_5} alt="" />
+                        <img src={Carousel2_6} alt="" />
+                        <img src={Carousel2_7} alt="" />
+                        <img src={Carousel2_8} alt="" />
                     </div>
                     <div className="contentStyle">
-                        <img src={Carousel3_1} alt="即將上綫" />
-                        <img src={Carousel3_2} alt="即將上綫" />
-                        <img src={Carousel3_3} alt="即將上綫" />
-                        <img src={Carousel3_4} alt="即將上綫" />
+                        <img src={Carousel3_1} alt="" />
+                        <img src={Carousel3_2} alt="" />
+                        <img src={Carousel3_3} alt="" />
+                        <img src={Carousel3_4} alt="" />
                     </div>
                     <div className="contentStyle">
-                        <img src={Carousel3_5} alt="即將上綫" />
-                        <img src={Carousel3_6} alt="即將上綫" />
-                        <img src={Carousel3_7} alt="即將上綫" />
-                        <img src={Carousel3_8} alt="即將上綫" />
+                        <img src={Carousel3_5} alt="" />
+                        <img src={Carousel3_6} alt="" />
+                        <img src={Carousel3_7} alt="" />
+                        <img src={Carousel3_8} alt="" />
                     </div>
                 </Carousel>
             </div>

src/complates/HeaderRight.js

@@ -15,32 +15,32 @@ function Header() {
             <ul >
                 <li onClick={() => clickSwitchValue(0)}>
                     <a href='#Introduction'>
-                        <span>產品概覽</span>
+                        <span>产品概述</span>
                         {value === 0 && <img className='imgBorderBottom' src={require('../asstes/img/border_bottom.png')} alt="" />}
                     </a>
                 </li>
                 <li onClick={() => clickSwitchValue(1)}>
                     <a href='#ProcessFlow'>
-                        <span>產品特點</span>
+                        <span>产品特点</span>
                         {value === 1 && <img className='imgBorderBottom' src={require('../asstes/img/border_bottom.png')} alt="" />}
                     </a>
                 </li>
                 <li onClick={() => clickSwitchValue(2)}>
                     <a href='#Example'>
-                        <span>課程案例</span>
+                        <span>课程案例</span>
                         {value === 2 && <img className='imgBorderBottom' src={require('../asstes/img/border_bottom.png')} alt="" />}
                     </a>
                 </li>
                 <li onClick={() => clickSwitchValue(3)}>
                     <a href='#CheckeredQuery'>
-                        <span>配套資源</span>
+                        <span>配套资源</span>
                         {value === 3 && <img className='imgBorderBottom' src={require('../asstes/img/border_bottom.png')} alt="" />}
                     </a>
                 </li>
                 <li onClick={() => clickSwitchValue(4)}>
-                    <a href='https://pi.cocorobo.hk' Target='_blank'>
+                    <a href='https://pi.cocorobo.cn' Target='_blank'>
                     {/* <img src={require('../asstes/img/userLogin.png')} alt="" /> */}
-                    <Button type="primary">開始創作</Button>
+                    <Button type="primary">开始创作</Button>
                     {/* {value === 4 && <img className='imgBorderBottom' src={require('../asstes/img/border_bottom.png')} alt="" />} */}
                     </a>
                     

src/complates/Introduction.js

@@ -23,7 +23,7 @@ function Introduction() {
             <div className="Introduction_top">
                 <div>
                     <h1 className='Introduction_top_title'>CocoPi</h1>
-                    <p>用於AIoT教學、運行 <br /> Linux系統的<i>掌上計算機</i></p>
+                    <p>用于AIoT教学、运行 <br /> Linux系统的<i>账上计算机</i></p>
                     <p className='Learning'>All-in-One Product in Technology Innovation Education</p>
                 </div>
                 <div className="Introduction_top_img">
@@ -33,27 +33,27 @@ function Introduction() {
             <div className="Introduction_bottom">
                 <h2>人工智能</h2>
                 <span>AI</span>
-                <p className="Introduction_bottom_span">判別式人工智能</p>
+                <p className="Introduction_bottom_span">判别式人工智能</p>
                 <Flex>
                     <div>
                         <img src={img1} alt="" />
-                        <p>機器學習</p>
+                        <p>机器学习</p>
                     </div>
                     <div>
                         <img src={img2} alt="" />
-                        <p>計算機視覺</p>
+                        <p>计算机视觉</p>
                     </div>
                     <div>
                         <img src={img3} alt="" />
-                        <p>語音識別</p>
+                        <p>语音识别</p>
                     </div>
                     <div>
                         <img src={img4} alt="" />
-                        <p>語音合成</p>
+                        <p>语音合成</p>
                     </div>
                     <div>
                         <img src={img5} alt="" />
-                        <p>機器翻譯</p>
+                        <p>机器翻译</p>
                     </div>
                 </Flex>
                 <p className="Introduction_bottom_span" style={{ marginTop: 30 }}>生成式人工智能</p>
@@ -64,43 +64,43 @@ function Introduction() {
                     </div>
                     <div>
                         <img src={img7} alt="" />
-                        <p>語音對話</p>
+                        <p>语音对话</p>
                     </div>
                     <div>
                         <img src={img8} alt="" />
-                        <p>語音生圖</p>
+                        <p>语音生图</p>
                     </div>
                     <div>
                         <img src={img9} alt="" />
-                        <p>語音生圖</p>
+                        <p>图像描述</p>
                     </div>
                     <div>
                         <img src={img10} alt="" />
-                        <p>智能體</p>
+                        <p>智能体</p>
                     </div>
                 </Flex>
-                <h2 style={{ marginTop: 80 }}>物聯網</h2>
+                <h2 style={{ marginTop: 80 }}>物联网</h2>
                 <span className="iot" >IoT</span>
                 <Flex style={{ marginTop: 90 }}>
                     <div>
                         <img src={img11} alt="" />
-                        <p>雲端平台</p>
+                        <p>云端平台</p>
                     </div>
                     <div>
                         <img src={img12} alt="" />
-                        <p>感應系統</p>
+                        <p>感应系统</p>
                     </div>
                     <div>
                         <img src={img13} alt="" />
-                        <p>即時圖傳</p>
+                        <p>即时图传</p>
                     </div>
                     <div>
                         <img src={img14} alt="" />
-                        <p>藍牙通訊</p>
+                        <p>蓝牙通信</p>
                     </div>
                     <div>
                         <img src={img15} alt="" />
-                        <p>Wi-Fi聯網</p>
+                        <p>Wi-Fi联网</p>
                     </div>
                 </Flex>
             </div>

src/complates/ProcessFlow.js

@@ -27,14 +27,14 @@ function ProcessFlow() {
     }
     return (
         <div className='ProcessFlow'>
-            <h1>產品特點</h1>
+            <h1>产品特点</h1>
             <div className='anchor'>
                 <div className='anchor_flex'>
                     <div className='anchor_left'>
-                        <div onClick={()=>ScrollVal(0)} className={scrollValue === 0 && "anchor_left_div"}>
-                            <span>高性價比</span><br />
+                        {/* <div onClick={()=>ScrollVal(0)} className={scrollValue === 0 && "anchor_left_div"}>
+                            <span>高性价比</span><br />
                             <span>Economical Choice</span>
-                        </div>
+                        </div> */}
                         <div onClick={()=>ScrollVal(1)} className={scrollValue === 1 && "anchor_left_div"}>
                             <span>高集成度</span><br />
                             <span>Highly Integrated</span>
@@ -44,14 +44,14 @@ function ProcessFlow() {
                             <span>Usability</span>
                         </div>
                         <div onClick={()=>ScrollVal(3)} className={scrollValue === 3 && "anchor_left_div"}>
-                            <span>開放性</span><br />
+                            <span>开放性</span><br />
                             <span>Openness</span>
                         </div>
                     </div>
                     <div className='anchor_right' id='anchor_right'>
-                        <div id='aaa' style={{ width: "100%" }}>
+                        {/* <div id='aaa' style={{ width: "100%" }}>
                             <img src={img1} alt='' />
-                        </div>
+                        </div> */}
                         <div id='bbb' style={{ width: "100%" }}>
                             <img src={img2} alt='' />
                         </div>

src/complates/Sidebar.js

@@ -33,8 +33,8 @@ function Sidebar() {
     const items = [
         {
             key: '1',
-            label: 'CocoPi 通過什麽方式連接',
-            children: <p>CocoPi 基於Chrome ADB 服務連接，使板子和硬件進行簡單通訊。</p>,
+            label: 'CocoPi 通过什么方式连接',
+            children: <p>CocoPi 基于Chrome ADB 服务连接，使板子和硬件进行简单通讯。</p>,
         }
     ];
     const onChangeCollapse = (key) => {
@@ -44,9 +44,9 @@ function Sidebar() {
         <div className="Sidebar">
             <div>
                 <a href="#Introduction">
-                    <img src={Img1} alt="回到頂部" />
+                    <img src={Img1} alt="回到顶部" />
                     <br />
-                    <span>回到頂部</span>
+                    <span>回到顶部</span>
                 </a>
             </div>
             {/* <div onClick={() => setIsModalOpen1(true)}>
@@ -56,15 +56,15 @@ function Sidebar() {
             </div> */}
             <div>
                 <a href="#Contact">
-                    <img src={Img3} alt="聯絡我們" />
+                    <img src={Img3} alt="联络我们" />
                     <br />
-                    <span>聯絡我們</span>
+                    <span>联络我们</span>
                 </a>
             </div>
             <div onClick={() => setIsModalOpen2(true)}>
-                <img src={Img4} alt="常見問題" />
+                <img src={Img4} alt="常见问题" />
                 <br />
-                <span>常見問題</span>
+                <span>常见问题</span>
             </div>
             <Modal open={isModalOpen1} onOk={handleOk1} onCancel={() => setIsModalOpen1(false)}
                 footer={[]}>
@@ -94,7 +94,7 @@ function Sidebar() {
 
             <Modal open={isModalOpen2} onOk={handleOk2} onCancel={() => setIsModalOpen2(false)}
                 footer={[]} width={800} >
-                <h3 className="Model_h3_title">常見問題</h3>
+                <h3 className="Model_h3_title">常见问题</h3>
                 <div style={{ minHeight: 400 }}>
                     <Collapse items={items} defaultActiveKey={['1']} onChange={onChangeCollapse} />
                 </div>