diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html
index e69de29..6d56e91 100644
--- a/src/app/pages/home/home.component.html
+++ b/src/app/pages/home/home.component.html
@@ -0,0 +1,18 @@
+<ion-header>
+    <ion-toolbar>
+        <ion-buttons slot="secondary">
+            <ion-button fill="solid" style="--background: #f7f6f2;" class="border border-gray-200">
+                <ion-icon slot="icon-only" name="profile"></ion-icon>
+            </ion-button>
+        </ion-buttons>
+        <ion-buttons slot="primary">
+            <ion-button fill="solid">
+                <ion-icon slot="icon-only" name="add"></ion-icon>
+            </ion-button>
+        </ion-buttons>
+        <ion-title>BeReady</ion-title>
+    </ion-toolbar>
+</ion-header>
+
+<ion-content style="--background: #f7f6f2;">
+</ion-content>
diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
index c5b2d50..bbf01b7 100644
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -1,10 +1,20 @@
 import {Component} from '@angular/core';
+import {IonicModule} from "@ionic/angular";
+import {addIcons} from "ionicons";
+import {walkOutline, addOutline} from "ionicons/icons";
+
+addIcons({
+    'profile': walkOutline,
+    'add': addOutline,
+});
 
 @Component({
     selector: 'app-home',
     templateUrl: './home.component.html',
     styleUrls: ['./home.component.scss'],
-    imports: []
+    imports: [
+        IonicModule
+    ]
 })
 export class HomeComponent {
 }