diff --git a/cp/app/Controllers/HomeController.php b/cp/app/Controllers/HomeController.php
index 59d093d..21f1db5 100644
--- a/cp/app/Controllers/HomeController.php
+++ b/cp/app/Controllers/HomeController.php
@@ -57,13 +57,102 @@ class HomeController extends Controller
                 'tickets' => $tickets,
             ]);
         } else {
+            $endDate = new \DateTime();
+            $startDate = (new \DateTime())->modify('-4 days');
+
+            // Format dates for comparison
+            $startDateFormatted = $startDate->format('Y-m-d');
+            $endDateFormatted = $endDate->format('Y-m-d');
+
+            $query = "SELECT DATE(crdate) as date, COUNT(id) as count
+                      FROM domain
+                      WHERE crdate >= :startDate AND crdate <= :endDate
+                      GROUP BY DATE(crdate)
+                      ORDER BY DATE(crdate) ASC";
+
+            $params = [
+                ':startDate' => $startDateFormatted,
+                ':endDate' => $endDateFormatted,
+            ];
+
+            $domainsCount = $db->select($query, $params);
+            
+            $dates = [];
+            $counts = [];
+
+            foreach ($domainsCount as $row) {
+                // Extract just the date part from the datetime string
+                $date = (new \DateTime($row['date']))->format('Y-m-d');
+                $count = (int)$row['count']; // Ensure count is an integer
+
+                $dates[] = $date;
+                $counts[] = $count;
+            }
+            
+            $query = "
+            SELECT 
+                r.id, 
+                r.name, 
+                COUNT(d.id) AS domain_count
+            FROM 
+                registrar r
+            JOIN 
+                domain d ON r.id = d.clid
+            GROUP BY 
+                r.id
+            ORDER BY 
+                domain_count DESC
+            LIMIT 10;
+            ";
+
+            // Execute the query
+            $results = $db->select($query);
+
+            // Prepare data for the chart
+            $labels = [];
+            $series = [];
+
+            foreach ($results as $row) {
+                $labels[] = $row['name']; // Registrar names for chart labels
+                $series[] = (int)$row['domain_count']; // Domain counts for chart data
+            }
+            
+            $query = "
+                SELECT 
+                    DATE(date_created) as ticket_date, 
+                    SUM(CASE WHEN status IN ('Open', 'In Progress') THEN 1 ELSE 0 END) AS unanswered,
+                    SUM(CASE WHEN status IN ('Resolved', 'Closed') THEN 1 ELSE 0 END) AS answered
+                FROM 
+                    support_tickets
+                WHERE 
+                    date_created >= CURRENT_DATE - INTERVAL 7 DAY
+                GROUP BY 
+                    DATE(date_created)
+                ORDER BY 
+                    DATE(date_created) ASC;
+            ";
+
+            // Execute the query
+            $results = $db->select($query);
+
+            // Prepare data for ApexCharts
+            $labels3 = [];
+            $answeredData = [];
+            $unansweredData = [];
+
+            foreach ($results as $row) {
+                $labels3[] = $row['ticket_date'];
+                $answeredData[] = (int) $row['answered']; // Cast to int for ApexCharts
+                $unansweredData[] = (int) $row['unanswered']; // Cast to int for ApexCharts
+            }
+
             $domains = $db->selectValue('SELECT count(id) as domains FROM domain');
             $latest_domains = $db->select('SELECT name, crdate FROM domain ORDER BY crdate DESC LIMIT 10');
             $tickets = $db->select('SELECT id, subject, status, priority FROM support_tickets ORDER BY date_created DESC LIMIT 10');
             $hosts = $db->selectValue('SELECT count(id) as hosts FROM host');
             $contacts = $db->selectValue('SELECT count(id) as contacts FROM contact');
             $registrars = $db->selectValue('SELECT count(id) as registrars FROM registrar');
-            
+
             return view($response, 'admin/dashboard/index.twig', [
                 'domains' => $domains,
                 'hosts' => $hosts,
@@ -71,6 +160,13 @@ class HomeController extends Controller
                 'registrars' => $registrars,
                 'latest_domains' => $latest_domains,
                 'tickets' => $tickets,
+                'dates' => json_encode($dates),
+                'counts' => json_encode($counts),
+                'labels' => json_encode($labels),
+                'series' => json_encode($series),
+                'labels3' => json_encode($labels3),
+                'answeredData' => json_encode($answeredData),
+                'unansweredData' => json_encode($unansweredData),
             ]);
         }
     }
