diff --git a/src/app/blog/SectionMagazine5.tsx b/src/app/blog/SectionMagazine5.tsx
new file mode 100644
index 0000000..5c0cf25
--- /dev/null
+++ b/src/app/blog/SectionMagazine5.tsx
@@ -0,0 +1,27 @@
+import React, { FC } from "react";
+import { PostDataType } from "@/data/types";
+import Card12 from "./Card12";
+import Card13 from "./Card13";
+
+export interface SectionMagazine5Props {
+  posts: PostDataType[];
+}
+
+const SectionMagazine5: FC<SectionMagazine5Props> = ({ posts }) => {
+  return (
+    <div className="nc-SectionMagazine5">
+      <div className="grid lg:grid-cols-2 gap-6 md:gap-8">
+        {posts[0] && <Card12 post={posts[0]} />}
+        <div className="grid gap-6 md:gap-8">
+          {posts
+            .filter((_, i) => i < 4 && i > 0)
+            .map((item, index) => (
+              <Card13 key={index} post={item} />
+            ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SectionMagazine5;