feat: add videos and dokploy cloud

apps/docs/content/docs/core/get-started/installation.mdx

@@ -53,6 +53,11 @@ import { Callout } from "fumadocs-ui/components/callout";
 
 Dokploy utilizes Docker, so it is essential to have Docker installed on your server. If Docker is not already installed, use the following command to install it automatically:
 
+<div className="flex flex-col gap-10 px-4 bg-green-200 dark:bg-[#031F10] text-green-900 dark:text-green-300 rounded-lg">
+
+ Dokploy Cloud:  Use Dokploy directly without worrying about maintenance or updates. Enjoy a hassle-free experience with Dokploy Cloud.  <a href="https://app.dokploy.com/register" className="text-green-600 underline">Sign up</a>
+</div>
+
 ```bash
 curl -sSL https://dokploy.com/install.sh | sh
 ```

apps/docs/content/docs/core/get-started/videos.mdx

@@ -0,0 +1,35 @@
+---
+title: Videos
+description: Videos about how to install and use Dokploy.
+---
+
+import { Card, Cards } from 'fumadocs-ui/components/card';
+
+
+## My Favorite Way to deploy Applications
+<iframe width="100%" height="315" src="https://www.youtube.com/embed/2Q4-EgYS0u4?si=K7wls46laSU_W3c_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+
+
+<div  className='border-2 mt-10'/>
+
+
+## Introduction to Dokploy
+<iframe width="100%" height="315" src="https://www.youtube.com/embed/mznYKPvhcfw?si=9r6ws_bJF45QSZgb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<div  className='border-2 mt-10'/>
+
+## Deploy docker compose on a VPS [Dokploy]
+<iframe width="100%" height="315" src="https://www.youtube.com/embed/3qr_celxISA?si=N72toqtyC_sxlucH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<div  className='border-2 mt-10'/>
+
+## How to Setup Dokploy Self-Hosting on A Hetzner Server | BEST Coolify Alternative
+<iframe width="100%" height="315" src="https://www.youtube.com/embed/83UX8TfuDis?si=SLQr7Q8I2PpUjNlH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<div  className='border-2 mt-10'/>
+
+## FREE: Dokploy Self-Hosted 🐳 CANCEL VERCEL! 🚨 Coolify, Caprover, Alternative - Open Source
+<iframe width="100%" height="315" src="https://www.youtube.com/embed/8kHeKBd1rlU?si=LmUiT7mu9I9micy3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+<div  className='border-2 mt-10'/>
+## Say Goodbye to Vercel and Heroku with Dokploy Install
+<iframe width="100%" height="315" src="https://www.youtube.com/embed/XohTt3lh9qg?si=N4alYYsfSzNsFOmb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+

apps/docs/content/docs/core/meta.json

@@ -5,6 +5,7 @@
 		"---Get Started---",
 		"get-started/introduction",
 		"get-started/architecture",
+		"get-started/videos",
 		"get-started/features",
 		"get-started/installation",
 		"get-started/manual-installation",

apps/docs/mdx-components.tsx

@@ -7,9 +7,7 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
 		...defaultComponents,
 		...components,
 		ImageZoom,
-		p: ({ children }) => (
+		p: ({ children }) => <p className="">{children}</p>,
-			<p className="text-[#3E4342] dark:text-muted-foreground">{children}</p>
-		),
 		li: ({ children, id }) => (
 			<li {...{ id }} className="text-[#3E4342] dark:text-muted-foreground">
 				{children}

apps/website/locales/en.json

@@ -143,7 +143,7 @@
 					"title": "Dokploy Plan",
 					"description": " to manage Dokploy UI infrastructure, we take care of it for you."
 				},
-				"servers": "{serverQuantity}Servers (You bring the servers)",
+				"servers": "{serverQuantity} Servers (You bring the servers)",
 				"features": {
 					"f1": "Managed Hosting: No need to manage your own servers",
 					"f2": "Priority Support",