update content markdown

src/components/custom/NewsFilterHeader.vue

@@ -259,7 +259,7 @@ export default {
     resetAll() {
       this.$emit("resetAll", true);
       this.topic = "All Topics";
-      this.year = "All Year";
+      this.year = "All Years";
       this.month = "All Months";
     },
     close(e) {

src/components/custom/sections/Comparison.vue

@@ -10,25 +10,24 @@
         v-for="(section, index) in sections"
         :key="index"
       >
-        <img
+        <g-image
           class="w-1/2 mx-auto mb-8 h-32"
           :src="section.svg.src"
           :alt="section.title"
         />
         <h3 class="text-2xl mb-4 font-semibold font-heading">
-          <span
+          <!-- <span
             class="inline-flex items-center justify-center h-12 w-12 mr-2 border rounded-full"
             >{{ index + 1 }}</span
-          >
+          > -->
           <span>{{ section.title }}</span>
         </h3>
-        <p class="text-gray-600">
-          {{ section.excerpt }}
-        </p>
+        <div class="text-gray-700" v-html="section.content"></div>
       </div>
     </div>
     <div>
       <g-link
+        v-if="main.button"
         class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 mr-3 font-semibold rounded shadow"
         :to="main.link"
         >{{ main.button }}</g-link

src/components/custom/sections/Features.vue

@@ -1,38 +1,42 @@
 <template>
   <section class="py-12 px-4">
-    <h2 class="text-3xl text-center mb-12 font-semibold font-heading">
+    <h2 class="text-4xl text-center mb-12 font-semibold font-heading">
       {{ main.title }}
     </h2>
     <div class="flex flex-wrap -mx-4 mb-6">
       <div
         v-for="feature in features"
         :key="feature.id"
-        class="lg:w-1/4 px-4 mb-6"
+        class="lg:w-1/2 px-4 mb-6 text-center"
       >
-        <g-image class="w-10 h-10" :src="feature.svg.src"></g-image>
+        <g-image
+          class="w-10 h-10 mx-auto"
+          v-if="feature.svg"
+          :src="feature.svg.src"
+          :alt="feature.svg"
+        ></g-image>
         <h3 class="text-xl my-3 font-semibold font-heading">
           {{ feature.title }}
         </h3>
-        <p class="text-sm text-gray-600 leading-relaxed">
-          {{ feature.excerpt }}
-        </p>
+        <div
+          v-html="feature.content"
+          class="text-sm text-gray-700 leading-relaxed"
+        ></div>
       </div>
     </div>
-    <div class="text-center">
+    <div class="text-center" v-if="main.btn">
       <g-link
         class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 mr-3 font-semibold rounded shadow"
         :to="main.link"
         >{{ main.btn }}</g-link
       >
-      <p class="text-sm text-gray-400 mt-5">
-        {{ main.excerpt }}
-      </p>
+      <div v-html="main.content" class="text-sm text-gray-400 mt-5"></div>
     </div>
   </section>
 </template>
 
 <script>
 export default {
-  props: ["main", "features"]
+  props: ["main", "features"],
 };
 </script>

src/components/custom/sections/HowItWorks.vue

@@ -21,9 +21,10 @@
           <h3 class="text-2xl mb-2 font-semibold font-heading">
             {{ howItWorkSec.title }}
           </h3>
-          <p class="text-gray-600 leading-relaxed">
-            {{ howItWorkSec.excerpt }}
-          </p>
+          <div
+            class="text-gray-700 leading-relaxed"
+            v-html="howItWorkSec.content"
+          ></div>
         </div>
       </div>
     </div>

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

@@ -1,34 +1,46 @@
 <template>
-        <div>
+  <div>
     <div class="lg:py-12 lg:flex lg:justify-center flex flex-col">
-        <div class="bg-white lg:mx-8 lg:flex lg:max-w-5xl lg:shadow-lg lg:rounded-lg">
-            <div class="lg:w-1/2">
-                <div class="h-64 bg-cover lg:rounded-lg lg:h-full" :style="img"></div>
-            </div>
-            <div class="py-12 px-6 max-w-xl lg:max-w-5xl lg:w-1/2">
-                <h2 class="text-3xl text-gray-700 font-bold">{{ card.title }}</h2>
-                <p class="mt-4 text-gray-700">{{ card.excerpt }}</p>
-                <div class="mt-8" v-if="card.link">
-                    <a :href="card.link" class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 font-semibold rounded">{{ card.button }}</a>
-                </div>
-            </div>
+      <div
+        class="bg-white lg:mx-8 lg:flex lg:max-w-5xl lg:shadow-lg lg:rounded-lg"
+      >
+        <div class="lg:w-1/2">
+          <div class="h-64 bg-cover lg:rounded-lg lg:h-full" :style="img"></div>
         </div>
-    </div> 
-</div>
-
-
+        <div class="py-12 px-6 max-w-xl lg:max-w-5xl lg:w-1/2">
+          <h2 class="text-3xl text-gray-700 font-bold">{{ card.title }}</h2>
+          <div class="mt-4 text-gray-700" v-html="card.content"></div>
+          <div class="mt-8" v-if="card.button">
+            <a
+              v-if="card.link.includes('http')"
+              target="_blank"
+              :href="card.link"
+              class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 font-semibold rounded"
+              >{{ card.button }}</a
+            >
+            <a
+              v-else
+              :href="card.link"
+              class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 font-semibold rounded"
+              >{{ card.button }}</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-    computed: {
-        img: function(){
-            if(this.card.image.src)
-                return "background-image:url(" + this.card.image.src + ")"
-            return this.card.image
-        }
+  computed: {
+    img: function () {
+      if (this.card.image.src)
+        return "background-image:url(" + this.card.image.src + ")";
+      return this.card.image;
     },
-        
+  },
+
   props: ["card"],
 };
 </script>