Brand panel sec

content/page/about-us/about-us.md

@@ -11,4 +11,5 @@ header_excerpt: To build the world’s most decentralized, secure and scalable d
 solution_image: 
 button: The Digital Future
 link: "#"
+brandPanel: about_brandPanel
 ---

content/page/about-us/brandPanel/index.md

@@ -0,0 +1,9 @@
+---
+id: about_brandPanel
+title: A DIGITAL INFRASTRUCTURE SUPPORTING AN INTERCONNECTED WORLD
+subtitle:
+sourceUrl: ''
+btnTxt: 
+image: about_globe.png # src/assets/brandPanel/..
+---
+Internet access is a human right and represents the biggest source of information and communication. Our technology was designed to scale to anywhere electricity and  bandwidth can be found to meet local digital infrastructure needs, especially the global south, to empower the unconnected and support a shared vision of an interconnected world.

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

@@ -252,16 +252,13 @@
       </div>
 
       <!-- tft -->
-      <div
+      <div v-else-if="id == 'about-us'" class="flex flex-wrap text-left">
-        v-else-if="id == 'tft' && !diveInto"
-        class="flex flex-wrap text-center tft_section lg:text-left"
-      >
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image :src="image" :alt="brand.title" />
+          <g-image class="mx-auto" :src="image" :alt="brand.title" />
         </div>
-        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-center">
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left">
           <div class="lg:self-center">
-            <h2 class="text-6xl mb-6 uppercase leading-none font-heading">
+            <h2 class="text-3xl mb-6 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
@@ -273,7 +270,6 @@
                 mt-4
                 text-gray-900 text-2xl
                 leading-tight
-                tft_subtitle
                 tracking-wide
               "
               v-html="brand.content"

src/templates/MarkdownPage.vue

@@ -22,6 +22,12 @@
         :button="$page.markdownPage.button"
         :link="$page.markdownPage.link"
       />
+
+      <BrandPanel
+        :id="$page.markdownPage.id"
+        :brand="$page.markdownPage.brandPanel"
+        v-if="$page.markdownPage.brandPanel"
+      />
       <!-- <CustomCTA
         :header="true"
         :image="$page.markdownPage.pageHeader.image"
@@ -35,29 +41,7 @@
         />
       </div> -->
     </div>
-    <div
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
-      class="container sm:pxi-0 mx-auto overflow-x-hidden py-5"
-      v-if="
-        $page.markdownPage.id !== 'careers' &&
-        $page.markdownPage.id !== 'community' &&
-        $page.markdownPage.id !== 'about-us'
-      "
-    >
-      <Header
-        v-if="
-          $page.markdownPage.id !== 'contact' &&
-          $page.markdownPage.header_title &&
-          $page.markdownPage.header_title != ''
-        "
-        :id="$page.markdownPage.id"
-        :title="$page.markdownPage.header_title"
-        :slogan="$page.markdownPage.header_slogan"
-        :image="$page.markdownPage.header_image"
-        :altImg="$page.markdownPage.header_altImg"
-        :excerpt="$page.markdownPage.header_excerpt"
-        :button="$page.markdownPage.button"
-        :link="$page.markdownPage.link"
-      />
       <!-- <SignUp
         v-if="$page.markdownPage.signup"
         :signup="$page.markdownPage.signup"
@@ -121,12 +105,6 @@
         :diveInto="false"
       />
 
-      <NewCard
-        v-if="$page.markdownPage.card"
-        :id="$page.markdownPage.id"
-        :card="$page.markdownPage.card"
-      />
-
       <Slider
         v-if="$page.markdownPage.carousel"
         :slides="$page.markdownPage.carousel"