diff --git a/app/_meta.ts b/app/_meta.ts
index fb056e2f..65c2f5bf 100644
--- a/app/_meta.ts
+++ b/app/_meta.ts
@@ -14,6 +14,12 @@ export default {
       type: "page",
       title: "Data Availability",
     },
+
+    'tutorials': {
+      type: "page",
+      title: "Tutorials",
+    },
+
     'user-guides': {
       type: 'page',
       title: 'User Guides',
diff --git a/app/tutorials/_meta.ts b/app/tutorials/_meta.ts
new file mode 100644
index 00000000..a3fff71d
--- /dev/null
+++ b/app/tutorials/_meta.ts
@@ -0,0 +1,7 @@
+export default {
+    "tut-1": "Tutorial-1",
+    "tut-2": "Tutorial-2",
+    "tut-3": "Tutorial-3",
+    "tut-4": "Tutorial-4",
+    "tut-5": "Tutorial-5",
+}
\ No newline at end of file
diff --git a/app/tutorials/tut-1/page.mdx b/app/tutorials/tut-1/page.mdx
new file mode 100644
index 00000000..e69de29b
diff --git a/app/tutorials/tut-2/page.mdx b/app/tutorials/tut-2/page.mdx
new file mode 100644
index 00000000..e69de29b
diff --git a/app/tutorials/tut-3/page.mdx b/app/tutorials/tut-3/page.mdx
new file mode 100644
index 00000000..e69de29b
diff --git a/app/tutorials/tut-4/page.mdx b/app/tutorials/tut-4/page.mdx
new file mode 100644
index 00000000..e69de29b
diff --git a/app/tutorials/tut-5/page.mdx b/app/tutorials/tut-5/page.mdx
new file mode 100644
index 00000000..e69de29b
diff --git a/static/introductionData.ts b/static/introductionData.ts
index 05ceacf7..0b0c14fa 100644
--- a/static/introductionData.ts
+++ b/static/introductionData.ts
@@ -36,6 +36,24 @@ export const IntroData = [
         },
       ]
   },
+
+  {
+    title: "Tutorials",
+    description:
+      "Hands-on tutorials to help you build with Avail",
+      links: [
+        {
+          topic: "Read more",
+          links: [{ link: "/tutorials/tut-1", textcolor: "3CA3FC", placeholder: "Tutorial 1"}, 
+          {link: "/tutorials/tut-2", textcolor: "3CA3FC", placeholder: "Tutorial 2"},
+          {link: "/tutorials/tut-3", textcolor: "3CA3FC", placeholder: "Tutorial 3"},
+          {link: "/tutorials/tut-4", textcolor: "3CA3FC", placeholder: "Tutorial 4"},
+          {link: "/tutorials/tut-5", textcolor: "3CA3FC", placeholder: "Tutorial 5"},
+          ],
+          textcolor: "9C3D3D"
+        },
+      ]
+  },
   {
     title: "User guides",
     description: