diff --git a/app/blog/[slug]/page.js b/app/blog/[slug]/page.js
new file mode 100644
index 0000000..57ea21a
--- /dev/null
+++ b/app/blog/[slug]/page.js
@@ -0,0 +1,12 @@
+import BlogPage from '@/components/blog';
+import Layout from '@/components/layout';
+
+function Blog() {
+    return (
+        <Layout title='وبلاگ' name='blog'>
+            <BlogPage />
+        </Layout>
+    )
+}
+
+export default Blog
\ No newline at end of file
diff --git a/components/blog/index.js b/components/blog/index.js
new file mode 100644
index 0000000..da7e300
--- /dev/null
+++ b/components/blog/index.js
@@ -0,0 +1,9 @@
+function BlogPage() {
+    return (
+        <div className="padding-responsive">
+            
+        </div>
+    )
+}
+
+export default BlogPage
\ No newline at end of file