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

Services and Service-Details Page 15 service card content and button updated

Browse Source
This commit is contained in:
akash 2025-08-14 15:37:45 +05:30
parent f597efd0ba
commit 2d3d95bbee
4 changed files with 94 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/services/ServicesSection.js
View File

@ -46,14 +46,17 @@ const ServicesSection = (props) => {
<p> <p>
{campaign.description} {campaign.description}
</p> </p>
<div className="services-btn">
<Link <Link
onClick={ClickHandler} onClick={ClickHandler}
href={`/services/${campaign.slug}`} href={`/services/${campaign.slug}`}
className="read-more" className="theme-btn full-width-btn"
> >
Continue Reading View Services
</Link> </Link>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>

8
pages/services/[slug].js
View File

@ -40,15 +40,17 @@ const ServiceDetailsPage = () => {
<div className="wpo-blog-content"> <div className="wpo-blog-content">
<div className="post format-standard-image"> <div className="post format-standard-image">
<div className="entry-media" style={{ width: "100%", height: "auto", overflow: "hidden" }}> <div className="entry-media">
<div style={{ width: "100%", height: "400px", position: "relative" }}>
<Image <Image
src={service.sImgS} src={service.sImgS}
alt={service.sTitle} alt={service.sTitle}
width={800} fill
height={500}
style={{ objectFit: "cover" }} style={{ objectFit: "cover" }}
/> />
</div> </div>
</div>
<div className="entry-meta"> <div className="entry-meta">
<ul> <ul>

18
styles/sass/page/_campaign-single.scss
View File

@ -73,6 +73,24 @@
} }
.full-width-btn {
display: block;
width: 100%;
color: #fff !important;
text-align: center;
padding: 12px 20px;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.services-btn a{
color: #fff !important;
}
.data-theem h3{ .data-theem h3{
color: #c12026 !important; color: #c12026 !important;