Update brandPanel part

content/page/home/brandPanel/brandPanel.md

@@ -1,15 +1,14 @@
 ---
 id: fix_internet
-title: WE NEED TO FIX TODAY'S INTERNET
+title: Join the ThreeFold Movement
 subtitle: ''
 sourceUrl: ''
 btnTxt: ''
-image: internet_is_broken.svg # src/assets/brandPanel/..
+image: token_header.png # src/assets/brandPanel/..
 ---
 
-The Internet is controlled by large corporations. This centralized approach is highly inefficient, extremely costly, and unsustainable.
+* Become a part of a collaborative community
-
+* Earn income for connecting sovereign capacity
-<br/>
+* Regenerate our planet with every sale and purchase
-Our data isn't owned by us,
+* Reserve capacity without any intermediaries
-<br/>
+* Receive grants for regenerative initiatives
-and it isn't safe.

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

@@ -71,6 +71,36 @@
         </div>
       </div>
 
+      <div v-else-if="id == 'home'" class="brandpanel lg:grid lg:grid-cols-2">
+        <div
+          class="py-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
+        >
+          <div class="lg:self-center">
+            <h2
+              class="text-3xl py-10 leading-9 font-extrabold text-black sm:leading-10"
+            >
+              <span class="block">{{ brand.title }}</span>
+              <span class="block" v-if="brand.subtitle">{{
+                brand.subtitle
+              }}</span>
+            </h2>
+            <div class="mt-4 mx-4 text-black" v-html="brand.content"></div>
+            <!-- <a
+              :href="brand.sourceUrl"
+              class="bg-teal-300 text-sm learn-button hover:bg-57EEF8-400 text-gray-900 px-12 py-2 mr-3 shadow rounded-full"
+              >{{ brand.btnTxt }}</a
+            > -->
+          </div>
+        </div>
+        <div class="relative pb-3/5 -mt-6 md:pb-1/2">
+          <g-image
+            class="absolute brandpanel inset-0 w-full h-full transform translate-x-0 translate-y-6 rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
+            :src="image"
+            :alt="brand.title"
+          />
+        </div>
+      </div>
+
       <div
         v-else
         class="brandpanel bg-gray-900 rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4"

src/pages/Index.vue

@@ -76,17 +76,23 @@
         :id="$page.markdownPage.id"
       />
 
+      <logoShowcase
+        v-if="$page.markdownPage.logos.length > 0"
+        :logos="$page.markdownPage.logos"
+      />
+
       <BrandPanel
         :brand="$page.markdownPage.brandPanel"
+        :id="$page.markdownPage.id"
         v-if="$page.markdownPage.brandPanel"
       />
 
-      <BrandPanel2
+      <!-- <BrandPanel2
         :brand="$page.markdownPage.brandPanel2"
         v-if="$page.markdownPage.brandPanel2"
-      />
+      /> -->
 
-      <Comparison
+      <!-- <Comparison
         v-if="
           $page.markdownPage.comparisonSecs &&
           $page.markdownPage.comparisonSecs.length > 0
@@ -94,7 +100,7 @@
         :id="$page.markdownPage.id"
         :main="$page.markdownPage.comparisonMain"
         :sections="$page.markdownPage.comparisonSecs"
-      />
+      /> -->
 
       <!-- <NewCard
       v-for="card in $page.markdownPage.cards"
@@ -107,11 +113,6 @@
         :header="$page.markdownPage.headerSolution"
     /> -->
 
-      <logoShowcase
-        v-if="$page.markdownPage.logos.length > 0"
-        :logos="$page.markdownPage.logos"
-      />
-
       <InTheNews
         v-if="$page.markdownPage.inTheNews"
         :news="$page.markdownPage.inTheNews"