source: bus-n-go-pavel-216049/bus-n-go-frontend/src/app/components/register/register.component.html

<div class="w-full h-full flex justify-center items-center">
  <form [formGroup]="form" class="flex flex-col w-1/2" (ngSubmit)="onSubmit()">

  <mat-form-field appearance="outline">
    <label>Full Name</label>
    <input matInput formControlName="name" placeholder="John Doe">
  </mat-form-field>

  <mat-form-field appearance="outline">
    <label>Email</label>
    <input matInput formControlName="email" placeholder="john.doe@example.com">
  </mat-form-field>

  <mat-form-field appearance="outline">
    <label>Password</label>
    <input matInput type="password" formControlName="password">
  </mat-form-field>

  <mat-form-field appearance="outline">
    <label>Confirm Password</label>
    <input matInput type="password" formControlName="confirmPassword">
  </mat-form-field>

  <mat-form-field appearance="outline">
    <label>Address</label>
    <input matInput formControlName="address" placeholder="str. Dame Gruev 12">
  </mat-form-field>

  <mat-form-field appearance="outline">
    <label>Phone</label>
    <input matInput formControlName="phoneNumber" placeholder="+3897xxxxxxx">
  </mat-form-field>

    <button mat-flat-button>Register</button>
</form>
</div>