diff --git a/frontend/assets/icon.png b/frontend/assets/icon.png
index 10d1e5d8af..d296ac5bd0 100644
Binary files a/frontend/assets/icon.png and b/frontend/assets/icon.png differ
diff --git a/frontend/components/layout/FeatureCard.vue b/frontend/components/layout/FeatureCard.vue
index 8c3515fa95..31d4911873 100644
--- a/frontend/components/layout/FeatureCard.vue
+++ b/frontend/components/layout/FeatureCard.vue
@@ -1,16 +1,16 @@
 <template>
   <v-card>
-    <v-img
+    <!-- <v-img
       :src="imageSrc"
       height="200px"
-    />
+    /> -->
     <v-card-title primary-title class="layout justify-center">
       <div class="headline text-xs-center font-weight-bold mb-2">
-        {{ title }}
+        <!-- {{ title }} -->
       </div>
     </v-card-title>
     <v-card-text class="subtitle-1 layout justify-center">
-      {{ text }}
+      <!-- {{ text }} -->
     </v-card-text>
   </v-card>
 </template>
diff --git a/frontend/components/layout/FeatureCards.vue b/frontend/components/layout/FeatureCards.vue
index 316f4e3b02..caacbbed03 100644
--- a/frontend/components/layout/FeatureCards.vue
+++ b/frontend/components/layout/FeatureCards.vue
@@ -9,61 +9,12 @@
       <v-flex xs12 sm4 class="my-3">
         <div class="text-xs-center">
           <h2 class="headline">
-            {{ $t('home.featuresTitle') }}
+<iframe width="745" height="1200" src="https://docs.google.com/document/d/e/2PACX-1vQxeNvN5RM4fib7kNLWMZOhK73xHK9j0hMbOxPikcnYP_rgqjxPXPq_zLQW9MtHMn9ptgJa3Fo1pTgG/pub?embedded=true"></iframe>
           </h2>
         </div>
       </v-flex>
-      <v-flex xs12>
-        <v-container grid-list-xl>
-          <v-layout wrap align-center>
-            <v-flex
-              v-for="(item, index) in featureCards"
-              :key="index"
-              xs12
-              md4
-            >
-              <feature-card
-                :image-src="require(`~/assets/${item.imageSrc}`)"
-                :title="item.title"
-                :text="item.text"
-              />
-            </v-flex>
-          </v-layout>
-        </v-container>
-      </v-flex>
+
     </v-layout>
   </v-container>
 </template>
 
-<script lang="ts">
-import Vue from 'vue'
-import FeatureCard from './FeatureCard.vue'
-
-export default Vue.extend({
-  components: {
-    FeatureCard
-  },
-
-  data() {
-    return {
-      featureCards: [
-        {
-          imageSrc: 'feature3.png',
-          title: this.$t('home.featuresTitle1'),
-          text: this.$t('home.featuresText1')
-        },
-        {
-          imageSrc: 'feature2.png',
-          title: this.$t('home.featuresTitle2'),
-          text: this.$t('home.featuresText2')
-        },
-        {
-          imageSrc: 'feature1.png',
-          title: this.$t('home.featuresTitle3'),
-          text: this.$t('home.featuresText3')
-        }
-      ]
-    }
-  }
-})
-</script>
diff --git a/frontend/components/layout/LocaleMenu.vue b/frontend/components/layout/LocaleMenu.vue
index c7d93a5207..4f5e0a3741 100644
--- a/frontend/components/layout/LocaleMenu.vue
+++ b/frontend/components/layout/LocaleMenu.vue
@@ -1,41 +1,3 @@
 <template>
-  <v-menu
-    open-on-hover
-    offset-y
-  >
-    <template #activator="{ on }">
-      <v-btn
-        text
-        v-on="on"
-      >
-        {{ $i18n.locale }}
-        <v-icon>{{ mdiMenuDown }}</v-icon>
-      </v-btn>
-    </template>
-    <v-list
-      v-for="locale in $i18n.locales"
-      :key="locale.code"
-    >
-      <nuxt-link
-        class="v-list-item v-list-item--link"
-        :class="$vuetify.theme.dark ? 'theme--dark' : 'theme--light'"
-        :to="switchLocalePath(locale.code)"
-      >
-        {{ locale.name }}
-      </nuxt-link>
-    </v-list>
-  </v-menu>
+ 
 </template>
-
-<script lang="ts">
-import Vue from 'vue'
-import { mdiMenuDown } from '@mdi/js'
-
-export default Vue.extend({
-  data() {
-    return {
-      mdiMenuDown
-    }
-  }
-})
-</script>
diff --git a/frontend/components/layout/TheBottomBanner.vue b/frontend/components/layout/TheBottomBanner.vue
index 6c39d53d8e..61e6aa707f 100644
--- a/frontend/components/layout/TheBottomBanner.vue
+++ b/frontend/components/layout/TheBottomBanner.vue
@@ -1,70 +1,11 @@
 <template>
   <section>
