diff --git a/src/components/DxpGitBookSearch.vue b/src/components/DxpGitBookSearch.vue
new file mode 100644
index 0000000..efbdea6
--- /dev/null
+++ b/src/components/DxpGitBookSearch.vue
@@ -0,0 +1,17 @@
+<template>
+  <ion-header>
+    <ion-toolbar>
+      <ion-title>{{ "Help" }}</ion-title>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <ion-item>
+      <ion-label>{{ "item 1" }}</ion-label>
+    </ion-item>
+  </ion-content>
+</template>
+
+<script setup lang="ts">
+import { IonHeader, IonTitle, IonToolbar, IonItem, IonLabel, IonContent } from "@ionic/vue";
+</script>
\ No newline at end of file
diff --git a/src/index.ts b/src/index.ts
index fb9927f..9652c92 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -4,7 +4,7 @@ import { createPinia } from "pinia";
 import { useProductIdentificationStore } from "./store/productIdentification";
 import { useAuthStore } from "./store/auth";
 import { DxpAppVersionInfo, DxpImage, DxpLanguageSwitcher, DxpLogin, DxpMenuFooterNavigation, DxpOmsInstanceNavigator, DxpProductIdentifier, DxpShopifyImg, DxpTimeZoneSwitcher, DxpUserProfile } from "./components";
-import { goToOms, getProductIdentificationValue } from "./utils";
+import { goToOms, getProductIdentificationValue, openGitBookSearchModal } from "./utils";
 import { initialiseFirebaseApp } from "./utils/firebase"
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 import { createI18n } from 'vue-i18n'
@@ -127,6 +127,7 @@ export {
   initialiseFirebaseApp,
   loginContext,
   notificationContext,
+  openGitBookSearchModal,
   productIdentificationContext,
   shopifyImgContext,
   translate,
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 9532d21..bd2101a 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,6 +1,7 @@
-import { toastController } from "@ionic/vue";
+import { modalController, toastController } from "@ionic/vue";
 import { DateTime } from "luxon";
 import { translate } from "src";
+import DxpGitBookSearch from "../components/DxpGitBookSearch.vue";
 import { computed, ref } from "vue";
 
 const goToOms = (token: string, oms: string) => {
@@ -52,9 +53,21 @@ const getCurrentTime = (zone: string, format = 't ZZZZ') => {
   return DateTime.now().setZone(zone).toFormat(format)
 }
 
+const openGitBookSearchModal = async () => {
+  const modal = await modalController.create({
+    component: DxpGitBookSearch
+  })
+
+  console.log(modal);
+  
+
+  return modal.present();
+}
+
 export {
   getCurrentTime,
   getProductIdentificationValue,
   goToOms,
-  showToast
+  showToast,
+  openGitBookSearchModal
 }
\ No newline at end of file