diff --git a/frontend/src/components/Navbar/Navbar.jsx b/frontend/src/components/Navbar/Navbar.jsx
index da0613e..5918a3c 100644
--- a/frontend/src/components/Navbar/Navbar.jsx
+++ b/frontend/src/components/Navbar/Navbar.jsx
@@ -28,7 +28,7 @@ export const NAV_ITEM = (admin = false) => [
     text: language?.ui.house,
   },
   {
-    path: '/warehouse',
+    path: '/location',
     show: true,
     icon: IconBuildingWarehouse,
     text: language?.ui.location,
diff --git a/frontend/src/lang/vi.json b/frontend/src/lang/vi.json
index 01b652b..728ff8c 100644
--- a/frontend/src/lang/vi.json
+++ b/frontend/src/lang/vi.json
@@ -12,7 +12,7 @@
     "house": "Nhà",
     "action": "Thao Tác",
     "createNew": "Tạo mới",
-    "location": "Nhà kho",
+    "location": "Khu vực",
     "displayName": "Tên hiển thị",
     "newPassword": "Mật khẩu mới",
     "confirmNewPassword": "Nhập lại mật khẩu",
diff --git a/frontend/src/pages/WareHouse/WareHouse.jsx b/frontend/src/pages/Location/Location.jsx
similarity index 86%
rename from frontend/src/pages/WareHouse/WareHouse.jsx
rename to frontend/src/pages/Location/Location.jsx
index 996dffe..f871945 100644
--- a/frontend/src/pages/WareHouse/WareHouse.jsx
+++ b/frontend/src/pages/Location/Location.jsx
@@ -1,7 +1,11 @@
 import { IconPackage } from '@tabler/icons-solidjs'
 import { For } from 'solid-js'
 import { Dynamic } from 'solid-js/web'
-import './warehouse.scss'
+import './location.scss'
+
+const data = [
+  'A0FAAA2FF4402E32E4BEF7D7A0FAAA2FF4402E32E4BEF7D7A0FAAA2FF4402E32E4BEF7D7A0FAAA2FF4402E32E4BEF7D7A0FAAA2FF4402E32E4BEF7D7'
+]
 
 function PackageItem(props) {
   const { item } = { ...props }
@@ -9,7 +13,7 @@ function PackageItem(props) {
   return (
     <a
       href="#"
-      class="group/item w-10 h-10 m-[5px] hover:text-white hover:bg-fu-green rounded-[10px] block"
+      class="group/item w-20 h-20 m-[10px] hover:text-white hover:bg-fu-green rounded-[10px] block"
       classList={{ 'bg-fu-warning/30': isEmpty, 'bg-fu-warning': !isEmpty }}
     >
       <div class="bx-dec invisible group-hover/item:visible">
@@ -37,13 +41,13 @@ function PackageItem(props) {
   )
 }
 
-export default function WareHouse() {
+export default function Location() {
   return (
-    <div class="warehouse">
+    <div class="locations">
       <div class="card w-full bg-base-100 shadow-lg border border-gray-200">
         <div class="card-body">
           <div class="box-header pb-5 mb-5 flex items-center justify-between border-b border-gray-200">
-            <h4 class="card-title">Section Overview</h4>
+            <h4 class="card-title">Nhà 1</h4>
             <div class="box-controls pull-right">
               <input class="form-control no-border bg-base-200 px-2 py-1" id="e" type="date" />
             </div>
diff --git a/frontend/src/pages/Location/index.js b/frontend/src/pages/Location/index.js
new file mode 100644
index 0000000..25c0b2e
--- /dev/null
+++ b/frontend/src/pages/Location/index.js
@@ -0,0 +1 @@
+export { default } from './Location'
diff --git a/frontend/src/pages/Location/location.scss b/frontend/src/pages/Location/location.scss
new file mode 100644
index 0000000..92b6ccc
--- /dev/null
+++ b/frontend/src/pages/Location/location.scss
@@ -0,0 +1,3 @@
+.locations {
+
+}
diff --git a/frontend/src/pages/WareHouse/index.js b/frontend/src/pages/WareHouse/index.js
deleted file mode 100644
index ed3f652..0000000
--- a/frontend/src/pages/WareHouse/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './WareHouse'
diff --git a/frontend/src/pages/WareHouse/warehouse.scss b/frontend/src/pages/WareHouse/warehouse.scss
deleted file mode 100644
index ff64f4b..0000000
--- a/frontend/src/pages/WareHouse/warehouse.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.warehouse {
-
-}
diff --git a/frontend/src/routes/routes.js b/frontend/src/routes/routes.js
index 7dd8926..426d649 100644
--- a/frontend/src/routes/routes.js
+++ b/frontend/src/routes/routes.js
@@ -32,8 +32,8 @@ export const ROUTES = [
     show: true,
   },
   {
-    path: '/warehouse',
-    components: lazy(() => import('@pages/WareHouse')),
+    path: '/location',
+    components: lazy(() => import('@pages/Location')),
     filter: {},
     show: true,
   },
diff --git a/frontend/vite.config.js.timestamp-1720077152772-237bca57b4ba.mjs b/frontend/vite.config.js.timestamp-1720077152772-237bca57b4ba.mjs
new file mode 100644
index 0000000..c3a0bb8
--- /dev/null
+++ b/frontend/vite.config.js.timestamp-1720077152772-237bca57b4ba.mjs
@@ -0,0 +1,72 @@
+// vite.config.js
+import path, { dirname } from "path";
+import { fileURLToPath } from "url";
+import { defineConfig, loadEnv } from "file:///Users/duy.dang/Projects/fuware/frontend/node_modules/.pnpm/vite@5.2.11_sass@1.77.4/node_modules/vite/dist/node/index.js";
+import solid from "file:///Users/duy.dang/Projects/fuware/frontend/node_modules/.pnpm/vite-plugin-solid@2.10.2_solid-js@1.8.17_vite@5.2.11_sass@1.77.4_/node_modules/vite-plugin-solid/dist/esm/index.mjs";
+var __vite_injected_original_import_meta_url = "file:///Users/duy.dang/Projects/fuware/frontend/vite.config.js";
+var _dirname = dirname(fileURLToPath(__vite_injected_original_import_meta_url));
+var vite_config_default = defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "");
+  if (env.NODE_ENV === "production") {
+    return {
+      resolve: {
+        alias: {
+          "@": path.resolve(_dirname, "./src"),
+          "@lang": path.resolve(_dirname, "./src/lang"),
+          "@api": path.resolve(_dirname, "./src/api"),
+          "@hooks": path.resolve(_dirname, "./src/hooks"),
+          "@pages": path.resolve(_dirname, "./src/pages"),
+          "@components": path.resolve(_dirname, "./src/components"),
+          "@routes": path.resolve(_dirname, "./src/routes"),
+          "@utils": path.resolve(_dirname, "./src/utils"),
+          "@assets": path.resolve(_dirname, "./src/assets"),
+          "@context": path.resolve(_dirname, "./src/context")
+        }
+      },
+      plugins: [solid()],
+      server: {
+        https: false,
+        host: true,
+        port: 5001,
+        strictPort: true,
+        watch: {
+          usePolling: true
+        }
+      }
+    };
+  }
+  return {
+    resolve: {
+      alias: {
+        "@": path.resolve(_dirname, "./src"),
+        "@lang": path.resolve(_dirname, "./src/lang"),
+        "@api": path.resolve(_dirname, "./src/api"),
+        "@hooks": path.resolve(_dirname, "./src/hooks"),
+        "@pages": path.resolve(_dirname, "./src/pages"),
+        "@components": path.resolve(_dirname, "./src/components"),
+        "@routes": path.resolve(_dirname, "./src/routes"),
+        "@utils": path.resolve(_dirname, "./src/utils"),
+        "@assets": path.resolve(_dirname, "./src/assets"),
+        "@context": path.resolve(_dirname, "./src/context")
+      }
+    },
+    // plugins: [solid(), mkcert()],
+    plugins: [solid()],
+    server: {
+      https: false,
+      host: true,
+      port: 5001,
+      strictPort: true,
+      watch: {
+        usePolling: true
+      },
+      proxy: {
+        "/api": "http://localhost:9000"
+      }
+    }
+  };
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvZHV5LmRhbmcvUHJvamVjdHMvZnV3YXJlL2Zyb250ZW5kXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvZHV5LmRhbmcvUHJvamVjdHMvZnV3YXJlL2Zyb250ZW5kL3ZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9Vc2Vycy9kdXkuZGFuZy9Qcm9qZWN0cy9mdXdhcmUvZnJvbnRlbmQvdml0ZS5jb25maWcuanNcIjtpbXBvcnQgcGF0aCwgeyBkaXJuYW1lIH0gZnJvbSAncGF0aCdcbmltcG9ydCB7IGZpbGVVUkxUb1BhdGggfSBmcm9tICd1cmwnXG5pbXBvcnQgeyBkZWZpbmVDb25maWcsIGxvYWRFbnYgfSBmcm9tICd2aXRlJ1xuLy8gaW1wb3J0IG1rY2VydCBmcm9tICd2aXRlLXBsdWdpbi1ta2NlcnQnXG5pbXBvcnQgc29saWQgZnJvbSAndml0ZS1wbHVnaW4tc29saWQnXG5cbmNvbnN0IF9kaXJuYW1lID0gZGlybmFtZShmaWxlVVJMVG9QYXRoKGltcG9ydC5tZXRhLnVybCkpXG5cbi8vIGh0dHBzOi8vdml0ZWpzLmRldi9jb25maWcvXG4vLyBwcm9kdWN0aW9uXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoKHsgbW9kZSB9KSA9PiB7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmRlZlxuICBjb25zdCBlbnYgPSBsb2FkRW52KG1vZGUsIHByb2Nlc3MuY3dkKCksICcnKVxuXG4gIGlmIChlbnYuTk9ERV9FTlYgPT09ICdwcm9kdWN0aW9uJykge1xuICAgIHJldHVybiB7XG4gICAgICByZXNvbHZlOiB7XG4gICAgICAgIGFsaWFzOiB7XG4gICAgICAgICAgJ0AnOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYycpLFxuICAgICAgICAgICdAbGFuZyc6IHBhdGgucmVzb2x2ZShfZGlybmFtZSwgJy4vc3JjL2xhbmcnKSxcbiAgICAgICAgICAnQGFwaSc6IHBhdGgucmVzb2x2ZShfZGlybmFtZSwgJy4vc3JjL2FwaScpLFxuICAgICAgICAgICdAaG9va3MnOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYy9ob29rcycpLFxuICAgICAgICAgICdAcGFnZXMnOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYy9wYWdlcycpLFxuICAgICAgICAgICdAY29tcG9uZW50cyc6IHBhdGgucmVzb2x2ZShfZGlybmFtZSwgJy4vc3JjL2NvbXBvbmVudHMnKSxcbiAgICAgICAgICAnQHJvdXRlcyc6IHBhdGgucmVzb2x2ZShfZGlybmFtZSwgJy4vc3JjL3JvdXRlcycpLFxuICAgICAgICAgICdAdXRpbHMnOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYy91dGlscycpLFxuICAgICAgICAgICdAYXNzZXRzJzogcGF0aC5yZXNvbHZlKF9kaXJuYW1lLCAnLi9zcmMvYXNzZXRzJyksXG4gICAgICAgICAgJ0Bjb250ZXh0JzogcGF0aC5yZXNvbHZlKF9kaXJuYW1lLCAnLi9zcmMvY29udGV4dCcpLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIHBsdWdpbnM6IFtzb2xpZCgpXSxcbiAgICAgIHNlcnZlcjoge1xuICAgICAgICBodHRwczogZmFsc2UsXG4gICAgICAgIGhvc3Q6IHRydWUsXG4gICAgICAgIHBvcnQ6IDUwMDEsXG4gICAgICAgIHN0cmljdFBvcnQ6IHRydWUsXG4gICAgICAgIHdhdGNoOiB7XG4gICAgICAgICAgdXNlUG9sbGluZzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIHtcbiAgICByZXNvbHZlOiB7XG4gICAgICBhbGlhczoge1xuICAgICAgICAnQCc6IHBhdGgucmVzb2x2ZShfZGlybmFtZSwgJy4vc3JjJyksXG4gICAgICAgICdAbGFuZyc6IHBhdGgucmVzb2x2ZShfZGlybmFtZSwgJy4vc3JjL2xhbmcnKSxcbiAgICAgICAgJ0BhcGknOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYy9hcGknKSxcbiAgICAgICAgJ0Bob29rcyc6IHBhdGgucmVzb2x2ZShfZGlybmFtZSwgJy4vc3JjL2hvb2tzJyksXG4gICAgICAgICdAcGFnZXMnOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYy9wYWdlcycpLFxuICAgICAgICAnQGNvbXBvbmVudHMnOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYy9jb21wb25lbnRzJyksXG4gICAgICAgICdAcm91dGVzJzogcGF0aC5yZXNvbHZlKF9kaXJuYW1lLCAnLi9zcmMvcm91dGVzJyksXG4gICAgICAgICdAdXRpbHMnOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYy91dGlscycpLFxuICAgICAgICAnQGFzc2V0cyc6IHBhdGgucmVzb2x2ZShfZGlybmFtZSwgJy4vc3JjL2Fzc2V0cycpLFxuICAgICAgICAnQGNvbnRleHQnOiBwYXRoLnJlc29sdmUoX2Rpcm5hbWUsICcuL3NyYy9jb250ZXh0JyksXG4gICAgICB9LFxuICAgIH0sXG4gICAgLy8gcGx1Z2luczogW3NvbGlkKCksIG1rY2VydCgpXSxcbiAgICBwbHVnaW5zOiBbc29saWQoKV0sXG4gICAgc2VydmVyOiB7XG4gICAgICBodHRwczogZmFsc2UsXG4gICAgICBob3N0OiB0cnVlLFxuICAgICAgcG9ydDogNTAwMSxcbiAgICAgIHN0cmljdFBvcnQ6IHRydWUsXG4gICAgICB3YXRjaDoge1xuICAgICAgICB1c2VQb2xsaW5nOiB0cnVlLFxuICAgICAgfSxcbiAgICAgIHByb3h5OiB7XG4gICAgICAgICcvYXBpJzogJ2h0dHA6Ly9sb2NhbGhvc3Q6OTAwMCcsXG4gICAgICB9LFxuICAgIH0sXG4gIH1cbn0pXG4i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