components/pagetitle/PageTitle.js

@@ -3,12 +3,7 @@ import Link from 'next/link'
 
 const PageTitle = (props) => {
     return (
-        <section
-            className="wpo-page-title"
-            style={{
-                backgroundImage: `url(${props?.backgroundImage?.src || props?.backgroundImage})`,
-            }}
-        >
+        <section className="wpo-page-title">
             <div className="container">
                 <div className="row">
                     <div className="col col-xs-12">
@@ -26,4 +21,4 @@ const PageTitle = (props) => {
     )
 }
 
-export default PageTitle
+export default PageTitle;

pages/blog/index.js

@@ -1,19 +1,18 @@
-import React, { Fragment } from 'react';
+import React, {Fragment} from 'react';
 import PageTitle from '../../components/pagetitle/PageTitle'
 import BlogList from '../../components/BlogList/BlogList.js'
 import Navbar2 from '../../components/Navbar2/Navbar2';
 import Footer from '../../components/footer/Footer';
 import Scrollbar from '../../components/scrollbar/scrollbar'
-import bg from '/public/images/blog/blog-banner.webp'
 
-const BlogPage = () => {
-    return (
+const BlogPage =() => {
+    return(
         <Fragment>
-            <Navbar2 />
-            <PageTitle pageTitle={'Blog'} backgroundImage={bg} pagesub={'Blog'} />
-            <BlogList />
-            <Footer />
-            <Scrollbar />
+            <Navbar2/>
+            <PageTitle pageTitle={'Blog'} pagesub={'Blog'}/> 
+            <BlogList/>
+            <Footer/>
+            <Scrollbar/>
         </Fragment>
     )
 };

styles/sass/components/_page-title.scss

@@ -1,14 +1,12 @@
 // page-title
 .wpo-page-title {
-	// background: url(/images/page-title.jpg) no-repeat center top / cover;
+	background: url(/images/page-title.jpg) no-repeat center top / cover;
 	min-height: 350px;
 	position: relative;
 	display: flex;
 	justify-content: center;
 	flex-direction: column;
 	z-index: 1;
-	background-repeat: no-repeat;
-	object-fit:cover ;
 
 	@media(max-width: 767px) {
 		min-height: 250px;