diff --git a/src/assets/capri25.png b/src/assets/capri25.png
index 161a43c..c51ac3a 100644
Binary files a/src/assets/capri25.png and b/src/assets/capri25.png differ
diff --git a/src/assets/j27.png b/src/assets/j27.png
index 1ac8eb9..42c35d4 100644
Binary files a/src/assets/j27.png and b/src/assets/j27.png differ
diff --git a/src/components/models.ts b/src/components/models.ts
index aa1d883..25af3e9 100644
--- a/src/components/models.ts
+++ b/src/components/models.ts
@@ -1,11 +1,3 @@
-export interface Boat {
-  id: number;
-  name: string;
-  class: string;
-  year: number;
-  imgsrc: string;
-}
-
 export interface test {
   totalCount: number;
 }
diff --git a/src/pages/BoatPage.vue b/src/pages/BoatPage.vue
index 220bdb1..7689ac2 100644
--- a/src/pages/BoatPage.vue
+++ b/src/pages/BoatPage.vue
@@ -7,28 +7,7 @@
 <script lang="ts" setup>
 import BoatPreviewComponent from 'src/components/BoatPreviewComponent.vue';
 import { ref } from 'vue';
+import { useBoatStore } from 'src/stores/boat';
 
-const boats = ref([
-  {
-    id: 1,
-    name: 'ProjectX',
-    class: 'J/27',
-    year: 1981,
-    imgsrc: '/src/assets/j27.png',
-  },
-  {
-    id: 2,
-    name: 'Take5',
-    class: 'J/27',
-    year: 1985,
-    imgsrc: '/src/assets/j27.png',
-  },
-  {
-    id: 3,
-    name: 'WeeBeestie',
-    class: 'Capri 25',
-    year: 1989,
-    imgsrc: '/src/assets/capri25.png',
-  },
-]);
+const boats = ref(useBoatStore().boats);
 </script>
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index 1d7ab78..cc3ea68 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -2,7 +2,6 @@ import { defineStore } from 'pinia';
 import { ID, account } from 'boot/appwrite';
 import type { Models } from 'appwrite';
 import { ref } from 'vue';
-import { useRouter } from 'vue-router';
 
 export const useAuthStore = defineStore('auth', () => {
   const currentUser = ref<Models.User<Models.Preferences> | null>(null);
diff --git a/src/stores/boat.ts b/src/stores/boat.ts
new file mode 100644
index 0000000..dd5a0a9
--- /dev/null
+++ b/src/stores/boat.ts
@@ -0,0 +1,48 @@
+import { defineStore } from 'pinia';
+
+// const boatSource = null;
+
+export interface Boat {
+  id: number;
+  name: string;
+  class: string;
+  year: number;
+  imgsrc: string;
+}
+
+const getSampleData = () => [
+  {
+    id: 1,
+    name: 'ProjectX',
+    class: 'J/27',
+    year: 1981,
+    imgsrc: '/src/assets/j27.png',
+  },
+  {
+    id: 2,
+    name: 'Take5',
+    class: 'J/27',
+    year: 1985,
+    imgsrc: '/src/assets/j27.png',
+  },
+  {
+    id: 3,
+    name: 'WeeBeestie',
+    class: 'Capri 25',
+    year: 1989,
+    imgsrc: '/src/assets/capri25.png',
+  },
+];
+
+export const useBoatStore = defineStore('boat', {
+  state: () => ({
+    boats: getSampleData(),
+  }),
+
+  getters: {},
+
+  actions: {
+    // update () {
+    // }
+  },
+});
diff --git a/src/stores/schedule/index.js b/src/stores/schedule/index.js
new file mode 100644
index 0000000..2ba5722
--- /dev/null
+++ b/src/stores/schedule/index.js
@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia';
+import state from './state';
+import * as getters from './getters';
+import * as mutations from './mutations';
+import * as actions from './actions';
+
+export const useScheduleStore = defineStore('schedule', {
+  state,
+  getters,
+  mutations,
+  actions,
+});
diff --git a/src/stores/schedule/schedule.ts b/src/stores/schedule/schedule.ts
new file mode 100644
index 0000000..101ad52
--- /dev/null
+++ b/src/stores/schedule/schedule.ts
@@ -0,0 +1,19 @@
+import { defineStore } from 'pinia';
+
+export const useCounterStore = defineStore('counter', {
+  state: () => ({
+    counter: 0
+  }),
+
+  getters: {
+    doubleCount (state) {
+      return state.counter * 2;
+    }
+  },
+
+  actions: {
+    increment () {
+      this.counter++;
+    }
+  }
+});