diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..461c270
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,42 @@
+import React from "react";
+import { DEMO_POSTS } from "@/data/posts";
+import SectionAds from "./SectionAds";
+import SectionMagazine5 from "./SectionMagazine5";
+import SectionLatestPosts from "./SectionLatestPosts";
+import BgGlassmorphism from "@/components/BgGlassmorphism";
+import SectionSubscribe2 from "@/components/SectionSubscribe2";
+
+// DEMO DATA
+const POSTS = DEMO_POSTS;
+
+// DEMO POST FOR MAGAZINE SECTION
+const MAGAZINE1_POSTS = POSTS.filter((_, i) => i >= 0 && i < 8);
+//
+
+const BlogPage: React.FC = () => {
+  return (
+    <div className="nc-BlogPage overflow-hidden relative">
+      {/* ======== BG GLASS ======== */}
+      <BgGlassmorphism />
+      {/* ======== ALL SECTIONS ======== */}
+      {/* ======= START CONTAINER ============= */}
+      <div className="container relative">
+        {/* === SECTION 1 === */}
+        <div className="pt-12 pb-16 lg:pb-28">
+          <SectionMagazine5 posts={MAGAZINE1_POSTS} />
+        </div>
+
+        {/* === SECTION 1 === */}
+        <SectionAds />
+
+        {/* === SECTION 8 === */}
+        <SectionLatestPosts className="py-16 lg:py-28" />
+
+        {/* === SECTION 1 === */}
+        <SectionSubscribe2 className="pb-16 lg:pb-28" />
+      </div>
+    </div>
+  );
+};
+
+export default BlogPage;