diff --git a/cp/resources/views/admin/dashboard/index.twig b/cp/resources/views/admin/dashboard/index.twig
index 04260cd..ef61d76 100644
--- a/cp/resources/views/admin/dashboard/index.twig
+++ b/cp/resources/views/admin/dashboard/index.twig
@@ -166,6 +166,30 @@
                     </a>
                   </div>
                   {% endif %}
+              <div class="col-lg-6 col-xl-4">
+                <div class="card">
+                  <div class="card-body">
+                    <h3 class="card-title">{{ __('Last 5 Days: Domain Registrations') }}</h3>
+                    <div id="last-5-days"></div>
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-6 col-xl-4">
+                <div class="card">
+                  <div class="card-body">
+                  <h3 class="card-title">{{ __('Top Registrars by Domains') }}</h3>
+                    <div id="top-registrars"></div>
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-6 col-xl-4">
+                <div class="card">
+                  <div class="card-body">
+                  <h3 class="card-title">{{ __('Support Tickets: Last Week') }}</h3>
+                    <div id="support-tickets"></div>
+                  </div>
+                </div>
+              </div>
                   <div class="col-12 col-md-6 mt-5">
                   <h3 class="card-title">{{ __('Recent Domains') }}</h3>
                     <div class="card">
@@ -229,4 +253,198 @@
         </div>
         {% include 'partials/footer.twig' %}
       </div>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+        var dates = JSON.parse('{{ dates|raw }}');
+        var counts = JSON.parse('{{ counts|raw }}');
+        
+        var labels = JSON.parse('{{ labels|raw }}');
+        var series = JSON.parse('{{ series|raw }}');
+        
+        var labels3 = JSON.parse('{{ labels3|raw }}');
+        var answeredData = JSON.parse('{{ answeredData|raw }}');
+        var unansweredData = JSON.parse('{{ unansweredData|raw }}');
+    
+          window.ApexCharts && (new ApexCharts(document.getElementById('last-5-days'), {
+              chart: {
+                  type: "bar",
+                  fontFamily: 'inherit',
+                  height: 240,
+                  parentHeightOffset: 0,
+                  toolbar: {
+                      show: false,
+                  },
+                  animations: {
+                      enabled: false
+                  },
+              },
+              plotOptions: {
+                  bar: {
+                      columnWidth: '50%',
+                  }
+              },
+              dataLabels: {
+                  enabled: false,
+              },
+              fill: {
+                  opacity: 1,
+              },
+              series: [{
+                  name: "Domain Registrations",
+                  data: counts
+              }],
+              tooltip: {
+                  theme: 'dark'
+              },
+              grid: {
+                  padding: {
+                      top: -20,
+                      right: 0,
+                      left: -4,
+                      bottom: -4
+                  },
+                  strokeDashArray: 4,
+              },
+              xaxis: {
+                  labels: {
+                      padding: 0,
+                  },
+                  tooltip: {
+                      enabled: false
+                  },
+                  axisBorder: {
+                      show: false,
+                  },
+                  type: 'category',
+                categories: dates,
+                labels: {
+                    formatter: function (value) {
+                        return value;
+                    }
+                },
+              },
+              yaxis: {
+                  labels: {
+                      padding: 4
+                  },
+              },
+              labels: dates,
+              colors: [tabler.getColor("primary")],
+              legend: {
+                  show: false,
+              },
+          })).render();
+
+          window.ApexCharts && (new ApexCharts(document.getElementById('top-registrars'), {
+              chart: {
+                  type: "donut",
+                  fontFamily: 'inherit',
+                  height: 278,
+                  sparkline: {
+                      enabled: true
+                  },
+                  animations: {
+                      enabled: false
+                  },
+              },
+              fill: {
+                  opacity: 1,
+              },
+              series: series,
+              labels: labels,
+              tooltip: {
+                  theme: 'dark'
+              },
+              grid: {
+                  strokeDashArray: 4,
+              },
+              colors: [tabler.getColor("primary"), tabler.getColor("primary", 0.8), tabler.getColor("primary", 0.6), tabler.getColor("gray-300")],
+              legend: {
+                  show: true,
+                  position: 'bottom',
+                  offsetY: 12,
+                  markers: {
+                      width: 10,
+                      height: 10,
+                      radius: 100,
+                  },
+                  itemMargin: {
+                      horizontal: 8,
+                      vertical: 8
+                  },
+              },
+              tooltip: {
+                  fillSeriesColor: false
+              },
+          })).render();
+
+          window.ApexCharts && (new ApexCharts(document.getElementById('support-tickets'), {
+              chart: {
+                  type: "bar",
+                  fontFamily: 'inherit',
+                  height: 240,
+                  parentHeightOffset: 0,
+                  toolbar: {
+                      show: false,
+                  },
+                  animations: {
+                      enabled: false
+                  },
+                  stacked: true,
+              },
+              plotOptions: {
+                  bar: {
+                      columnWidth: '50%',
+                  }
+              },
+              dataLabels: {
+                  enabled: false,
+              },
+              fill: {
+                  opacity: 1,
+              },
+              series: [{
+                  name: "Answered",
+                  data: answeredData
+              },{
+                  name: "Pending",
+                  data: unansweredData
+              }],
+              tooltip: {
+                  theme: 'dark'
+              },
+              grid: {
+                  padding: {
+                      top: -20,
+                      right: 0,
+                      left: -4,
+                      bottom: -4
+                  },
+                  strokeDashArray: 4,
+              },
+              xaxis: {
+                  labels: {
+                      padding: 0,
+                  },
+                  tooltip: {
+                      enabled: false
+                  },
+                  axisBorder: {
+                      show: false,
+                  },
+                  type: 'category',
+                  categories: labels3,
+              },
+              yaxis: {
+                  labels: {
+                      padding: 4
+                  },
+              },
+              colors: [tabler.getColor("primary"), tabler.getColor("red")],
+              legend: {
+                  show: false,
+              },
+          })).render();
+      });
+    </script>
 {% endblock %}
\ No newline at end of file
diff --git a/cp/resources/views/layouts/app.twig b/cp/resources/views/layouts/app.twig
index 05a5013..8457a65 100644
--- a/cp/resources/views/layouts/app.twig
+++ b/cp/resources/views/layouts/app.twig
@@ -260,7 +260,7 @@
     </div>
     <!-- Libs JS -->
 {% if route_is('dashboard') %}
-    {% include 'partials/js-dash.twig' %}
+    {% include 'partials/js-home.twig' %}
 {% elseif route_is('domains') %}
     {% include 'partials/js-domains.twig' %}
 {% elseif route_is('applications') %}
diff --git a/cp/resources/views/partials/js-dash.twig b/cp/resources/views/partials/js-dash.twig
deleted file mode 100644
index 49e6cb3..0000000
--- a/cp/resources/views/partials/js-dash.twig
+++ /dev/null
@@ -1 +0,0 @@
-<script src="/assets/js/tabler.min.js" defer></script>
\ No newline at end of file
diff --git a/cp/resources/views/partials/js-home.twig b/cp/resources/views/partials/js-home.twig
new file mode 100644
index 0000000..5985727
--- /dev/null
+++ b/cp/resources/views/partials/js-home.twig
@@ -0,0 +1,2 @@
+<script src="/assets/libs/apexcharts/dist/apexcharts.min.js" defer></script>
+<script src="/assets/js/tabler.min.js" defer></script>
\ No newline at end of file