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

corrections updated

Browse Source
This commit is contained in:
Selvi 2025-09-12 18:13:06 +05:30
parent a3873cc93b
commit aaee9cc460
16 changed files with 320 additions and 228 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
components/layout/NavbarNav.js
View File

@ -62,51 +62,6 @@ export default function NavbarNav() {
</ul>
<div className="dropdown-btn"><span className="fa fa-angle-down" /></div> */}
</li>
<li className="menu-item mennucolumn_ nav-item">
<Link href="/about-us" className="nav_link">
<span className="text-link">
About Us
</span>
</Link>
{/* <ul className="sub_menu">
<li className="menu-item nav-item">
<Link href="/about-us" className="nav_link">
<span className="text-link"> About
Us
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/faqs" className="nav_link">
<span className="text-link">
Faq’s
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/pricing" className="nav_link">
<span className="text-link">
Pricing
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/team" className="nav_link">
<span className="text-link">
Team
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/team-detail" className="nav_link">
<span className="text-link"> Team
Detail
</span>
</Link>
</li>
</ul>
<div className="dropdown-btn"><span className="fa fa-angle-down" /></div> */}
</li>
<li className="menu-item mennucolumn_ nav-item">
<Link href="/faqs" className="nav_link">
<span className="text-link">
@ -173,6 +128,51 @@ export default function NavbarNav() {
</ul>
<div className="dropdown-btn"><span className="fa fa-angle-down" /></div>
</li> */}
<li className="menu-item mennucolumn_ nav-item">
<Link href="/about-us" className="nav_link">
<span className="text-link">
About Us
</span>
</Link>
{/* <ul className="sub_menu">
<li className="menu-item nav-item">
<Link href="/about-us" className="nav_link">
<span className="text-link"> About
Us
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/faqs" className="nav_link">
<span className="text-link">
Faq’s
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/pricing" className="nav_link">
<span className="text-link">
Pricing
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/team" className="nav_link">
<span className="text-link">
Team
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/team-detail" className="nav_link">
<span className="text-link"> Team
Detail
</span>
</Link>
</li>
</ul>
<div className="dropdown-btn"><span className="fa fa-angle-down" /></div> */}
</li>
{/* <li className="menu-item menu-item-has-children dropdown mennucolumn_ nav-item">
<Link href="#" className="nav_link">
<span className="text-link">
@ -316,13 +316,13 @@ export default function NavbarNav() {
</ul>
<div className="dropdown-btn"><span className="fa fa-angle-down" /></div>
</li> */}
<li className="menu-item nav-item">
{/* <li className="menu-item nav-item">
<Link href="/book-now" className="nav_link">
<span className="text-link">
Book Now
</span>
</Link>
</li>
</li> */}
<li className="menu-item nav-item">
<Link href="/contact" className="nav_link">

2
components/layout/Sidebar.js
View File

