grid brandpanel2

content/page/grid/brandPanel2/index.md

@@ -0,0 +1,8 @@
+---
+id: grid_brandPanel2
+title: INTERNET REIMAGINED
+btnTxt: "See who's building on the Grid"
+sourceUrl: '#'
+image: internet_reimagine.jpg # src/assets/brandPanel/..
+---
+Any current and future digital workload can be hosted natively on ThreeFold with minimum migration including cloud alternatives, blockchains, IoT networks, decentralized organizations and applications

content/page/grid/grid.md

@@ -12,4 +12,5 @@ solution_image:
 button: Take Part
 link: "#"
 brandPanel: grid_brandPanel
+brandPanel2: grid_brandPanel2
 ---

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

@@ -420,7 +420,6 @@
                 text-sm
                 learn-button
                 hover:bg-gray-400
-                bo
                 px-12
                 py-1
                 mr-5
@@ -434,10 +433,49 @@
           </div>
         </div>
         <div class="lg:w-1/2 px-2">
-          <g-image class="mx-auto" :src="image" :alt="brand.title" />
+          <g-image class="mx-auto w-3/4" :src="image" :alt="brand.title" />
         </div>
       </div>
 
+      <div
+        v-else-if="id == 'grid' && brandPanel2"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-4"
+      >
+        <div class="lg:w-1/2 px-2 self-center">
+          <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">
+          <div class="px-10 lg:self-center">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
+              {{ brand.title }}
+            </h2>
+            <div
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
+              v-html="brand.content"
+            ></div>
+            <a
+              v-if="brand.btnTxt"
+              target="_blank"
+              :href="brand.sourceUrl"
+              class="
+                inline-block
+                bg-white
+                text-sm
+                learn-button
+                hover:bg-gray-400
+                px-12
+                py-1
+                mr-5
+                mb-4
+                border-2
+                shadow
+                border-black
+              "
+              >{{ brand.btnTxt }}</a
+            >
+          </div>
+        </div>
+      </div>
       <div
         v-else
         class="

src/templates/MarkdownPage.vue

@@ -331,6 +331,8 @@
         brandPanel2{
          id
          title
+         btnTxt
+         sourceUrl
          content
          image
        }