docs: update dev experience description

src/locale/en-US.js

@@ -94,7 +94,9 @@ const appLocale = {
         "feature_test": "Stable quality assurance",
         "feature_test_description": "Semi uses a variety of methods such as unit testing to ensure the stability and quality of components, and the code coverage rate reaches 90%",
         "feature_SSR": "SSR support",
-        "feature_SSR_description": "Semi component library supports SSR scenarios and can be used in frameworks like Next.js and Gatsby",
+        "feature_SSR_description": "Semi component library supports SSR scenarios and can be used in frameworks like Next.js、Gatsby、Remix",
+        "feature_D2C": "Design to code",
+        "feature_D2C_description": "Offical provides powerful design to code capabilities, 3-5s, one-click, generate real code from Figma design draft",
         // page four: Theme
         "home.theme": "Theming",
         "home.theme.desc": "Create variations of UI Styles that suit your brand with full flexibility",

src/locale/zh-CN.js

@@ -96,7 +96,9 @@ const appLocale = {
         "feature_test": "稳定的质量保障",
         "feature_test_description": "Semi 使用了单元测试等多种方法保证组件的稳定和质量，代码覆盖率达到 90%",
         "feature_SSR": "支持 SSR",
-        "feature_SSR_description": "Semi 组件库支持 SSR 场景，可以在 Next.js 和 Gatsby 等框架中使用",
+        "feature_SSR_description": "Semi 组件库支持 SSR 场景，可以在 Next.js 、 Gatsby 和 Remix 等框架中使用",
+        "feature_D2C": "设计稿转代码",
+        "feature_D2C_description": "Semi 提供强大的 design to code能力，3-5s，一键点击，从 Figma 设计稿生成真实代码",
         // page four: theme
         "home.theme": "百变主题",
         "home.theme.desc": "快速克隆或深度定制，灵活调配符合品牌调性的设计风格",

src/sitePages/newHome/components/feature/feature.jsx

@@ -12,11 +12,11 @@ function Feature(props) {
             <div className={styles.featuresList}>
                 <div className={styles.row1}>
                     <div className={styles.iconDetails}>
-                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/fa-icon.png" />
+                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/d2c-code.png" />
                         <div className={styles.details}>
-                            <p className={styles.headline}>{_t("feature_FA")}</p>
+                            <p className={styles.headline}>{_t("feature_D2C")}</p> 
                             <p className={styles.description}>
-                                {_t("feature_FA_description")}
+                                {_t("feature_D2C_description")}
                             </p>
                         </div>
                     </div>
@@ -68,6 +68,17 @@ function Feature(props) {
                         </div>
                     </div>
                 </div>
+                <div className={styles.row1} style={{ width: "100%" }}>
+                    <div className={styles.iconDetails}>
+                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/fa-icon.png" />
+                        <div className={styles.details}>
+                            <p className={styles.headline}>{_t("feature_FA")}</p>
+                            <p className={styles.description}>
+                                {_t("feature_FA_description")}
+                            </p>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     );

src/sitePages/newHome/components/pro/pro.jsx

@@ -32,9 +32,9 @@ function Pro(props) {
         <div {...props} className={`${styles.macBookPro2}`}>
             <div className={styles.frame14294}>
                 <div className={`${styles.frame4151}`}>
-                    <Badge count={<BetaTag style={{ right: -14, top: 4 }} />}>
-                        <p className={styles.semiPro} data-locale={"en-US"}>{_t('home.pro.title')}</p>
-                    </Badge>
+                    {/* <Badge count={<BetaTag style={{ right: -14, top: 4 }} />}> */}
+                    <p className={styles.semiPro} data-locale={"en-US"}>{_t('home.pro.title')}</p>
+                    {/* </Badge> */}
                 </div>
                 <p className={styles.text}>
                     <span className={styles.text_4c571d3f}>{_t('home.pro.desc', {}, '使用真实组件设计，前端代码一键转')}</span>