From aaee9cc4607a97959a1cc2fd2f55cd6d16abfc78 Mon Sep 17 00:00:00 2001 From: selvi Date: Fri, 12 Sep 2025 18:13:06 +0530 Subject: [PATCH] corrections updated --- components/layout/NavbarNav.js | 94 ++++----- components/layout/Sidebar.js | 2 +- components/layout/StickyHeader.js | 4 +- components/layout/header/Header1.js | 4 +- components/layout/header/Header4.js | 4 +- components/sections/Banner1.js | 6 +- components/sections/Choose.js | 125 ++++++++++++ components/sections/Offer1.js | 186 +++++++----------- components/sections/pricing-tool.js | 22 +++ pages/{book-now.js => book.js} | 80 ++++---- pages/contact.js | 2 +- pages/faqs.js | 3 +- pages/index.js | 10 +- public/assets/css/theme.css | 6 +- .../images/home/banner/map-light-orange.webp | Bin 0 -> 22530 bytes .../assets/images/home/banner/map-orange.webp | Bin 18454 -> 0 bytes 16 files changed, 320 insertions(+), 228 deletions(-) create mode 100644 components/sections/Choose.js create mode 100644 components/sections/pricing-tool.js rename pages/{book-now.js => book.js} (90%) create mode 100644 public/assets/images/home/banner/map-light-orange.webp delete mode 100644 public/assets/images/home/banner/map-orange.webp diff --git a/components/layout/NavbarNav.js b/components/layout/NavbarNav.js index d3fc2b6..8d1d201 100644 --- a/components/layout/NavbarNav.js +++ b/components/layout/NavbarNav.js @@ -62,51 +62,6 @@ export default function NavbarNav() {
*/} -
  • - - - About Us - - - {/* -
    */} -
  • @@ -173,6 +128,51 @@ export default function NavbarNav() {
    • */} +
  • + + + About Us + + + {/* +
    */} +
    • {/*
  • @@ -316,13 +316,13 @@ export default function NavbarNav() {
    • */} -
  • + {/*
  • Book Now -
    • + */}
  • diff --git a/components/layout/Sidebar.js b/components/layout/Sidebar.js index 77f31c2..cda5f19 100644 --- a/components/layout/Sidebar.js +++ b/components/layout/Sidebar.js @@ -340,7 +340,7 @@ export default function Sidebar() {
  • - + Book Now diff --git a/components/layout/StickyHeader.js b/components/layout/StickyHeader.js index b8ff8b1..cdfe99f 100644 --- a/components/layout/StickyHeader.js +++ b/components/layout/StickyHeader.js @@ -34,8 +34,8 @@ export default function StickyHeader({ scroll, handleSearch, handleOptionalPanel {/*menu icon*/}
    - - Get A Quote + + Book Now diff --git a/components/layout/header/Header1.js b/components/layout/header/Header1.js index 0cfeab5..d0462cb 100644 --- a/components/layout/header/Header1.js +++ b/components/layout/header/Header1.js @@ -104,8 +104,8 @@ export default function Header1({ handleSearch, handleOptionalPanel, handleMobil
    {/*menu icon*/}
    - - Get A Quote + + Book Now diff --git a/components/layout/header/Header4.js b/components/layout/header/Header4.js index c6df15f..62d3e34 100644 --- a/components/layout/header/Header4.js +++ b/components/layout/header/Header4.js @@ -34,8 +34,8 @@ export default function Header4({ handleSearch, handleOptionalPanel, handleMobil
    {/*menu icon*/}
    - - Get A Quote + + Book Now diff --git a/components/sections/Banner1.js b/components/sections/Banner1.js index f934420..21a6837 100644 --- a/components/sections/Banner1.js +++ b/components/sections/Banner1.js @@ -22,7 +22,7 @@ export default function Banner1() {
    img @@ -72,7 +72,7 @@ export default function Banner1() {
    img @@ -119,7 +119,7 @@ export default function Banner1() {
    img 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 +
    +
    +
    +

    Upfront Pricing

    +
    +

    The price you see here is the price you pay. No hidden fees, no insurance add-ons.

    +
    +
    +
    + + {/* Insurance Included */} +
    +
    +
    + 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 +
    +
    +
    +

    Right-Sized Vans

    +
    +

    Big enough for couches, beds, appliances & furniture. Easy to load, easy to move.

    +
    +
    +
    + + {/* We Drive For You */} +
    +
    +
    + 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 +
    +
    +
    +

    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==========-*/} -
    -
    -
    -
    -
    -
    - - -
    - service -
    -
    -
    -
    -
    -
    -
    -

    - Step 1: Don’t panic -

    -
    -

    - Found a deal on IKEA, Facebook Marketplace, or Kijiji? - Skip the stress—we’ve got wheels. -

    -
    - - -
    - service -
    -
    -
    -
    -
    -
    -
    -

    - Step 2: Go to zipvan.ca/book -

    -
    -

    - Enter pickup & drop-off. See your instant, final price - and pick a time—no surprises. -

    -
    - - -
    - service -
    -
    -
    -
    -
    -
    -
    -

    - 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==========-*/} -
    - - +
    +
    +
    + + +
    + service +
    +
    +
    +

    Step 1: Don’t panic

    +
    +

    + Found a deal on IKEA, Facebook Marketplace, or Kijiji? + Skip the stress—we’ve got wheels. +

    +
    +     + +
    + service +
    +
    +
    +

    Step 2: Go to zipvan.ca/book

    +
    +

    + Enter pickup & drop-off. See your instant, final price + and pick a time—no surprises. +

    +
    +     + +
    + service +
    +
    +
    +

    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 */} -
    -
    - img -
    - {/*-============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 */} +
    + img +
    +
    + + {/* 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() {