diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..08f12b4
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,3 @@
+FOLDER_PATH="public/content"
+URL_BASE="ws://10.10.150.222:8080/api/v1/ws"
+QUERY="user_id=QRIS&room=BANKJATIM"
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
index d84a28c..ec8cc7c 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -10,9 +10,9 @@ export default defineNuxtConfig({
   },
   runtimeConfig: {
     public: {
-      folder_path: "\\\\10.10.123.49\\qris",
-      url_base: "ws://10.10.150.222:8080/api/v1/ws",
-      query: "user_id=QRIS&room=BANKJATIM"
+      folder_path: process.env.FOLDER_PATH,
+      url_base: process.env.URL_BASE,
+      query: process.env.QUERY
     }
   },
   ssr:false,
@@ -40,10 +40,6 @@ export default defineNuxtConfig({
   build: {
     transpile: ['vuetify', 'socket.io-client'],
   },
-  devServer: {
-    host: "10.10.150.114",
-    port: 3000,
-  },
   app: {
     head: {
       viewport: 'width=device-width,initial-scale=1',
diff --git a/public/content/1.jpg b/public/content/1.jpg
new file mode 100644
index 0000000..d321e05
Binary files /dev/null and b/public/content/1.jpg differ
diff --git a/public/content/2.jpg b/public/content/2.jpg
new file mode 100644
index 0000000..5d983e1
Binary files /dev/null and b/public/content/2.jpg differ
diff --git a/public/content/3.mp4 b/public/content/3.mp4
new file mode 100644
index 0000000..10635cf
Binary files /dev/null and b/public/content/3.mp4 differ
diff --git a/public/content/4.jpg b/public/content/4.jpg
new file mode 100644
index 0000000..a6318b3
Binary files /dev/null and b/public/content/4.jpg differ
diff --git a/public/content/5.jpg b/public/content/5.jpg
new file mode 100644
index 0000000..a6318b3
Binary files /dev/null and b/public/content/5.jpg differ