Faq, BookNow, Contact pages, images updated and heading and sub heading lenght aligned equaly

pages/about-us.js

@@ -254,7 +254,7 @@ export default function AboutUs() {
                                     </div>
                                 </div>
                                 {/*-============spacing==========-*/}
-                                <div className="pd_bottom_40" />
+                                {/* <div className="pd_bottom_40" /> */}
                                 {/*-============spacing==========-*/}
                             </div>
                             <div className="col-lg-6 col-md-12">

pages/book-now.js

@@ -4,7 +4,7 @@ export default function Contact() {
 
     return (
         <>
-            <Layout breadcrumbTitle="Book Now" footerStyle={2}>
+            <Layout breadcrumbTitle="Book Now" footerStyle={2} background={"/assets/images/BookNow/book-now-banner.webp"}>
                 <section className="about-section">
                     {/*-============spacing==========-*/}
                     <div className="pd_top_90" />
@@ -15,22 +15,22 @@ export default function Contact() {
                             <div className="col-lg-6 order-2 order-lg-1 text-center">
                                 <div className="image">
                                     <img
-                                        src="/assets/images/about/about-2-11.png"
+                                        src="/assets/images/BookNow/amazing-company.webp"
                                         className="img-fluid mx-auto d-block"
                                         alt="img"
                                     />
                                 </div>
                                 {/*-============spacing==========-*/}
-                                <div className="pd_bottom_40" />
+                                {/* <div className="pd_bottom_40" /> */}
                                 {/*-============spacing==========-*/}
                             </div>
 
                             {/* Content Column */}
                             <div className="col-lg-6 order-1 order-lg-2">
                                 <div className="section_title type_two">
-                                    <h4 className="sm_title"> Amazing Company</h4>
+                                    <h4 className="sm_title"> Fast Pricing</h4>
                                     <div className="title_whole">
-                                        <h2 className="title"> Get Your Instant Price in Seconds </h2>
+                                        <h2 className="title">Get Your Instant Price Now</h2>
                                     </div>
                                 </div>
                                 {/*-============spacing==========-*/}
@@ -88,7 +88,7 @@ export default function Contact() {
                                             </Link>
                                         </div>
                                         {/*-============spacing==========-*/}
-                                        <div className="pd_bottom_20" />
+                                        {/* <div className="pd_bottom_0" /> */}
                                         {/*-============spacing==========-*/}
                                     </div>
                                 </div>
@@ -96,9 +96,10 @@ export default function Contact() {
                         </div>
 
                     </div>
+                    <div className="pd_top_90" />
                 </section>
 
-                <section className="content-section bg_op_4" style={{ backgroundImage: 'url(assets/images/wave-pat-1.png)' }}>
+                <section className="content-section bg_op_4 theme_alter-bg" style={{ backgroundImage: 'url(assets/images/wave-pat-1.png)' }}>
                     {/*-============spacing==========-*/}
                     <div className="pd_top_90" />
                     {/*-============spacing==========-*/}
@@ -110,9 +111,9 @@ export default function Contact() {
                                     <div className="pd_bottom_60 d_md_none" />
                                     {/*-============spacing==========-*/}
                                     <div className="section_title medium type_one">
-                                        <h4 className="sm_title"> Great Offer For Customer</h4>
+                                        <h4 className="sm_title"> Special Deals</h4>
                                         <div className="title_whole">
-                                            <h2 className="title"> Why Book with Zip Van?</h2>
+                                            <h2 className="title">Reasons to Choose Zip Van</h2>
                                         </div>
                                     </div>
                                     {/*-============spacing==========-*/}
@@ -124,7 +125,7 @@ export default function Contact() {
                             <div className="col-lg-4 col-md-6 col-sm-12 d-flex">
                                 <div className="icon_box_only type_eight h-100 w-100 d-flex flex-column">
                                     <div className="icon_image">
-                                        <img src="/assets/images/img-icon-1.png" className="img-fluid" alt="img" />
+                                        <img src="/assets/images/BookNow/icons/upfront-pricing.webp" className="img-fluid" alt="img" />
                                     </div>
                                     <div className="section_title type_one">
                                         <div className="title_whole">
@@ -138,7 +139,7 @@ export default function Contact() {
                             <div className="col-lg-4 col-md-6 col-sm-12 d-flex">
                                 <div className="icon_box_only type_eight h-100 w-100 d-flex flex-column">
                                     <div className="icon_image">
-                                        <img src="/assets/images/img-icon-2.png" className="img-fluid" alt="img" />
+                                        <img src="/assets/images/BookNow/icons/insurance-included.webp" className="img-fluid" alt="img" />
                                     </div>
                                     <div className="section_title type_one">
                                         <div className="title_whole">
@@ -152,7 +153,7 @@ export default function Contact() {
                             <div className="col-lg-4 col-md-6 col-sm-12 d-flex">
                                 <div className="icon_box_only type_eight h-100 w-100 d-flex flex-column">
                                     <div className="icon_image">
-                                        <img src="/assets/images/img-icon-2.png" className="img-fluid" alt="img" />
+                                        <img src="/assets/images/BookNow/icons/right-sized-vans.webp" className="img-fluid" alt="img" />
                                     </div>
                                     <div className="section_title type_one">
                                         <div className="title_whole">
@@ -166,7 +167,7 @@ export default function Contact() {
                             <div className="col-lg-4 col-md-6 col-sm-12 d-flex">
                                 <div className="icon_box_only type_eight h-100 w-100 d-flex flex-column">
                                     <div className="icon_image">
-                                        <img src="/assets/images/img-icon-2.png" className="img-fluid" alt="img" />
+                                        <img src="/assets/images/BookNow/icons/we-drive-for-you.webp" className="img-fluid" alt="img" />
                                     </div>
                                     <div className="section_title type_one">
                                         <div className="title_whole">
@@ -180,7 +181,7 @@ export default function Contact() {
                             <div className="col-lg-4 col-md-6 col-sm-12 d-flex">
                                 <div className="icon_box_only type_eight h-100 w-100 d-flex flex-column">
                                     <div className="icon_image">
-                                        <img src="/assets/images/img-icon-2.png" className="img-fluid" alt="img" />
+                                        <img src="/assets/images/BookNow/icons/quick-simple.webp" className="img-fluid" alt="img" />
                                     </div>
                                     <div className="section_title type_one">
                                         <div className="title_whole">
@@ -199,32 +200,31 @@ export default function Contact() {
                 </section>
 
                 <section className="form-section">
+                    <div className="pd_bottom_90" />
+
                     <div className="auto-container">
                         <div className="row align-items-center">
                             <div className="col-lg-6 order-2 order-lg-1 text-center">
-                                {/*-============spacing==========-*/}
-                                <div className="pd_top_50" />
-                                {/*-============spacing==========-*/}
                                 <div className="image_box_only  type_two">
                                     <div className="bg" />
                                     <div className="left">
                                         <div className="image one">
-                                            <img src="/assets/images/portfolio/project-1-min.png" alt="img" className="img-fluid" />
+                                            <img src="/assets/images/BookNow/amazing-company/240-269.webp" alt="img" className="img-fluid" />
                                         </div>
                                         <div className="image two">
-                                            <img src="/assets/images/form-2-min.png" alt="img" className="img-fluid" />
+                                            <img src="/assets/images/BookNow/amazing-company/220-220.webp" alt="img" className="img-fluid" />
                                         </div>
                                     </div>
                                     <div className="right">
                                         <div className="image three">
-                                            <img src="/assets/images/form-1-min.png" alt="img" className="img-fluid" />
+                                            <img src="/assets/images/BookNow/amazing-company/230-270.webp" alt="img" className="img-fluid" />
                                         </div>
                                     </div>
                                 </div>
                             </div>
                             <div className="col-lg-6 col-md-12 order-1 order-lg-2">
                                 <div className="section_title type_one">
-                                    <h4 className="sm_title"> Amazing Company</h4>
+                                    <h4 className="sm_title"> Easy Steps</h4>
                                     <div className="title_whole">
                                         <h2 className="title"> How Booking Works</h2>
                                     </div>
@@ -293,7 +293,7 @@ export default function Contact() {
                         <div className="row align-items-center">
                             <div className="col-lg-2">
                                 <div className="image-layer position-relative z_1">
-                                    <img src="/assets/images/call-1-min.png" className="img-fluid" alt="img" />
+                                    <img src="/assets/images/BookNow/team-left.webp" className="img-fluid" alt="img" />
                                 </div>
                             </div>
                             <div className="col-lg-6">
@@ -314,7 +314,7 @@ export default function Contact() {
                             </div>
                             <div className="col-lg-2">
                                 <div className="image-layer position-relative z_1">
-                                    <img src="/assets/images/call-2-min.png" className="img-fluid" alt="img" />
+                                    <img src="/assets/images/BookNow/team-right.webp" className="img-fluid" alt="img" />
                                 </div>
                             </div>
                         </div>

pages/contact.js

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

pages/faqs.js

@@ -4,15 +4,15 @@ import Link from "next/link"
 import { useState } from "react"
 
 export default function Faq() {
-    const [activeKey, setActiveKey] = useState(null) // single state
+    const [activeKey, setActiveKey] = useState(null)
 
     const handleToggle = (key) => {
-        setActiveKey(activeKey === key ? null : key) // toggle only clicked FAQ
+        setActiveKey(activeKey === key ? null : key)
     }
 
     return (
         <>
-            <Layout breadcrumbTitle="FAQ" footerStyle={2}>
+            <Layout breadcrumbTitle="FAQ" footerStyle={2} background={"/assets/images/faq/faq-banner.webp"}>
                 {/*-faq*/}
                 <section className="faq-section">
                     {/*-============spacing==========-*/}
@@ -24,7 +24,7 @@ export default function Faq() {
                                 <div className="section_title type_one">
                                     <h4 className="sm_title"> Faq's</h4>
                                     <div className="title_whole">
-                                        <h2 className="title"> Moving Services FAQ – Everything You Need to Know</h2>
+                                        <h2 className="title">Moving Services FAQs</h2>
                                     </div>
                                     <p> Have questions about our moving services? We’ve put together a list of the most common questions our customers ask about bookings, costs, last-minute moves, and more. Whether you’re planning a small apartment move or need quick help transporting items, this FAQ will give you clear answers before you book.</p>
                                 </div>
@@ -121,9 +121,10 @@ export default function Faq() {
                 </section>
 
                 {/*-faqs section with images*/}
-                <section className="faq-section">
+                <section className="faq-section theme_alter-bg">
+
                     {/*-============spacing==========-*/}
-                    {/* <div className="pd_top_60" /> */}
+                    <div className="pd_top_90" />
                     {/*-============spacing==========-*/}
                     <div className="container">
                         <div className="row align-items-center">
@@ -211,15 +212,15 @@ export default function Faq() {
                                 <div className="image_box_only type_three">
                                     <div className="left">
                                         <div className="image one">
-                                            <img src="/assets/images/about/about-2-1.jpg" alt="img" className="img-fluid" />
+                                            <img src="/assets/images/faq/370-370.webp" alt="img" className="img-fluid" />
                                         </div>
                                         <div className="image two">
-                                            <img src="/assets/images/about/about-2-3.jpg" alt="img" className="img-fluid" />
+                                            <img src="/assets/images/faq/370-257.webp" alt="img" className="img-fluid" />
                                         </div>
                                     </div>
                                     <div className="right">
                                         <div className="image three">
-                                            <img src="/assets/images/about/about-2-2.jpg" alt="img" className="img-fluid" />
+                                            <img src="/assets/images/faq/253-439.webp" alt="img" className="img-fluid" />
                                         </div>
                                     </div>
                                 </div>

public/assets/css/theme.css

@@ -117,8 +117,12 @@
   background: var(--color-set-four-1) !important;
 }
 
-.bg_light_1 {
+/* .bg_light_1 {
   background: var(--color-set-one-bg-1) !important;
+} */
+
+.bg_light_1 {
+  background: #ffd1a3 !important;
 }
 
 .bg_light_2 {
@@ -3667,7 +3671,7 @@ body .slick-dots li {
 
 .section_title .title {
   position: relative;
-  font-size: 45px;
+  font-size: 43px;
   line-height: 52px;
   font-weight: 700;
   color: #1f1b1f;
@@ -14684,9 +14688,15 @@ body .wp-block-rss li a {
 }
 
 .theme_btn.color_two {
-  background: var(--color-set-two-three-1);
+  background: #ff6600;
   color: var(--color-white) !important;
-  border: 1px solid var(--color-set-two-three-1);
+  border: 1px solid #ff6600;
+}
+
+.theme_alter-bg{
+
+  background-color: #ffd1a3;
+
 }
 
 .theme_btn.color_three {