MetatroncubeSoftwareSolutions/janahan-law
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: MetatroncubeSoftwareSolutions:b7a67982420fd564c43f2fe95b7a3b3c1f6949fa
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
...
compare: MetatroncubeSoftwareSolutions:f33a28fe73e51ba8d9466559d83cb92b42d9a591
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team

2 Commits
b7a6798242 ... f33a28fe73

Author SHA1 Message Date
Alaguraj0361
f33a28fe73 Merge branch 'team' of https://git.metatroncube.in/MetatroncubeSoftwareSolutions/janahan-law into team 2025-08-14 16:32:25 +05:30
Alaguraj0361
e92b31fd23 inner pages banner updated for dynamic format blog page banner image updated 2025-08-14 16:31:37 +05:30
3 changed files with 19 additions and 11 deletions
Show Stats Expand all files Collapse all files

9
components/pagetitle/PageTitle.js
View File

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

17
pages/blog/index.js
View File

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

4
styles/sass/components/_page-title.scss
View File

@ -1,12 +1,14 @@
// page-title // page-title
.wpo-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; min-height: 350px;
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
z-index: 1; z-index: 1;
background-repeat: no-repeat;
object-fit:cover ;
@media(max-width: 767px) { @media(max-width: 767px) {
min-height: 250px; min-height: 250px;