Update nav

src/components/custom/SplitWithImage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative" :class="{ 'bg-token': id == 'token' }">
+  <div class="relative" :class="{ 'bg-token': id == 'tft' }">
     <main class="lg:relative">
       <div class="relative w-full lg:absolute lg:left-0 lg:w-1/2 lg:h-auto">
         <g-image

src/components/custom/sections/CallToAction.vue

@@ -3,13 +3,13 @@
     class="bg-cover text-center"
     :class="{
       pink: id == 'home' && !lastCta,
-      green: id == 'about-us' && lastCta,
+      green: id == 'mission' && lastCta,
     }"
   >
-    <!-- about-us -->
+    <!-- mission -->
     <div
       class="w-full mx-auto lg:py-20"
-      v-if="id == 'about-us' && !textOnly && !lastCta"
+      v-if="id == 'mission' && !textOnly && !lastCta"
     >
       <h2
         v-if="cta.title"
@@ -94,7 +94,7 @@
 
     <div
       class="w-full max-w-3xl mx-auto py-12"
-      v-else-if="id == 'about-us' && textOnly"
+      v-else-if="id == 'mission' && textOnly"
     >
       <h2
         v-if="cta.title"
@@ -117,7 +117,7 @@
 
     <div
       class="w-full max-w-3xl mx-auto py-20"
-      v-else-if="id == 'about-us' && lastCta"
+      v-else-if="id == 'mission' && lastCta"
     >
       <h2
         v-if="cta.title"
@@ -830,10 +830,10 @@
       >
     </div>
 
-    <!-- token -->
+    <!-- tft -->
     <div
       class="w-full max-w-6xl mx-auto lg:my-20"
-      v-else-if="id == 'token' && !lastCta"
+      v-else-if="id == 'tft' && !lastCta"
     >
       <h2
         v-if="cta.title"
@@ -896,7 +896,7 @@
       >
     </div>
 
-    <div class="w-full mx-auto lg:py-20" v-else-if="id == 'token' && lastCta">
+    <div class="w-full mx-auto lg:py-20" v-else-if="id == 'tft' && lastCta">
       <h2
         v-if="cta.title"
         class="

src/components/custom/sections/Features.vue

@@ -313,7 +313,7 @@
     </div>
   </section>
 
-  <section class="py-24 px-4 text-center" v-else-if="id == 'token'">
+  <section class="py-24 px-4 text-center" v-else-if="id == 'tft'">
     <h2
       class="
         lg:text-6xl

src/components/marketing/sections/cta-sections/BrandPanel.vue

@@ -1,9 +1,9 @@
 <template>
-  <div :class="{ 'bg-about': id == 'about-us' && brandPanel3 }">
+  <div :class="{ 'bg-about': id == 'mission' && brandPanel3 }">
     <div class="mx-auto py-10">
-      <!-- oldtoken -->
+      <!-- oldtft -->
       <div
-        v-if="id == 'oldtoken'"
+        v-if="id == 'oldtft'"
         class="
           brandpanel
           rounded-lg
@@ -401,7 +401,7 @@
 
       <!-- About us -->
       <div
-        v-else-if="id == 'about-us' && !brandPanel2 && !brandPanel3"
+        v-else-if="id == 'mission' && !brandPanel2 && !brandPanel3"
         class="flex flex-wrap text-left lg:my-10 lg:px-16"
       >
         <div class="lg:w-1/2 px-2 self-center">
@@ -442,7 +442,7 @@
       </div>
 
       <div
-        v-else-if="id == 'about-us' && brandPanel2"
+        v-else-if="id == 'mission' && brandPanel2"
         class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:mb-20 lg:px-16"
       >
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
@@ -486,7 +486,7 @@
       </div>
 
       <div
-        v-else-if="id == 'about-us' && brandPanel3"
+        v-else-if="id == 'mission' && brandPanel3"
         class="flex flex-wrap lg:text-left lg:p-20 px-4"
       >
         <div class="lg:w-1/2 px-2 self-center">
@@ -799,9 +799,9 @@
         </div>
       </div>
 
-      <!-- token -->
+      <!-- tft -->
       <div
-        v-else-if="id == 'token' && !brandPanel2 && !brandPanel3"
+        v-else-if="id == 'tft' && !brandPanel2 && !brandPanel3"
         class="flex flex-wrap text-left mt-24 lg:px-16"
       >
         <div
@@ -833,7 +833,7 @@
       </div>
 
       <div
-        v-else-if="id == 'token' && brandPanel2"
+        v-else-if="id == 'tft' && brandPanel2"
         class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:px-16"
       >
         <div class="lg:w-1/2 self-center">
@@ -875,7 +875,7 @@
       </div>
 
       <div
-        v-else-if="id == 'token' && brandPanel3"
+        v-else-if="id == 'tft' && brandPanel3"
         class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
       >
         <div

src/components/marketing/sections/cta-sections/Header.vue

@@ -93,11 +93,11 @@
         lg:mt-4
         -mx-2
       "
-      v-else-if="id == 'about-us'"
+      v-else-if="id == 'mission'"
     >
       <div class="lg:w-1/2 px-2 lg:pr-10 lg:mt-10 order-1 lg:order-none">
         <h1
-          v-if="id == 'about-us'"
+          v-if="id == 'mission'"
           class="
             text-center
             uppercase
@@ -251,7 +251,7 @@
 
     <div
       class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
-      v-else-if="id == 'token'"
+      v-else-if="id == 'tft'"
     >
       <div class="px-2 lg:mt-10 order-1 lg:order-none mx-auto text-center">
         <div class="w-1/2 mx-auto px-2 self-center">

src/components/marketing/sections/cta-sections/ShowcaseProducts.vue

@@ -24,10 +24,10 @@
       </p>
     </div>
 
-    <!-- token -->
+    <!-- tft -->
     <div
       class="grid grid-cols-1 gap-4 sm:grid-cols-3 text-center"
-      v-if="id == 'token'"
+      v-if="id == 'tft'"
     >
       <a
         v-for="(product, idx) in products"
@@ -112,10 +112,10 @@
       </div>
     </div>
 
-    <!-- How it works -->
+    <!-- Tech -->
     <div
       class="grid sm:grid-cols-1 gap-4 lg:grid-cols-2 text-center lg:px-40"
-      v-else-if="id == 'how-it-works'"
+      v-else-if="id == 'tech'"
     >
       <div
         v-for="(product, idx) in products"