diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index d72b4f2..a706b11 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -15,6 +15,11 @@ const routes: Routes = [
     loadChildren: () =>
       import('./auth/auth.module').then(m => m.AuthPageModule),
     canActivate: [FirstVisitGuard]
+  },
+  {
+    path: 'welcome',
+    loadChildren: () =>
+      import('./welcome/welcome.module').then(m => m.WelcomePageModule)
   }
 ];
 @NgModule({
diff --git a/src/app/welcome/welcome.module.ts b/src/app/welcome/welcome.module.ts
new file mode 100644
index 0000000..24e8081
--- /dev/null
+++ b/src/app/welcome/welcome.module.ts
@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Routes, RouterModule } from '@angular/router';
+
+import { IonicModule } from '@ionic/angular';
+
+import { WelcomePage } from './welcome.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: WelcomePage
+  }
+];
+
+@NgModule({
+  imports: [CommonModule, IonicModule, RouterModule.forChild(routes)],
+  declarations: [WelcomePage]
+})
+export class WelcomePageModule {}
diff --git a/src/app/welcome/welcome.page.html b/src/app/welcome/welcome.page.html
new file mode 100644
index 0000000..6c62ce4
--- /dev/null
+++ b/src/app/welcome/welcome.page.html
@@ -0,0 +1,11 @@
+<ion-content>
+  <ion-slides pager="true" [options]="slideOpts">
+    <ion-slide>
+      <h1>Slide 1</h1>
+    </ion-slide>
+    <ion-slide>
+      <h1>Slide 2</h1>
+      <ion-button (click)="onStart()">Start</ion-button>
+    </ion-slide>
+  </ion-slides>
+</ion-content>
diff --git a/src/app/welcome/welcome.page.scss b/src/app/welcome/welcome.page.scss
new file mode 100644
index 0000000..d333e9f
--- /dev/null
+++ b/src/app/welcome/welcome.page.scss
@@ -0,0 +1,3 @@
+ion-slides {
+  height: 100%;
+}
diff --git a/src/app/welcome/welcome.page.spec.ts b/src/app/welcome/welcome.page.spec.ts
new file mode 100644
index 0000000..9071b75
--- /dev/null
+++ b/src/app/welcome/welcome.page.spec.ts
@@ -0,0 +1,26 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WelcomePage } from './welcome.page';
+
+describe('WelcomePage', () => {
+  let component: WelcomePage;
+  let fixture: ComponentFixture<WelcomePage>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [WelcomePage],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WelcomePage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/welcome/welcome.page.ts b/src/app/welcome/welcome.page.ts
new file mode 100644
index 0000000..1801c49
--- /dev/null
+++ b/src/app/welcome/welcome.page.ts
@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { Plugins } from '@capacitor/core';
+
+@Component({
+  selector: 'app-welcome',
+  templateUrl: './welcome.page.html',
+  styleUrls: ['./welcome.page.scss']
+})
+export class WelcomePage {
+  slideOpts = {
+    speed: 500
+  };
+
+  constructor(private router: Router) {}
+
+  async onStart() {
+    await Plugins.Storage.set({ key: 'visited', value: 'true' });
+    await this.router.navigate(['']);
+  }
+}