feat: add new user manual (work in progress)

content/index.md

@@ -7,6 +7,7 @@ Welcome to **Zen Browser's Documentation!** Here, you'll find everything you nee
 
 ## Index
 * #### [[building|Building Zen Browser 📦]]
+* #### [[user-manual/index|User Manual 📖]]
 * #### [[guides/index|Guides 🛠️]]
 * #### [[themes-store/index|Theme Store 🎨]]
 * #### [[faq | Frequently Asked Questions ❓]]

content/user-manual/index.md

@@ -0,0 +1,27 @@
+---
+title: User Manual 📖
+aliases:
+  - User Manual 📖
+  - User Manual
+---
+
+> [!danger]
+> This user manual is still in early stages of development and incomplete
+
+Welcome to the Zen Browser User Manual! This guide is designed to provide you with a comprehensive overview of Zen Browser's features, settings, and customization options. This manual will help you navigate the essential aspects of Zen Browser and optimize your browsing experience.
+
+> [!important] **Important Notice**
+> Zen Browser is under active and rapid development. Some content in this manual may become outdated as the browser evolves. Please check the last modification date below the title to confirm you have the most recent information. If you find any outdated sections, please feel free to report them by opening an issue on our [GitHub repository](https://github.com/zen-browser/docs/issues).
+
+Thank you for using Zen Browser, and happy browsing!
+
+# Manuals
+
+- ## [[user-manual/profiles/index|Profiles]]
+<a href="user-manual/profiles/index"><img src="/assets/user-manual/profiles/profiles.png" width="35%"></a>
+
+- ## [[user-manual/webpanel/index|Web Panel]]
+<a href="user-manual/profiles/index"><img src="/assets/user-manual/webpanel/webpanel.png" width="35%"></a>
+
+- ## [[user-manual/workspaces/index|Workspaces]]
+<a href="user-manual/profiles/index"><img src="/assets/user-manual/workspaces/workspaces.png" width="35%"></a>

content/user-manual/profiles/index.md

@@ -0,0 +1,19 @@
+---
+title: Profiles
+aliases:
+  - Profiles
+---
+
+<div align="center">
+	<img src="/assets/user-manual/profiles/profiles.png">
+</div>
+
+Zen Browser’s **profiles** feature is your solution for managing distinct browsing environments all within one browser. Each profile is a fully separate session, with unique cookies, accounts, settings, and history—ideal for keeping work, personal, and project tabs completely isolated.
+
+Switching profiles gives you a “fresh” browsing instance each time, letting you toggle between tasks without crossover. Whether you’re managing multiple accounts or separating personal and professional life, Zen Profiles ensure privacy and streamline your workflow for effortless browsing management.
+
+> [!note]
+> If you'd like separate environments inside a single browser instance, try **[[Workspaces + Containers]]** for a flexible, organized setup within the same profile.
+
+
+

content/user-manual/webpanel/index.md

@@ -0,0 +1,16 @@
+---
+title: Web Panel
+aliases:
+  - Web Panel
+---
+
+<div align="center">
+	<img src="/assets/user-manual/webpanel/webpanel.png" width="45%">
+</div>
+
+The **Zen Web Panel** brings your favorite web apps—like chats, notes, or to-do lists—right into your browser window for quick, side-by-side multitasking. Instead of switching tabs, you can keep essentials within reach, making it easy to reference or interact without losing focus on your main task.
+
+With options to float or pin these panels alongside your browsing tabs, the Sidebar is perfect for keeping tools like messaging or music accessible. Planned upgrades will even add notification badges for real-time updates, creating a streamlined and productive workspace within Zen.
+
+
+

content/user-manual/workspaces/index.md

@@ -0,0 +1,15 @@
+---
+title: Workspaces
+aliases:
+  - Workspaces
+---
+
+<div align="center">
+	<img src="/assets/user-manual/workspaces/workspaces.png">
+</div>
+
+Zen Browser’s **workspaces** feature is your go-to tool for organizing tabs seamlessly by tasks, projects, or themes. Think of each workspace as a focused area where you can group related tabs and quickly switch between sets—ideal for juggling work, personal tasks, or study sessions without cluttering your tab bar.
+
+You can make each workspace your own by adding **default container tabs** to keep accounts or projects isolated within one workspace, preserving privacy and making navigation easy. Customize each workspace with unique icons and names, so it’s a breeze to find what you need.
+
+Perfect for power users, workspaces bring the flexibility of multiple browser windows into one streamlined experience, complete with shortcuts to switch between them in an instant. Organize, focus, and explore your tabs with Zen Browser’s workspaces for a truly efficient browsing experience.