diff --git a/src/components/GetAppPage/GetAppPage.vue b/src/components/GetAppPage/GetAppPage.vue
index 1276a1980..5aa964e4a 100644
--- a/src/components/GetAppPage/GetAppPage.vue
+++ b/src/components/GetAppPage/GetAppPage.vue
@@ -1,78 +1,71 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
   <article class="get-app-page">
-    <section class="container">
-      <h1 class="slogan center">
-        <template v-if="$i18n.locale === 'zh-Hant'">
-          <LessBrowsingTC />
-          <MoreReadingTC />
-        </template>
-        <template v-else>
-          <LessBrowsingEN />
-          <MoreReadingEN />
-        </template>
-      </h1>
-      <AppDownloadBadges
-        :from="from"
-        type="start"
-        v-bind="utmProps"
-      />
-    </section>
-
-    <section class="feature">
-      <div class="container side-by-side">
-        <div class="center">
-          <img class="feature-image" src="./featured-image.jpg">
+    <section class="screen-wrapper">
+      <section class="container banner-container">
+        <img class="feature-image" src="./getapp-banner.png">
+        <img v-if="showCross" class="cross" src="./cross_3x.png">
+      </section>
+      <section class="container top-container">
+        <div class="center app-logo">
+          <AppLogo width="160px" />
         </div>
-        <ul class="phone:mt-32 tablet:mt-32">
-          <li
-            v-for="(feature, key) in $t('GetAppPage.Feature')"
+        <h1 class="slogan center">
+          <div class="slogan-text center">{{ $t('GetAppPage.Download') }}</div>
+          <div class="slogan-text center">{{ $t('GetAppPage.Manage.like') }}</div>
+        </h1>
+      </section>
+      <section class="container">
+        <div class="download-badges">
+          <div class="text-center">
+            <AppDownloadBadges :from="from" v-bind="utmProps" />
+          </div>
+        </div>
+      </section>
+      <section class="container">
+        <hr class="separate-line">
+      </section>
+      <section class="feature">
+        <div>
+          <div
+            v-for="(feature, key) in combineFeatures"
             :key="key"
-            v-html="feature"
-          />
-        </ul>
-      </div>
-    </section>
-
-    <section class="preview container side-by-side flex phone:flex-col-reverse tablet:flex-col-reverse">
-      <div class="center phone:mt-32 tablet:mt-32">
-        <div class="text-center">
-          <AppLogo class="phone:hidden tablet:hidden mb-20" />
-          <AppDownloadBadges
-            :from="from"
-            v-bind="utmProps"
-          />
+            class="container side-by-side"
+          >
+            <div class="icon-part">
+              <img src="./phone_icon_3x.png" width="56px">
+            </div>
+            <div class="vp-part">
+              <div class="main-vp">{{ feature.main }}</div>
+              <div class="sub-vp">{{ feature.sub }}</div>
+            </div>
+          </div>
         </div>
-      </div>
-      <div class="center">
-        <AppScreenshotsViewer />
-      </div>
+      </section>
     </section>
   </article>
 </template>
 
 <script>
 import AppDownloadBadges from '~/components/AppDownloadBadges/AppDownloadBadges';
-import AppScreenshotsViewer from '~/components/AppScreenshotsViewer/AppScreenshotsViewer';
 
 import AppLogo from '~/assets/images/app-logo.svg';
