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

dynamic banner img format-updated

Browse Source
This commit is contained in:
vidhubk 2025-09-09 16:45:48 +05:30
parent 260fab3178
commit 9fe4e87d48
5 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/layout/Breadcrumb.js
View File

@ -1,10 +1,11 @@
import Link from "next/link" import Link from "next/link"
export default function Breadcrumb({breadcrumbTitle}) { export default function Breadcrumb({breadcrumbTitle, background}) {
return ( return (
<> <>
<section className="page_header_default pg_bg_cover alignment_center"> <section className="page_header_default pg_bg_cover alignment_center">
<div className="bakground_cover" style={{ backgroundImage: 'url(assets/images/page-image-1-min.jpg)' }} /> <div className="bakground_cover"
style={{ backgroundImage: `url(${background})` }} />
<div className="page_header_content"> <div className="page_header_content">
<div className="container"> <div className="container">
<div className="row"> <div className="row">

4
components/layout/Layout.js
View File

@ -17,7 +17,7 @@ import Header3 from "./header/Header3"
import Header4 from "./header/Header4" import Header4 from "./header/Header4"
import Header5 from "./header/Header5" import Header5 from "./header/Header5"
import Header6 from "./header/Header6" import Header6 from "./header/Header6"
export default function Layout({ headerStyle, footerStyle, pageCls, breadcrumbTitle, children }) { export default function Layout({ headerStyle, footerStyle, pageCls, breadcrumbTitle, background, children }) {
// Search // Search
const [isSearch, setSearch] = useState(false) const [isSearch, setSearch] = useState(false)
const handleSearch = () => setSearch(!isSearch) const handleSearch = () => setSearch(!isSearch)
@ -57,7 +57,7 @@ export default function Layout({ headerStyle, footerStyle, pageCls, breadcrumbTi
<StickyHeader scroll={scroll} handleSearch={handleSearch} handleOptionalPanel={handleOptionalPanel} handleMobileMenu={handleMobileMenu} /> <StickyHeader scroll={scroll} handleSearch={handleSearch} handleOptionalPanel={handleOptionalPanel} handleMobileMenu={handleMobileMenu} />
<div id="wrapper_full" className="content_all_warpper"> <div id="wrapper_full" className="content_all_warpper">
{breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />} {breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} background={background} />}
<div id="content" className="site-content"> <div id="content" className="site-content">
{children} {children}
</div> </div>

2
pages/contact.js
View File

@ -89,7 +89,7 @@ export default function Contact() {
return ( return (
<> <>
<Layout breadcrumbTitle="Contact" footerStyle={2}> <Layout breadcrumbTitle="Contact" background="/assets/images/contact/contact-banner.jpg" footerStyle={2}>
<section className="contact-section"> <section className="contact-section">
<div className="pd_top_90" /> <div className="pd_top_90" />
<div className="container"> <div className="container">

4
public/assets/css/theme.css
View File

@ -13685,8 +13685,8 @@ body .navbar_nav .menu-item .sub_menu li a.image_big_on_menu_two .img-link {
content: ""; content: "";
width: 100%; width: 100%;
height: 100%; height: 100%;
background: var(--color-set-one-2); background: #ff6600;
opacity: 0.75; opacity: 0.40;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;

BIN
public/assets/images/contact/contact-banner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB