diff --git a/frontend/main/src/app/carriers/carriers.component.html b/frontend/main/src/app/carriers/carriers.component.html
index 6d77686..41f6830 100644
--- a/frontend/main/src/app/carriers/carriers.component.html
+++ b/frontend/main/src/app/carriers/carriers.component.html
@@ -1,4 +1,69 @@
-<table class="table table-bordered">
+<br>
+<button class="btn btn-success" (click)="openModal()">New Carrier</button>
+
+<div class="portfolio-modal modal fade show" id="modal2" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="close-modal" data-bs-dismiss="modal"><img src="" alt="" /></div>
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8">
+                        <div class="modal-body">
+                            <h2 class="text-uppercase">New Carrier</h2>
+                            <p class="item-intro text-muted">Insert the information below!</p>
+                            <!-- <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." /> -->
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="razao" class="form-control" razao="Razao"
+                                    placeholder="Razão social" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="taxa" class="form-control" taxa="Taxa"
+                                    placeholder="Taxa de cubagem" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="email" class="form-control" email="E-mail"
+                                    placeholder="E-mail" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="cnpj" class="form-control" cnpj="CNPJ"
+                                    placeholder="CNPJ" required tabindex="1">
+                            </div>
+
+                            <br>
+                            <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"
+                                (click)="closeModal()"
+                                (click)="adicionar(this.razao, this.taxa, this.email, this.cnpj)">
+                                <i class="fas fa-xmark me-1"></i>
+                                Save
+                            </button>
+
+                            <button class="btn btn-danger btn-xl text-uppercase " data-bs-dismiss="modal" type="button"
+                                (click)="closeModal()">
+                                <i class="fas fa-xmark me-1"></i>
+                                Close
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+<!-- <table class="table table-bordered">
     <thead>
         <th>Razão social</th>
         <th>Taxa</th>
@@ -23,7 +88,8 @@
 
 
 <button class="btn btn-success" (click)="adicionar(this.razao, this.taxa, this.email, this.cnpj)">Add</button>
-<br>
+<br> -->
+
 <hr>
 
 <table class="table table-bordered">
diff --git a/frontend/main/src/app/carriers/carriers.component.ts b/frontend/main/src/app/carriers/carriers.component.ts
index 2901bd0..aa04fd4 100644
--- a/frontend/main/src/app/carriers/carriers.component.ts
+++ b/frontend/main/src/app/carriers/carriers.component.ts
@@ -80,4 +80,27 @@ export class CarriersComponent implements OnInit {
       
     }
 
+    openModal(){
+
+      var modal = document.getElementById('modal2')
+  
+      modal?.setAttribute('style', 'display:block;')
+  
+      modal?.setAttribute('class', 'portfolio-modal modal fade show')
+      modal?.removeAttribute('aria-hidden')
+  
+      modal?.setAttribute('arial-modal', 'true')
+  
+    }
+  
+    closeModal(){
+      var modal = document.getElementById('modal2')
+  
+      modal?.setAttribute('class', 'portfolio-modal modal fade')
+      setTimeout(()=>{
+        modal?.setAttribute('style', 'display:none;')
+      },500)
+  
+    }
+
   }
diff --git a/frontend/main/src/app/insight/insight.component.ts b/frontend/main/src/app/insight/insight.component.ts
index 1abbf46..6880ca0 100644
--- a/frontend/main/src/app/insight/insight.component.ts
+++ b/frontend/main/src/app/insight/insight.component.ts
@@ -54,7 +54,7 @@ export class InsightComponent implements OnInit {
   }
 
   register(){
-    this.router.navigateByUrl('pack-register')
+    this.router.navigateByUrl('pack-track')
   }
 
   clients(){
diff --git a/frontend/main/src/app/packtrack/packtrack.component.html b/frontend/main/src/app/packtrack/packtrack.component.html
index f33218d..471e015 100644
--- a/frontend/main/src/app/packtrack/packtrack.component.html
+++ b/frontend/main/src/app/packtrack/packtrack.component.html
@@ -1,31 +1,60 @@
-<button class="btn btn-primary" (click)="openModal()">New Quote</button>
+<button class="btn btn-primary" (click)="openModal()">New User</button>
 
 <div class="portfolio-modal modal fade show" id="modal2" tabindex="-1" role="dialog" aria-hidden="true">
-  <div class="modal-dialog">
-      <div class="modal-content">
-          <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
-                  alt="Close modal" /></div>
-          <div class="container">
-              <div class="row">
-                  <div class="col-lg-8">
-                      <div class="modal-body">
-                          <h2 class="text-uppercase">Ship Quote</h2>
-                          <p class="item-intro text-muted">Made your quote without compromisse!</p>
-                          <!-- <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." /> -->
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="close-modal" data-bs-dismiss="modal"><img src="" alt="" /></div>
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8">
+                        <div class="modal-body">
+                            <h2 class="text-uppercase">New User</h2>
+                            <p class="item-intro text-muted">Insert the information below!</p>
+                            <!-- <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." /> -->
                             <div class="input-group" style="width: 100%;">
-                              <span class="input-group-text"
-                                  style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
-                              <input type="text" class="form-control" name="Nome"
-                                  placeholder="CEP Origem" required tabindex="1">
-                          </div>
-                          <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button" (click)="closeModal()">
-                              <i class="fas fa-xmark me-1"></i>
-                              Quote!
-                          </button>
-                      </div>
-                  </div>
-              </div>
-          </div>
-      </div>
-  </div>
-</div>
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" class="form-control" name="Nome" placeholder="Nome completo" required
+                                    tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" class="form-control" name="Nome" placeholder="E-mail" required
+                                    tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" class="form-control" name="Nome" placeholder="CPF" required
+                                    tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" class="form-control" name="Nome" placeholder="Data de nascimento"
+                                    required tabindex="1">
+                            </div>
+
+                            <br>
+                            <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"
+                                (click)="closeModal()">
+                                <i class="fas fa-xmark me-1"></i>
+                                Save
+                            </button>
+
+                            <button class="btn btn-danger btn-xl text-uppercase " data-bs-dismiss="modal" type="button"
+                                (click)="closeModal()">
+                                <i class="fas fa-xmark me-1"></i>
+                                Close
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/frontend/main/src/app/ship-qt/ship-qt.component.html b/frontend/main/src/app/ship-qt/ship-qt.component.html
index 457c158..224fb0f 100644
--- a/frontend/main/src/app/ship-qt/ship-qt.component.html
+++ b/frontend/main/src/app/ship-qt/ship-qt.component.html
@@ -1,4 +1,84 @@
-<table class="table table-bordered">
+<br>
+<button class="btn btn-success" (click)="openModal()">New Quote</button>
+
+<div class="portfolio-modal modal fade show" id="modal2" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="close-modal" data-bs-dismiss="modal"><img src="" alt="" /></div>
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8">
+                        <div class="modal-body">
+                            <h2 class="text-uppercase">New Quote</h2>
+                            <p class="item-intro text-muted">Insert the information below!</p>
+                            <!-- <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." /> -->
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="cepOrigem" class="form-control" cepOrigem="CEP Origem"
+                                    placeholder="CEP Origem" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="cepDestino" class="form-control" cepDestino="CEP Destino"
+                                    placeholder="CEP Destino" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="comprimento" class="form-control" comprimento="Comprimento"
+                                    placeholder="Comprimento (cm)" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="largura" class="form-control" largura="Largura"
+                                    placeholder="Largura (cm)" required tabindex="1">
+                            </div>
+
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="altura" class="form-control" altura="Altura"
+                                    placeholder="Altura (cm)" required tabindex="1">
+                            </div>
+
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="peso" class="form-control" peso="Peso"
+                                    placeholder="Peso (kg)" required tabindex="1">
+                            </div>
+
+                            <br>
+                            <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"
+                                (click)="closeModal()"
+                                (click)="quote()">
+                                <i class="fas fa-xmark me-1"></i>
+                                Quote
+                            </button>
+
+                            <button class="btn btn-danger btn-xl text-uppercase " data-bs-dismiss="modal" type="button"
+                                (click)="closeModal()">
+                                <i class="fas fa-xmark me-1"></i>
+                                Close
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- <table class="table table-bordered">
     <thead>
         <th>CEP de origem</th>
         <th>CEP de destino</th>
@@ -19,7 +99,8 @@
     </tbody>
 </table>
 
-<button class="btn btn-success" (click)="quote()">Quote</button>
+<button class="btn btn-success" (click)="quote()">Quote</button> -->
+
 <br>
 <hr>
 <table class="table table-bordered">
diff --git a/frontend/main/src/app/ship-qt/ship-qt.component.ts b/frontend/main/src/app/ship-qt/ship-qt.component.ts
index f55a203..921a5f0 100644
--- a/frontend/main/src/app/ship-qt/ship-qt.component.ts
+++ b/frontend/main/src/app/ship-qt/ship-qt.component.ts
@@ -144,4 +144,27 @@ export class ShipQtComponent implements OnInit {
 
   }
 
+  openModal(){
+
+    var modal = document.getElementById('modal2')
+
+    modal?.setAttribute('style', 'display:block;')
+
+    modal?.setAttribute('class', 'portfolio-modal modal fade show')
+    modal?.removeAttribute('aria-hidden')
+
+    modal?.setAttribute('arial-modal', 'true')
+
+  }
+
+  closeModal(){
+    var modal = document.getElementById('modal2')
+
+    modal?.setAttribute('class', 'portfolio-modal modal fade')
+    setTimeout(()=>{
+      modal?.setAttribute('style', 'display:none;')
+    },500)
+
+  }
+
 }
