cn

src/complates/CheckeredQuery.js

@@ -4,28 +4,28 @@ import "../asstes/css/CheckeredQuery.css"
 function CheckeredQuery() {
     return (
         <div className="CheckeredQuery">
-            <h1>價格查詢</h1>
+            <h1>价格查询</h1>
             <Flex className="CheckeredQuery_content">
                 <div className="Reusable">
-                    <h2>試用版</h2>
+                    <h2>试用版</h2>
                     <span className="Reusable_span">Get started with CocoClass Using GenAI.</span>
                     <Button>$0  /年</Button>
                     <ul className="Reusable_ul">
-                        {/* <li>每校開通≤3位教師賬號，≤50位學生賬號</li> */}
-                        <li>≤1000次對話/月（含所有生成式AI對話場景）</li>
-                        <li>≤1000次生成/月（含所有場景下生成課程/教學分析等）</li>
+                        {/* <li>每校开通≤3位教师账号，≤50位学生账号</li> */}
+                        <li>≤1000次对话/月（含所有生成式AI对话场景）</li>
+                        <li>≤1000次生成/月（含所有场景下生成课程/教学分析等）</li>
                     </ul>
                 </div>
                 <div className="Subscribe">
-                    <h2>訂閲版</h2>
+                    <h2>订阅版</h2>
                     <span className="Reusable_span">Upgrade for unlimited people and tools.</span>
-                    <Button>聯絡我們查詢GenAI方案</Button>
+                    <Button>联络我们查询GenAI方案</Button>
                     <ul className="Reusable_ul">
-                        <li>全校教師賬號與學生賬號服務</li>
-                        <li>AI 工具不限次對話</li>
-                        <li>客制化自訂教學設計框架 - 3項</li>
-                        <li>到校教師培訓工作坊 - 120分鐘</li>
-                        <li>綫上一對一技術支援</li>
+                        <li>全校教师账号与学生账号服务</li>
+                        <li>AI 工具不限次对话</li>
+                        <li>客制化自订教学设计框架 - 3项</li>
+                        <li>到校教师培训工作坊 - 120分钟</li>
+                        <li>线上一对一技术支援</li>
                     </ul>
                 </div>
             </Flex>

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

@@ -20,19 +20,19 @@ function Example() {
             <div className="Example_content">
                 <Flex>
                     <div className={state1 === 0 ? "Example_flex_div Example_flex_div_plan" : "Example_flex_div"} onClick={() => switchClickState(0)}>
-                        <span>教學設計</span><br />
+                        <span>教学设计</span><br />
                         <span>AI as Co-Designer</span>
                     </div>
                     <div className={state1 === 1 ? "Example_flex_div Example_flex_div_plan" : "Example_flex_div"} onClick={() => switchClickState(1)}>
-                        <span>課堂助手</span><br />
+                        <span>课堂助手</span><br />
                         <span>AI as Teaching Assistant</span>
                     </div>
                     <div className={state1 === 2 ? "Example_flex_div Example_flex_div_plan" : "Example_flex_div"} onClick={() => switchClickState(2)}>
-                        <span>教學分析</span><br />
+                        <span>教学分析</span><br />
                         <span>Teaching Analysis</span>
                     </div>
                     <div className={state1 === 3 ? "Example_flex_div Example_flex_div_plan" : "Example_flex_div"} onClick={() => switchClickState(3)}>
-                        <span>學習評估</span><br />
+                        <span>学习评估</span><br />
                         <span>AI-enabled Assessment</span>
                     </div>
                 </Flex>
@@ -40,12 +40,12 @@ function Example() {
                     <Carousel infinite afterChange={onChange} slideNumber={state1} ref={carouselRef}
                         arrowOffset={16} arrowSize={16}>
                         <div className="contentStyle" style={{ height: 500 }}>
-                            <img src={Carousel1} alt="即將上綫" />
-                            <span>即將上綫</span>
+                            <img src={Carousel1} alt="即将上线" />
+                            <span>即将上线</span>
                         </div>
                         <div className="contentStyle" style={{ height: 500 }}>
-                            <img src={Carousel1} alt="即將上綫" />
-                            <span>即將上綫</span>
+                            <img src={Carousel1} alt="即将上线" />
+                            <span>即将上线</span>
                         </div>
                         <div className="contentStyle">
                             <video height="500px" controls>
@@ -53,8 +53,8 @@ function Example() {
                             </video>
                         </div>
                         <div className="contentStyle" style={{ height: 500 }}>
-                            <img src={Carousel1} alt="即將上綫" />
-                            <span>即將上綫</span>
+                            <img src={Carousel1} alt="即将上线" />
+                            <span>即将上线</span>
                         </div>
                     </Carousel>
                 </div>

src/complates/HeaderRight.js

@@ -14,13 +14,13 @@ 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>
@@ -32,12 +32,12 @@ function Header() {
                 </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://cloud.cocorobo.hk'>
+                    <a href='https://cloud.cocorobo.cn'>
                     <img src={require('../asstes/img/userLogin.png')} alt="" />
                     <span style={{ marginLeft: 8 }}>登入</span>
                     {value === 4 && <img className='imgBorderBottom' src={require('../asstes/img/border_bottom.png')} alt="" />}

src/complates/Introduction.js

@@ -7,15 +7,15 @@ function Introduction() {
         <div className="Introduction">
             <div className="Introduction_top">
                 <h1 className='Introduction_top_title'>CocoClass</h1>
-                <p>使用生成式AI <br /> 全面重塑<i>教與學模式</i></p>
+                <p>使用生成式AI <br /> 全面重塑<i>教与学模式</i></p>
                 <p className='Learning'>GenAI Assissted Teaching and Learning</p>
                 
             </div>
             <div className="Introduction_bottom">
                 <div className="Introduction_bottom_left Introduction_bottom_div">
-                    <h2>什麽是 <i>CocoClass？</i></h2>
+                    <h2>什么是 <i>CocoClass？</i></h2>
                     <p>
-                    CocoClass是由CocoRobo自主研發的電子學習教與學Web平臺，面嚮學校、教師及學生角色，致力於透過技術和學習科學提升教育質量，促進教育公平。
+                    CocoClass是由CocoRobo自主研发的电子学习教与学Web平台，面向学校、教师及学生角色，致力于透过技术和学习科学提升教育质量，促进教育公平。
                     </p>
                     <div className='experience'>
                         <img className='experience_img' src={ExperienceImg6} alt="" />
@@ -23,9 +23,9 @@ function Introduction() {
                 </div>
                 <div className="Introduction_bottom_right Introduction_bottom_div">
                     <div className='Introduction_bottom_right_div'>
-                        <h2>GenAI <i>支援教師</i></h2>
+                        <h2>GenAI <i>支援教师</i></h2>
                         <p>
-                        作爲教師的AI夥伴，CocoClass使用GenAI提供教學設計、實施、教學分析與學習評估支援服務，通過場景性的應用，針對性地支援教師探索更具科學性、探究性的課程與教學。
+                        作为教师的AI伙伴，CocoClass使用GenAI提供教学设计、实施、教学分析与学习评估支援服务，通过场景性的应用，针对性地支援教师探索更具科学性、探究性的课程与教学。
                         </p>
                         <div className='experience'>
                             <img className='experience_img' src={ExperienceImg3} alt="" />

src/complates/ProcessFlow.js

@@ -16,7 +16,7 @@ function ProcessFlow() {
                     <img className='ProcessFlow_img_back' src={img1} alt=''/>
                 </div>
                 <p className='english_text'>Envision and develop innovative instructional plans and themes.</p>
-                <p className='ProcessFlow_text'>CocoClass教學設計能夠根據教學需求和資料庫，創建符合教師要求的課堂設計、電子學習工作紙、評估題目，並自動檢索相關網絡資源。</p>
+                <p className='ProcessFlow_text'>CocoClass教学设计能够根据教学需求和资料库，创建符合教师要求的课堂设计、电子学习工作纸、评估题目，并自动检索相关网络资源。</p>
             </Card>
             <Card
                 style={{
@@ -29,7 +29,7 @@ function ProcessFlow() {
                     <img className='ProcessFlow_img_back' src={img1} alt=''/>
                 </div>
                 <p className='english_text'>Use AI-driven analytics to contemplate the success and shortcomings of your instruction.</p>
-                <p className='ProcessFlow_text'>CocoClass課堂助手能夠支援教師通過GenAI調取課堂工具，依據課程内容提供拓展性的教學資源，依據課堂實施數據補充測試題目，以適應不斷變化的教學動態。</p>
+                <p className='ProcessFlow_text'>CocoClass课堂助手能够支援教师通过GenAI调取课堂工具，依据课程内容提供拓展性的教学资源，依据课堂实施数据补充测试题目，以适应不断变化的教学动态。</p>
             </Card>
             <Card
                 style={{
@@ -43,7 +43,7 @@ function ProcessFlow() {
                     <img className='ProcessFlow_img_back' src={img1} alt=''/>
                 </div>
                 <p className='english_text'>Use AI-driven analytics to contemplate the success and shortcomings of your instruction.</p>
-                <p className='ProcessFlow_text'>CocoClass課堂教學分析使用若干理論模型，透過教學錄音與文本分析，對教師教學行爲（策略）、教學内容、師生互動、學生學習等進行分析與建議。</p>
+                <p className='ProcessFlow_text'>CocoClass课堂教学分析使用若干理论模型，透过教学录音与文本分析，对教师教学行为（策略）、教学内容、师生互动、学生学习等进行分析与建议。</p>
             </Card>
             <Card
                 style={{
@@ -57,7 +57,7 @@ function ProcessFlow() {
                     <img className='ProcessFlow_img_back' src={img1} alt=''/>
                 </div>
                 <p className='english_text'>Leverage GenAI to gain deep insights into student learning outcomes and progress.</p>
-                <p className='ProcessFlow_text'>CocoClass學習評估使用GenAI一體化功能來進行評估，根據學生的學習過程記錄和課程成果，使用AI分析學習數據，並通過人工與AI綜合輸出評估與反饋。</p>
+                <p className='ProcessFlow_text'>CocoClass学习评估使用GenAI一体化功能来进行评估，根据学生的学习过程记录和课程成果，使用AI分析学习数据，并通过人工与AI综合输出评估与反馈。</p>
             </Card>
         </div>
     )

src/complates/Sidebar.js

@@ -9,7 +9,7 @@ import Img3 from '../asstes/img/对话.png'
 import Img4 from '../asstes/img/wenti.png'
 import TermsService from "./TermsService";
 import Privacy from "./Privacy";
-import codeImg from '../asstes/img/fankuiCode.png'
+// import codeImg from '../asstes/img/fankuiCode.png'
 
 
 
@@ -39,8 +39,8 @@ function Sidebar() {
     const items = [
         {
             key: '1',
-            label: 'CocoClass的GenAI功能使用的是什麽大語言模型？',
-            children: <p>CocoClass（HK）的所有GenAI功能均接入OpenAI開發的Chat GPT-4o模型，以及Anthropic開發的Claude 3 Sonnet和Claude 3 Haiku模型。另外，我們還支持通義千問與智譜AI模型使用。
+            label: 'CocoClass的GenAI功能使用的是什么大语言模型？',
+            children: <p>CocoClass（HK）的所有GenAI功能均接入OpenAI开发的Chat GPT-4o模型，以及Anthropic开发的Claude 3 Sonnet和Claude 3 Haiku模型。另外，我们还支持通义千问与智谱AI模型使用。
             </p>,
         }
     ];
@@ -51,27 +51,27 @@ function Sidebar() {
         // https://traininguser-api.cocorobo.cn/sendEmail
         console.log(name === '')
         if (!checkVlaue) {
-            messageApi.info('請仔細閲讀我們服務條款和隱私政策，並選中');
+            messageApi.info('请仔细阅读我们服务条款和隐私政策，并选中');
             return
         }else if (name === '') {
-            messageApi.info('未輸入名字');
+            messageApi.info('未输入名字');
             return
         }else if(phone === ''){
-            messageApi.info('未輸入聯係方式');
+            messageApi.info('未输入联系方式');
             return
         }else if(school === ''){
-            messageApi.info('未輸入學校名稱');
+            messageApi.info('未输入学校名称');
             return
         }
         let params = {
-            content: `${school}的${name}申請使用CocoClass，聯係方式${phone}`,
+            content: `${school}的${name}申请使用CocoClass，联系方式${phone}`,
             content_type: "plain",
             email: "niuqiannan@cocorobo.cc,xujiawei@cocorobo.cc",
-            subject: "CocoClass賬號申請"
+            subject: "CocoClass账号申请"
         }
         console.log(params)
         axios.post('https://traininguser-api.cocorobo.cn/sendEmail', params).then(res => {
-            messageApi.info('您的CocoClass賬號申請訊息已發送，請等待');
+            messageApi.info('您的CocoClass账号申请讯息已发送，请等待');
             setIsModalOpen1(false)
         })
     }
@@ -80,51 +80,51 @@ function Sidebar() {
             {contextHolder}
             <div>
                 <a href="#Introduction">
-                    <img src={Img1} alt="回到頂部" />
+                    <img src={Img1} alt="回到顶部" />
                     <br />
-                    <span>回到頂部</span>
+                    <span>回到顶部</span>
                 </a>
             </div>
             <div onClick={() => setIsModalOpen1(true)}>
-                <img src={Img2} alt="申請試用" />
+                <img src={Img2} alt="申请试用" />
                 <br />
-                <span>申請試用</span>
+                <span>申请试用</span>
             </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={[]}>
-                <h3 className="Model_h3_title">CocoClass賬號申請</h3>
+                <h3 className="Model_h3_title">CocoClass账号申请</h3>
 
-                {/* <img src={codeImg} alt="反饋" style={{margin: '0 auto',display:'block',padding:15}} /> */}
+                {/* <img src={codeImg} alt="反馈" style={{margin: '0 auto',display:'block',padding:15}} /> */}
                 <Flex vertical gap={16}>
                     <div>
-                        <Typography.Title level={5}>學校名稱</Typography.Title>
-                        <Input placeholder="請輸入" value={school} onChange={(e) => setSchool(e.target.value)} />
+                        <Typography.Title level={5}>学校名称</Typography.Title>
+                        <Input placeholder="请输入" value={school} onChange={(e) => setSchool(e.target.value)} />
                     </div>
                     <div>
-                        <Typography.Title level={5}>賬戶（請輸入電郵）</Typography.Title>
-                        <Input placeholder="請輸入" value={phone} onChange={(e) => setPhone(e.target.value)} />
+                        <Typography.Title level={5}>账户（请输入电邮）</Typography.Title>
+                        <Input placeholder="请输入" value={phone} onChange={(e) => setPhone(e.target.value)} />
                     </div>
                     <div>
                         <Typography.Title level={5}>姓名</Typography.Title>
-                        <Input placeholder="請輸入" value={name} onChange={(e) => setName(e.target.value)} />
+                        <Input placeholder="请输入" value={name} onChange={(e) => setName(e.target.value)} />
                     </div>
                 </Flex>
-                <p className="model_p_text">*請填寫以上申請信息，我們將在工作日24小時内回復您。您的信息將被嚴格保密，不會被用於其他用途。</p>
-                <Checkbox value={checkVlaue} onClick={()=>setCheckValue(!checkVlaue)}></Checkbox> <span>繼續即表示您同意我們的
-                    <i className="model_checkbox_i" onClick={() => setIsModalOpen3(true)}>服務條款</i>和
-                    <i className="model_checkbox_i" onClick={() => setIsModalOpen4(true)}>隱私政策</i>，並確認您已年滿18歲。</span>
+                <p className="model_p_text">*请填写以上申请信息，我们将在工作日24小时内回复您。您的信息将被严格保密，不会被用于其他用途。</p>
+                <Checkbox value={checkVlaue} onClick={()=>setCheckValue(!checkVlaue)}></Checkbox> <span>继续即表示您同意我们的
+                    <i className="model_checkbox_i" onClick={() => setIsModalOpen3(true)}>服务条款</i>和
+                    <i className="model_checkbox_i" onClick={() => setIsModalOpen4(true)}>隐私政策</i>，并确认您已年满18岁。</span>
                 <div style={{ textAlign: 'center', marginTop: 20 }}>
                     <Button type="primary" onClick={() => submit()}>提交</Button>
                 </div>
@@ -132,19 +132,19 @@ 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>
             </Modal>
             <Modal open={isModalOpen3} onOk={handleOk3} onCancel={() => setIsModalOpen3(false)}
                 footer={[]} width={800}>
-                <h3 className="Model_h3_title">服務條款</h3>
+                <h3 className="Model_h3_title">服务条款</h3>
                 <TermsService />
             </Modal>
             <Modal open={isModalOpen4} onOk={handleOk4} onCancel={() => setIsModalOpen4(false)}
                 footer={[]} width={800}>
-                <h3 className="Model_h3_title">隱私政策</h3>
+                <h3 className="Model_h3_title">隐私政策</h3>
                 <Privacy />
             </Modal>
         </div >