diff --git a/angular/RestClient/src/app/features/users/main-page/main-page.component.ts b/angular/RestClient/src/app/features/users/main-page/main-page.component.ts
index 6434114344e57a76c243a8db462dc0b65d40be2f..aa156b58f0f4795fb7c7446374b1f5f14be32ccb 100644
--- a/angular/RestClient/src/app/features/users/main-page/main-page.component.ts
+++ b/angular/RestClient/src/app/features/users/main-page/main-page.component.ts
@@ -4,6 +4,7 @@ import { FormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
 import { Router, RouterModule } from '@angular/router';
 import { UserClientService } from '../../../core/services/api/users/user-client.service';
+import { users } from '../../../../mocks/users';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
 import { MatCardModule } from '@angular/material/card';
diff --git a/angular/RestClient/src/mocks/users.ts b/angular/RestClient/src/mocks/users.ts
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..3a78c8f4a7aba4b8530749d82094e3e501a186f5 100644
--- a/angular/RestClient/src/mocks/users.ts
+++ b/angular/RestClient/src/mocks/users.ts
@@ -0,0 +1,20 @@
+import { Client } from '@features/users/types/User.interface'; // Asegúrate de importar el tipo Client desde donde lo hayas definido
+
+export const users: Client[] = [
+  {
+    id: 1,  
+    name: "John Doe",
+    email: "john.doe@example.com",
+    status: "NO_BOOKINGS",
+    bookings: [], 
+    rol: "CLIENT"
+  },
+  {
+    id: 2,  // Otro ID único
+    name: "Pepe",
+    email: "pepe@example.com",
+    status: "WITH_ACTIVE_BOOKINGS",
+    bookings: [], 
+    rol: "CLIENT" 
+  }
+];