diff --git a/frontend/main/src/app/users/users.component.html b/frontend/main/src/app/users/users.component.html
index a825d34..4e89484 100644
--- a/frontend/main/src/app/users/users.component.html
+++ b/frontend/main/src/app/users/users.component.html
@@ -1,4 +1,72 @@
-<table class="table table-bordered">
+<br>
+<button class="btn btn-success" (click)="openModal()">New User</button>
+
+<div class="portfolio-modal modal fade show" id="modal2" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="close-modal" data-bs-dismiss="modal"><img src="" alt="" /></div>
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8">
+                        <div class="modal-body">
+                            <h2 class="text-uppercase">New User</h2>
+                            <p class="item-intro text-muted">Insert the information below!</p>
+                            <!-- <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." /> -->
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="name" class="form-control" name="Nome"
+                                    placeholder="Nome completo" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="email" class="form-control" email="E-mail"
+                                    placeholder="E-mail" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="document" class="form-control" document="CPF"
+                                    placeholder="CPF" required tabindex="1">
+                            </div>
+                            <br>
+                            <div class="input-group" style="width: 100%;">
+                                <span class="input-group-text"
+                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                <input type="text" [(ngModel)]="birth" class="form-control" birth="Data"
+                                    placeholder="Data de nascimento" required tabindex="1">
+                            </div>
+
+                            <br>
+                            <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"
+                                (click)="closeModal()"
+                                (click)="adicionar(this.name, this.email, this.document, this.birth)">
+                                <i class="fas fa-xmark me-1"></i>
+                                Save
+                            </button>
+
+                            <button class="btn btn-danger btn-xl text-uppercase " data-bs-dismiss="modal" type="button"
+                                (click)="closeModal()">
+                                <i class="fas fa-xmark me-1"></i>
+                                Close
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+
+<!-- <table class="table table-bordered">
     <thead>
         <th>Nome</th>
         <th>E-mail</th>
@@ -18,20 +86,18 @@
     </tbody>
 </table>
 
+<button class="btn btn-success" (click)="adicionar(this.name, this.email, this.document, this.birth)">Add</button> -->
 
-
-
-<button class="btn btn-success" (click)="adicionar(this.name, this.email, this.document, this.birth)">Add</button>
 <br>
 <hr>
 <table class="table table-bordered">
     <thead>
         <th>ID</th>
-        <th>Nome</th>
+        <th>Name</th>
         <th>E-mail</th>
         <th>CPF</th>
-        <th>Data nascimento</th>
-        <th>Ação</th>
+        <th>Birthday</th>
+        <th>Action</th>
     </thead>
     <tbody>
         <tr *ngFor="let user of users;let i = index;">
@@ -41,8 +107,8 @@
             <td>{{user.document}}</td>
             <td>{{user.birth}}</td>
             <td>
-                <button class="btn btn-danger mr-2" (click)="deletar()">Deletar</button>
-                <button class="btn btn-primary mr-2" (click)="alterar()">Alterar</button>
+                <button class="btn btn-danger mr-2" (click)="deletar()">Delet</button>
+                <button class="btn btn-primary mr-2" (click)="alterar()">Edit</button>
             </td>
         </tr>
     </tbody>
diff --git a/frontend/main/src/app/users/users.component.ts b/frontend/main/src/app/users/users.component.ts
index 08f69e9..5da8a72 100644
--- a/frontend/main/src/app/users/users.component.ts
+++ b/frontend/main/src/app/users/users.component.ts
@@ -69,6 +69,29 @@ birth!:string
   alterar(){
     
   }
+
+  openModal(){
+
+    var modal = document.getElementById('modal2')
+
+    modal?.setAttribute('style', 'display:block;')
+
+    modal?.setAttribute('class', 'portfolio-modal modal fade show')
+    modal?.removeAttribute('aria-hidden')
+
+    modal?.setAttribute('arial-modal', 'true')
+
+  }
+
+  closeModal(){
+    var modal = document.getElementById('modal2')
+
+    modal?.setAttribute('class', 'portfolio-modal modal fade')
+    setTimeout(()=>{
+      modal?.setAttribute('style', 'display:none;')
+    },500)
+
+  }
   
 
 }