update content

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

@@ -0,0 +1,73 @@
+
+<template>
+  <section class="bg-white">
+    <div class="max-w-screen-2xl mx-auto py-12 px-4 text-center  sm:px-6 lg:py-16 lg:px-8">
+      <div class="xl:grid xl:grid-cols-3 mx-auto xl:gap-2">
+        <div
+          class="mt-12 grid md:grid-cols-3 sm:grid-cols-2 xl:mt-0 xl:col-span-3"
+        >
+          <div
+            v-for="footersLink in record.items"
+            :key="footersLink.title"
+            class=""
+          >
+            <div>
+              <h2
+                class="
+                  text-4xl
+                  leading-5
+                  py-6
+                  font-extrabold
+                  tracking-wider
+                  capitalize
+                "
+              >
+                {{ footersLink.title }}
+              </h2>
+              <ul class="mt-4 space-y-5 footerslink">
+                <li  v-for="item in footersLink.links" :key="item.name">
+                  <a
+                    v-if="item.link.includes('http')"
+                    :href="item.link"
+                    target="_blank"
+                    class="
+                      text-xl
+                      mb-4
+                      leading-5
+                      hover:text-gray-900
+                    "
+                  >
+                    {{ item.name }}
+                  </a>
+                  <a
+                    v-else
+                    :href="item.link"
+                    class="
+                      text-2xl
+                      leading-5
+                      hover:text-gray-900
+                    "
+                  >
+                    {{ item.name }}
+                  </a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  props: ["record"],
+};
+</script>
+
+<style scoped>
+ul {
+  list-style-type: none;
+}
+</style>

src/templates/MarkdownPage.vue

@@ -329,6 +329,12 @@
         :brandPanel2="true"
       />
 
+      <LinkTable
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.footers"
+        :record="$page.markdownPage.footers"
+      />
+
       <AppListItem
         v-if="
           $page.markdownPage.appData && $page.markdownPage.appData.length > 0
@@ -565,6 +571,16 @@
           image
           url
         }
+        footers{
+          id
+      items{
+        title
+        links{
+          name
+          link
+        }
+      }
+    }
          inTheNews {
           id
           content
@@ -841,12 +857,14 @@ import CustomCTA from "~/components/custom/sections/CustomCTA.vue";
 import Slider from "~/components/custom/Slider.vue";
 import RoadMap from "~/components/custom/Roadmap.vue";
 import MarketInfo from "~/components/custom/MarketInfo.vue";
+import LinkTable from "~/components/marketing/sections/cta-sections/Link_Table.vue";
 import SplitWithImage from "~/components/custom/SplitWithImage.vue";
 
 export default {
   components: {
     NewCard,
     Header,
+    LinkTable,
     VerticalNav,
     GetInTouch,
     SolutionsHeader,