diff --git a/app/blog/blogdetail/page.tsx b/app/blog/blogdetail/page.tsx
new file mode 100644
index 0000000..4efa43a
--- /dev/null
+++ b/app/blog/blogdetail/page.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import FooterHomeOne from '../../components/FooterHomeOne';
+
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
+
+function page() {
+  return (
+    <> 
+    <div>Bog Detail Here</div>
+    <FooterHomeOne className={undefined} />
+    </>
+   
+  )
+}
+
+export default page
\ No newline at end of file