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

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

Browse Source
This commit is contained in:
akash 2025-09-10 11:27:10 +05:30
parent b77dad1ee2
commit d0b1f0b704
22 changed files with 49 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/about-us.js
View File

@ -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">

46
pages/book-now.js
View File

@ -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>

2
pages/contact.js
View File

@ -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">

19
pages/faqs.js
View File

@ -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>

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

@ -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 {

BIN
public/assets/images/BookNow/amazing-company.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
public/assets/images/BookNow/amazing-company/220-220.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
public/assets/images/BookNow/amazing-company/230-270.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
public/assets/images/BookNow/amazing-company/240-269.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
public/assets/images/BookNow/book-now-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
public/assets/images/BookNow/icons/insurance-included.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
public/assets/images/BookNow/icons/quick-simple.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
public/assets/images/BookNow/icons/right-sized-vans.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/assets/images/BookNow/icons/upfront-pricing.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
public/assets/images/BookNow/icons/we-drive-for-you.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
public/assets/images/BookNow/team-left.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
public/assets/images/BookNow/team-right.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/assets/images/faq/253-439.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/assets/images/faq/370-257.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
public/assets/images/faq/370-370.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/assets/images/faq/faq-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB