diff --git a/content/navigation/navigation.md b/content/navigation/navigation.md
index c34c92448..7ce41434e 100644
--- a/content/navigation/navigation.md
+++ b/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
diff --git a/content/page/grid/cta/cta.md b/content/page/grid/cta/cta.md
new file mode 100644
index 000000000..c50a9f298
--- /dev/null
+++ b/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
diff --git a/content/page/grid/cta/zero_os.png b/content/page/grid/cta/zero_os.png
new file mode 100644
index 000000000..e0f03b25a
Binary files /dev/null and b/content/page/grid/cta/zero_os.png differ
diff --git a/content/page/grid/grid.md b/content/page/grid/grid.md
index a58653f1e..a551736f2 100644
--- a/content/page/grid/grid.md
+++ b/content/page/grid/grid.md
@@ -14,4 +14,5 @@ link: "#"
 brandPanel: grid_brandPanel
 brandPanel2: grid_brandPanel2
 brandPanel3: grid_brandPanel3
+cta: grid_cta
 ---
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 0895b5f1d..789c94cff 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/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"
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index ec07aafdc..92714ca9d 100644
--- a/src/templates/MarkdownPage.vue
+++ b/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