-import LessBrowsingTC from './slogan/less-browsing-tc.svg';
-import MoreReadingTC from './slogan/more-reading-tc.svg';
-import LessBrowsingEN from './slogan/less-browsing-en.svg';
-import MoreReadingEN from './slogan/more-reading-en.svg';
 
 export default {
-  name: 'GetAppPage',
+  name: 'GetAppPageNew',
   components: {
     AppDownloadBadges,
     AppLogo,
-    AppScreenshotsViewer,
-    LessBrowsingEN,
-    LessBrowsingTC,
-    MoreReadingEN,
-    MoreReadingTC,
   },
   props: {
+    showCross: {
+      type: Boolean,
+      default: false,
+    },
+    width: {
+      type: String,
+      default: '160',
+    },
     from: {
       type: String,
       default: '',
@@ -90,7 +83,23 @@ export default {
       default: '',
     },
   },
+  data() {
+    return {
+      combinedVPs: [],
+    };
+  },
   computed: {
+    combineFeatures() {
+      const combinedVPs = [];
+      for (let i = 0; i < this.$t('mainVPs').length; i += 1) {
+        const singleVPPair = {
+          main: this.$t('mainVPs')[i],
+          sub: this.$t('subVPs')[i],
+        };
+        combinedVPs.push(singleVPPair);
+      }
+      return combinedVPs;
+    },
     utmProps() {
       return {
         utmCampaign: this.utmCampaign,
@@ -109,112 +118,188 @@ export default {
   margin-right: auto;
   margin-left: auto;
 
-  .container {
-    @apply px-16;
-
-    width: 100%;
+  .screen-wrapper {
+    background-color: white;
+    border-radius: 8px;
+    width: 62%;
     max-width: 600px;
     margin-right: auto;
     margin-left: auto;
-  }
 
-  .center {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
+    @media screen and (max-width: 600px) {
+      border-radius: 0px;
+      width: 100%;
+    }
 
-  .side-by-side {
-    @apply py-32;
+    .separate-line {
+      background-color: #d8d8d8;
+      height: 1px;
+      width: 80%;
+    }
 
-    @media screen and (min-width: 769px) {
-      display: flex;
+    .app-logo {
+      padding-top: 20px;
+      @media screen and (max-width: 600px) {
+        display: inline-block;
+        padding-bottom: 10px;
+      }
+    }
 
-      > * {
-        width: 50%;
+    .banner-container {
+      margin-top: 100px;
+      background-color: #f7f7f7 !important;
+      @media screen and (max-width: 600px) {
+        text-align: center;
       }
     }
-  }
 
-  .slogan {
-    @apply text-like-green;
-    @apply my-20;
+    .top-container {
+      @media screen and (max-width: 600px) {
+        text-align: center;
+      }
+    }
 
-    display: flex;
-    flex-wrap: wrap;
+    .footer-container {
+      @media screen and (max-width: 600px) {
+        text-align: center;
+      }
+    }
 
-    text-align: center;
+    .container {
+      margin-left: 4rem;
+      margin-right: 4rem;
+      background-color: white;
+      width: 100%;
+      max-width: 600px;
+      margin-right: auto;
+      margin-left: auto;
 
-    svg {
-      max-height: 2.5rem;
-      fill: currentColor;
+      @media screen and (max-width: 600px) {
+        @apply px-0;
+      }
+    }
 
-      @apply my-8;
+    .center {
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
-  }
 
-  .feature {
-    @apply bg-like-green;
-    @apply text-14;
-    @apply text-white;
-    @apply font-400;
+    .download-badges {
+      padding-top: 10px;
+      padding-bottom: 20px;
+      @media screen and (max-width: 600px) {
+        text-align: center;
+      }
+    }
 
-    margin-top: 80px;
-    padding-bottom: 20px;
+    .side-by-side {
+      @apply py-16;
+      display: flex;
 
-    ul {
-      @apply pl-32;
-      @apply pb-16;
+      @media screen and (max-width: 600px) {
+        max-width: 256px;
+      }
 
-      list-style: none;
+      .icon-part {
+        width: 38%;
+        text-align: right;
+        padding-right: 5%;
 
-      li {
-        &:not(:first-child) {
-          @apply mt-16;
+        @media screen and (max-width: 600px) {
+          width: 20%;
+          text-align: middle;
         }
+      }
+
+      .vp-part {
+        width: 45%;
 
-        /deep/ b {
-          display: block;
-          @apply mb-8;
-          @apply text-like-cyan;
-          @apply text-20;
-          @apply font-600;
+        @media screen and (max-width: 600px) {
+          width: 80%;
+          text-align: middle;
         }
       }
     }
 
-    @media screen and (min-width: 1025px) {
-      border-radius: 10px;
-    }
+    .slogan {
+      @apply text-like-green;
 
-    @media screen and (max-width: 768px) {
-      padding-bottom: 440px;
+      display: flex;
+      flex-wrap: wrap;
+      text-align: center;
 
-      ul {
-        text-align: center;
+      @media screen and (max-width: 600px) {
+        margin-top: 0px;
+        margin-bottom: 0px;
+      }
+
+      svg {
+        max-height: 2.5rem;
+        fill: currentColor;
 
-        @apply pl-0;
+        @apply my-8;
+      }
+
+      @media screen and (max-width: 600px) {
+        max-width: 256px;
+        display: inline-block;
       }
     }
-  }
+    .slogan-text {
+      color: #28646e;
+      font-size: 24px;
+      width: 100%;
+      padding: 10px;
+
+      @media screen and (max-width: 600px) {
+        font-size: 18px;
+      }
+    }
+
+    .feature {
+      margin-top: 20px;
+      margin-bottom: 4rem;
+      padding-bottom: 20px;
 
-  .feature-image {
-    display: block;
-    width: 100%;
-    margin: auto;
-    border-radius: 10px;
-    margin-top: -80px;
+      .main-vp {
+        font-weight: bold;
+        color: #28646e;
+        font-size: 16px;
+        padding: 0 5px;
+      }
 
-    @media screen and (max-width: 768px) {
-      max-width: 256px;
+      .sub-vp {
+        color: #4a4a4a;
+        font-size: 14px;
+        padding: 5px;
+        line-height: 20px;
+      }
     }
-  }
 
-  .preview {
-    margin-top: -64px;
+    .feature-image {
+      display: block;
+      width: 100%;
+      margin: auto;
+      border-radius: 10px 10px 0px 0px !important;
+      margin-top: -80px;
+      background-color: #28646e;
 
-    @media screen and (max-width: 768px) {
-      margin-top: -482px;
+      @media screen and (max-width: 768px) {
+        border-radius: 0px !important;
+      }
+    }
+
+    .cross {
+      z-index: 2;
+      width: 21px;
+      height: 22px;
+      margin: -295px 0px 300px 32px;
+      @media screen and (max-width: 600px) {
+        width: 12px;
+        height: 12.5px;
+        margin: -75% 0% 53% -88%;
+      }
     }
   }
 }
diff --git a/src/components/GetAppPage/cross_3x.png b/src/components/GetAppPage/cross_3x.png
new file mode 100644
index 000000000..53753c570
Binary files /dev/null and b/src/components/GetAppPage/cross_3x.png differ
diff --git a/src/components/GetAppPage/getapp-banner.png b/src/components/GetAppPage/getapp-banner.png
new file mode 100644
index 000000000..0626fc953
Binary files /dev/null and b/src/components/GetAppPage/getapp-banner.png differ
diff --git a/src/components/GetAppPage/phone_icon_3x.png b/src/components/GetAppPage/phone_icon_3x.png
new file mode 100644
index 000000000..f98d82291
Binary files /dev/null and b/src/components/GetAppPage/phone_icon_3x.png differ
diff --git a/src/locales/en.json b/src/locales/en.json
index ddb60889c..46274aab1 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -202,17 +202,17 @@
       "PlatformPlugin": "Can add LikeCoin button With third-party plugin on {Pixnet}; Using <iframe> on {blogger} or any other self-hosted websites."
     },
     "LikerIDPlaceholer": "<Your Liker ID>",
-    "GuideLinkBase": "https://docs.like.co/user-guide/content-creators",
+    "GuideLinkBase": "https://docs.like.co/user-guide/creator",
     "GuideLink": {
-      "Blogger": "@:CreatorsPage.GuideLinkBase/content-platforms/blogspot",
+      "Blogger": "@:CreatorsPage.GuideLinkBase/blogging-platforms/blogspot",
       "InMedia": "@:CreatorsPage.GuideLinkBase/blogging-platforms/inmediahk.net",
-      "Matters": "@:CreatorsPage.GuideLinkBase/content-platforms/matters",
-      "Medium": "@:CreatorsPage.GuideLinkBase/content-platforms/medium",
-      "Pixnet": "@:CreatorsPage.GuideLinkBase/content-platforms/pixnet",
+      "Matters": "@:CreatorsPage.GuideLinkBase/matters",
+      "Medium": "@:CreatorsPage.GuideLinkBase/blogging-platforms#medium",
+      "Pixnet": "@:CreatorsPage.GuideLinkBase/blogging-platforms#pixnet",
       "Standnews": "@:CreatorsPage.GuideLinkBase/blogging-platforms/thestandnews",
-      "Timelog": "@:CreatorsPage.GuideLinkBase/content-platforms/timelog",
-      "Vocus": "@:CreatorsPage.GuideLinkBase/content-platforms/vocus",
-      "WordPress": "@:CreatorsPage.GuideLinkBase/self-host/wordpress"
+      "Timelog": "@:CreatorsPage.GuideLinkBase/blogging-platforms/timelog",
+      "Vocus": "@:CreatorsPage.GuideLinkBase/blogging-platforms#vocus",
+      "WordPress": "@:CreatorsPage.GuideLinkBase/wordpress"
     },
     "CTAButton": {
       "Register": "Register now",
@@ -339,16 +339,21 @@
     "Og": {
       "Title": "@:GetAppPage.Title",
       "Description": "Follow your trusted Content Jockey. Less browsing. More reading."
-    },
-    "Feature": [
-      "Headlines NOT picked by AI",
-      "Civic Media",
-      "Fact Check News",
-      "Public Discussion",
-      "Blogging Platform",
-      "Individual Websites"
-    ]
+    }
   },
+  "GetAppPage.Download": "Download Liker Land",
+  "GetAppPage.Manage.like": "Manage your LikeCoin",
+  "GetAppPage.Download.now": "Download Now",
+  "mainVPs": [
+    "The most user-friendly LikeCoin wallet",
+    "Check the likes statistics",
+    "LikeCoin staking"
+  ],
+  "subVPs": [
+    "The easiest way to send and receive LikeCoin.",
+    "View the weekly, daily statistics of your LikeCoin bonus, down to each workpiece.",
+    "Stake your LikeCoin to gain extra reward, and participate in community governance."
+  ],
   "Glossary": {
     "Blogger": "Blogger",
     "InMedia": "Hong Kong In-media",
diff --git a/src/locales/zh-Hant.json b/src/locales/zh-Hant.json
index 2cb0835cf..a453bee87 100644
--- a/src/locales/zh-Hant.json
+++ b/src/locales/zh-Hant.json
@@ -344,14 +344,21 @@
     "Og": {
       "Title": "@:GetAppPage.Title",
       "Description": "下載 Liker Land，以文會友。不是瀏覽，而是閱讀。"
-    },
-    "Feature": [
-      "<b>內容伯樂</b>立場新聞、獨立媒體、眾新聞、Matters 等為你挑選每日頭條",
-      "<b>多元選擇</b>另有 1400 個網站、11000 創作者的 30 多萬篇文章",
-      "<b>深度閱讀</b>把任何網頁儲存到 Liker Land 閱讀列表，慢慢細看",
-      "<b>化讚為賞</b>每個按讚都會成為對創作者的實質鼓勵"
-    ]
+    }
   },
+  "GetAppPage.Download": "下載 Liker Land",
+  "GetAppPage.Manage.like": "管理你的 LikeCoin",
+  "GetAppPage.Download.now": "立即下載",
+  "mainVPs": [
+    "最易用的 LikeCoin 錢包",
+    "查看讚賞數據",
+    "質押 LikeCoin"
+  ],
+  "subVPs": [
+    "用 Liker Land 收發 LikeCoin 最便捷",
+    "每週、每天、每篇文章所獲賺賞，一目了然",
+    "質押 LikeCoin 獲得額外回報，同時參與社群決策"
+  ],
   "Glossary": {
     "Blogger": "Blogger",
     "InMedia": "香港獨立媒體網",
diff --git a/src/pages/getapp.vue b/src/pages/getapp.vue
index fbe472cc3..38bda68da 100644
--- a/src/pages/getapp.vue
+++ b/src/pages/getapp.vue
@@ -56,9 +56,3 @@ export default {
   },
 };
 </script>
-
-<style lang="scss">
-.getapp-page {
-  background: linear-gradient(20deg, #d2f0f0, #f0e6b4);
-}
-</style>