grid cta

content/navigation/navigation.md

@@ -6,6 +6,11 @@ navLinks:
     external: false
     expandable: false
 
+  - name: Grid
+    link: /grid
+    external: false
+    expandable: false
+
   - name: Token
     link: ""
     external: false

content/page/grid/cta/cta.md

@@ -0,0 +1,10 @@
+---
+id: grid_cta
+title: ZERO OS
+image: ./zero_os.png
+button: How It Works
+link: '#'
+button2: Download Zero OS
+link2: '#'
+---
+Zero-OS is an autonomous and lightweight operating system that achieves unmatched levels of efficiency and security. It has no shell or remote control, making it impossible for humans to access user data on the hardware level, and it was designed to be the most efficient software environment. With powerful compute, storage and network features and it’s industry-leading efficiency, Zero-OS was designed to host anything that runs on Linux, but better

content/page/grid/grid.md

@@ -14,4 +14,5 @@ link: "#"
 brandPanel: grid_brandPanel
 brandPanel2: grid_brandPanel2
 brandPanel3: grid_brandPanel3
+cta: grid_cta
 ---

src/components/custom/sections/CallToAction.vue

@@ -469,6 +469,107 @@
         >
       </div>
     </div>
+
+    <!-- grid -->
+    <div class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'">
+      <g-image :src="cta.image" class="mx-auto w-1/2 my-5" />
+      <h2
+        v-if="cta.title"
+        class="
+          lg:text-5xl
+          text-center
+          uppercase
+          my-2
+          leading-none
+          font-bold font-heading
+        "
+      >
+        {{ cta.title }}
+      </h2>
+      <div
+        v-html="cta.content"
+        class="mt-6 mb-8 lg:text-2xl text-gray-800"
+      ></div>
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button && cta.link.includes('http')"
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button2 && cta.link2.includes('http')"
+        :href="cta.link2"
+        >{{ cta.button2 }}</a
+      >
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link2"
+        >{{ cta.button2 }}</a
+      >
+    </div>
     <!-- tft -->
     <div
       class="w-full lg:max-w-4xl mx-auto lg:mt-20 lg:px-16 lg:py-10 tft_section"

src/templates/MarkdownPage.vue

@@ -50,7 +50,7 @@
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <CallToAction
         :id="$page.markdownPage.id"
-        v-if="$page.markdownPage.cta"
+        v-if="$page.markdownPage.cta && $page.markdownPage.id !== 'grid'"
         :cta="$page.markdownPage.cta"
       />
 
@@ -86,6 +86,11 @@
     </div>
 
     <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+      <CallToAction
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.cta && $page.markdownPage.id == 'grid'"
+        :cta="$page.markdownPage.cta"
+      />
       <RoadMap
         :id="$page.markdownPage.id"
         v-if="$page.markdownPage.roadmap"
@@ -299,6 +304,8 @@
           image
           button
           link
+          button2
+          link2
         }
         cta2{
           title