diff --git a/frontend/main/src/app/insight/insight.component.html b/frontend/main/src/app/insight/insight.component.html
index 4741b70..950fa7d 100644
--- a/frontend/main/src/app/insight/insight.component.html
+++ b/frontend/main/src/app/insight/insight.component.html
@@ -4,7 +4,7 @@
 
         <div class="small-box bg-gradient-success">
             <div class="inner">
-              <h3>{{countPackages}}</h3>
+              <h3>{{countPacks()}}</h3>
                 <p>New packages</p>
 
             </div>
@@ -19,7 +19,7 @@ <h3>{{countPackages}}</h3>
 
         <div class="small-box bg-gradient-yellow">
             <div class="inner">
-                <h3>{{countBounce}}<sup style="font-size: 20px">%</sup></h3>
+                <h3>{{countBounces()}}<sup style="font-size: 20px">%</sup></h3>
                 <p>Bounce Rate</p>
 
             </div>
@@ -35,7 +35,7 @@ <h3>{{countBounce}}<sup style="font-size: 20px">%</sup></h3>
         <div class="small-box bg-gradient-blue">
             <div class="inner">
 
-                <h3>{{countClient}}</h3>
+                <h3>{{countClients()}}</h3>
                 <p>Registered Users</p>
 
             </div>
@@ -49,8 +49,8 @@ <h3>{{countClient}}</h3>
     <div class="col-lg-3 col-6">
 
         <div class="small-box bg-gradient-primary">
-            <div class="inner">
-                <h3>{{countVisitors}}</h3>
+            <div class="inner" >
+                <h3>{{countVisits()}}</h3>
                 <p>Visits</p>
             </div>
             <div class="icon">
diff --git a/frontend/main/src/app/insight/insight.component.ts b/frontend/main/src/app/insight/insight.component.ts
index f94e47c..8df0566 100644
--- a/frontend/main/src/app/insight/insight.component.ts
+++ b/frontend/main/src/app/insight/insight.component.ts
@@ -36,10 +36,10 @@ export class InsightComponent implements OnInit {
      });
 
      this.http.get(this.APICountVisits)
-     .subscribe((resultado:any) => {
-      var count = Object.keys(resultado).length
-      this.countVisitors = count
-     });
+    .subscribe((resultado:any) => {
+     var count = Object.keys(resultado).length
+     this.countVisitors = count
+    });
 
      this.http.get(this.APICountPackages)
      .subscribe((response:any)=>{
@@ -51,6 +51,7 @@ export class InsightComponent implements OnInit {
       this.countBounce=response
      })
 
+ 
 
   }
 
@@ -66,5 +67,27 @@ export class InsightComponent implements OnInit {
     this.router.navigateByUrl('visits')
   }
 
+ countVisits():number{
+    return this.countVisitors
+  }
+
+  countClients():number{
+    return this.countClient
+  }
+
+  countPacks():number {
+    return 1
+    // while(true){
+    //   setTimeout(() => {
+    //     return this.countPackages
+    //   }, 3000);
+      
+    // }
+    
+  }
+
+  countBounces(): number{
+    return this.countBounce
+  }
 
 }