diff --git a/src/components/BlogPage/BlogContainer.js b/src/components/BlogPage/BlogContainer.js
index f133b9e8..a0925850 100644
--- a/src/components/BlogPage/BlogContainer.js
+++ b/src/components/BlogPage/BlogContainer.js
@@ -2,8 +2,10 @@ import React from "react"
 import { useBlog } from "../../hooks"
 import BlogGrid from "./BlogGrid/BlogGrid"
 import BlogArticle from "./BlogArticle/BlogArticle"
-
+import Seo from "../Seo/Seo"
 import "./BlogContainer.scss"
+import Layout from "../layout"
+import Banner from "../Banner/Banner"
 
 const Blog = () => {
 
@@ -12,9 +14,16 @@ const Blog = () => {
   const dataArticles = blogData?.allStrapiArticle?.nodes
   const defaultCategory = data[0]?.name
   const filterArticle = data.map(category => dataArticles.filter(article => category.name === article?.blog_category?.name || defaultCategory))
+  const { seo, banner } = blogData.allStrapiBlogPage.nodes[0]
 
   return (
-    <>
+    <Layout>
+      <Seo
+        title={seo.pageTitle}
+        description={seo.pageDescription}
+        keywords={seo.pageKeywords}
+      />
+      <Banner data={banner} />
       {data.length > 0 && (
         <div className="blog__container container">
           {filterArticle?.map((category, idx) => (
@@ -33,7 +42,7 @@ const Blog = () => {
           ))}
         </div>
       )}
-    </>
+    </Layout>
   )
 }
 
diff --git a/src/components/BlogPage/BlogGrid/BlogGrid.js b/src/components/BlogPage/BlogGrid/BlogGrid.js
index 470ba478..1f95d4f7 100644
--- a/src/components/BlogPage/BlogGrid/BlogGrid.js
+++ b/src/components/BlogPage/BlogGrid/BlogGrid.js
@@ -7,7 +7,7 @@ const BlogGrid = ({ title, children }) => {
     <div className="grid__container">
       <h4>{title}</h4>
       {/* <div className="grid__content">{children}</div> */}
-      <Pagination initialState={true} postPerPage="3" posts={children} />
+      <Pagination initialState={true} postPerPage="9" posts={children} />
     </div>
   )
 }