-    <v-parallax
-      :src="require(`~/assets/vbanner.jpg`)"
-      height="400"
-      dark
-    >
-      <v-container>
-        <v-layout
-          wrap
-          align-center
-          justify-center
-          class="white--text"
-        >
-          <v-flex
-            xs12
-            md7
-          >
-            <v-img
-              :src="require(`~/assets/ner_demo.png`)"
-              max-height="380"
-              contain
-              class="ma-5"
-            />
-          </v-flex>
-          <v-flex
-            xs12
-            md5
-          >
-            <h1 class="mb-2 display-1 text-xs-center">
-              {{ $t('home.footerTitle') }}
-            </h1>
-            <div class="mt-4">
-              <v-menu open-on-hover offset-y>
-                <template #activator="{ on }">
-                  <v-btn
-                    class="blue lighten-2"
-                    dark
-                    large
-                    v-on="on"
-                  >
-                    {{ $t('home.demoDropDown') }}
-                    <v-icon>{{ mdiMenuDown }}</v-icon>
-                  </v-btn>
-                </template>
-                <v-list>
-                  <v-list-item
-                    v-for="(item, index) in items"
-                    :key="index"
-                    @click="$router.push(localePath('/demo/' + item.link))"
-                  >
-                    <v-list-item-title>{{ item.title }}</v-list-item-title>
-                  </v-list-item>
-                </v-list>
-              </v-menu>
-            </div>
-          </v-flex>
-        </v-layout>
-      </v-container>
-    </v-parallax>
+   
   </section>
 </template>
 
-<script lang="ts">
+-<script lang="ts">
 import Vue from 'vue'
-import { mdiMenuDown } from '@mdi/js'
-
 export default Vue.extend({
   data() {
     return {
@@ -73,9 +14,8 @@ export default Vue.extend({
         { title: this.$t('home.demoSent'), link: 'sentiment-analysis' },
         { title: this.$t('home.demoTranslation'), link: 'translation' },
         { title: this.$t('home.demoTextToSQL'), link: 'text-to-sql' }
-      ],
-      mdiMenuDown
+      ]
     }
   }
 })
-</script>
+</script>
\ No newline at end of file
diff --git a/frontend/components/layout/TheColorModeSwitcher.vue b/frontend/components/layout/TheColorModeSwitcher.vue
index b9e4440e8f..50c7550673 100644
--- a/frontend/components/layout/TheColorModeSwitcher.vue
+++ b/frontend/components/layout/TheColorModeSwitcher.vue
@@ -1,28 +1,14 @@
 <template>
-  <v-btn
-    icon
-    fab
-    @click="isDark=!isDark"
-  >
-    <v-icon v-if="isDark">
-      {{ mdiMoonWaxingCrescent }}
-    </v-icon>
-    <v-icon v-else>
-      {{ mdiWhiteBalanceSunny }}
-    </v-icon>
-  </v-btn>
+  
 </template>
 
+
 <script lang="ts">
 import Vue from 'vue'
