diff --git a/apps/docs/content/docs/core/interface-overview.mdx b/apps/docs/content/docs/core/interface-overview.mdx
new file mode 100644
index 0000000..91228ce
--- /dev/null
+++ b/apps/docs/content/docs/core/interface-overview.mdx
@@ -0,0 +1,190 @@
+---
+title: Interface Overview
+description: 'A visual tour of the Dokploy dashboard — screenshots of every major section of the panel.'
+---
+
+This page is a visual tour of the Dokploy dashboard. Use it to get familiar with each section of the panel before diving into the feature guides. Click any image to zoom in.
+
+## Home
+
+The home dashboard summarizes your organization at a glance: projects, services, recent deployments and their status.
+
+<ImageZoom src="/assets/images/ui/home.png" alt="Dokploy home dashboard with projects, services and recent deployments" width={1600} height={775} className="rounded-lg"/>
+
+## Projects
+
+Projects group your services. Each project can hold applications, databases and Docker Compose services, organized per environment.
+
+<ImageZoom src="/assets/images/ui/projects.png" alt="Projects list" width={1600} height={775} className="rounded-lg"/>
+
+Inside a project you see every service with its live status:
+
+<ImageZoom src="/assets/images/ui/project-services.png" alt="Project services grid" width={1600} height={775} className="rounded-lg"/>
+
+### Environments
+
+Every project supports multiple environments (for example `production` and `staging`), each with its own set of services and shared variables.
+
+<ImageZoom src="/assets/images/ui/environments.png" alt="Environment selector with production and staging" width={1600} height={775} className="rounded-lg"/>
+
+## Applications
+
+The application view centralizes everything about a deployed app.
+
+### General & Providers
+
+Connect GitHub, GitLab, Bitbucket, Gitea, any Git URL, a Docker image, or drop files directly:
+
+<ImageZoom src="/assets/images/ui/application-general.png" alt="Application general tab with provider configuration" width={1600} height={775} className="rounded-lg"/>
+
+### Environment Variables
+
+<ImageZoom src="/assets/images/ui/application-environment.png" alt="Application environment variables editor" width={1600} height={775} className="rounded-lg"/>
+
+### Domains
+
+Add domains with automatic HTTPS via Let's Encrypt:
+
+<ImageZoom src="/assets/images/ui/application-domains.png" alt="Application domains with automatic HTTPS" width={1600} height={775} className="rounded-lg"/>
+
+### Deployments
+
+Every deployment is tracked, with a webhook URL for auto-deploys and full build logs:
+
+<ImageZoom src="/assets/images/ui/application-deployments.png" alt="Application deployments history" width={1600} height={775} className="rounded-lg"/>
+
+<ImageZoom src="/assets/images/ui/build-logs.png" alt="Build and deployment logs" width={1600} height={775} className="rounded-lg"/>
+
+### Logs
+
+Real-time runtime logs with container selection, search and filters:
+
+<ImageZoom src="/assets/images/ui/application-logs.png" alt="Real-time application logs" width={1600} height={775} className="rounded-lg"/>
+
+### Monitoring
+
+Per-service CPU, memory, network and disk metrics:
+
+<ImageZoom src="/assets/images/ui/application-monitoring.png" alt="Per-service monitoring" width={1600} height={775} className="rounded-lg"/>
+
+### Advanced
+
+Custom commands, cluster settings, resources, and mounts:
+
+<ImageZoom src="/assets/images/ui/application-advanced.png" alt="Application advanced settings" width={1600} height={775} className="rounded-lg"/>
+
+## Databases
+
+Deploy PostgreSQL, MySQL, MariaDB, MongoDB and Redis with a few clicks:
+
+<ImageZoom src="/assets/images/ui/database-postgres.png" alt="PostgreSQL database view" width={1600} height={775} className="rounded-lg"/>
+
+### Backups
+
+Schedule automatic backups to any S3-compatible destination:
+
+<ImageZoom src="/assets/images/ui/database-backups.png" alt="Scheduled database backups" width={1600} height={775} className="rounded-lg"/>
+
+<ImageZoom src="/assets/images/ui/create-backup.png" alt="Create backup modal" width={1600} height={775} className="rounded-lg"/>
+
+## Docker Compose
+
+Deploy multi-service stacks from a Git repository or a raw compose file, with a built-in editor:
+
+<ImageZoom src="/assets/images/ui/compose-editor.png" alt="Docker Compose editor" width={1600} height={775} className="rounded-lg"/>
+
+## Templates
+
+Deploy hundreds of open-source apps with one click:
+
+<ImageZoom src="/assets/images/ui/templates.png" alt="Open source templates gallery" width={1600} height={775} className="rounded-lg"/>
+
+## Monitoring
+
+Server-level metrics: CPU, memory, disk and Docker usage:
+
+<ImageZoom src="/assets/images/ui/server-monitoring.png" alt="Server monitoring dashboard" width={1600} height={775} className="rounded-lg"/>
+
+## Traefik File System
+
+Edit the Traefik configuration directly from the panel:
+
+<ImageZoom src="/assets/images/ui/traefik-file-system.png" alt="Traefik file system editor" width={1600} height={775} className="rounded-lg"/>
+
+## Docker & Swarm
+
+Inspect containers, images and Swarm nodes:
+
+<ImageZoom src="/assets/images/ui/docker.png" alt="Docker containers view" width={1600} height={775} className="rounded-lg"/>
+
+<ImageZoom src="/assets/images/ui/swarm.png" alt="Docker Swarm nodes" width={1600} height={775} className="rounded-lg"/>
+
+## Requests
+
+Analyze incoming HTTP requests handled by Traefik:
+
+<ImageZoom src="/assets/images/ui/requests.png" alt="Requests analytics" width={1600} height={775} className="rounded-lg"/>
+
+## Schedules
+
+Run cron jobs against your services:
+
+<ImageZoom src="/assets/images/ui/schedules.png" alt="Scheduled jobs" width={1600} height={775} className="rounded-lg"/>
+
+## Settings
+
+### Web Server
+
+Domain, certificates, and maintenance actions for the Dokploy panel itself:
+
+<ImageZoom src="/assets/images/ui/settings-web-server.png" alt="Web server settings" width={1600} height={775} className="rounded-lg"/>
+
+### Remote Servers
+
+Deploy to any VPS over SSH:
+
+<ImageZoom src="/assets/images/ui/settings-remote-servers.png" alt="Remote servers" width={1600} height={775} className="rounded-lg"/>
+
+### Users
+
+Invite team members and manage roles:
+
+<ImageZoom src="/assets/images/ui/settings-users.png" alt="Users and roles" width={1600} height={775} className="rounded-lg"/>
+
+### Audit Logs
+
+Track every action performed in your organization:
+
+<ImageZoom src="/assets/images/ui/settings-audit-logs.png" alt="Audit logs" width={1600} height={775} className="rounded-lg"/>
+
+### SSH Keys
+
+<ImageZoom src="/assets/images/ui/settings-ssh-keys.png" alt="SSH keys" width={1600} height={775} className="rounded-lg"/>
+
+### Git Providers
+
+<ImageZoom src="/assets/images/ui/settings-git.png" alt="Git providers" width={1600} height={775} className="rounded-lg"/>
+
+### Registry
+
+<ImageZoom src="/assets/images/ui/settings-registry.png" alt="Docker registry settings" width={1600} height={775} className="rounded-lg"/>
+
+### S3 Destinations
+
+<ImageZoom src="/assets/images/ui/settings-s3-destinations.png" alt="S3 destinations for backups" width={1600} height={775} className="rounded-lg"/>
+
+### Certificates
+
+<ImageZoom src="/assets/images/ui/settings-certificates.png" alt="Certificates" width={1600} height={775} className="rounded-lg"/>
+
+### Notifications
+
+Connect Slack, Discord, Telegram, email and more:
+
+<ImageZoom src="/assets/images/ui/settings-notifications.png" alt="Notification channels" width={1600} height={775} className="rounded-lg"/>
+
+### AI
+
+Configure AI providers to enable AI-assisted features:
+
+<ImageZoom src="/assets/images/ui/settings-ai.png" alt="AI settings" width={1600} height={775} className="rounded-lg"/>
diff --git a/apps/docs/content/docs/core/meta.json b/apps/docs/content/docs/core/meta.json
index 00a57c0..bcbd51e 100644
--- a/apps/docs/content/docs/core/meta.json
+++ b/apps/docs/content/docs/core/meta.json
@@ -17,6 +17,8 @@
 		"goodies",
 		"multi-tenancy",
 		"troubleshooting",
