Masterofowls
diff --git a/‎public/bundle.js
+126 b/‎public/bundle.js
+126
diff --git a/‎public/cf7d1273ecbe3b1aac8f.js
+32 b/‎public/cf7d1273ecbe3b1aac8f.js
+32
diff --git a/‎public/index.html
+74 b/‎public/index.html
+74
diff --git a/‎webpack.config.js
+3-3 b/‎webpack.config.js
+3-3
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>3D Game Scene</title>
+  <style>
+    body { margin: 0; overflow: hidden; }
+    canvas { display: block; }
+    #menu {
+      display: block; /* Show menu by default */
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.8);
+      text-align: center;
+      font-family: 'Arial', sans-serif;
+    }
+    #menu h1 {
+      color: #fff;
+      margin-top: 5%;
+      font-size: 3rem;
+    }
+    #menu button {
+      display: block;
+      margin: 20px auto;
+      padding: 10px 20px;
+      font-size: 1.5rem;
+      color: #fff;
+      background-color: #007bff;
+      border: none;
+      cursor: pointer;
+      border-radius: 5px;
+      transition: background-color 0.3s;
+    }
+    #menu button:hover {
+      background-color: #0056b3;
+    }
+    #menu p {
+      color: #fff;
+      font-size: 1.2rem;
+      max-width: 600px;
+      margin: 20px auto;
+      text-align: left;
+      line-height: 1.5;
+    }
+    #clues {
+      background-color: rgba(0, 0, 0, 0.6);
+      padding: 20px;
+      border-radius: 10px;
+      margin-top: 5%;
+    }
+  </style>
+<script defer src="/bundle.js"></script></head>
+<body>
+  <div id="menu">
+    <h1>Game Menu</h1>
+    <button id="mainButton">Start Game</button>
+
+    <div id="clues">
+      <h2 style="color: #fff;">Clues:</h2>
+      <p><strong>Move:</strong> W, A, S, D</p>
+      <p><strong>Jump:</strong> Spacebar</p>
+      <p><strong>Sprint:</strong> Hold Left Control</p>
+      <p><strong>Pick up object:</strong> Press E when near an object</p>
+      <p><strong>Throw object:</strong> Press F while holding an object</p>
+    </div>
+  </div>
+
+  <script src="/cf7d1273ecbe3b1aac8f.js" defer></script>
+</body>
+</html>
@@ -6,16 +6,16 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 export default {
-  mode: 'development',
+  mode: process.env.NODE_ENV || 'development', // Support both development and production
   entry: './src/index.js',
   output: {
     filename: 'bundle.js',
-    path: path.resolve(__dirname, 'dist'),
+    path: path.resolve(__dirname, 'public'), // Output to "public" for Vercel
     publicPath: '/',
   },
   devServer: {
     static: {
-      directory: path.join(__dirname, 'dist'),
+      directory: path.join(__dirname, 'public'),
     },
     port: 8080,
     open: true,