@ -340,7 +340,7 @@ export default function Sidebar() {
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/book-now" className="nav_link">
<Link href="/book" className="nav_link">
<span className="text-link">
Book Now
</span>

4
components/layout/StickyHeader.js
View File

@ -34,8 +34,8 @@ export default function StickyHeader({ scroll, handleSearch, handleOptionalPanel
</div>
{/*menu icon*/}
<div className="button">
<Link href="/zipvan-quote" className="theme_btn">
Get A Quote
<Link href="/book" className="theme_btn">
Book Now
<svg width={12} height={12} viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 11L11 1M11 1H3.5M11 1V8.5" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
</svg>

4
components/layout/header/Header1.js
View File

@ -104,8 +104,8 @@ export default function Header1({ handleSearch, handleOptionalPanel, handleMobil
</div>
{/*menu icon*/}
<div className="button">
<Link href="/zipvan-quote" className="theme_btn">
Get A Quote
<Link href="/book" className="theme_btn">
Book Now
<svg width={12} height={12} viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 11L11 1M11 1H3.5M11 1V8.5" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
</svg>

4
components/layout/header/Header4.js
View File

@ -34,8 +34,8 @@ export default function Header4({ handleSearch, handleOptionalPanel, handleMobil
</div>
{/*menu icon*/}
<div className="button">
<Link href="/zipvan-quote" className="theme_btn">
Get A Quote
<Link href="/book" className="theme_btn">
Book Now
<svg width={12} height={12} viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 11L11 1M11 1H3.5M11 1V8.5" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
</svg>

6
components/sections/Banner1.js
View File

@ -22,7 +22,7 @@ export default function Banner1() {
<section className="single_banner style_one">
<div className="image_bg">
<img
src="/assets/images/slider/banner-single-4-bg.png"
src="/assets/images/home/banner/map-light-orange.webp"
className="img-fluid"
alt="img"
/>
@ -72,7 +72,7 @@ export default function Banner1() {
<section className="single_banner style_one">
<div className="image_bg">
<img
src="/assets/images/slider/banner-single-4-bg.png"
src="/assets/images/home/banner/map-light-orange.webp"
className="img-fluid"
alt="img"
/>
@ -119,7 +119,7 @@ export default function Banner1() {
<section className="single_banner style_one">
<div className="image_bg">
<img
src="/assets/images/slider/banner-single-4-bg.png"
src="/assets/images/home/banner/map-light-orange.webp"
className="img-fluid"
alt="img"
/>

125
components/sections/Choose.js Normal file
View File

@ -0,0 +1,125 @@
"use client";
import React from "react";
export default function ReasonsToChoose() {
return (
<section
className="content-section bg_op_4 theme_alter-bg"
style={{ backgroundImage: "url(assets/images/wave-pat-1.png)" }}
>
<div className="pd_top_90" />
<div className="container">
<div className="row g-4">
<div className="col-lg-4 col-md-6 col-sm-12 d-flex">
<div className="w-100">
<div className="pd_bottom_60 d_md_none" />
<div className="section_title medium type_one">
{/* Removed "Special Deals" since you mentioned earlier */}
<div className="title_whole">
<h2 className="title text-white">Reasons to Choose Zip Van</h2>
</div>
</div>
<div className="pd_bottom_40" />
</div>
</div>
{/* Upfront Pricing */}
<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/BookNow/icons/upfront-pricing.webp"
className="img-fluid"
alt="Upfront Pricing"
/>
</div>
<div className="section_title type_one">
<div className="title_whole">
<h2 className="title">Upfront Pricing</h2>
</div>
<p>The price you see here is the price you pay. No hidden fees, no insurance add-ons.</p>
</div>
</div>
</div>
{/* Insurance Included */}
<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/BookNow/icons/insurance-included.webp"
className="img-fluid"
alt="Insurance Included"
/>
</div>
<div className="section_title type_one">
<div className="title_whole">
<h2 className="title">Insurance Included</h2>
</div>
<p>Unlike U-Haul, we don’t charge you extra for coverage. Your items are fully protected.</p>
</div>
</div>
</div>
{/* Right-Sized Vans */}
<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/BookNow/icons/right-sized-vans.webp"
className="img-fluid"
alt="Right-Sized Vans"
/>
</div>
<div className="section_title type_one">
<div className="title_whole">
<h2 className="title">Right-Sized Vans</h2>
</div>
<p>Big enough for couches, beds, appliances & furniture. Easy to load, easy to move.</p>
</div>
</div>
</div>
{/* We Drive For You */}
<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/BookNow/icons/we-drive-for-you.webp"
className="img-fluid"
alt="We Drive For You"
/>
</div>
<div className="section_title type_one">
<div className="title_whole">
<h2 className="title">We Drive For You</h2>
</div>
<p>No wrestling with oversized vans in traffic. Sit back, we’ve got the wheel.</p>
</div>
</div>
</div>
{/* Quick & Simple */}
<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/BookNow/icons/quick-simple.webp"
className="img-fluid"
alt="Quick & Simple"
/>
</div>
<div className="section_title type_one">
<div className="title_whole">
<h2 className="title">Quick & Simple</h2>
</div>
<p>Book in 2 minutes. Move stress-free.</p>
</div>
</div>
</div>
</div>
</div>
<div className="pd_bottom_90" />
</section>
);
}

68
components/sections/Offer1.js
View File

@ -1,10 +1,13 @@
import Link from "next/link"
import { Autoplay, Navigation, Pagination } from "swiper"
import { Swiper, SwiperSlide } from "swiper/react"
import "swiper/css"
import "swiper/css/navigation"
import "swiper/css/pagination"
const swiperOptions = {
modules: [Autoplay, Pagination, Navigation],
slidesPerView: 3,
slidesPerView: 1,
spaceBetween: 30,
autoplay: {
delay: 2500,
@ -23,42 +26,12 @@ const swiperOptions = {
el: '.swiper-pagination',
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
spaceBetween: 30,
},
575: {
slidesPerView: 2,
spaceBetween: 30,
},
767: {
slidesPerView: 2,
spaceBetween: 30,
},
991: {
slidesPerView: 2,
spaceBetween: 30,
},
1199: {
slidesPerView: 3,
spaceBetween: 30,
},
1350: {
slidesPerView: 3,
spaceBetween: 30,
},
}
}
export default function Offer1() {
return (
<>
<section className="what-we-offer bg_light_4">
{/*-============spacing==========-*/}
<section className="what-we-offer">
<div className="pd_top_90" />
{/*-============spacing==========-*/}
<div className="container">
<div className="row align-items-end">
<div className="col-lg-12 col-md-12">
@ -66,10 +39,9 @@ export default function Offer1() {
<h4 className="sm_title">Smooth Journey</h4>
<div className="title_whole">
<h2 className="title">How It Works</h2>
<p>Booking with us is simple—just enter your pickup and drop-off details to get an instant price. We’ll handle the rest, from pickup to delivery, while you relax and track your move live.</p>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
</div>
</div>
</div>
@ -80,16 +52,10 @@ export default function Offer1() {
<SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1">
<img src="/assets/images/process/1.webp" alt="service" className="img-fluid" />
<div className="oh ho_1" />
<div className="oh ho_2" />
<div className="oh ho_3" />
<div className="oh ho_4" />
</div>
<div className="content">
<div className="title_22">
<h4 className="text-white">
Step 1: Don’t panic
</h4>
<h4 className="text-white">Step 1: Don’t panic</h4>
</div>
<p className="trans">
Found a deal on IKEA, Facebook Marketplace, or Kijiji?
@ -100,16 +66,10 @@ export default function Offer1() {
<SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1">
<img src="/assets/images/process/2.png" alt="service" className="img-fluid" />
<div className="oh ho_1" />
<div className="oh ho_2" />
<div className="oh ho_3" />
<div className="oh ho_4" />
</div>
<div className="content">
<div className="title_22">
<h4 className="text-white">
Step 2: Go to zipvan.ca/book
</h4>
<h4 className="text-white">Step 2: Go to zipvan.ca/book</h4>
</div>
<p className="trans">
Enter pickup & drop-off. See your instant, final price
@ -120,16 +80,10 @@ export default function Offer1() {
<SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1">
<img src="/assets/images/process/3.png" alt="service" className="img-fluid" />
<div className="oh ho_1" />
<div className="oh ho_2" />
<div className="oh ho_3" />
<div className="oh ho_4" />
</div>
<div className="content">
<div className="title_22">
<h4 className="text-white">
Step 3: We handle it. You relax.
</h4>
<h4 className="text-white">Step 3: We handle it. You relax.</h4>
</div>
<p className="trans">
We coordinate pickup, load with blankets & straps,
@ -142,11 +96,7 @@ export default function Offer1() {
</div>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_90" />
{/*-============spacing==========-*/}
</section>
</>
)
}

22
components/sections/pricing-tool.js Normal file
View File

@ -0,0 +1,22 @@
import Offer1 from "@/components/sections/Offer1"
import ZipvanQuote from "@/components/sections/ZipvanQuote"
export default function ZipvanSection() {
return (
<section>
<div className="container">
<div className="row align-items-center">
{/* Left Column */}
<div className="col-lg-6 col-md-12 mb-4 mb-lg-0">
<ZipvanQuote />
</div>
{/* Right Column */}
<div className="col-lg-6 col-md-12">
<Offer1 />
</div>
</div>
</div>
</section>
);
}

86
pages/book-now.js → pages/book.js
View File

@ -1,4 +1,5 @@
import Layout from "@/components/layout/Layout"
import ZipvanQuote from "@/components/sections/ZipvanQuote"
import Layout from "@/components/layout/Layout";
import Link from "next/link"
export default function Contact() {
@ -6,70 +7,45 @@ export default function Contact() {
<>
<Layout breadcrumbTitle="Book Now" footerStyle={2} background={"/assets/images/BookNow/book-now-banner.webp"}>
<section className="about-section">
{/*-============spacing==========-*/}
<div className="pd_top_90" />
{/*-============spacing==========-*/}
{/* <div className="pd_top_90" /> */}
<div className="container">
<div className="row align-items-center">
{/* Image Column */}
<div className="col-lg-6 order-2 order-lg-1 text-center">
<div className="image">
<img
src="/assets/images/BookNow/amazing-company.webp"
className="img-fluid mx-auto d-block"
alt="img"
/>
{/* Left Column → Text first, then Image */}
<div className="col-lg-6 order-1 order-lg-1">
{/* Text Content */}
<div className="section_title type_two">
<div className="pd_top_90" />
<h4 className="sm_title text-center"> Fast Pricing</h4>
<div className="title_whole">
<h2 className="title text-center">Get Your Instant <br /> Price Now</h2>
</div>
{/*-============spacing==========-*/}
{/* <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"> Fast Pricing</h4>
<div className="title_whole">
<h2 className="title">Get Your Instant Price Now</h2>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_30" />
{/*-============spacing==========-*/}
<div className="position-relative">
No phone calls. No waiting. No “we’ll email you a quote.”
Just enter your pickup & drop-off addresses below, and our system will show you:
</div>
<div className="position-relative mt-3">
<ul className="list_box list color_two">
<li>
<div className="d-flex align-items-center">
<div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" />
</div>
<div className="icon trans"><i className="fas fa-check-circle" /></div>
Your exact price (including distance & time)
</div>
</li>
<li>
<div className="d-flex align-items-center">
<div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" />
</div>
<div className="icon trans"><i className="fas fa-check-circle" /></div>
How much space you’ll have in the van (with dimensions)
</div>
</li>
<li>
<div className="d-flex align-items-center">
<div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" />
</div>
<div className="icon trans"><i className="fas fa-check-circle" /></div>
The best time slots available
</div>
</li>
</ul>
@ -77,9 +53,10 @@ export default function Contact() {
If you like what you see, hit Book Now — and your confirmation will be sent instantly.
</p>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
{/* CTA Button */}
<div className="row gutter_15px">
<div className="col-lg-5">
<div className="theme_btn_all">
@ -87,14 +64,27 @@ export default function Contact() {
Learn More <span><i className="fi-rr-arrow-small-up" /></span>
</Link>
</div>
{/*-============spacing==========-*/}
{/* <div className="pd_bottom_0" /> */}
{/*-============spacing==========-*/}
</div>
</div>
</div>
</div>
{/* Image Below Content */}
<div className="image mt-5">
<img
src="/assets/images/BookNow/amazing-company.webp"
className="img-fluid mx-auto d-block"
alt="img"
/>
</div>
</div>
{/* Right Column (Booking Tool or Any Content) */}
<div className="col-lg-6 order-2 order-lg-2">
<div className="booking-tool-box">
{/* Call your component or iframe here */}
<ZipvanQuote />
</div>
</div>
</div>
</div>
<div className="pd_top_90" />
</section>
@ -111,7 +101,7 @@ export default function Contact() {
<div className="pd_bottom_60 d_md_none" />
{/*-============spacing==========-*/}
<div className="section_title medium type_one">
<h4 className="sm_title"> Special Deals</h4>
{/* <h4 className="sm_title"> Special Deals</h4> */}
<div className="title_whole">
<h2 className="title text-white">Reasons to Choose Zip Van</h2>
</div>

2
pages/contact.js
View File

@ -274,7 +274,7 @@ export default function Contact() {
<section className="map-section">
<div className="map-outer">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7330270.013314212!2d-90.91912208724011!3d43.44971233982256!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b5e9a9f7337f5%3A0x37ce96e31b509179!2sSouthern%20Ontario%2C%20ON!5e0!3m2!1sen!2sca!4v1694464454895!5m2!1sen!2sca"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d463241.8464937742!2d-79.3832!3d43.6532!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b34d64d54a7ab%3A0x6d5f8f8d3df7a25f!2sToronto%2C%20ON!5e0!3m2!1sen!2sca!4v1694170812345!5m2!1sen!2sca"
height={570}
style={{ border: 0, width: "100%" }}
allowFullScreen

3
pages/faqs.js
View File

@ -198,7 +198,8 @@ export default function Faq() {
</div>
</div>
<div className="answer accordion-content" style={{ display: activeKey === 11 ? "block" : "none" }}>
We currently serve [insert city/region here] and surrounding areas. Not sure if we reach you? Send us a quick message and we’ll confirm.
We currently serve Greater Toronto Area, Greater Hamilton Area, Kitchener-Waterloo- Cambridge Area
and surrounding areas. Not sure if we reach you? Send us a quick message and we’ll confirm.
</div>
</div>

10
pages/index.js
View File

@ -15,6 +15,8 @@ import Funfacts4 from "@/components/sections/Funfacts4"
import Location from "@/components/sections/Location"
import Offer1 from "@/components/sections/Offer1"
import ZipvanQuote from "@/components/sections/ZipvanQuote"
import ZipvanSection from "@/components/sections/pricing-tool"
import ReasonsToChoose from "@/components/sections/Choose"
export default function Home4() {
@ -23,14 +25,16 @@ export default function Home4() {
<Layout headerStyle={4} footerStyle={2}>
<Banner1 />
<Funfacts4 />
<ZipvanSection />
<Slider2 />
<ReasonsToChoose />
{/* <Service6 /> */}
{/* <About4 /> */}
{/* <Service7 /> */}
{/* <Content5 /> */}
<Process3 />
<Offer1 />
<ZipvanQuote />
{/* <Process3 /> */}
{/* <Offer1 /> */}
{/* <ZipvanQuote /> */}
<Location />
{/* <Funfacts2 /> */}
{/* <Form3 /> */}

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

@ -95,7 +95,7 @@
}
.bg_11 {
background-color: var(--color-set-two-three-6) !important;
background-color: #08254b !important;
}
.bg_12 {
@ -11084,7 +11084,7 @@ body .slick-dots li:last-child {
}
.navbar_nav .menu-item>a.nav_link {
font-size: 18px;
font-size: 25px;
position: relative;
line-height: 24px;
padding: 0;
@ -14627,7 +14627,7 @@ body .wp-block-rss li a {
display: inline-block;
min-width: 160px;
line-height: 26px;
font-size: 16px;
font-size: 20px;
padding: 8px 20px;
background: #ff6600;
color: var(--color-white);

BIN
public/assets/images/home/banner/map-light-orange.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/assets/images/home/banner/map-orange.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB