👔 Update index page content before the new index is finished (#1442)

likecoin · Dec 1, 2023 · f5dc853 · f5dc853
1 parent bc13384
commit f5dc853
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 8 deletions.
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -284,6 +284,7 @@
   "index_page_free_collect_cta_tagline": "Cut to the chase, collect your first NFT for free",
   "index_page_hero_all_stories_matter_content": "Blog posts from your high school days, late-night written poems, grandma's treasured recipes... Words encapsulate our most delicate memories. We aspire to capture each of these moments with you, turning them into cherished collectibles that escape from the confines of time.",
   "index_page_hero_all_stories_matter_heading": "All stories matter",
+  "index_page_hero_enter_book_store": "Enter Bookstore",
   "index_page_hero_publish_story_button": "Publish Story",
   "index_page_hero_try_collect_button": "Try To Collect",
   "index_page_hero_writing_nft_content": "A collectible for your precious text. Collect, showcase, and share your articles and books with the world.",

diff --git a/src/locales/zh-Hant.json b/src/locales/zh-Hant.json
@@ -284,6 +284,7 @@
   "index_page_free_collect_cta_tagline": "直接行動，免費獲取你的第一個NFT",
   "index_page_hero_all_stories_matter_content": "中學時代的部落格、深夜寫下的詩句、祖母的家傳食譜⋯⋯文字是我們最細碎的記憶，我們希望和你一一捕捉，從時光裏逃逸的收藏品。",
   "index_page_hero_all_stories_matter_heading": "每則文字，都通向時光",
+  "index_page_hero_enter_book_store": "進入書店",
   "index_page_hero_publish_story_button": "發佈故事",
   "index_page_hero_try_collect_button": "體驗收藏",
   "index_page_hero_writing_nft_content": "讓文字成爲藏品。這裏有可收藏、展示、分享的電子書和文章。",

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -264,6 +264,13 @@
             ]"
           >
             <ButtonV2
+              :text="$t('index_page_hero_enter_book_store')"
+              theme="glow"
+              preset="secondary"
+              :to="localeLocation({ name: 'store' })"
+              @click.native="handleEnterBookstoreButtonClickInHeroSection"
+            />
+            <!-- <ButtonV2
               :text="$t('index_page_hero_try_collect_button')"
               theme="glow"
               preset="secondary"
@@ -283,7 +290,7 @@
               theme="glow"
               preset="tertiary"
               @click.native="handlePublishStoryButtonClickInHeroSection"
-            />
+            /> -->
           </nav>
         </div>
         <div
@@ -540,19 +547,19 @@
       </div>
     </section>
 
-    <section :class="sectionContentClassWithPadding">
+    <!-- <section :class="sectionContentClassWithPadding">
       <IndexPageFreeCollectCTA
         :class-id="freeMintNFTClassId"
         @collect="handleClickCollectForFreeButton"
         @click-collect-button="handleCollectForFreeButtonClickBelowHeroSection"
       >
-        <!-- <Label
+        <Label
           class="max-w-[560px] mx-auto mt-[1.5rem] text-[2rem] laptop:text-[2.75rem] font-proxima font-[600]"
           :text="$t('index_page_free_collect_cta_tagline')"
           align="center"
-        /> -->
+        />
       </IndexPageFreeCollectCTA>
-    </section>
+    </section> -->
 
     <section
       id="about-liker-land"
@@ -562,7 +569,10 @@
     >
       <div class="bg-[#0F3339]">
         <div :class="['py-[5rem]', sectionContentClassWithPadding]">
-          <div ref="likerLandSectionContent">
+          <div
+            ref="likerLandSectionContent"
+            class="opacity-0 pointer-events-none"
+          >
             <Logo class="w-[130px] fill-white" />
             <p :class="['text-like-cyan-light', 'max-w-[392px]', 'mt-[1em]']">
               {{ $t('index_page_liker_land_description') }}
@@ -1645,14 +1655,14 @@
             "
           />
 
-          <IndexPageFreeCollectCTA
+          <!-- <IndexPageFreeCollectCTA
             class="mt-[6rem] w-full"
             :class-id="freeMintNFTClassId"
             @collect="handleClickCollectForFreeButton"
             @click-collect-button="
               handleCollectForFreeButtonClickInAllStoriesMatterSection
             "
-          />
+          /> -->
         </footer>
       </div>
     </section>
@@ -2630,6 +2640,9 @@ export default {
         })
       );
     },
+    handleEnterBookstoreButtonClickInHeroSection() {
+      logTrackerEvent(this, 'IndexPage', 'IndexHeroEnterBookstoreClick', '', 1);
+    },
     handleTryCollectButtonClickInHeroSection() {
       logTrackerEvent(this, 'IndexPage', 'IndexHeroTryCollectClick', '', 1);
     },