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

components/services/ServicesSection.js

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

pages/services/[slug].js

@@ -40,15 +40,17 @@ const ServiceDetailsPage = () => {
                             <div className="wpo-blog-content">
                                 <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
                                                 src={service.sImgS}
                                                 alt={service.sTitle}
-                                            width={800}
-                                            height={500}
+                                                fill
                                                 style={{ objectFit: "cover" }}
                                             />
                                         </div>
+                                    </div>
+
 
                                     <div className="entry-meta">
                                         <ul>

styles/sass/page/_campaign-single.scss

@@ -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{
 
     color: #c12026 !important;