feat: update images and descriptions across comparison pages

- Replaced outdated images with new ones for Dokploy's deployment logs, monitoring dashboards, and project management features in the comparison pages against CapRover, Coolify, Dokku, Portainer, Render, and Vercel.
- Updated alt text for images to better reflect their content and improve accessibility.
- Enhanced the visual representation of Dokploy's capabilities in industry-specific contexts, ensuring consistency across all comparison pages.

apps/website/app/dokploy-vs-caprover/page.tsx

@@ -67,7 +67,7 @@ const whyChooseItems = [
 		description:
 			"CapRover is great for getting a single app online fast, but Dokploy handles the full deployment lifecycle. From git-connected builds with Nixpacks and Buildpacks to Docker Compose orchestration, preview deployments, and multi-server scaling—Dokploy grows with your project instead of hitting a ceiling.",
 		image: {
-			src: "/images/dokploy-deployment-log.png",
+			src: "/images/dokploy-build-logs.png",
 			alt: "Dokploy deployment panel showing build and deployment logs",
 		},
 	},
@@ -78,7 +78,7 @@ const whyChooseItems = [
 			"CapRover doesn't include built-in monitoring or backup tools—you'd need to bolt on Prometheus, Grafana, or custom scripts. Dokploy ships with real-time CPU, memory, and disk metrics, automated alerting, and scheduled S3-compatible backups for databases and volumes, all in one dashboard.",
 		image: {
 			src: "/images/dokploy-monitoring-dashboard.png",
-			alt: "Dokploy monitoring dashboard showing CPU, memory, disk and I/O metrics",
+			alt: "Dokploy monitoring dashboard showing CPU, memory and disk metrics",
 		},
 	},
 	{
@@ -87,8 +87,8 @@ const whyChooseItems = [
 		description:
 			"CapRover is designed for single-user setups with no built-in team management, RBAC, or project organization. Dokploy supports multiple users, role-based permissions, and project grouping out of the box—making it ready for teams and agencies, not just solo side projects.",
 		image: {
-			src: "/images/dokploy-projects-dashboard.png",
-			alt: "Dokploy projects dashboard with services grid and environment selector",
+			src: "/images/dokploy-users.png",
+			alt: "Dokploy team members with role-based access permissions",
 		},
 	},
 	{
@@ -97,8 +97,8 @@ const whyChooseItems = [
 		description:
 			"Dokploy's UI is built with Next.js and TypeScript, offering a fast, consistent experience with predictable workflows. CapRover's captain dashboard is functional but dated, and many operations require CLI commands or manual configuration. Dokploy keeps everything accessible in the browser.",
 		image: {
-			src: "/images/dokploy-provider-settings.png",
-			alt: "Dokploy deploy settings with provider and domain configuration",
+			src: "/images/dokploy-projects-dashboard.png",
+			alt: "Dokploy dashboard with projects and services grid",
 		},
 	},
 ];

apps/website/app/dokploy-vs-coolify/page.tsx

@@ -240,7 +240,7 @@ export default function DokployVsCoolifyPage() {
 									{index === 0 ? (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-deployment-log.png"
+												src="/images/dokploy-build-logs.png"
 												alt="Dokploy deployment panel showing build and deployment logs"
 												fill
 												className="object-cover object-top"
@@ -251,7 +251,7 @@ export default function DokployVsCoolifyPage() {
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
 												src="/images/dokploy-monitoring-dashboard.png"
-												alt="Dokploy monitoring dashboard showing CPU, memory, disk and I/O metrics"
+												alt="Dokploy monitoring dashboard showing CPU, memory and disk metrics"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"
@@ -280,8 +280,8 @@ export default function DokployVsCoolifyPage() {
 									) : index === 4 ? (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-create-backup.png"
-												alt="Dokploy Create Backup modal for database and volume backups"
+												src="/images/dokploy-backups.png"
+												alt="Dokploy scheduled database backups with S3 destination"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"
@@ -290,8 +290,8 @@ export default function DokployVsCoolifyPage() {
 									) : index === 5 ? (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-projects-dashboard.png"
-												alt="Dokploy projects dashboard showing AI app deployments"
+												src="/images/dokploy-audit-logs.png"
+												alt="Dokploy audit logs tracking deployments in governed environments"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"

apps/website/app/dokploy-vs-dokku/page.tsx

@@ -67,7 +67,7 @@ const whyChooseItems = [
 		description:
 			"Dokku requires SSH access and CLI commands for every operation—deploying, scaling, configuring domains, managing databases. Dokploy puts all of that in a visual dashboard. Connect your repo, configure your service, and deploy—all without touching a terminal. You still get full Docker access when you need it.",
 		image: {
-			src: "/images/dokploy-deployment-log.png",
+			src: "/images/dokploy-build-logs.png",
 			alt: "Dokploy deployment panel showing build and deployment logs",
 		},
 	},
@@ -78,7 +78,7 @@ const whyChooseItems = [
 			"Dokku has no built-in monitoring or backup system—you'd need to set up separate tools and cron jobs. Dokploy includes real-time CPU, memory, and disk metrics, automated alerts, and scheduled S3-compatible backups for both databases and Docker volumes from day one.",
 		image: {
 			src: "/images/dokploy-monitoring-dashboard.png",
-			alt: "Dokploy monitoring dashboard showing CPU, memory, disk and I/O metrics",
+			alt: "Dokploy monitoring dashboard showing CPU, memory and disk metrics",
 		},
 	},
 	{
@@ -87,8 +87,8 @@ const whyChooseItems = [
 		description:
 			"Dokku is fundamentally a single-server, single-user tool. Dokploy supports multi-user access with role-based permissions, project organization, and multi-server deployments. When your project grows from a solo effort to a team operation, Dokploy scales with you.",
 		image: {
-			src: "/images/dokploy-projects-dashboard.png",
-			alt: "Dokploy projects dashboard with services grid and environment selector",
+			src: "/images/dokploy-environments.png",
+			alt: "Dokploy project organization with production and staging environments",
 		},
 	},
 	{
@@ -97,8 +97,8 @@ const whyChooseItems = [
 		description:
 			"With Dokku, databases, SSL, and domains each require separate plugins and CLI commands. Dokploy integrates database management, domain configuration, SSL certificates, Docker Compose, and deployment pipelines into a single, cohesive interface—reducing context-switching and operational overhead.",
 		image: {
-			src: "/images/dokploy-provider-settings.png",
-			alt: "Dokploy deploy settings with provider and domain configuration",
+			src: "/images/dokploy-domains.png",
+			alt: "Dokploy domains configuration with automatic HTTPS certificates",
 		},
 	},
 	{
@@ -107,7 +107,7 @@ const whyChooseItems = [
 		description:
 			"Dokploy gives teams built-in role-based access and project organization in the UI, so you can manage services, databases, and infrastructure as you grow across multiple servers—with the right level of oversight for developers seeking control without handing out broad server access. Dokku user access starts at the SSH key level. More granular control for users with specific needs depends on extra plugins or tooling.",
 		image: {
-			src: "/images/dokploy-projects-dashboard.png",
+			src: "/images/dokploy-users.png",
 			alt: "Dokploy team access and role-based permissions dashboard",
 		},
 	},

apps/website/app/dokploy-vs-portainer/page.tsx

@@ -68,7 +68,7 @@ const whyChooseItems = [
 		description:
 			"Dokploy is a full deployment platform. Connect your git repos, and it handles the rest: building code, running it in containers, routing traffic through its built-in reverse proxy, and issuing SSL certificates automatically. Whether you're deploying web apps with Docker Compose files or spinning up databases on a cheap VPS, there's no bash script to maintain and no separate proxy to configure.",
 		image: {
-			src: "/images/dokploy-deployment-log.png",
+			src: "/images/dokploy-build-logs.png",
 			alt: "Dokploy deployment panel showing build and deployment logs",
 		},
 	},
@@ -78,8 +78,8 @@ const whyChooseItems = [
 		description:
 			"Dokploy offers SSL, built-in reverse proxy, and managed domains and cert issuance encryption. It ships with Traefik integrated, so assigning a domain to a service and getting a valid HTTPS certificate is a few clicks in the UI. You can also manage Traefik config directly via the file editor if you need more control.",
 		image: {
-			src: "/images/dokploy-provider-settings.png",
-			alt: "Dokploy deploy settings with provider and domain configuration",
+			src: "/images/dokploy-domains.png",
+			alt: "Dokploy domains configuration with automatic HTTPS certificates",
 		},
 	},
 	{
@@ -89,7 +89,7 @@ const whyChooseItems = [
 			"Dokploy has real-time CPU, memory, and disk metrics enabled by default, automated alerts, and scheduled S3-compatible database and volume backups built in. There's less to install, less to maintain, and less to go wrong. Troubleshooting is also simpler: logs, metrics, and alerts all live in the same UI.",
 		image: {
 			src: "/images/dokploy-monitoring-dashboard.png",
-			alt: "Dokploy monitoring dashboard showing CPU, memory, disk and I/O metrics",
+			alt: "Dokploy monitoring dashboard showing CPU, memory and disk metrics",
 		},
 	},
 	{
@@ -296,8 +296,8 @@ export default function DokployVsPortainerPage() {
 					</div>
 					<div className="mx-auto mt-12 max-w-4xl overflow-hidden rounded-xl border border-border/50 shadow-2xl">
 						<Image
-							src="/dashboard.png"
-							alt="Dokploy dashboard showing secure AI deployment environment"
+							src="/images/dokploy-audit-logs.png"
+							alt="Dokploy audit logs tracking every deployment and user action"
 							width={1200}
 							height={750}
 							className="w-full object-cover"

apps/website/app/dokploy-vs-render/page.tsx

@@ -274,8 +274,8 @@ export default function DokployVsRenderPage() {
 									{index === 0 ? (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-provider-settings.png"
-												alt="Dokploy deploy settings showing server and provider configuration"
+												src="/images/dokploy-remote-servers.png"
+												alt="Dokploy remote servers showing connected VPS infrastructure"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"
@@ -284,8 +284,8 @@ export default function DokployVsRenderPage() {
 									) : index === 1 ? (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-deployment-log.png"
-												alt="Dokploy deployment panel showing build and deployment logs"
+												src="/images/dokploy-compose-editor.png"
+												alt="Dokploy Docker Compose editor with multi-service configuration"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"
@@ -305,7 +305,7 @@ export default function DokployVsRenderPage() {
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
 												src="/images/dokploy-monitoring-dashboard.png"
-												alt="Dokploy monitoring dashboard showing CPU, memory, disk and I/O metrics"
+												alt="Dokploy monitoring dashboard showing CPU, memory and disk metrics"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"
@@ -314,8 +314,8 @@ export default function DokployVsRenderPage() {
 									) : (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-projects-dashboard.png"
-												alt="Dokploy projects dashboard showing AI app deployments"
+												src="/images/dokploy-audit-logs.png"
+												alt="Dokploy audit logs tracking deployments in governed environments"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"

apps/website/app/dokploy-vs-vercel/page.tsx

@@ -279,8 +279,8 @@ export default function DokployVsVercelPage() {
 									{index === 0 ? (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-deployment-log.png"
-												alt="Dokploy deployment panel showing build and deployment logs"
+												src="/images/dokploy-compose-editor.png"
+												alt="Dokploy Docker Compose editor with multi-service configuration"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"
@@ -289,8 +289,8 @@ export default function DokployVsVercelPage() {
 									) : index === 1 ? (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-provider-settings.png"
-												alt="Dokploy deploy settings showing server and provider configuration"
+												src="/images/dokploy-deployment-log.png"
+												alt="Dokploy application logs streaming from long-running services"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"
@@ -310,7 +310,7 @@ export default function DokployVsVercelPage() {
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
 												src="/images/dokploy-monitoring-dashboard.png"
-												alt="Dokploy monitoring dashboard showing CPU, memory, disk and I/O metrics"
+												alt="Dokploy monitoring dashboard showing CPU, memory and disk metrics"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"
@@ -319,8 +319,8 @@ export default function DokployVsVercelPage() {
 									) : (
 										<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 											<Image
-												src="/images/dokploy-projects-dashboard.png"
-												alt="Dokploy projects dashboard showing AI app deployments"
+												src="/images/dokploy-audit-logs.png"
+												alt="Dokploy audit logs tracking deployments in governed environments"
 												fill
 												className="object-cover object-top"
 												sizes="(max-width: 768px) 100vw, 50vw"

apps/website/app/industries/agencies/page.tsx

@@ -134,7 +134,7 @@ const data: IndustryPageData = {
 			"For larger agencies, Enterprise features add SSO, custom roles, audit logs, and whitelabeling, making it easier to give internal teams and client stakeholders the right level of access without handing over raw server credentials.",
 		],
 		screenshotAlt:
-			"Dokploy dashboard showing agency projects grouped by client, with one app open to preview deployments, production domains, logs, monitoring, and database services",
+			"Dokploy dashboard showing an agency project with web, API, database and worker services, and an environment selector with production and staging",
 	},
 	detailRows: [
 		{

apps/website/app/industries/finance-banking/page.tsx

@@ -127,7 +127,7 @@ const data: IndustryPageData = {
 			"Teams can run Dokploy in the model that fits their requirements. Use Dokploy Cloud when you want the control plane managed by Dokploy and apps running on your own servers, or choose self-hosting when the full platform should stay under internal operations.",
 		],
 		screenshotAlt:
-			"Dokploy project dashboard for a banking platform with environments for review, staging, and production, plus visible deployments, logs, monitoring, domains, and rollback history",
+			"Dokploy project dashboard for a banking platform with separate production and staging environments and running services",
 	},
 	detailRows: [
 		{

apps/website/app/industries/healthcare/page.tsx

@@ -127,7 +127,7 @@ const data: IndustryPageData = {
 			"For organizations with stricter infrastructure needs, Dokploy can be self-hosted. Teams that want Dokploy to manage the control plane can use Dokploy Cloud while connecting their own servers for application workloads.",
 		],
 		screenshotAlt:
-			"Dokploy dashboard for a healthcare technology project with environments for clinical-review, staging, and production, plus deployment logs, monitoring, domains, and database services",
+			"Dokploy dashboard for a healthcare technology project with production and staging environments and running services",
 	},
 	detailRows: [
 		{

apps/website/app/industries/manufacturing/page.tsx

@@ -135,7 +135,7 @@ const data: IndustryPageData = {
 			"Self-hosted and cloud deployment options let organizations choose a model that fits their operational and IT requirements.",
 		],
 		screenshotAlt:
-			"Dokploy dashboard for a manufacturing operations project with environments for plant-a-staging, plant-a-production, and regional-demo, plus logs, monitoring, domains, and server status",
+			"Dokploy dashboard for a manufacturing operations project with production and staging environments and running services",
 	},
 	detailRows: [
 		{

apps/website/app/industries/pharmaceuticals/page.tsx

@@ -136,7 +136,7 @@ const data: IndustryPageData = {
 			"The platform supports both self-hosted and cloud control-plane models, which gives infrastructure and compliance stakeholders room to choose how closely the deployment platform should sit inside the organization’s own environment.",
 		],
 		screenshotAlt:
-			"Dokploy dashboard for a pharmaceutical R&D platform with environments for validation, staging, and production, plus deployments, audit-oriented access controls, monitoring, logs, and database services",
+			"Dokploy dashboard for a pharmaceutical R&D platform with separate production and staging environments and running services",
 	},
 	detailRows: [
 		{

apps/website/components/industries/IndustryPage.tsx

@@ -226,7 +226,7 @@ export function IndustryPage({ data }: { data: IndustryPageData }) {
 						<div className="flex-1">
 							<div className="relative aspect-video overflow-hidden rounded-xl border border-border/50">
 								<Image
-									src="/images/dokploy-projects-dashboard.png"
+									src="/images/dokploy-environments.png"
 									alt={data.builtFor.screenshotAlt}
 									fill
 									className="object-cover object-top"