diff --git a/luckydiamond/src/main.js b/luckydiamond/src/main.js
index 11a6fff..f732e29 100644
--- a/luckydiamond/src/main.js
+++ b/luckydiamond/src/main.js
@@ -1,6 +1,14 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
+const SiteOff = {
+    template: `<div style="text-align: center; margin-top: 20%;">
+                   <h1>Site is currently unavailable.</h1>
+                   <p>We are currently performing maintenance. We will be back shortly!</p>
+               </div>`
+};
+const siteIsOff = true; 
+
 import router from "@/router/router";
 import mitt from 'mitt'
 import { Mixins } from "@/mixins/mixin";
@@ -11,12 +19,20 @@ import '@/assets/css/global.css'
 
 export const eventBus = mitt()
 
-const app = createApp(App)
+// const app = createApp(App)
+const app = createApp(siteIsOff ? SiteOff : App);
 
-app.use(router)
-app.mixin(Mixins)
+if (!siteIsOff) {
+    app.use(router);
+    app.mixin(Mixins);
+    app.provide(eventBus);
+    // ConnectToChat(); // Uncomment if chat should also be disabled when the site is off.
+}
+
+// app.use(router)
+// app.mixin(Mixins)
 
 app.mount('#app')
-app.provide(eventBus)
+// app.provide(eventBus)
 
 ConnectToChat();
\ No newline at end of file