diff --git a/backend/TMSProject/src/main/java/br/com/entra21/teamroxo/TMSProject/controllers/CountVisitorController.java b/backend/TMSProject/src/main/java/br/com/entra21/teamroxo/TMSProject/controllers/CountVisitorController.java
new file mode 100644
index 0000000..fb9c726
--- /dev/null
+++ b/backend/TMSProject/src/main/java/br/com/entra21/teamroxo/TMSProject/controllers/CountVisitorController.java
@@ -0,0 +1,5 @@
+package br.com.entra21.teamroxo.TMSProject.controllers;
+
+public class CountVisitorController {
+
+}
diff --git a/frontend/main/src/app/insight/insight.component.html b/frontend/main/src/app/insight/insight.component.html
index ba3ab9d..f84ef4b 100644
--- a/frontend/main/src/app/insight/insight.component.html
+++ b/frontend/main/src/app/insight/insight.component.html
@@ -1,35 +1,41 @@
 <div class="row">
     <div class="col-lg-3 col-6">
 
-        <div class="small-box bg-gray">
-            <div class="inner">
-                <h3>4</h3>
-                <p>New Orders</p>
+
+        <div class="small-box bg-gradient-success">
+            <div class="inner" >
+                
+                <p>10</p>
+                
+             
+                <p>New Registers Packages</p>
+                
             </div>
             <div class="icon">
                 <i class="ion ion-bag"></i>
             </div>
-            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+            <a (click)="register()" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
         </div>
     </div>
 
     <div class="col-lg-3 col-6">
 
-        <div class="small-box bg-lightgray">
+        <div class="small-box bg-gradient-yellow">
             <div class="inner">
+                <h1 teste></h1>
                 <h3>12<sup style="font-size: 20px">%</sup></h3>
                 <p>Bounce Rate</p>
             </div>
             <div class="icon">
                 <i class="ion ion-stats-bars"></i>
             </div>
-            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+            <a class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
         </div>
     </div>
 
     <div class="col-lg-3 col-6">
 
-        <div class="small-box bg-lightgray">
+        <div class="small-box bg-gradient-blue">
             <div class="inner">
                 <h3>4</h3>
                 <p>User Registrations</p>
@@ -37,27 +43,27 @@ <h3>4</h3>
             <div class="icon">
                 <i class="ion ion-person-add"></i>
             </div>
-            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+            <a (click)="clients()" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
         </div>
     </div>
 
     <div class="col-lg-3 col-6">
 
-        <div class="small-box bg-lightgray">
+        <div class="small-box bg-gradient-primary">
             <div class="inner">
-                <h3>15</h3>
+                <h3>40</h3>
                 <p>Visitors</p>
             </div>
             <div class="icon">
                 <i class="ion ion-pie-graph"></i>
             </div>
-            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+            <a class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
         </div>
     </div>
 
 </div>
 
-<div class="card bg-gradient-aliceblue">
+<div class="card bg-gradient-blue">
     <div class="card-header border-0 ui-sortable-handle" style="cursor: move;">
         <h3 class="card-title">
             <i class="far fa-calendar-alt"></i>
@@ -67,10 +73,10 @@ <h3 class="card-title">
         <div class="card-tools">
 
 
-            <button type="button" class="btn btn-ligthgray btn-sm" data-card-widget="collapse">
+            <button type="button" class="btn bg-gradient-aliceblue btn-sm" data-card-widget="collapse">
                 <i class="fas fa-minus"></i>
             </button>
-            <button type="button" class="btn btn-ligthgray btn-sm" data-card-widget="remove">
+            <button type="button" class="btn bg-gradient-aliceblue btn-sm" data-card-widget="remove">
                 <i class="fas fa-times"></i>
             </button>
         </div>
@@ -120,7 +126,7 @@ <h3 class="card-title">
                                             <td data-action="selectDay" data-day="09/04/2022" class="day weekend">4</td>
                                             <td data-action="selectDay" data-day="09/05/2022" class="day">5</td>
                                             <td data-action="selectDay" data-day="09/06/2022" class="day">6</td>
-                                            <td data-action="selectDay" data-day="09/07/2022" class="day active today">7
+                                            <td data-action="selectDay" data-day="09/07/2022" class="day">7
                                             </td>
                                             <td data-action="selectDay" data-day="09/08/2022" class="day">8</td>
                                             <td data-action="selectDay" data-day="09/09/2022" class="day">9</td>
@@ -146,7 +152,7 @@ <h3 class="card-title">
                                             <td data-action="selectDay" data-day="09/21/2022" class="day">21</td>
                                             <td data-action="selectDay" data-day="09/22/2022" class="day">22</td>
                                             <td data-action="selectDay" data-day="09/23/2022" class="day">23</td>
-                                            <td data-action="selectDay" data-day="09/24/2022" class="day weekend">24
+                                            <td data-action="selectDay active" data-day="09/24/2022" class="day weekend">24
                                             </td>
                                         </tr>
                                         <tr>
@@ -197,8 +203,8 @@ <h3 class="card-title">
                                                     class="month">Jun</span><span data-action="selectMonth"
                                                     class="month">Jul</span><span data-action="selectMonth"
                                                     class="month">Aug</span><span data-action="selectMonth"
-                                                    class="month active">Sep</span><span data-action="selectMonth"
-                                                    class="month">Oct</span><span data-action="selectMonth"
+                                                    class="month">Sep</span><span data-action="selectMonth"
+                                                    class="month active">Oct</span><span data-action="selectMonth"
                                                     class="month">Nov</span><span data-action="selectMonth"
                                                     class="month">Dec</span></td>
                                         </tr>
diff --git a/frontend/main/src/app/insight/insight.component.ts b/frontend/main/src/app/insight/insight.component.ts
index c351cd1..c293e1d 100644
--- a/frontend/main/src/app/insight/insight.component.ts
+++ b/frontend/main/src/app/insight/insight.component.ts
@@ -1,4 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { RctQtComponent } from '../rct-qt/rct-qt.component';
+import { HttpClient } from '@angular/common/http';
 
 @Component({
   selector: 'app-insight',
@@ -6,10 +9,36 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./insight.component.css']
 })
 export class InsightComponent implements OnInit {
+  count: any;
 
-  constructor() { }
+  constructor(private router:Router) { }
 
   ngOnInit(): void {
   }
 
+  register(){
+    this.router.navigateByUrl('pack-register')
+  }
+
+  clients(){
+    this.router.navigateByUrl('users')
+  }
+
+  
+  // public get countVisitors() : any {
+  //   return this.countVisitors
+  // }
+
+  // contador(){
+  //   this.countVisitors
+  //   console.log(this.countVisitors);
+    
+  // }
+  
+  
+
+
+
+
+
 }