diff --git a/resources/js/views/Blog.vue b/resources/js/views/Blog.vue
index e69de29..47195f6 100644
--- a/resources/js/views/Blog.vue
+++ b/resources/js/views/Blog.vue
@@ -0,0 +1,33 @@
+<template>
+    <page-header></page-header>
+
+    <container>
+        <split-content>
+            <template v-slot:main>
+                <blog-recent></blog-recent>
+            </template>
+
+            <template v-slot:aside>
+                <blog-popular></blog-popular>
+            </template>
+        </split-content>
+    </container>
+</template>
+
+<script>
+import PageHeader from "../components/PageHeader.vue";
+import Container from "../components/Container.vue";
+import SplitContent from "../components/SplitContent";
+import BlogRecent from "../components/BlogRecent.vue";
+import BlogPopular from "../components/BlogPopular.vue";
+
+export default {
+    components: {
+        PageHeader,
+        Container,
+        SplitContent,
+        BlogRecent,
+        BlogPopular,
+    },
+}
+</script>