diff --git a/packages/l7/package.json b/packages/l7/package.json
index 518655f4d3..552ea5ea4e 100644
--- a/packages/l7/package.json
+++ b/packages/l7/package.json
@@ -25,6 +25,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@antv/l7": "2.0.0-beta.4"
+    "@l7/core": "0.0.1",
+    "@l7/scene": "0.0.1",
+    "@l7/layers": "0.0.1",
+    "@l7/component": "0.0.1"
   }
 }
diff --git a/packages/l7/src/index.ts b/packages/l7/src/index.ts
index 85e6e66668..6a21383594 100644
--- a/packages/l7/src/index.ts
+++ b/packages/l7/src/index.ts
@@ -4,4 +4,4 @@ export * from '@l7/scene';
 // @ts-ignore
 export * from '@l7/layers';
 // @ts-ignore
-export * from '@l7/component';
\ No newline at end of file
+export * from '@l7/component';
diff --git a/site/locale.json b/site/locale.json
index cc16452ec4..5f707bca12 100644
--- a/site/locale.json
+++ b/site/locale.json
@@ -12,7 +12,7 @@
   "继续了解": "More",
   "更新": "Update",
   "下载使用":"Download",
-  "浅色色板": "Light Theme",
-  "深色色板": "Dark Theme",
+  "浅版精彩案例": "Light Theme",
+  "深版精彩案例": "Dark Theme",
   "一个个真实的地理数据可视化案例，将复杂的地理数据,通过简单，易用的API接口,让用户达到开箱即用的效果。" : "We have summarized a series of story design templates from lots of real  geospatial data visualization cases, so that users can use them directly."
 }
diff --git a/site/pages/index.zh.tsx b/site/pages/index.zh.tsx
index e2c9a3e9c1..8376506c17 100644
--- a/site/pages/index.zh.tsx
+++ b/site/pages/index.zh.tsx
@@ -4,9 +4,9 @@ import Cases from '@antv/gatsby-theme-antv/site/components/Cases';
 import Companies from '@antv/gatsby-theme-antv/site/components/Companies';
 import Features from '@antv/gatsby-theme-antv/site/components/Features';
 import SEO from '@antv/gatsby-theme-antv/site/components/Seo';
-import '../css/home.css';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import '../css/home.css';
 
 const IndexPage = () => {
   const { t, i18n } = useTranslation();
@@ -34,14 +34,46 @@ const IndexPage = () => {
     },
   ];
   const companies = [
-    { name: '阿里云', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*V_xMRIvw2iwAAAAAAAAAAABkARQnAQ' },
-    { name: '支付宝', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*lYDrRZvcvD4AAAAAAAAAAABkARQnAQ', },
-    { name: '天猫', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*BQrxRK6oemMAAAAAAAAAAABkARQnAQ', },
-    { name: '淘宝网', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*1l8-TqUr7UcAAAAAAAAAAABkARQnAQ', },
-    { name: '网商银行', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*ZAKFQJ5Bz4MAAAAAAAAAAABkARQnAQ', },
-    { name: '盒马',img: 'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*ePJMQZCb8vkAAAAAAAAAAABkARQnAQ', },
-    { name: 'yunos', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*_js7SaNosUwAAAAAAAAAAABkARQnAQ', },
-    { name: '菜鸟', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*TgV-RZDODJIAAAAAAAAAAABkARQnAQ', },
+    {
+      name: '阿里云',
+      img:
+        'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*V_xMRIvw2iwAAAAAAAAAAABkARQnAQ',
+    },
+    {
+      name: '支付宝',
+      img:
+        'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*lYDrRZvcvD4AAAAAAAAAAABkARQnAQ',
+    },
+    {
+      name: '天猫',
+      img:
+        'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*BQrxRK6oemMAAAAAAAAAAABkARQnAQ',
+    },
+    {
+      name: '淘宝网',
+      img:
+        'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*1l8-TqUr7UcAAAAAAAAAAABkARQnAQ',
+    },
+    {
+      name: '网商银行',
+      img:
+        'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*ZAKFQJ5Bz4MAAAAAAAAAAABkARQnAQ',
+    },
+    {
+      name: '盒马',
+      img:
+        'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*ePJMQZCb8vkAAAAAAAAAAABkARQnAQ',
+    },
+    {
+      name: 'yunos',
+      img:
+        'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*_js7SaNosUwAAAAAAAAAAABkARQnAQ',
+    },
+    {
+      name: '菜鸟',
+      img:
+        'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*TgV-RZDODJIAAAAAAAAAAABkARQnAQ',
+    },
   ];
   const bannerButtons = [
     {
@@ -66,21 +98,27 @@ const IndexPage = () => {
 
   const cases = [
     {
-      logo:'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ',
-      title: t('浅色色板'),
-      description: t('一个个真实的地理数据可视化案例，将复杂的地理数据,通过简单，易用的API接口,让用户达到开箱即用的效果。'),
+      logo:
+        'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ',
+      title: t('浅版精彩案例'),
+      description: t(
+        '一个个真实的地理数据可视化案例，将复杂的地理数据,通过简单，易用的API接口,让用户达到开箱即用的效果。',
+      ),
       link: `/${i18n.language}/examples/gallery/basic`,
       image:
         'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RPxeQZ8Uk7EAAAAAAAAAAABkARQnAQ',
     },
     {
-      logo:'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ',
-      title: t('深色色板'),
-      description: t('一个个真实的地理数据可视化案例，将复杂的地理数据,通过简单，易用的API接口,让用户达到开箱即用的效果。'),
+      logo:
+        'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ',
+      title: t('深版精彩案例'),
+      description: t(
+        '一个个真实的地理数据可视化案例，将复杂的地理数据,通过简单，易用的API接口,让用户达到开箱即用的效果。',
+      ),
       link: `/${i18n.language}/examples/gallery/basic`,
       image:
         'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*B8rtTpvkqTgAAAAAAAAAAABkARQnAQ',
-    }
+    },
   ];
 
   return (
@@ -89,7 +127,9 @@ const IndexPage = () => {
       <Banner
         coverImage={
           <img
-            className="cover-image"
+            width="100%"
+            class="Notification-module--number--31-3Z"
+            style={{ marginLeft: '125px', marginTop: '50px' }}
             src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*cCI7RaJs46AAAAAAAAAAAABkARQnAQ"
           />
         }
@@ -104,10 +144,7 @@ const IndexPage = () => {
       />
       <Features features={features} style={{ width: '100%' }} />
       <Cases style={{ width: '102%' }} cases={cases} />
-      <Companies
-        title={t('感谢信赖')}
-        companies={companies}
-      />
+      <Companies title={t('感谢信赖')} companies={companies} />
     </>
   );
 };