From 480d36c491e5c79b9d5901c93336ea3aea0fa20b Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Tue, 6 Apr 2021 16:20:57 +0200
Subject: [PATCH] fix brandpanel component

---
 content/page/token/brandPanel/brandPanel.md     |   2 +-
 .../assets/images}/brandPanel/dive-into.png     | Bin
 .../sections/cta-sections/BrandPanel.vue        |  16 ++++++----------
 src/templates/MarkdownPage.vue                  |   2 +-
 4 files changed, 8 insertions(+), 12 deletions(-)
 rename {content/page/token => src/assets/images}/brandPanel/dive-into.png (100%)

diff --git a/content/page/token/brandPanel/brandPanel.md b/content/page/token/brandPanel/brandPanel.md
index 07b248205..ce86c6f17 100644
--- a/content/page/token/brandPanel/brandPanel.md
+++ b/content/page/token/brandPanel/brandPanel.md
@@ -4,7 +4,7 @@ title: Dive Deeper into TFT
 subtitle:
 sourceUrl: https://threefold.io/farming/token
 btnTxt: Learn More
-img: ./dive-into.png
+image: dive-into.png
 ---
 
 TFT represents a unit of compute and storage capacity (CPU, RAM, SDD/HDD) on the ThreeFold Grid. From our favourite application to our chats and videos, everything we use digitally needs compute and storage to be live.
diff --git a/content/page/token/brandPanel/dive-into.png b/src/assets/images/brandPanel/dive-into.png
similarity index 100%
rename from content/page/token/brandPanel/dive-into.png
rename to src/assets/images/brandPanel/dive-into.png
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index e28c3a4c2..26ff5fa1f 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -8,7 +8,7 @@
         <div class="relative pb-3/5 -mt-6 md:pb-1/2">
           <g-image
             class="absolute brandpanel inset-0 w-full h-full translate-x-0 translate-y-center rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
-            :src="brand.img.src"
+            :src="image"
             :alt="brand.title"
           />
         </div>
@@ -16,16 +16,15 @@
           class="pt-10 pb-10 px-6 sm:pt-16 sm:px-10 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
         >
           <div class="lg:self-center">
-            <h2 class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading">
+            <h2
+              class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading"
+            >
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
               }}</span>
             </h2>
-            <div
-              class="py-6 mt-4 text-gray-600"
-              v-html="brand.content"
-            ></div>
+            <div class="py-6 mt-4 text-gray-600" v-html="brand.content"></div>
             <a
               v-if="brand.btnTxt"
               target="_blank"
@@ -53,10 +52,7 @@
                 brand.subtitle
               }}</span>
             </h2>
-            <div
-              class="py-6 mt-4 mx-4 text-white"
-              v-html="brand.content"
-            ></div>
+            <div class="py-6 mt-4 mx-4 text-white" 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 rounded shadow rounded-full"
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index c7394f2ee..585ad6917 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -182,7 +182,7 @@
          content
          sourceUrl
          btnTxt
-         img
+         image
        }
        partenershipsMain{
          id