
diff --git a/components/sections/Choose.js b/components/sections/Choose.js
new file mode 100644
index 0000000..438cb2d
--- /dev/null
+++ b/components/sections/Choose.js
@@ -0,0 +1,125 @@
+"use client";
+import React from "react";
+
+export default function ReasonsToChoose() {
+ return (
+
+
+
+
+
+
+
+
+ {/* Removed "Special Deals" since you mentioned earlier */}
+
+
Reasons to Choose Zip Van
+
+
+
+
+
+
+ {/* Upfront Pricing */}
+
+
+
+

+
+
+
+
Upfront Pricing
+
+
The price you see here is the price you pay. No hidden fees, no insurance add-ons.
+
+
+
+
+ {/* Insurance Included */}
+
+
+
+

+
+
+
+
Insurance Included
+
+
Unlike U-Haul, we don’t charge you extra for coverage. Your items are fully protected.
+
+
+
+
+ {/* Right-Sized Vans */}
+
+
+
+

+
+
+
+
Right-Sized Vans
+
+
Big enough for couches, beds, appliances & furniture. Easy to load, easy to move.
+
+
+
+
+ {/* We Drive For You */}
+
+
+
+

+
+
+
+
We Drive For You
+
+
No wrestling with oversized vans in traffic. Sit back, we’ve got the wheel.
+
+
+
+
+ {/* Quick & Simple */}
+
+
+
+

+
+
+
+
Quick & Simple
+
+
Book in 2 minutes. Move stress-free.
+
+
+
+
+
+
+
+ );
+}
diff --git a/components/sections/Offer1.js b/components/sections/Offer1.js
index a370647..159f375 100644
--- a/components/sections/Offer1.js
+++ b/components/sections/Offer1.js
@@ -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,130 +26,77 @@ 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 (
- <>
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
-
-
-
-
Smooth Journey
-
-
How It Works
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
-
-
-
-
-
-
-
-
-

-
-
-
-
-
-
-
-
- Step 1: Don’t panic
-
-
-
- Found a deal on IKEA, Facebook Marketplace, or Kijiji?
- Skip the stress—we’ve got wheels.
-
-
-
-
-
-

-
-
-
-
-
-
-
-
- Step 2: Go to zipvan.ca/book
-
-
-
- Enter pickup & drop-off. See your instant, final price
- and pick a time—no surprises.
-
-
-
-
-
-

-
-
-
-
-
-
-
-
- Step 3: We handle it. You relax.
-
-
-
- We coordinate pickup, load with blankets & straps,
- deliver to your door. Track us live; pay on delivery.
-
-
-
-
+
+
+
+
+
+
+
Smooth Journey
+
+
How It Works
+
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.
+
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
-
- >
+
+
+
+
+
+
+

+
+
+
+
Step 1: Don’t panic
+
+
+ Found a deal on IKEA, Facebook Marketplace, or Kijiji?
+ Skip the stress—we’ve got wheels.
+
+
+
+
+
+

+
+
+
+
Step 2: Go to zipvan.ca/book
+
+
+ Enter pickup & drop-off. See your instant, final price
+ and pick a time—no surprises.
+
+
+
+
+
+

+
+
+
+
Step 3: We handle it. You relax.
+
+
+ We coordinate pickup, load with blankets & straps,
+ deliver to your door. Track us live; pay on delivery.
+
+
+
+
+
+
+
+
+
+
)
}
diff --git a/components/sections/pricing-tool.js b/components/sections/pricing-tool.js
new file mode 100644
index 0000000..2dd795a
--- /dev/null
+++ b/components/sections/pricing-tool.js
@@ -0,0 +1,22 @@
+import Offer1 from "@/components/sections/Offer1"
+import ZipvanQuote from "@/components/sections/ZipvanQuote"
+
+export default function ZipvanSection() {
+ return (
+
+
+
+ {/* Left Column */}
+
+
+
+
+ {/* Right Column */}
+
+
+
+
+
+
+ );
+}
diff --git a/pages/book-now.js b/pages/book.js
similarity index 90%
rename from pages/book-now.js
rename to pages/book.js
index 49e0b70..b8b3ba0 100644
--- a/pages/book-now.js
+++ b/pages/book.js
@@ -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() {
<>
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
+ {/* */}
- {/* Image Column */}
-
-
-

-
- {/*-============spacing==========-*/}
- {/*
*/}
- {/*-============spacing==========-*/}
-
- {/* Content Column */}
-
+ {/* Left Column → Text first, then Image */}
+
+ {/* Text Content */}
-
Fast Pricing
+
+
Fast Pricing
-
Get Your Instant Price Now
+ Get Your Instant
Price Now
- {/*-============spacing==========-*/}
+
- {/*-============spacing==========-*/}
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:
+
-
-
-
-
-
+
Your exact price (including distance & time)
-
-
-
-
-
-
+
How much space you’ll have in the van (with dimensions)
-
-
-
-
-
-
+
The best time slots available
-
@@ -77,9 +53,10 @@ export default function Contact() {
If you like what you see, hit Book Now — and your confirmation will be sent instantly.
- {/*-============spacing==========-*/}
+
- {/*-============spacing==========-*/}
+
+ {/* CTA Button */}
@@ -87,14 +64,27 @@ export default function Contact() {
Learn More
- {/*-============spacing==========-*/}
- {/*
*/}
- {/*-============spacing==========-*/}
+
+ {/* Image Below Content */}
+
+

+
+
+
+ {/* Right Column (Booking Tool or Any Content) */}
+
+
+ {/* Call your component or iframe here */}
+
+
-
@@ -111,7 +101,7 @@ export default function Contact() {
{/*-============spacing==========-*/}
-
Special Deals
+ {/*
Special Deals
*/}
Reasons to Choose Zip Van
diff --git a/pages/contact.js b/pages/contact.js
index fe8969b..d55be6c 100644
--- a/pages/contact.js
+++ b/pages/contact.js
@@ -274,7 +274,7 @@ export default function Contact() {
- 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.
diff --git a/pages/index.js b/pages/index.js
index e27b80e..504bfc3 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -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() {
+
+
{/* */}
{/* */}
{/* */}
{/* */}
-
-
-
+ {/* */}
+ {/* */}
+ {/* */}
{/* */}
{/* */}
diff --git a/public/assets/css/theme.css b/public/assets/css/theme.css
index e44717a..07f2989 100644
--- a/public/assets/css/theme.css
+++ b/public/assets/css/theme.css
@@ -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);
diff --git a/public/assets/images/home/banner/map-light-orange.webp b/public/assets/images/home/banner/map-light-orange.webp
new file mode 100644
index 0000000..d6456eb
Binary files /dev/null and b/public/assets/images/home/banner/map-light-orange.webp differ
diff --git a/public/assets/images/home/banner/map-orange.webp b/public/assets/images/home/banner/map-orange.webp
deleted file mode 100644
index 62cf477..0000000
Binary files a/public/assets/images/home/banner/map-orange.webp and /dev/null differ