---
title: CRM Dashboard
page-header: CRM Dashboard
page-header-description: Welcome back — here's your CRM overview for today.
page-menu: dashboards.crm
page-libs: [apexcharts]
layout: default
permalink: dashboard-crm.html
---

<div>
	<div class="col-12">
		<div class="row row-cards">
			<div class="col-sm-6 col-lg-3">
				{% include "cards/crm-stats.html" color="primary" icon="currency-dollar" lt=true
				title="MRR" description="$92.4K" change-value="+9.5" %}
			</div>
			<div class="col-sm-6 col-lg-3">
				{% include "cards/crm-stats.html" color="azure" icon="filter" lt=true
				title="Pipeline" description="$2.4M" change-value="+14" %}
			</div>
			<div class="col-sm-6 col-lg-3">
				{% include "cards/crm-stats.html" color="green" icon="circle-check" lt=true
				title="Deals won" description="74" change-value="+8" %}
			</div>
			<div class="col-sm-6 col-lg-3">
				{% include "cards/crm-stats.html" color="purple" icon="percentage" lt=true
				title="Conversion" description="5.97%" change-value="+0.4" %}
			</div>
			<div class="col-sm-6 col-lg-3">
				{% include "cards/crm-stats.html" color="yellow" icon="activity" lt=true
				title="Activities" description="318" change-value="+22" %}
			</div>
			<div class="col-sm-6 col-lg-3">
				{% include "cards/crm-stats.html" color="red" icon="clock" lt=true
				title="Tasks due" description="12" change-value="-3" change-value-unit=" urgent" %}
			</div>
			<div class="col-sm-6 col-lg-3">
				{% include "cards/crm-stats.html" color="cyan" icon="user-plus" lt=true
				title="Leads added" description="148" change-value="+31" %}
			</div>
			<div class="col-sm-6 col-lg-3">
				{% include "cards/crm-stats.html" color="green" icon="trending-up" lt=true
				title="Churn rate" description="1.8%" change-value="-0.3" %}
			</div>

			<div class="col-lg-6">
				<div class="row row-cards">
					<div class="col-12">
						{% include "cards/charts/mrr-overview.html" %}
					</div>

					<div class="col-12">
						{% include "cards/top-deals.html" %}
					</div>
				</div>
			</div>

			<div class="col-lg-6">
				<div class="row row-cards">
					<div class="col-12">
						{% include "cards/charts/pipeline-funnel.html" %}
					</div>
					<div class="col-12">
						{% include "cards/recent-activity.html" %}
					</div>
				</div>
			</div>

			<div class="col-lg-4">
				{% include "cards/tasks-due.html" %}
			</div>
			<div class="col-lg-4">
				{% include "cards/team-leaderboard.html" %}
			</div>
			<div class="col-lg-4">
				{% include "cards/churn-risk.html" %}
			</div>
		</div>
	</div>
</div>