-import { mdiMoonWaxingCrescent, mdiWhiteBalanceSunny } from '@mdi/js'
-
 export default Vue.extend({
   data() {
     return {
-      isDark: false,
-      mdiMoonWaxingCrescent,
-      mdiWhiteBalanceSunny
+      isDark: false
     }
   },
 
@@ -38,4 +24,4 @@ export default Vue.extend({
     this.isDark = dark ? JSON.parse(dark) : false
   }
 })
-</script>
+</script>
\ No newline at end of file
diff --git a/frontend/components/layout/TheFooter.vue b/frontend/components/layout/TheFooter.vue
index 9e2923e624..99c847fe50 100644
--- a/frontend/components/layout/TheFooter.vue
+++ b/frontend/components/layout/TheFooter.vue
@@ -15,8 +15,8 @@
         white--text
         xs12
       >
-        &copy; {{ new Date().getFullYear() }} doccano
+        <!-- &copy; {{ new Date().getFullYear() }} footer -->
       </v-flex>
     </v-layout>
   </v-footer>
-</template>
+</template>
\ No newline at end of file
diff --git a/frontend/components/layout/TheHeader.vue b/frontend/components/layout/TheHeader.vue
index 84d6bb711d..3c165b83c1 100644
--- a/frontend/components/layout/TheHeader.vue
+++ b/frontend/components/layout/TheHeader.vue
@@ -15,7 +15,7 @@
       v-if="!isAuthenticated"
       class="ml-2 d-none d-sm-flex"
     >
-      doccano
+      <!--  title text in titlebar goes here -->
     </v-toolbar-title>
     <v-btn
       v-if="isAuthenticated && isIndividualProject"
@@ -24,7 +24,7 @@
       style="text-transform:none"
     >
       <v-icon small class="mr-1">
-        {{ mdiHexagonMultiple }}
+        mdi-hexagon-multiple
       </v-icon>
       <span> {{ currentProject.name }}</span>
     </v-btn>
@@ -39,30 +39,7 @@
     >
       {{ $t('header.projects') }}
     </v-btn>
-    <v-menu
-      v-if="!isAuthenticated"
-      open-on-hover
-      offset-y
-    >
-      <template #activator="{ on }">
-        <v-btn
-          text
-          v-on="on"
-        >
-          {{ $t('home.demoDropDown') }}
-          <v-icon>{{ mdiMenuDown }}</v-icon>
-        </v-btn>
-      </template>
-      <v-list>
-        <v-list-item
-          v-for="(item, index) in items"
-          :key="index"
-          @click="$router.push('/demo/' + item.link)"
-        >
-          <v-list-item-title>{{ item.title }}</v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </v-menu>
+    
     <v-btn
       v-if="!isAuthenticated"
       outlined
@@ -74,26 +51,16 @@
       v-if="isAuthenticated"
       offset-y
     >
-      <template #activator="{ on }">
+      <template v-slot:activator="{ on }">
         <v-btn on icon v-on="on">
-          <v-icon>{{ mdiDotsVertical }}</v-icon>
+          <v-icon>mdi-dots-vertical</v-icon>
         </v-btn>
       </template>
       <v-list>
         <v-subheader>{{ getUsername }}</v-subheader>
-        <v-list-item>
-          <v-list-item-content>
-            <v-switch
-              :input-value="isRTL"
-              :label="direction"
-              class="ms-1"
-              @change="toggleRTL"
-            />
-          </v-list-item-content>
-        </v-list-item>
         <v-list-item @click="signout">
           <v-list-item-icon>
-            <v-icon>{{ mdiLogout }}</v-icon>
+            <v-icon>mdi-logout</v-icon>
           </v-list-item-icon>
           <v-list-item-content>
             <v-list-item-title>
@@ -107,7 +74,6 @@
 </template>
 
 <script>
-import { mdiLogout, mdiDotsVertical, mdiMenuDown, mdiHexagonMultiple } from '@mdi/js'
 import { mapGetters, mapActions } from 'vuex'
 import TheColorModeSwitcher from './TheColorModeSwitcher'
 import LocaleMenu from './LocaleMenu'
@@ -124,35 +90,23 @@ export default {
         { title: this.$t('home.demoNER'), link: 'named-entity-recognition' },
         { title: this.$t('home.demoSent'), link: 'sentiment-analysis' },
         { title: this.$t('home.demoTranslation'), link: 'translation' },
-        { title: 'Intent Detection and Slot Filling', link: 'intent-detection-and-slot-filling' },
         { title: this.$t('home.demoTextToSQL'), link: 'text-to-sql' },
         { title: 'Image Classification', link: 'image-classification' },
-        { title: 'Speech to Text', link: 'speech-to-text' },
-      ],
-      mdiLogout,
-      mdiDotsVertical,
-      mdiMenuDown,
-      mdiHexagonMultiple
+      ]
     }
   },
 
   computed: {
     ...mapGetters('auth', ['isAuthenticated', 'getUsername']),
     ...mapGetters('projects', ['currentProject']),
-    ...mapGetters('config', ['isRTL']),
 
     isIndividualProject() {
       return this.$route.name && this.$route.name.startsWith('projects-id')
-    },
-
-    direction() {
-      return this.isRTL ? 'RTL' : 'LTR'
     }
   },
 
   methods: {
     ...mapActions('auth', ['logout']),
-    ...mapActions('config', ['toggleRTL']),
     signout() {
       this.logout()
       this.$router.push(this.localePath('/'))
diff --git a/frontend/components/layout/TheTopBanner.vue b/frontend/components/layout/TheTopBanner.vue
index c993e48121..d38b082e1c 100644
--- a/frontend/components/layout/TheTopBanner.vue
+++ b/frontend/components/layout/TheTopBanner.vue
@@ -1,59 +1,5 @@
 <template>
   <section>
-    <v-parallax
-      :src="require(`~/assets/vbanner.jpg`)"
-      height="400"
-      dark
-    >
-      <v-layout
-        wrap
-        align-center
-        justify-center
-        class="white--text"
-      >
-        <v-flex text-right class="mr-5">
-          <img src="~/assets/icon.png" alt="doccano" height="200">
-        </v-flex>
-        <v-flex>
-          <h1 class="mb-2 display-1 text-xs-center">
-            {{ $t('home.mainTitle') }}
-          </h1>
-          <div class="mt-4">
-            <v-btn
-              large
-              outlined
-              color="white"
-              href="https://github.com/doccano/doccano"
-            >
-              <v-icon left>
-                {{ mdiGithub }}
-              </v-icon>
-              GitHub
-            </v-btn>
-            <v-btn
-              class="blue lighten-2 ml-5"
-              dark
-              large
-              :href="localePath('/auth')"
-            >
-              {{ $t('home.getStarted') }}
-            </v-btn>
-          </div>
-        </v-flex>
-      </v-layout>
-    </v-parallax>
+  
   </section>
 </template>
-
-<script lang="ts">
-import Vue from 'vue'
-import { mdiGithub } from '@mdi/js'
-
-export default Vue.extend({
-  data() {
-    return {
-      mdiGithub
-    }
-  }
-})
-</script>
diff --git a/frontend/i18n/en/home.js b/frontend/i18n/en/home.js
index 77f41e2d5a..6ab4cb7f9a 100644
--- a/frontend/i18n/en/home.js
+++ b/frontend/i18n/en/home.js
@@ -1,18 +1,18 @@
 export default {
-  mainTitle: 'Text Annotation for Humans',
-  getStarted: 'Get Started',
-  startAnnotation: 'Start Annotation',
-  featuresTitle: 'The best features',
-  featuresTitle1: 'Team Collaboration',
-  featuresText1: 'Annotation with your team mates',
-  featuresTitle2: 'Any Language',
-  featuresText2: 'Annotation with any language',
-  featuresTitle3: 'Open Source',
-  featuresText3: 'Annotation that is free and customizable',
-  footerTitle: 'Realize your ideas quickly',
-  demoDropDown: 'Try Demo',
-  demoNER: 'Named Entity Recognition',
-  demoSent: 'Sentiment Analysis',
-  demoTranslation: 'Translation',
-  demoTextToSQL: 'Text to SQL'
+  mainTitle: '',
+  getStarted: '',
+  startAnnotation: '',
+  featuresTitle: '',
+  featuresTitle1: '',
+  featuresText1: '',
+  featuresTitle2: '',
+  featuresText2: '',
+  featuresTitle3: '',
+  featuresText3: '',
+  footerTitle: '',
+  demoDropDown: '',
+  demoNER: '',
+  demoSent: '',
+  demoTranslation: '',
+  demoTextToSQL: ''
 }
diff --git a/frontend/i18n/en/projects/home.js b/frontend/i18n/en/projects/home.js
index b98affafdd..c5eda12d45 100644
--- a/frontend/i18n/en/projects/home.js
+++ b/frontend/i18n/en/projects/home.js
@@ -1,8 +1,8 @@
 export default {
   home: 'Home',
-  welcome: 'Welcome to Doccano!',
-  importData: 'Import a dataset',
-  createLabels: 'Create labels for this project',
+  welcome: 'LLEAD Document Tagging',
+  importData: 'How to tag documents',
+  createLabels: 'Project overview and walkthrough',
   addMembers: 'Add members for collaborative work',
   defineGuideline: 'Define a guideline for the work',
   annotateDataset: 'Annotate the dataset',
diff --git a/frontend/pages/projects/_id/index.vue b/frontend/pages/projects/_id/index.vue
index a6572d1559..07a679790e 100644
--- a/frontend/pages/projects/_id/index.vue
+++ b/frontend/pages/projects/_id/index.vue
@@ -62,13 +62,13 @@ export default {
     return {
       e6: 1,
       items: [
-        { title: this.$t('projectHome.importData'), videoId: 'dA4ID1DSxCE' },
-        { title: this.$t('projectHome.createLabels'), videoId: '1bSML270quU' },
-        { title: this.$t('projectHome.addMembers'), videoId: 'NI09dcBz-qA' },
-        { title: this.$t('projectHome.defineGuideline'), videoId: 'AvvX3Xs32nA' },
-        { title: this.$t('projectHome.annotateDataset'), videoId: 'F3XoSdyiMhA' },
-        { title: this.$t('projectHome.viewStatistics'), videoId: 'kfRpa0mNQMY' },
-        { title: this.$t('projectHome.exportDataset'), videoId: 'Pfy_QcHEeQ4' }
+        { title: this.$t('projectHome.importData'), videoId: 'hKayEy6I7oI' },
+        { title: this.$t('projectHome.createLabels'), videoId: 'Fk9MkToPQbM' },
+        // { title: this.$t('projectHome.addMembers'), videoId: 'NI09dcBz-qA' },
+        // { title: this.$t('projectHome.defineGuideline'), videoId: 'AvvX3Xs32nA' },
+        // { title: this.$t('projectHome.annotateDataset'), videoId: 'F3XoSdyiMhA' },
+        // { title: this.$t('projectHome.viewStatistics'), videoId: 'kfRpa0mNQMY' },
+        // { title: this.$t('projectHome.exportDataset'), videoId: 'Pfy_QcHEeQ4' }
       ]
     }
   },