diff --git a/.github/workflows/astro.yml b/.github/workflows/astro.yml
index f164c3a..446bf34 100644
--- a/.github/workflows/astro.yml
+++ b/.github/workflows/astro.yml
@@ -7,7 +7,7 @@ name: Deploy Astro site to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["main"]
+    branches: ["none"]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
diff --git a/astro.config.mjs b/astro.config.mjs
index 7ddf259..8782fae 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -15,6 +15,7 @@ export default defineConfig({
 			social: {
 				github: 'https://github.com/zen-browser',
 				discord: 'https://discord.com/invite/nnShMQzR4b',
+				mastodon: 'https://fosstodon.org/@zenbrowser',
 			},
 			editLink: {
 				baseUrl: 'https://github.com/zen-browser/docs/edit/docs-astro/',
diff --git a/public/split-tabs.mp4 b/public/split-tabs.mp4
new file mode 100644
index 0000000..bb9828c
Binary files /dev/null and b/public/split-tabs.mp4 differ
diff --git a/src/content/docs/guides/live-editing.md b/src/content/docs/guides/live-editing.md
index ac36991..e169901 100644
--- a/src/content/docs/guides/live-editing.md
+++ b/src/content/docs/guides/live-editing.md
@@ -22,6 +22,13 @@ This guide will help you customize the appearance of Zen Browser by live editing
 2. Navigate to the **Style Editor** tab.
 3. In the filter/search bar, type `userChrome` to locate the `userChrome.css` file you created earlier.
 
+:::note[Enable Browser Developer Tools] 
+After Zen Browser version `1.0.0-a.31` the Browser Developer Tools is **disabled** by default for security.
+1. Open the `about:config` page. This page contains advanced settings for the browser.
+2. Search for `devtools.debugger.remote-enabled`
+3. Toggle the setting to `true` by double-clicking on it
+:::
+
 ## Step 4: Edit the `userChrome.css` File
 
 1. The `userChrome.css` file should now be visible in the Style Editor.
diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index e8bbd54..e95b4f6 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -19,17 +19,30 @@ hero:
 import { Card, CardGrid } from '@astrojs/starlight/components';
 import AboutAstro from '../../components/about-astro.astro';
 
-# What is in the docs
-##### Welcome to **Zen Browser's Documentation!** Here, you'll find everything you need to get the most out of your browsing experience.  Dive in to explore how Zen can make your browsing more secure, private, and efficient.
+#### Welcome to Zen Browser's Documentation! Here, you'll find everything you need to get the most out of your browsing experience.  Dive in to explore how Zen can make your browsing more secure, private, and efficient.
 
 ---
-more blabla here
+
+---
+<CardGrid stagger>
+	<Card title="Guides" icon="pencil">
+		<h4>All the guides to make Zen an amazing experience!</h4>
+	</Card>
+	<Card title="Theme Store" icon="sun">
+		<h4>Customize your browser whit a theme?<br></br>Lets go!</h4>
+	</Card>
+	<Card title="Contributions" icon="rocket">
+		<h4>U know a bit of programin and have free time, come and join<br></br><text style="color:yellow">Lets make it amazing</text></h4>
+	</Card>
+	<Card title="FAQ" icon="open-book" style="height:fit-content;">
+		<h3>Stuck on something check the [FAQs](/more/faq/).</h3>
+	</Card>
+</CardGrid>
 
 <AboutAstro title="Brought to you by">
-Zen is the best way to browse the web.
+Zen team. ❤️
 
-Beautifully designed, privacy-focused, and packed with features.
-We care about your experience, not your data.
+Zen is the best way to browse the web.
 
 [Learn about Zen](https://www.zen-browser.app/)
 
diff --git a/src/content/docs/more/faq.md b/src/content/docs/more/faq.md
index 74ca55e..9380344 100644
--- a/src/content/docs/more/faq.md
+++ b/src/content/docs/more/faq.md
@@ -1,5 +1,8 @@
 ---
 title: Frequently Asked Questions ❓
+sidebar:
+  order: 1
+lastUpdated: 2024-08-28
 ---
 Welcome to the Zen Browser FAQ section! Here, you'll find answers to common questions and helpful tips to enhance your experience with Zen Browser. If your question isn't covered here, feel free to explore our community forums [r/zen_browser](https://www.reddit.com/r/zen_browser) or reach out to the support team.
 
@@ -73,6 +76,11 @@ If you encounter this error please follow our [Installing Zen Browser on MacOS](
 2. Right click a tab, and select `Split x Tabs`
 3. Change the view mode by pressing the 🔗 button in the top address bar
 
+<video controls>
+  <source src="/public/split-tabs.mp4" type="video/mp4">
+Your browser does not support the video tag.
+</video> 
+
 ## How to switch tabs by scrolling?
 You can to enable this feature by changing a setting in the browser's configuration. Here's how: