diff --git a/src/pages/LocationDetail/index.tsx b/src/pages/LocationDetail/index.tsx
new file mode 100644
index 0000000..1e39b84
--- /dev/null
+++ b/src/pages/LocationDetail/index.tsx
@@ -0,0 +1,11 @@
+function LocationDetail() {
+  return(
+    <>
+    <div>
+      LOCATION DETAIL
+    </div>
+    </>
+  )
+}
+
+export default LocationDetail;
\ No newline at end of file
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index dcd0ebb..7608f0a 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -2,6 +2,7 @@ import {
   BestLocation,
   Discovery,
   Home,
+  LocationDetail,
   NewsEvent,
   Story
 } from '../pages';
@@ -32,6 +33,11 @@ const routes = [
     name: "Home",
     element: <NewsEvent />
   },
+  {
+    path: "/location/:id",
+    name: "LocationDetail",
+    element: <LocationDetail />
+  }
 ]
 
 export default routes;
\ No newline at end of file