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>