+		"---Screenshots---",
+		"interface-overview",
 		"---Cloud---",
 		"cloud",
 		"monitoring",
diff --git a/apps/docs/public/assets/images/compose-isolate.png b/apps/docs/public/assets/images/compose-isolate.png
index 693345e..6829e92 100644
Binary files a/apps/docs/public/assets/images/compose-isolate.png and b/apps/docs/public/assets/images/compose-isolate.png differ
diff --git a/apps/docs/public/assets/images/compose/domain.png b/apps/docs/public/assets/images/compose/domain.png
index 8b49b23..ea55d52 100644
Binary files a/apps/docs/public/assets/images/compose/domain.png and b/apps/docs/public/assets/images/compose/domain.png differ
diff --git a/apps/docs/public/assets/images/compose/overview.png b/apps/docs/public/assets/images/compose/overview.png
index 879e254..f818427 100644
Binary files a/apps/docs/public/assets/images/compose/overview.png and b/apps/docs/public/assets/images/compose/overview.png differ
diff --git a/apps/docs/public/assets/images/preview-deployments.png b/apps/docs/public/assets/images/preview-deployments.png
index 6b9975f..01cb958 100644
Binary files a/apps/docs/public/assets/images/preview-deployments.png and b/apps/docs/public/assets/images/preview-deployments.png differ
diff --git a/apps/docs/public/assets/images/shared-variables.png b/apps/docs/public/assets/images/shared-variables.png
index bb71d0e..a72c310 100644
Binary files a/apps/docs/public/assets/images/shared-variables.png and b/apps/docs/public/assets/images/shared-variables.png differ
diff --git a/apps/docs/public/assets/images/ui/application-advanced.png b/apps/docs/public/assets/images/ui/application-advanced.png
new file mode 100644
index 0000000..ef353c2
Binary files /dev/null and b/apps/docs/public/assets/images/ui/application-advanced.png differ
diff --git a/apps/docs/public/assets/images/ui/application-deployments.png b/apps/docs/public/assets/images/ui/application-deployments.png
new file mode 100644
index 0000000..c50e04d
Binary files /dev/null and b/apps/docs/public/assets/images/ui/application-deployments.png differ
diff --git a/apps/docs/public/assets/images/ui/application-domains.png b/apps/docs/public/assets/images/ui/application-domains.png
new file mode 100644
index 0000000..ba1faa5
Binary files /dev/null and b/apps/docs/public/assets/images/ui/application-domains.png differ
diff --git a/apps/docs/public/assets/images/ui/application-environment.png b/apps/docs/public/assets/images/ui/application-environment.png
new file mode 100644
index 0000000..b09606f
Binary files /dev/null and b/apps/docs/public/assets/images/ui/application-environment.png differ
diff --git a/apps/docs/public/assets/images/ui/application-general.png b/apps/docs/public/assets/images/ui/application-general.png
new file mode 100644
index 0000000..02bfe62
Binary files /dev/null and b/apps/docs/public/assets/images/ui/application-general.png differ
diff --git a/apps/docs/public/assets/images/ui/application-logs.png b/apps/docs/public/assets/images/ui/application-logs.png
new file mode 100644
index 0000000..f0e338c
Binary files /dev/null and b/apps/docs/public/assets/images/ui/application-logs.png differ
diff --git a/apps/docs/public/assets/images/ui/application-monitoring.png b/apps/docs/public/assets/images/ui/application-monitoring.png
new file mode 100644
index 0000000..c0c7616
Binary files /dev/null and b/apps/docs/public/assets/images/ui/application-monitoring.png differ
diff --git a/apps/docs/public/assets/images/ui/build-logs.png b/apps/docs/public/assets/images/ui/build-logs.png
new file mode 100644
index 0000000..4bd4a50
Binary files /dev/null and b/apps/docs/public/assets/images/ui/build-logs.png differ
diff --git a/apps/docs/public/assets/images/ui/compose-editor.png b/apps/docs/public/assets/images/ui/compose-editor.png
new file mode 100644
index 0000000..f818427
Binary files /dev/null and b/apps/docs/public/assets/images/ui/compose-editor.png differ
diff --git a/apps/docs/public/assets/images/ui/create-backup.png b/apps/docs/public/assets/images/ui/create-backup.png
new file mode 100644
index 0000000..6d654b3
Binary files /dev/null and b/apps/docs/public/assets/images/ui/create-backup.png differ
diff --git a/apps/docs/public/assets/images/ui/database-backups.png b/apps/docs/public/assets/images/ui/database-backups.png
new file mode 100644
index 0000000..c0e403e
Binary files /dev/null and b/apps/docs/public/assets/images/ui/database-backups.png differ
diff --git a/apps/docs/public/assets/images/ui/database-postgres.png b/apps/docs/public/assets/images/ui/database-postgres.png
new file mode 100644
index 0000000..c96bc7a
Binary files /dev/null and b/apps/docs/public/assets/images/ui/database-postgres.png differ
diff --git a/apps/docs/public/assets/images/ui/docker.png b/apps/docs/public/assets/images/ui/docker.png
new file mode 100644
index 0000000..a4eb99a
Binary files /dev/null and b/apps/docs/public/assets/images/ui/docker.png differ
diff --git a/apps/docs/public/assets/images/ui/environments.png b/apps/docs/public/assets/images/ui/environments.png
new file mode 100644
index 0000000..e73adcb
Binary files /dev/null and b/apps/docs/public/assets/images/ui/environments.png differ
diff --git a/apps/docs/public/assets/images/ui/home.png b/apps/docs/public/assets/images/ui/home.png
new file mode 100644
index 0000000..750519b
Binary files /dev/null and b/apps/docs/public/assets/images/ui/home.png differ
diff --git a/apps/docs/public/assets/images/ui/project-services.png b/apps/docs/public/assets/images/ui/project-services.png
new file mode 100644
index 0000000..f6a0261
Binary files /dev/null and b/apps/docs/public/assets/images/ui/project-services.png differ
diff --git a/apps/docs/public/assets/images/ui/projects.png b/apps/docs/public/assets/images/ui/projects.png
new file mode 100644
index 0000000..f045573
Binary files /dev/null and b/apps/docs/public/assets/images/ui/projects.png differ
diff --git a/apps/docs/public/assets/images/ui/requests.png b/apps/docs/public/assets/images/ui/requests.png
new file mode 100644
index 0000000..3d0e3c4
Binary files /dev/null and b/apps/docs/public/assets/images/ui/requests.png differ
diff --git a/apps/docs/public/assets/images/ui/schedules.png b/apps/docs/public/assets/images/ui/schedules.png
new file mode 100644
index 0000000..95a7893
Binary files /dev/null and b/apps/docs/public/assets/images/ui/schedules.png differ
diff --git a/apps/docs/public/assets/images/ui/server-monitoring.png b/apps/docs/public/assets/images/ui/server-monitoring.png
new file mode 100644
index 0000000..323cd0c
Binary files /dev/null and b/apps/docs/public/assets/images/ui/server-monitoring.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-ai.png b/apps/docs/public/assets/images/ui/settings-ai.png
new file mode 100644
index 0000000..5e7ed1a
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-ai.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-audit-logs.png b/apps/docs/public/assets/images/ui/settings-audit-logs.png
new file mode 100644
index 0000000..6f4266d
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-audit-logs.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-certificates.png b/apps/docs/public/assets/images/ui/settings-certificates.png
new file mode 100644
index 0000000..97c820a
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-certificates.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-git.png b/apps/docs/public/assets/images/ui/settings-git.png
new file mode 100644
index 0000000..4c9ad5a
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-git.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-notifications.png b/apps/docs/public/assets/images/ui/settings-notifications.png
new file mode 100644
index 0000000..3f06637
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-notifications.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-registry.png b/apps/docs/public/assets/images/ui/settings-registry.png
new file mode 100644
index 0000000..3ce6008
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-registry.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-remote-servers.png b/apps/docs/public/assets/images/ui/settings-remote-servers.png
new file mode 100644
index 0000000..58d8bc4
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-remote-servers.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-s3-destinations.png b/apps/docs/public/assets/images/ui/settings-s3-destinations.png
new file mode 100644
index 0000000..507665b
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-s3-destinations.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-ssh-keys.png b/apps/docs/public/assets/images/ui/settings-ssh-keys.png
new file mode 100644
index 0000000..20c8dab
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-ssh-keys.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-users.png b/apps/docs/public/assets/images/ui/settings-users.png
new file mode 100644
index 0000000..e22d1fc
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-users.png differ
diff --git a/apps/docs/public/assets/images/ui/settings-web-server.png b/apps/docs/public/assets/images/ui/settings-web-server.png
new file mode 100644
index 0000000..3509c1f
Binary files /dev/null and b/apps/docs/public/assets/images/ui/settings-web-server.png differ
diff --git a/apps/docs/public/assets/images/ui/swarm.png b/apps/docs/public/assets/images/ui/swarm.png
new file mode 100644
index 0000000..f701010
Binary files /dev/null and b/apps/docs/public/assets/images/ui/swarm.png differ
diff --git a/apps/docs/public/assets/images/ui/templates.png b/apps/docs/public/assets/images/ui/templates.png
new file mode 100644
index 0000000..4928b9c
Binary files /dev/null and b/apps/docs/public/assets/images/ui/templates.png differ
diff --git a/apps/docs/public/assets/images/ui/traefik-file-system.png b/apps/docs/public/assets/images/ui/traefik-file-system.png
new file mode 100644
index 0000000..8e6a184
Binary files /dev/null and b/apps/docs/public/assets/images/ui/traefik-file-system.png differ
diff --git a/apps/docs/public/assets/multi-server-add-server.png b/apps/docs/public/assets/multi-server-add-server.png
index 48e3460..b9cb789 100644
Binary files a/apps/docs/public/assets/multi-server-add-server.png and b/apps/docs/public/assets/multi-server-add-server.png differ
diff --git a/apps/docs/public/assets/nodes.png b/apps/docs/public/assets/nodes.png
index ad29056..f701010 100644
Binary files a/apps/docs/public/assets/nodes.png and b/apps/docs/public/assets/nodes.png differ
diff --git a/apps/docs/public/assets/ssh-keys.png b/apps/docs/public/assets/ssh-keys.png
index 52ee5c5..20c8dab 100644
Binary files a/apps/docs/public/assets/ssh-keys.png and b/apps/docs/public/assets/ssh-keys.png differ
diff --git a/apps/docs/public/assets/webhook-url.png b/apps/docs/public/assets/webhook-url.png
index ba307d5..c50e04d 100644
Binary files a/apps/docs/public/assets/webhook-url.png and b/apps/docs/public/assets/webhook-url.png differ
diff --git a/apps/docs/public/monitoring-services.png b/apps/docs/public/monitoring-services.png
index 7d39338..c0c7616 100644
Binary files a/apps/docs/public/monitoring-services.png and b/apps/docs/public/monitoring-services.png differ
diff --git a/apps/docs/public/monitoring.png b/apps/docs/public/monitoring.png
index 2ca63f2..323cd0c 100644
Binary files a/apps/docs/public/monitoring.png and b/apps/docs/public/monitoring.png differ