diff --git a/coverage/angular-coowork/lcov-report/index.html b/coverage/angular-coowork/lcov-report/index.html
index 820e1bc..4d47d3e 100644
--- a/coverage/angular-coowork/lcov-report/index.html
+++ b/coverage/angular-coowork/lcov-report/index.html
@@ -23,30 +23,30 @@ <h1>All files</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">82.87% </span>
+                <span class="strong">68.16% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>150/181</span>
+                <span class='fraction'>152/223</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">77.27% </span>
+                <span class="strong">52% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>17/22</span>
+                <span class='fraction'>13/25</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">78.08% </span>
+                <span class="strong">67.41% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>57/73</span>
+                <span class='fraction'>60/89</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">82.6% </span>
+                <span class="strong">68.5% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>133/161</span>
+                <span class='fraction'>137/200</span>
             </div>
         
             
@@ -61,7 +61,7 @@ <h1>All files</h1>
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line medium'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -114,13 +114,13 @@ <h1>All files</h1>
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="4" class="abs high">4/4</td>
+	<td data-value="5" class="abs high">5/5</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="2" class="abs high">2/2</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="4" class="abs high">4/4</td>
+	<td data-value="5" class="abs high">5/5</td>
 	</tr>
 
 <tr>
@@ -154,18 +154,18 @@ <h1>All files</h1>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="app/pages/coowork-details"><a href="app/pages/coowork-details/index.html">app/pages/coowork-details</a></td>
-	<td data-value="94.44" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 94%"></div><div class="cover-empty" style="width: 6%"></div></div>
+	<td class="file low" data-value="app/pages/coowork-details"><a href="app/pages/coowork-details/index.html">app/pages/coowork-details</a></td>
+	<td data-value="43.75" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 43%"></div><div class="cover-empty" style="width: 57%"></div></div>
 	</td>
-	<td data-value="94.44" class="pct high">94.44%</td>
-	<td data-value="18" class="abs high">17/18</td>
-	<td data-value="66.66" class="pct medium">66.66%</td>
-	<td data-value="6" class="abs medium">4/6</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="13" class="abs high">13/13</td>
+	<td data-value="43.75" class="pct low">43.75%</td>
+	<td data-value="32" class="abs low">14/32</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="7" class="abs low">0/7</td>
+	<td data-value="28.57" class="pct low">28.57%</td>
+	<td data-value="7" class="abs low">2/7</td>
+	<td data-value="52" class="pct medium">52%</td>
+	<td data-value="25" class="abs medium">13/25</td>
 	</tr>
 
 <tr>
@@ -198,6 +198,21 @@ <h1>All files</h1>
 	<td data-value="15" class="abs high">12/15</td>
 	</tr>
 
+<tr>
+	<td class="file low" data-value="app/pages/schedule"><a href="app/pages/schedule/index.html">app/pages/schedule</a></td>
+	<td data-value="4.54" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 4%"></div><div class="cover-empty" style="width: 96%"></div></div>
+	</td>
+	<td data-value="4.54" class="pct low">4.54%</td>
+	<td data-value="22" class="abs low">1/22</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="4.54" class="pct low">4.54%</td>
+	<td data-value="22" class="abs low">1/22</td>
+	</tr>
+
 <tr>
 	<td class="file high" data-value="app/services"><a href="app/services/index.html">app/services</a></td>
 	<td data-value="100" class="pic high">
@@ -215,17 +230,17 @@ <h1>All files</h1>
 
 <tr>
 	<td class="file high" data-value="app/signals/coowork"><a href="app/signals/coowork/index.html">app/signals/coowork</a></td>
-	<td data-value="83.33" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 83%"></div><div class="cover-empty" style="width: 17%"></div></div>
+	<td data-value="80" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
 	</td>
-	<td data-value="83.33" class="pct high">83.33%</td>
-	<td data-value="30" class="abs high">25/30</td>
+	<td data-value="80" class="pct high">80%</td>
+	<td data-value="35" class="abs high">28/35</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="4" class="abs high">4/4</td>
-	<td data-value="81.25" class="pct high">81.25%</td>
-	<td data-value="16" class="abs high">13/16</td>
-	<td data-value="82.14" class="pct high">82.14%</td>
-	<td data-value="28" class="abs high">23/28</td>
+	<td data-value="77.27" class="pct medium">77.27%</td>
+	<td data-value="22" class="abs medium">17/22</td>
+	<td data-value="78.12" class="pct medium">78.12%</td>
+	<td data-value="32" class="abs medium">25/32</td>
 	</tr>
 
 <tr>
@@ -311,7 +326,7 @@ <h1>All files</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-14T21:48:15.820Z
+                at 2024-05-29T03:53:08.790Z
             </div>
         <script src="prettify.js"></script>
         <script>
diff --git a/coverage/angular-coowork/lcov.info b/coverage/angular-coowork/lcov.info
index 3f428c4..079a01f 100644
--- a/coverage/angular-coowork/lcov.info
+++ b/coverage/angular-coowork/lcov.info
@@ -39,18 +39,19 @@ BRH:0
 end_of_record
 TN:
 SF:src/app/components/nav-bar-return/nav-bar-return.component.ts
-FN:14,(anonymous_0)
-FN:16,(anonymous_1)
+FN:15,(anonymous_0)
+FN:17,(anonymous_1)
 FNF:2
 FNH:2
 FNDA:3,(anonymous_0)
 FNDA:1,(anonymous_1)
 DA:11,1
 DA:12,3
-DA:14,3
-DA:17,1
-LF:4
-LH:4
+DA:13,3
+DA:15,3
+DA:18,1
+LF:5
+LH:5
 BRF:0
 BRH:0
 end_of_record
@@ -76,56 +77,77 @@ BRH:0
 end_of_record
 TN:
 SF:src/app/pages/coowork-details/coowork-details.component.ts
-FN:24,(anonymous_0)
-FN:25,(anonymous_1)
-FN:31,(anonymous_2)
-FNF:3
-FNH:3
+FN:42,(anonymous_0)
+FN:31,(anonymous_1)
+FN:32,(anonymous_2)
+FN:43,(anonymous_3)
+FN:48,(anonymous_4)
+FN:61,(anonymous_5)
+FN:73,(anonymous_6)
+FNF:7
+FNH:2
 FNDA:1,(anonymous_0)
-FNDA:1,(anonymous_1)
-FNDA:2,(anonymous_2)
-DA:19,1
-DA:20,1
-DA:22,1
-DA:24,1
-DA:25,1
-DA:26,1
-DA:27,1
-DA:32,2
-DA:34,2
-DA:36,2
-DA:37,2
-DA:38,2
-DA:40,2
-LF:13
+FNDA:0,(anonymous_1)
+FNDA:0,(anonymous_2)
+FNDA:1,(anonymous_3)
+FNDA:0,(anonymous_4)
+FNDA:0,(anonymous_5)
+FNDA:0,(anonymous_6)
+DA:29,1
+DA:30,1
+DA:31,1
+DA:32,1
+DA:33,1
+DA:34,1
+DA:36,1
+DA:40,1
+DA:42,1
+DA:43,1
+DA:44,1
+DA:45,1
+DA:48,1
+DA:49,0
+DA:50,0
+DA:54,0
+DA:55,0
+DA:57,0
+DA:62,0
+DA:64,0
+DA:66,0
+DA:67,0
+DA:68,0
+DA:70,0
+DA:74,0
+LF:25
 LH:13
-BRDA:32,0,0,0
-BRDA:36,1,0,2
-BRDA:37,2,0,2
-BRDA:38,3,0,2
-BRDA:40,4,0,2
-BRDA:40,4,1,0
-BRF:6
-BRH:4
+BRDA:49,0,0,0
+BRDA:62,1,0,0
+BRDA:66,2,0,0
+BRDA:67,3,0,0
+BRDA:68,4,0,0
+BRDA:70,5,0,0
+BRDA:70,5,1,0
+BRF:7
+BRH:0
 end_of_record
 TN:
 SF:src/app/pages/home/home.component.ts
-FN:40,(anonymous_0)
-FN:52,(anonymous_1)
-FN:53,(anonymous_2)
-FN:61,(anonymous_3)
-FN:62,(anonymous_4)
-FN:75,(anonymous_5)
-FN:76,(anonymous_6)
-FN:80,(anonymous_7)
-FN:85,(anonymous_8)
-FN:89,(anonymous_9)
-FN:94,(anonymous_10)
+FN:41,(anonymous_0)
+FN:53,(anonymous_1)
+FN:54,(anonymous_2)
+FN:62,(anonymous_3)
+FN:63,(anonymous_4)
+FN:76,(anonymous_5)
+FN:77,(anonymous_6)
+FN:81,(anonymous_7)
+FN:86,(anonymous_8)
+FN:90,(anonymous_9)
+FN:95,(anonymous_10)
 FNF:11
 FNH:10
 FNDA:7,(anonymous_0)
 FNDA:15,(anonymous_1)
-FNDA:33,(anonymous_2)
+FNDA:15,(anonymous_2)
 FNDA:18,(anonymous_3)
 FNDA:18,(anonymous_4)
 FNDA:14,(anonymous_5)
@@ -134,41 +156,41 @@ FNDA:28,(anonymous_7)
 FNDA:1,(anonymous_8)
 FNDA:7,(anonymous_9)
 FNDA:0,(anonymous_10)
-DA:32,1
-DA:33,7
+DA:33,1
 DA:34,7
-DA:36,7
+DA:35,7
 DA:37,7
 DA:38,7
-DA:40,7
+DA:39,7
 DA:41,7
-DA:53,15
-DA:54,33
-DA:62,18
-DA:64,18
-DA:66,17
-DA:68,17
+DA:42,7
+DA:54,15
+DA:55,15
+DA:63,18
+DA:65,18
+DA:67,17
 DA:69,17
 DA:70,17
-DA:72,17
-DA:76,14
-DA:78,14
-DA:80,28
-DA:82,14
-DA:86,1
-DA:90,7
+DA:71,17
+DA:73,17
+DA:77,14
+DA:79,14
+DA:81,28
+DA:83,14
+DA:87,1
 DA:91,7
-DA:95,0
+DA:92,7
 DA:96,0
+DA:97,0
 LF:26
 LH:24
-BRDA:64,0,0,1
-BRDA:68,1,0,11
-BRDA:69,2,0,11
-BRDA:70,3,0,11
-BRDA:72,4,0,11
-BRDA:72,4,1,6
-BRDA:78,5,0,0
+BRDA:65,0,0,1
+BRDA:69,1,0,5
+BRDA:70,2,0,5
+BRDA:71,3,0,5
+BRDA:73,4,0,5
+BRDA:73,4,1,12
+BRDA:79,5,0,0
 BRF:7
 BRH:6
 end_of_record
@@ -207,6 +229,51 @@ BRF:2
 BRH:0
 end_of_record
 TN:
+SF:src/app/pages/schedule/schedule.component.ts
+FN:41,(anonymous_0)
+FN:47,(anonymous_1)
+FN:52,(anonymous_2)
+FN:53,(anonymous_3)
+FN:60,(anonymous_4)
+FN:63,(anonymous_5)
+FNF:6
+FNH:0
+FNDA:0,(anonymous_0)
+FNDA:0,(anonymous_1)
+FNDA:0,(anonymous_2)
+FNDA:0,(anonymous_3)
+FNDA:0,(anonymous_4)
+FNDA:0,(anonymous_5)
+DA:26,1
+DA:27,0
+DA:28,0
+DA:29,0
+DA:31,0
+DA:33,0
+DA:34,0
+DA:35,0
+DA:39,0
+DA:42,0
+DA:43,0
+DA:44,0
+DA:46,0
+DA:47,0
+DA:48,0
+DA:53,0
+DA:54,0
+DA:55,0
+DA:61,0
+DA:63,0
+DA:65,0
+DA:66,0
+LF:22
+LH:1
+BRDA:54,0,0,0
+BRDA:65,1,0,0
+BRF:2
+BRH:0
+end_of_record
+TN:
 SF:src/app/services/coowork.service.ts
 FN:15,(anonymous_0)
 FN:19,(anonymous_1)
@@ -263,6 +330,22 @@ BRF:0
 BRH:0
 end_of_record
 TN:
+SF:src/app/signals/coowork/coowork.hooks.ts
+FN:3,CooworkHooks
+FN:5,(anonymous_1)
+FN:8,(anonymous_2)
+FNF:3
+FNH:3
+FNDA:1,CooworkHooks
+FNDA:8,(anonymous_1)
+FNDA:8,(anonymous_2)
+DA:4,1
+LF:1
+LH:1
+BRF:0
+BRH:0
+end_of_record
+TN:
 SF:src/app/signals/coowork/coowork.methods.ts
 FN:9,CooworkMethods
 FN:10,(anonymous_1)
@@ -273,9 +356,10 @@ FN:40,(anonymous_5)
 FN:51,(anonymous_6)
 FN:65,(anonymous_7)
 FN:77,(anonymous_8)
-FN:91,(anonymous_9)
-FNF:10
-FNH:7
+FN:79,(anonymous_9)
+FN:94,(anonymous_10)
+FNF:11
+FNH:8
 FNDA:1,CooworkMethods
 FNDA:8,(anonymous_1)
 FNDA:7,(anonymous_2)
@@ -285,7 +369,8 @@ FNDA:7,(anonymous_5)
 FNDA:1,(anonymous_6)
 FNDA:0,(anonymous_7)
 FNDA:1,(anonymous_8)
-FNDA:0,(anonymous_9)
+FNDA:1,(anonymous_9)
+FNDA:0,(anonymous_10)
 DA:10,8
 DA:12,7
 DA:20,7
@@ -297,10 +382,11 @@ DA:52,1
 DA:62,1
 DA:66,0
 DA:75,0
-DA:78,1
-DA:92,0
-LF:13
-LH:8
+DA:79,1
+DA:88,1
+DA:95,0
+LF:14
+LH:9
 BRDA:10,0,0,8
 BRF:1
 BRH:1
@@ -313,32 +399,38 @@ FN:9,(anonymous_2)
 FN:11,(anonymous_3)
 FN:20,(anonymous_4)
 FN:21,(anonymous_5)
-FNF:6
+FN:25,(anonymous_6)
+FN:26,(anonymous_7)
+FNF:8
 FNH:6
 FNDA:1,CooworkSelectors
 FNDA:8,(anonymous_1)
 FNDA:7,(anonymous_2)
 FNDA:7,(anonymous_3)
-FNDA:15,(anonymous_4)
-FNDA:30,(anonymous_5)
+FNDA:6,(anonymous_4)
+FNDA:12,(anonymous_5)
+FNDA:0,(anonymous_6)
+FNDA:0,(anonymous_7)
 DA:6,1
 DA:8,8
 DA:10,7
 DA:11,7
 DA:12,7
-DA:13,5
+DA:13,2
 DA:14,7
-DA:15,5
+DA:15,2
 DA:16,7
-DA:17,5
+DA:17,2
 DA:19,7
-DA:21,30
+DA:21,12
 DA:23,7
-LF:13
+DA:25,0
+DA:26,0
+LF:15
 LH:13
-BRDA:12,0,0,5
-BRDA:14,1,0,5
-BRDA:16,2,0,5
+BRDA:12,0,0,2
+BRDA:14,1,0,2
+BRDA:16,2,0,2
 BRF:3
 BRH:3
 end_of_record
@@ -346,8 +438,8 @@ TN:
 SF:src/app/signals/coowork/coowork.state.ts
 FNF:0
 FNH:0
-DA:17,1
-DA:69,1
+DA:18,1
+DA:72,1
 LF:2
 LH:2
 BRF:0
diff --git a/package-lock.json b/package-lock.json
index 03d11cf..310700c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,12 +13,14 @@
         "@angular/compiler": "^17.2.0",
         "@angular/core": "^17.2.0",
         "@angular/forms": "^17.2.0",
+        "@angular/google-maps": "^17.3.9",
         "@angular/platform-browser": "^17.2.0",
         "@angular/platform-browser-dynamic": "^17.2.0",
         "@angular/router": "^17.2.0",
         "@ngrx/signals": "^17.1.1",
         "@ngrx/store": "^17.1.1",
         "cpf-cnpj-validator": "^1.0.3",
+        "date-fns": "^3.6.0",
         "ng-mocks": "^14.12.2",
         "password-checker-validator": "^1.1.0",
         "primeicons": "^7.0.0",
@@ -532,6 +534,20 @@
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
+    "node_modules/@angular/google-maps": {
+      "version": "17.3.9",
+      "resolved": "https://registry.npmjs.org/@angular/google-maps/-/google-maps-17.3.9.tgz",
+      "integrity": "sha512-x0Js3BxqGs8T4ahg9X7xZZnT909/T9K1wn5fp5Nw/1TEc/bp1l0RFWyPBa/dNuKoZ6A1OSE0GFoc/LkKgdibDA==",
+      "dependencies": {
+        "@types/google.maps": "^3.54.10",
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "^17.0.0 || ^18.0.0",
+        "@angular/core": "^17.0.0 || ^18.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
     "node_modules/@angular/platform-browser": {
       "version": "17.3.3",
       "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-17.3.3.tgz",
@@ -4469,6 +4485,11 @@
         "@types/send": "*"
       }
     },
+    "node_modules/@types/google.maps": {
+      "version": "3.55.9",
+      "resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.55.9.tgz",
+      "integrity": "sha512-phaOMtezbT3NaXPKiI3m0OosUS7Nly0auw3Be5s/CgMWLVoDAUP1Yb/Ld0TRoRp8ibrlT4VqM5kmzfvUA0UNLQ=="
+    },
     "node_modules/@types/graceful-fs": {
       "version": "4.1.9",
       "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
@@ -6653,6 +6674,15 @@
         "node": ">=12"
       }
     },
+    "node_modules/date-fns": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
+      "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/date-format": {
       "version": "4.0.14",
       "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
diff --git a/package.json b/package.json
index dcb12fc..1d5afa2 100644
--- a/package.json
+++ b/package.json
@@ -17,12 +17,14 @@
     "@angular/compiler": "^17.2.0",
     "@angular/core": "^17.2.0",
     "@angular/forms": "^17.2.0",
+    "@angular/google-maps": "^17.3.9",
     "@angular/platform-browser": "^17.2.0",
     "@angular/platform-browser-dynamic": "^17.2.0",
     "@angular/router": "^17.2.0",
     "@ngrx/signals": "^17.1.1",
     "@ngrx/store": "^17.1.1",
     "cpf-cnpj-validator": "^1.0.3",
+    "date-fns": "^3.6.0",
     "ng-mocks": "^14.12.2",
     "password-checker-validator": "^1.1.0",
     "primeicons": "^7.0.0",
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 062a247..20cc073 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -7,6 +7,4 @@
 <!-- * * * * * * * * * * End of Placeholder  * * * * * * * * * * * * -->
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
 
-<app-layout></app-layout>
-
 <router-outlet  />
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 3a04b15..4ac9d62 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,13 +1,12 @@
-import { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { UserStore } from './signals/user/user.state';
-import { LayoutComponent } from './components/layout/layout.component';
 import { CooworkStore } from './signals/coowork/coowork.state';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet, LayoutComponent],
+  imports: [RouterOutlet],
   providers: [UserStore, CooworkStore],
   changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: './app.component.html',
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
index 7e16a48..d5ee28f 100644
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -3,7 +3,6 @@ import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 import {
-  HTTP_INTERCEPTORS,
   provideHttpClient,
   withFetch,
   withInterceptorsFromDi,
@@ -18,8 +17,4 @@ export const appConfig: ApplicationConfig = {
     provideAnimations(),
     UserService,
   ],
-};
-
-
-//add intercptor 
-// { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
+};
\ No newline at end of file
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index ee498d4..c279abf 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,10 +1,11 @@
 import { Routes } from '@angular/router';
 import { LoginComponent } from './pages/login/login.component';
 import { RegisterAccountComponent } from './pages/register-account/register-account.component';
-import { LayoutComponent } from './components/layout/layout.component';
 import { HomeComponent } from './pages/home/home.component';
 import { AuthGuard } from './guards/auth.guard';
 import { CooworkDetailsComponent } from './pages/coowork-details/coowork-details.component';
+import { ScheduleComponent } from './pages/schedule/schedule.component';
+import { ScheduleGuard } from './guards/schedule.guard';
 
 export const routes: Routes = [
   {
@@ -16,9 +17,14 @@ export const routes: Routes = [
   {
     path: 'home/details/:id',
     component: CooworkDetailsComponent,
-    pathMatch: 'full',
     canActivate: [AuthGuard],
   },
+  {
+    path: 'home/details/:id/squedule/:squeduleId',
+    component: ScheduleComponent,
+    canActivate: [ScheduleGuard],
+    data: { title: 'Schedule' }
+  },
   {
     path: 'login',
     component: LoginComponent,
@@ -29,33 +35,5 @@ export const routes: Routes = [
     component: RegisterAccountComponent,
     data: { title: 'Register Account' }
   },
-  {
-    path: '',
-    component: LayoutComponent,
-    canActivate: [AuthGuard],
-    children: [
-      {
-        path: '',
-        redirectTo: '/home',
-        pathMatch: 'full',
-      },
-      {
-        path: 'home',
-        component: HomeComponent,
-        pathMatch: 'full',
-        canActivate: [AuthGuard],
-      },
-      {
-        path: 'home/details',
-        component: CooworkDetailsComponent,
-        pathMatch: 'full',
-        canActivate: [AuthGuard],
-      },
-      {
-        path: '**',
-        redirectTo: '/home',
-        pathMatch: 'full',
-      },
-    ],
-  }
+
 ];
diff --git a/src/app/components/layout/layout.component.html b/src/app/components/layout/layout.component.html
deleted file mode 100644
index 4d3c8e0..0000000
--- a/src/app/components/layout/layout.component.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<!-- <p>laysout works!</p>
-<div>{{this.store.user().email| json}}</div>
-<button (click)="navigateToHome()">home</button>
-<button (click)="navigateToLogin()">Login</button>
-<button (click)="navigateToCreateAccount()">Create</button> -->
diff --git a/src/app/components/layout/layout.component.scss b/src/app/components/layout/layout.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/layout/layout.component.ts b/src/app/components/layout/layout.component.ts
deleted file mode 100644
index 689445a..0000000
--- a/src/app/components/layout/layout.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
-import { UserStore } from '../../signals/user/user.state';
-import { CommonModule } from '@angular/common';
-import { Router } from '@angular/router';
-
-@Component({
-  selector: 'app-layout',
-  standalone: true,
-  imports: [CommonModule],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  templateUrl: './layout.component.html',
-  styleUrl: './layout.component.scss',
-})
-export class LayoutComponent {
-  readonly store = inject(UserStore);
-
-  constructor(private router: Router) {}
-
-  navigateToLogin() {
-    this.router.navigate(['/login']);
-  }
-
-  navigateToHome() {
-    this.router.navigate(['/home']);
-  }
-
-  navigateToCreateAccount() {
-    this.router.navigate(['/create-account']);
-  }
-}
diff --git a/src/app/components/nav-bar-return/nav-bar-return.component.html b/src/app/components/nav-bar-return/nav-bar-return.component.html
index 0981643..67fbf53 100644
--- a/src/app/components/nav-bar-return/nav-bar-return.component.html
+++ b/src/app/components/nav-bar-return/nav-bar-return.component.html
@@ -5,11 +5,13 @@
         </a>
 
         <div>
-            {{title}}
+            {{title()}}
         </div>
 
-        <div>
-            <img src="../../../assets/icons/share.svg" alt="share-coowork" />
-        </div>
+        @if (this.share()) {
+            <div>
+                <img src="../../../assets/icons/share.svg" alt="share-coowork" />
+            </div>
+        }
     </div>
 </section>
\ No newline at end of file
diff --git a/src/app/components/nav-bar-return/nav-bar-return.component.spec.ts b/src/app/components/nav-bar-return/nav-bar-return.component.spec.ts
index 5b231e7..bb85af4 100644
--- a/src/app/components/nav-bar-return/nav-bar-return.component.spec.ts
+++ b/src/app/components/nav-bar-return/nav-bar-return.component.spec.ts
@@ -1,12 +1,12 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { Location } from '@angular/common';
 import { NavBarReturnComponent } from './nav-bar-return.component';
 import { Router } from '@angular/router';
 
 describe('NavBarReturnComponent', () => {
   let component: NavBarReturnComponent;
   let fixture: ComponentFixture<NavBarReturnComponent>;
-  let router: Router;
+  let location: Location;
   
   beforeEach(async () => {
     await TestBed.configureTestingModule({
@@ -15,7 +15,7 @@ describe('NavBarReturnComponent', () => {
     .compileComponents();
     fixture = TestBed.createComponent(NavBarReturnComponent);
     component = fixture.componentInstance;
-    router = TestBed.inject(Router);
+    location = TestBed.inject(Location);
     fixture.detectChanges();
   });
 
@@ -24,10 +24,10 @@ describe('NavBarReturnComponent', () => {
   });
 
   it('returnHome should be call router to home', () => {
-    spyOn(router, 'navigate');
+    spyOn(location, 'back');
 
     component.returnHome();
 
-    expect(router.navigate).toHaveBeenCalled();
+    expect(location.back).toHaveBeenCalled();
   })
 });
diff --git a/src/app/components/nav-bar-return/nav-bar-return.component.ts b/src/app/components/nav-bar-return/nav-bar-return.component.ts
index 87f14bf..3a59aea 100644
--- a/src/app/components/nav-bar-return/nav-bar-return.component.ts
+++ b/src/app/components/nav-bar-return/nav-bar-return.component.ts
@@ -1,5 +1,5 @@
-import { Component, Input } from '@angular/core';
-import { Router } from '@angular/router';
+import { Component, Input, input } from '@angular/core';
+import { Location } from '@angular/common';
 
 @Component({
   selector: 'app-nav-bar-return',
@@ -9,11 +9,12 @@ import { Router } from '@angular/router';
   styleUrl: './nav-bar-return.component.scss'
 })
 export class NavBarReturnComponent {
-  @Input() title: string = "";
+  share = input<boolean>(false);
+  title = input("");
 
-  constructor(private router: Router) { }
+  constructor(private location: Location) {}
 
   returnHome() {
-    this.router.navigate(['/home']);
+    this.location.back();
   }
 }
diff --git a/src/app/guards/auth.guard.ts b/src/app/guards/auth.guard.ts
index 705e286..22c8c50 100644
--- a/src/app/guards/auth.guard.ts
+++ b/src/app/guards/auth.guard.ts
@@ -26,11 +26,9 @@ export class AuthGuard implements CanActivate {
     | UrlTree {
     return this.userService.getTokenVerify().pipe(
       switchMap((res: any) => {
-        // Se a verificação do token for bem-sucedida
         return of(true);
       }),
       catchError(() => {
-        // Se a verificação do token falhar, tenta fazer o refresh
         return this.userService.postRefresh().pipe(
           map((res: any) => {
             if (res && res.token) {
diff --git a/src/app/guards/schedule.guard.ts b/src/app/guards/schedule.guard.ts
new file mode 100644
index 0000000..52adb18
--- /dev/null
+++ b/src/app/guards/schedule.guard.ts
@@ -0,0 +1,24 @@
+import { Injectable, inject } from '@angular/core';
+import {
+  CanActivate,
+  Router,
+  ActivatedRouteSnapshot,
+  RouterStateSnapshot,
+} from '@angular/router';
+import { CooworkStore, initialState } from '../signals/coowork/coowork.state';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ScheduleGuard implements CanActivate {
+
+  constructor(private router: Router) {}
+
+  canActivate(
+    next: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot
+  ): boolean {
+    // TODO - Implement the logic to check if the user has access to the schedule
+    return true;
+  }
+}
diff --git a/src/app/models/address.ts b/src/app/models/address.ts
index a02f8a2..36d1367 100644
--- a/src/app/models/address.ts
+++ b/src/app/models/address.ts
@@ -8,4 +8,6 @@ export interface Address {
     country: string;
     number: string;
     complement: string;
+    lat: number;
+    lon: number;
 }
\ No newline at end of file
diff --git a/src/app/models/coowork-details.ts b/src/app/models/coowork-details.ts
index e255b37..53b0aa7 100644
--- a/src/app/models/coowork-details.ts
+++ b/src/app/models/coowork-details.ts
@@ -1,3 +1,5 @@
+import { Place } from "./place";
+
 export interface cooworkDetails {
     id: number;
     name: string;
@@ -13,17 +15,11 @@ export interface cooworkDetails {
       phone_number: number;
       opening_hours: number;
       closer_hours: number;
-      coffe_shop: boolean;
+      coffee_shop: boolean;
       safe_box: boolean;
       meeting_room: boolean;
     };
-    places: {
-      id: number;
-      type: string;
-      capacity: number;
-      image: string | null;
-      day_price: number;
-    }[];
+    places: Place[];
     address: {
       id: number;
       road: string;
@@ -34,8 +30,10 @@ export interface cooworkDetails {
       country: string;
       number: string;
       complement: string;
+      lat: number;
+      lon: number;
     };
-    coffe: boolean;
+    coffee: boolean;
     safeBox: boolean;
     meetingRoom: boolean;
   }
diff --git a/src/app/models/coowork.ts b/src/app/models/coowork.ts
index b6c478d..58817ee 100644
--- a/src/app/models/coowork.ts
+++ b/src/app/models/coowork.ts
@@ -2,7 +2,7 @@ export interface Coowork {
     id: number;
     name: string;
     imageCoowork: string;
-    coffe: boolean;
+    coffee: boolean;
     meetingRoom: boolean;
     safeBox: boolean;
     dayPrices: number[];
diff --git a/src/app/models/place.ts b/src/app/models/place.ts
new file mode 100644
index 0000000..e9ec01c
--- /dev/null
+++ b/src/app/models/place.ts
@@ -0,0 +1,7 @@
+export interface Place {
+    id: number;
+    type: string;
+    capacity: number;
+    image: string | null;
+    day_price: number;
+  }
\ No newline at end of file
diff --git a/src/app/pages/coowork-details/coowork-details.component.html b/src/app/pages/coowork-details/coowork-details.component.html
index a0e6dd3..60560e1 100644
--- a/src/app/pages/coowork-details/coowork-details.component.html
+++ b/src/app/pages/coowork-details/coowork-details.component.html
@@ -1,7 +1,7 @@
 <section
-  class="coowork-details h-full min-h-screen flex flex-col bg-backGround p-5"
+  class="coowork-details h-full min-h-screen flex flex-col p-4 pb-16"
 >
-  <app-nav-bar-return title="Coowork details"></app-nav-bar-return>
+  <app-nav-bar-return title="Coowork details" [share]="share"></app-nav-bar-return>
 
   <div class="coowork-details__main">
     @if (this.storeCoowork.cooworkList().loading) {
@@ -22,44 +22,70 @@
       src="../../../assets/images/coowork-option.webp"
       alt="coowork"
     />
-    <div class="pt-5 pb-5">
-      <h1 class="text-base font-bold">
-        {{ this.storeCoowork.cooworkList().cooworkDetails.name }}
+    <div>
+      <h1 class="text-xl font-bold mt-5 mb-2">
+        {{ this.cooworkDetails().name }}
       </h1>
 
-      <div class="flex justify-between pt-2 pb-5">
-        <span class="text-sm text-gray opacity-40">
-          {{
-            getCategorieByCoowork(
-              this.storeCoowork.cooworkList().cooworkDetails
-            )
-          }}
-        </span>
-
-        <span class="flex gap-1 text-sm text-yellow">
-          <img width="10px" src="../../../assets/icons/star.svg" alt="star" />
-          4.9
+      <div class="flex items-center justify-between">
+        <span class="text-base text-primary opacity-40">
+          {{ getCategorieByCoowork(this.cooworkDetails()) }}
         </span>
       </div>
 
-      <div class="description pb-2">
-        <h1 class="text-base font-bold">
-          Space description
-        </h1>
-        <h3 class="text-base text-gray opacity-40 pt-2">
-          {{ this.storeCoowork.cooworkList().cooworkDetails.detail.description }}
+      <div class="description">
+        <h1 class="text-base font-bold mt-5 mb-2">Space description</h1>
+        <h3 class="text-base text-primary opacity-40">
+          {{ this.cooworkDetails().detail.description }}
         </h3>
       </div>
 
-      <div class="Location">
-        <h1 class="text-base font-bold">
-          Location
-        </h1>
-        <h3 class="text-base text-gray opacity-40 pt-2">
-          {{ this.storeCoowork.cooworkList().cooworkDetails.address }}
-        </h3>
+      <div class="Location text-base">
+        <h1 class="font-bold mt-5 mb-2">Location</h1>
+        <div class="text-primary opacity-40">
+          <h3 class="">
+            City: {{ address().city }} / Country: {{ address().country }}
+          </h3>
+          <h3 class="">
+            Road: {{ address().road }} / Number:
+            {{ address().number }}
+          </h3>
+          <h3 class="mb-5">Complement: {{ address().complement }}</h3>
+        </div>
+        <google-map height="270px" width="w-full" [options]="optionsMap">
+          <map-marker [position]="markerPositions" [options]="optionsMap" />
+        </google-map>
+      </div>
+
+      <h1 class="font-bold text-base mt-5 mb-2">Spaces</h1>
+
+      @for (place of this.cooworkDetails().places; track $index) {
+      <div
+        (click)="redirectToSchedule(place.id)"
+        onkeypress="redirectToSchedule(place.id)"
+        class="rounded-4x2 mb-5 bg-white border-gray border-opacity-10 border"
+      >
+        <img
+          class="w-full h-52 rounded-t-2xl"
+          src="../../../assets/images/coowork-option.webp"
+          alt="coowork"
+        />
+        <div class="p-2 rounded-b-2xl">
+          <h1 class="font-medium text-base">{{ place.type }}</h1>
+          <div class="flex justify-between pr-2 pb-2 pt-2">
+            <span class="text-sm font-light text-green"
+              >R$ {{ place.day_price }} Day</span
+            >
+            <img
+              src="../../../assets/icons/seta-direita.svg"
+              alt="arrow-right"
+            />
+          </div>
+        </div>
       </div>
+      }
     </div>
     }
   </div>
 </section>
+<app-status-bar></app-status-bar>
diff --git a/src/app/pages/coowork-details/coowork-details.component.spec.ts b/src/app/pages/coowork-details/coowork-details.component.spec.ts
index 7395d5e..399947b 100644
--- a/src/app/pages/coowork-details/coowork-details.component.spec.ts
+++ b/src/app/pages/coowork-details/coowork-details.component.spec.ts
@@ -3,10 +3,18 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CooworkDetailsComponent } from './coowork-details.component';
 import { CooworkService } from '../../services/coowork.service';
 import { ActivatedRoute, Router } from '@angular/router';
-import { getAllCooworksMock, getByIdCooworkMock } from '../../utils/mocks/cooworks/cooworks.examples';
+import {
+  getAllCooworksMock,
+  getByIdCooworkMock,
+} from '../../utils/mocks/cooworks/cooworks.examples';
 import { of } from 'rxjs';
 import { HttpClientModule } from '@angular/common/http';
 import { CooworkStore } from '../../signals/coowork/coowork.state';
+import { GoogleMapsModule } from '@angular/google-maps';
+import { CommonModule } from '@angular/common';
+import { SkeletonModule } from 'primeng/skeleton';
+import { NavBarReturnComponent } from '../../components/nav-bar-return/nav-bar-return.component';
+import { StatusBarComponent } from '../../components/status-bar/status-bar.component';
 
 describe('CooworkDetailsComponent', () => {
   let component: CooworkDetailsComponent;
@@ -16,12 +24,18 @@ describe('CooworkDetailsComponent', () => {
   let fixture: ComponentFixture<CooworkDetailsComponent>;
 
   activatedRouteMock = {
-    params: of({ id: '1' }) // Simulando parâmetros da URL
+    params: of({ id: '1' }), // Simulando parâmetros da URL
   };
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [CooworkDetailsComponent, HttpClientModule],
+      imports: [
+        NavBarReturnComponent,
+        SkeletonModule,
+        CommonModule,
+        GoogleMapsModule,
+        StatusBarComponent,
+      ],
       providers: [
         { provide: ActivatedRoute, useValue: activatedRouteMock },
         {
@@ -31,9 +45,8 @@ describe('CooworkDetailsComponent', () => {
           },
         },
       ],
-    })
-    .compileComponents();
-    
+    }).compileComponents();
+
     fixture = TestBed.createComponent(CooworkDetailsComponent);
     component = fixture.componentInstance;
     router = TestBed.inject(Router);
@@ -44,9 +57,4 @@ describe('CooworkDetailsComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
-
-//   it('should call CooworkStore.getById with correct id from ActivatedRoute', () => {
-//     // Verificando se o método getById do CooworkStore é chamado com o id correto
-//     expect(cooworkStoreSpy.getById).toHaveBeenCalledWith(1);
-//   });
 });
diff --git a/src/app/pages/coowork-details/coowork-details.component.ts b/src/app/pages/coowork-details/coowork-details.component.ts
index 6b9a4fc..05a284a 100644
--- a/src/app/pages/coowork-details/coowork-details.component.ts
+++ b/src/app/pages/coowork-details/coowork-details.component.ts
@@ -1,4 +1,4 @@
-import { Component, inject } from '@angular/core';
+import { Component, effect, inject } from '@angular/core';
 import { NavBarReturnComponent } from '../../components/nav-bar-return/nav-bar-return.component';
 import {
   CooworkStore,
@@ -8,24 +8,54 @@ import { Coowork } from '../../models/coowork';
 import { ActivatedRoute, Router } from '@angular/router';
 import { SkeletonModule } from 'primeng/skeleton';
 import { cooworkDetails } from '../../models/coowork-details';
+import { GoogleMapsModule } from '@angular/google-maps';
+import { CommonModule } from '@angular/common';
+import { StatusBarComponent } from '../../components/status-bar/status-bar.component';
 
 @Component({
   selector: 'app-coowork-details',
   standalone: true,
-  imports: [NavBarReturnComponent, SkeletonModule],
   templateUrl: './coowork-details.component.html',
   styleUrl: './coowork-details.component.scss',
+  imports: [
+    NavBarReturnComponent,
+    SkeletonModule,
+    CommonModule,
+    GoogleMapsModule,
+    StatusBarComponent,
+  ],
+  providers: [CooworkStore]
 })
 export class CooworkDetailsComponent {
+  readonly storeCoowork = inject(CooworkStore);
+  address = () => this.storeCoowork.cooworkList().cooworkDetails.address;
+  cooworkDetails = () => this.storeCoowork.cooworkList().cooworkDetails;
+  share = true;
   cowork: Coowork = initialState.cooworkList.cooworks[0];
 
-  readonly storeCoowork = inject(CooworkStore);
+  optionsMap: google.maps.MapOptions = {
+    disableDefaultUI: true,
+  };
+  
+  markerPositions: google.maps.LatLngLiteral = {  lat: 0, lng: 0 };
 
   constructor(private url: ActivatedRoute, private router: Router) {
     this.url.params.subscribe((params) => {
       const id = Number(params['id']);
       this.storeCoowork.getById(id);
     });
+
+    effect(() => {
+      if (this.storeCoowork.cooworkList().success) {
+        this.optionsMap.center = {
+          lat: this.cooworkDetails().address.lat,
+          lng: this.cooworkDetails().address.lon,
+        };
+        this.optionsMap.zoom = 20;
+        this.markerPositions = this.optionsMap.center;
+      }
+      console.log(this.storeCoowork.cooworkList())
+    });
   }
 
   getCategorieByCoowork(coowork: cooworkDetails): string {
@@ -33,10 +63,16 @@ export class CooworkDetailsComponent {
 
     const categories = [];
 
-    if (coowork.coffe) categories.push('Coffee');
+    if (coowork.coffee) categories.push('coffee');
     if (coowork.meetingRoom) categories.push('Meeting Room');
     if (coowork.safeBox) categories.push('Safe Box');
 
     return categories.length > 0 ? categories.join(' • ') : '';
   }
+
+  redirectToSchedule(placeId: number) {
+    this.router.navigateByUrl('home/details/'+ this.cooworkDetails().id + '/squedule/' + placeId, {
+      state: { coowork: this.cooworkDetails() },
+    });
+  }
 }
diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html
index da4aae7..4a01bd9 100644
--- a/src/app/pages/home/home.component.html
+++ b/src/app/pages/home/home.component.html
@@ -1,5 +1,5 @@
 <section
-  class="homepage h-full min-h-screen flex flex-col bg-backGround p-5"
+  class="homepage h-full min-h-screen flex flex-col p-4"
 >
   <div
     class="header space-x-4 flex place-content-between items-center font-urbaninst text-primary mb-4"
@@ -62,11 +62,11 @@ <h1 class="text-sm font-bold">Categories</h1>
     <h1 class="text-sm font-bold">Nearest spaces</h1>
 
     <ul
-      class="flex flex-col gap-4 mt-2 md:flex-row items-center md:flex-wrap md:justify-center pb-14"
+      class="flex flex-col gap-4 mt-2 md:flex-row items-center md:flex-wrap md:justify-start pb-14"
     >
       @if (this.storeCoowork.cooworkList().loading) { @for (item of
       skeletonsArray; track $index) {
-      <li class="flex w-full flex-col bg-white rounded-4x2 gap-2 p-3 max-w-128">
+      <li class="flex w-full flex-start bg-white rounded-4x2 gap-2 p-3 max-w-128">
         <p-skeleton
           class="w-full"
           height="20em"
diff --git a/src/app/pages/home/home.component.spec.ts b/src/app/pages/home/home.component.spec.ts
index f9ce1a5..a0ab092 100644
--- a/src/app/pages/home/home.component.spec.ts
+++ b/src/app/pages/home/home.component.spec.ts
@@ -52,7 +52,7 @@ describe('HomeComponent', () => {
   it('getAllCategories should return an array of categories with icon src', () => {
     spyOn(component.storeCoowork, 'getAllCategories').and.returnValue(
       [
-        { categorie: 'Coffe', icon: 'coffee.svg' },
+        { categorie: 'coffee', icon: 'coffee.svg' },
         { categorie: 'Meeting Room', icon: 'meeting-room.svg' },
         { categorie: 'Safe Box', icon: 'safe-box.svg' },
       ],
@@ -62,7 +62,7 @@ describe('HomeComponent', () => {
 
     expect(result).toEqual([
       {
-        categorie: 'Coffe',
+        categorie: 'coffee',
         icon: '../../../assets/icons/coffee.svg',
       },
       {
@@ -78,7 +78,7 @@ describe('HomeComponent', () => {
 
   it('getCategorieByCoowork should return empty with categories ever null', () => {
     const testMock = getAllCooworksMock;
-    testMock[0].coffe = false;
+    testMock[0].coffee = false;
     testMock[0].meetingRoom = false;
     testMock[0].safeBox = false;
 
@@ -90,18 +90,18 @@ describe('HomeComponent', () => {
 
   it('getCategorieByCoowork should return a category by coowork id', () => {
     const test = getAllCooworksMock
-    getAllCooworksMock[0].coffe = true;
+    getAllCooworksMock[0].coffee = true;
     getAllCooworksMock[0].meetingRoom = true;
     getAllCooworksMock[0].safeBox = true;
 
     const resultBy = component.getCategorieByCoowork(1, test);
 
-    expect(resultBy).toEqual('Coffee • Meeting Room • Safe Box');
+    expect(resultBy).toEqual('coffee • Meeting Room • Safe Box');
   });
 
   it('getCategorieByCoowork should return empty', () => {
     const testMock = getAllCooworksMock;
-    testMock[0].coffe = false;
+    testMock[0].coffee = false;
     testMock[0].meetingRoom = false;
     testMock[0].safeBox = false;
 
diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
index cd66102..e7d4794 100644
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -28,6 +28,7 @@ import { Coowork } from '../../models/coowork';
     StatusBarComponent,
     SkeletonModule,
   ],
+  providers: [UserStore, CooworkStore]
 })
 export class HomeComponent implements OnInit {
   readonly storeUser = inject(UserStore);
@@ -65,7 +66,7 @@ export class HomeComponent implements OnInit {
     
     const categories = [];
     
-    if (coowork.coffe) categories.push('Coffee');
+    if (coowork.coffee) categories.push('coffee');
     if (coowork.meetingRoom) categories.push('Meeting Room');
     if (coowork.safeBox) categories.push('Safe Box');
 
diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html
index c1095c2..85ac1f5 100644
--- a/src/app/pages/login/login.component.html
+++ b/src/app/pages/login/login.component.html
@@ -1,7 +1,7 @@
-<div class="lg:flex bg-backGround">
+<div class="lg:flex p-4">
   <section
     id="container-login"
-    class="h-full min-h-screen flex justify-center flex-col pr-5 pl-5 bg-white lg:inline-flex lg:border-r lg:border-border-1 lg:shadow-lg lg:ml-auto lg:h-auto lg:flex-auto lg:max-w-max lg:min-w-144"
+    class="h-full min-h-screen flex justify-center flex-col lg:inline-flex lg:border-r lg:border-border-1 lg:shadow-lg lg:ml-auto lg:h-auto lg:flex-auto lg:max-w-max lg:min-w-144"
   >
     <img
       class="absolute top-10"
diff --git a/src/app/pages/register-account/register-account.component.html b/src/app/pages/register-account/register-account.component.html
index 49c7d80..f9fa427 100644
--- a/src/app/pages/register-account/register-account.component.html
+++ b/src/app/pages/register-account/register-account.component.html
@@ -1,7 +1,7 @@
-<div class="lg:flex bg-backGround">
+<div class="lg:flex p-4">
   <section
     id="container-login"
-    class="h-full min-h-screen flex justify-center flex-col pr-5 pl-5 bg-white lg:inline-flex pb-24 lg:border-r lg:border-border-1 lg:shadow-lg lg:ml-auto lg:h-auto lg:flex-auto lg:max-w-max lg:min-w-144"
+    class="h-full min-h-screen flex justify-center flex-col lg:inline-flex pb-24 lg:border-r lg:border-border-1 lg:shadow-lg lg:ml-auto lg:h-auto lg:flex-auto lg:max-w-max lg:min-w-144"
   >
     <img
       class="absolute top-10"
diff --git a/src/app/pages/register-account/register-account.component.scss b/src/app/pages/register-account/register-account.component.scss
index e92e41c..946be8a 100644
--- a/src/app/pages/register-account/register-account.component.scss
+++ b/src/app/pages/register-account/register-account.component.scss
@@ -6,7 +6,9 @@
 
 ::ng-deep {
   .p-inputtext {
+    padding: 0.5em;
     width: 100%;
+    border: 1px solid rgb(218 218 218 / var(--tw-border-opacity));
   }
 
   .p-inputtext:hover {
diff --git a/src/app/pages/schedule/schedule.component.html b/src/app/pages/schedule/schedule.component.html
new file mode 100644
index 0000000..3b703a3
--- /dev/null
+++ b/src/app/pages/schedule/schedule.component.html
@@ -0,0 +1,55 @@
+<section class="coowork-schedule h-full flex flex-col p-4">
+  <app-nav-bar-return
+    title="Schedule a service"
+    [share]="share"
+  ></app-nav-bar-return>
+  <p class="text-xl pt-3 pb-3 text-primary opacity-40">
+    Select the date you would like to reserve your coworking space
+  </p>
+
+  <p class="text-primary text-base font-bold mb-2">Reserve date</p>
+  <p-calendar [(ngModel)]="date" dateFormat="dd/mm/yy" [touchUI]="true" [readonlyInput]="true" />
+
+  <div class="description">
+    <h1 class="text-base font-bold mt-5 mb-2">Space description</h1>
+    <h3 class="text-base text-primary opacity-40">
+      {{ this.cooworkDetails.detail.description }}
+    </h3>
+  </div>
+
+  <div class="Place">
+    <h1 class="text-base font-bold mt-5 mb-2">Day price</h1>
+    <h3 class="text-base text-primary opacity-40">
+      R$: {{ this.place.day_price }}.00 reais
+    </h3>
+    <h1 class="text-base font-bold mt-5 mb-2">Type</h1>
+    <h3 class="text-base text-primary opacity-40">
+      {{ this.place.type.replace("_", " ") }}
+    </h3>
+    <h1 class="text-base font-bold mt-5 mb-2">Capacity</h1>
+    <h3 class="text-base text-primary opacity-40">
+      {{ this.place.capacity }} Peoples
+    </h3>
+  </div>
+
+  <div class="Location text-base">
+    <h1 class="font-bold mt-5 mb-2">Location</h1>
+    <div class="text-primary opacity-40">
+      <h3 class="">
+        City: {{ address.city }} / Country: {{ address.country }}
+      </h3>
+      <h3 class="">
+        Road: {{ address.road }} / Number:
+        {{ address.number }}
+      </h3>
+      <h3 class="mb-5">Complement: {{ address.complement }}</h3>
+    </div>
+  </div>
+
+  <img
+    class="w-full h-80 rounded-4xl"
+    src="../../../assets/images/coowork-option.webp"
+    alt="coowork"
+  />
+</section>
+<app-status-bar></app-status-bar>
diff --git a/src/app/pages/schedule/schedule.component.scss b/src/app/pages/schedule/schedule.component.scss
new file mode 100644
index 0000000..3ba5601
--- /dev/null
+++ b/src/app/pages/schedule/schedule.component.scss
@@ -0,0 +1,5 @@
+:host ::ng-deep p-calendar {
+    span {
+        width: 100% !important;
+    }
+}
\ No newline at end of file
diff --git a/src/app/pages/schedule/schedule.component.spec.ts b/src/app/pages/schedule/schedule.component.spec.ts
new file mode 100644
index 0000000..fb711d2
--- /dev/null
+++ b/src/app/pages/schedule/schedule.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ScheduleComponent } from './schedule.component';
+
+describe('ScheduleComponent', () => {
+  let component: ScheduleComponent;
+  let fixture: ComponentFixture<ScheduleComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ScheduleComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(ScheduleComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/schedule/schedule.component.ts b/src/app/pages/schedule/schedule.component.ts
new file mode 100644
index 0000000..8abb17e
--- /dev/null
+++ b/src/app/pages/schedule/schedule.component.ts
@@ -0,0 +1,69 @@
+import { Component, OnInit, inject, input, signal } from '@angular/core';
+import { NavBarReturnComponent } from '../../components/nav-bar-return/nav-bar-return.component';
+import { CalendarModule, Month } from 'primeng/calendar';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule, ViewportScroller } from '@angular/common';
+import { cooworkDetails } from '../../models/coowork-details';
+import { CooworkStore } from '../../signals/coowork/coowork.state';
+import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { Place } from '../../models/place';
+import { StatusBarComponent } from '../../components/status-bar/status-bar.component';
+
+@Component({
+  selector: 'app-schedule',
+  standalone: true,
+  templateUrl: './schedule.component.html',
+  styleUrl: './schedule.component.scss',
+  imports: [
+    NavBarReturnComponent,
+    CalendarModule,
+    FormsModule,
+    ReactiveFormsModule,
+    CommonModule,
+    StatusBarComponent,
+  ],
+})
+export class ScheduleComponent implements OnInit {
+  readonly storeCoowork = inject(CooworkStore);
+  address = this.storeCoowork.cooworkDetailsLocation();
+  cooworkDetails = this.storeCoowork.cooworkDetails();
+  place!: Place;
+  share = false;
+
+  coowork = input.required<cooworkDetails>();
+  date: Date = new Date();
+  calendaryMonthInitial: Month = {
+    month: this.date.getMonth(),
+    year: this.date.getFullYear(),
+  };
+  monthSignal = signal<Month>(this.calendaryMonthInitial);
+
+  constructor(
+    private url: ActivatedRoute,
+    private router: Router,
+    private viewportScroller: ViewportScroller
+  ) {
+    console.log(this.storeCoowork.cooworkList())
+    this.url.params.subscribe((params) => {
+      this.setPlace(params['squeduleId']);
+    });
+  }
+
+  ngOnInit(): void {
+    this.router.events.subscribe((event) => {
+      if (event instanceof NavigationEnd) {
+        this.viewportScroller.scrollToPosition([0, 0]);
+      }
+    });
+  }
+
+  setPlace(id: string) {
+    const place = this.storeCoowork
+      .cooworkDetails()
+      .places.find((place) => place.id === Number(id));
+
+    if (place) {
+      this.place = place;
+    }
+  }
+}
diff --git a/src/app/services/cooworks/dtos/getAll.dto.response.ts b/src/app/services/cooworks/dtos/getAll.dto.response.ts
index 2e73e97..210ff18 100644
--- a/src/app/services/cooworks/dtos/getAll.dto.response.ts
+++ b/src/app/services/cooworks/dtos/getAll.dto.response.ts
@@ -2,7 +2,7 @@ export interface getAllDtoResponse {
     id: number;
     name: string;
     imageCoowork: string;
-    coffe: boolean;
+    coffee: boolean;
     meetingRoom: boolean;
     safeBox: boolean;
     dayPrices: Number[];
diff --git a/src/app/services/cooworks/dtos/getById.dto.response.ts b/src/app/services/cooworks/dtos/getById.dto.response.ts
index 8510099..24689b9 100644
--- a/src/app/services/cooworks/dtos/getById.dto.response.ts
+++ b/src/app/services/cooworks/dtos/getById.dto.response.ts
@@ -13,7 +13,7 @@ export interface getByIdDtoResponse {
       phone_number: number;
       opening_hours: number;
       closer_hours: number;
-      coffe_shop: boolean;
+      coffee_shop: boolean;
       safe_box: boolean;
       meeting_room: boolean;
     };
@@ -34,8 +34,10 @@ export interface getByIdDtoResponse {
       country: string;
       number: string;
       complement: string;
+      lat: number;
+      lon: number;
     };
-    coffe: boolean;
+    coffee: boolean;
     safeBox: boolean;
     meetingRoom: boolean;
   }
diff --git a/src/app/signals/coowork/coowork.hooks.ts b/src/app/signals/coowork/coowork.hooks.ts
new file mode 100644
index 0000000..9c233d7
--- /dev/null
+++ b/src/app/signals/coowork/coowork.hooks.ts
@@ -0,0 +1,12 @@
+import { withHooks } from "@ngrx/signals";
+
+export function CooworkHooks() {
+  return withHooks({
+    onInit({ validToken, cooworkDetails }) {
+      // console.log(cooworkDetails)
+    },
+    onDestroy() {
+      // console.log('on destroy');
+    },
+  });
+}
diff --git a/src/app/signals/coowork/coowork.methods.ts b/src/app/signals/coowork/coowork.methods.ts
index 3866ffc..008bebe 100644
--- a/src/app/signals/coowork/coowork.methods.ts
+++ b/src/app/signals/coowork/coowork.methods.ts
@@ -75,15 +75,18 @@ export function CooworkMethods() {
           return throwError(err);
         }),
         tap((cooworkDetail: cooworkDetails) => {
-          return patchState(store, {
+
+          patchState(store, (state) => ({
             cooworkList: {
+              ...state,
               loading: false,
               error: '',
               success: true,
-              cooworks: [],
               cooworkDetails: cooworkDetail
             },
-          });
+          }));
+          patchState(store, { error: true });
+
         })
       )
       .subscribe();
diff --git a/src/app/signals/coowork/coowork.selectors.ts b/src/app/signals/coowork/coowork.selectors.ts
index 9451178..c9dbc58 100644
--- a/src/app/signals/coowork/coowork.selectors.ts
+++ b/src/app/signals/coowork/coowork.selectors.ts
@@ -9,8 +9,8 @@ export function CooworkSelectors() {
       getAllCategories: computed(() => {
         let categories: { categorie: string; icon: string }[] = [];
         state.cooworkList.cooworks().map((coowork) => {
-          if (coowork.coffe)
-            categories.push({ categorie: 'Coffe', icon: 'coffee.svg' });
+          if (coowork.coffee)
+            categories.push({ categorie: 'coffee', icon: 'coffee.svg' });
           if (coowork.meetingRoom)
             categories.push({ categorie: 'Meeting Room', icon: 'meeting-room.svg' });
           if (coowork.safeBox)
@@ -22,6 +22,8 @@ export function CooworkSelectors() {
         );
         return categories;
       }),
+      cooworkDetails: computed(() => state.cooworkList.cooworkDetails()),
+      cooworkDetailsLocation: computed(() => state.cooworkList.cooworkDetails().address),
     }))
   );
 }
diff --git a/src/app/signals/coowork/coowork.state.ts b/src/app/signals/coowork/coowork.state.ts
index f2b6e8f..8800bd5 100644
--- a/src/app/signals/coowork/coowork.state.ts
+++ b/src/app/signals/coowork/coowork.state.ts
@@ -3,6 +3,7 @@ import { Coowork } from '../../models/coowork';
 import { CooworkMethods } from './coowork.methods';
 import { CooworkSelectors } from './coowork.selectors';
 import { cooworkDetails } from '../../models/coowork-details';
+import { CooworkHooks } from './coowork.hooks';
 
 export interface CooworkState {
   cooworkList: {
@@ -23,7 +24,7 @@ export const initialState: CooworkState = {
       id: 0,
       name: '',
       imageCoowork: '',
-      coffe: false,
+      coffee: false,
       meetingRoom: false,
       safeBox: false,
       dayPrices: [],
@@ -43,7 +44,7 @@ export const initialState: CooworkState = {
         phone_number: 0,
         opening_hours: 0,
         closer_hours: 0,
-        coffe_shop: false,
+        coffee_shop: false,
         safe_box: false,
         meeting_room: false
       },
@@ -57,9 +58,11 @@ export const initialState: CooworkState = {
         state: "",
         country: "",
         number: "",
-        complement: ""
+        complement: "",
+        lat: 0,
+        lon: 0,
       },
-      coffe: false,
+      coffee: false,
       safeBox: false,
       meetingRoom: false
     }
@@ -67,9 +70,8 @@ export const initialState: CooworkState = {
 };
 
 export const CooworkStore = signalStore(
-  { providedIn: 'root' },
   withState(initialState),
   CooworkSelectors(),
   CooworkMethods(),
-  // UserHooks()
+  CooworkHooks()
 );
\ No newline at end of file
diff --git a/src/app/utils/mocks/cooworks/cooworks.examples.ts b/src/app/utils/mocks/cooworks/cooworks.examples.ts
index 80df71a..5a6f30d 100644
--- a/src/app/utils/mocks/cooworks/cooworks.examples.ts
+++ b/src/app/utils/mocks/cooworks/cooworks.examples.ts
@@ -6,7 +6,7 @@ export const getAllCooworksMock: Coowork[] = [
     id: 1,
     name: 'Coowork',
     imageCoowork: 'logo-url',
-    coffe: true,
+    coffee: true,
     safeBox: true,
     meetingRoom: true,
     dayPrices: [500, 30],
@@ -29,7 +29,7 @@ export const getByIdCooworkMock: getByIdDtoResponse = {
     phone_number: 123456789,
     opening_hours: 8,
     closer_hours: 18,
-    coffe_shop: true,
+    coffee_shop: true,
     safe_box: true,
     meeting_room: true,
   },
@@ -80,8 +80,10 @@ export const getByIdCooworkMock: getByIdDtoResponse = {
     country: 'País P',
     number: '123',
     complement: 'Apartamento 101',
+    lat: 0,
+    lon: 0,
   },
-  coffe: true,
+  coffee: true,
   safeBox: true,
   meetingRoom: true,
 };
diff --git a/src/index.html b/src/index.html
index bc87db7..9edfd23 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,4 +16,5 @@
   <body>
     <app-root></app-root>
   </body>
+  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDbTZS3NhzzwPrieYEGq1qhWLQkddaKtoQ"></script>
 </html>
diff --git a/src/styles.scss b/src/styles.scss
index 4547bff..0a1163c 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,6 +1,15 @@
+
 /* You can add global styles to this file, and also import other style files */
 body {
     height: 100%;
+    --tw-bg-opacity: 1;
+    background-color: rgb(249 250 254 / var(--tw-bg-opacity)) 
+}
+
+input {
+    padding: 1em !important; 
+    width: 100% !important;
+    border: 1px solid #d1d1d1 !important;
 }
 
 @tailwind base;