From c5112c95cdd4137b7ca86a92e11487aaf0555872 Mon Sep 17 00:00:00 2001 From: akash Date: Sat, 6 Sep 2025 15:39:09 +0530 Subject: [PATCH] Contact, Book Now , Faq pages responsive and spacing updated build checked --- components/layout/footer/Footer2.js | 34 +++-- pages/book-now.js | 127 +++++++++++-------- pages/contact.js | 21 ++-- pages/faqs.js | 186 ++++++++++++---------------- 4 files changed, 182 insertions(+), 186 deletions(-) diff --git a/components/layout/footer/Footer2.js b/components/layout/footer/Footer2.js index 32d7d0f..4f861b1 100644 --- a/components/layout/footer/Footer2.js +++ b/components/layout/footer/Footer2.js @@ -15,14 +15,14 @@ export default function Footer2({ }) {
- {/*-============spacing==========-*/} -
- {/*-============spacing==========-*/} -
- Move your stuff in a ZIP + + +
+

Move your stuff in a ZIP

+
- + Vankine
@@ -74,34 +74,34 @@ export default function Footer2({ }) {
  • -
    +
    - + {/* */} Greater Toronto Area - + {/* */}
  • -
    +
    - + {/* */} Greater Hamilton Area - + {/* */}
  • -
    +
    - + {/* */} Kitchener-Waterloo- Cambridge Area - + {/* */}
@@ -219,13 +219,11 @@ export default function Footer2({ }) {
  • -
    +
    - Working Hours : 24/7 365 Days a Year -
diff --git a/pages/book-now.js b/pages/book-now.js index fcef1ce..6212c4c 100644 --- a/pages/book-now.js +++ b/pages/book-now.js @@ -11,15 +11,22 @@ export default function Contact() { {/*-============spacing==========-*/}
-
+ {/* Image Column */} +
- img + img
{/*-============spacing==========-*/}
{/*-============spacing==========-*/}
-
+ + {/* Content Column */} +

Amazing Company

@@ -29,7 +36,7 @@ export default function Contact() { {/*-============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:
@@ -38,25 +45,31 @@ export default function Contact() {
  • -
    - - Your exact price (including distance & time) + +
    + + Your exact price (including distance & time) +
  • -
    - - How much space you’ll have in the van (with dimensions) + +
    + + How much space you’ll have in the van (with dimensions) +
  • -
    - - The best time slots available + +
    + + The best time slots available +
    • @@ -70,8 +83,8 @@ export default function Contact() {
    - - Learn More + + Learn More
    {/*-============spacing==========-*/} @@ -81,6 +94,7 @@ export default function Contact() {
    +
    @@ -89,23 +103,26 @@ export default function Contact() {
    {/*-============spacing==========-*/}
    -
    -
    - {/*-============spacing==========-*/} -
    - {/*-============spacing==========-*/} -
    -

    Great Offer For Customer

    -
    -

    Why Book with Zip Van?

    +
    +
    +
    + {/*-============spacing==========-*/} +
    + {/*-============spacing==========-*/} +
    +

    Great Offer For Customer

    +
    +

    Why Book with Zip Van?

    +
    + {/*-============spacing==========-*/} +
    + {/*-============spacing==========-*/}
    - {/*-============spacing==========-*/} -
    - {/*-============spacing==========-*/}
    -
    -
    + +
    +
    img
    @@ -117,8 +134,9 @@ export default function Contact() {
    -
    -
    + +
    +
    img
    @@ -130,8 +148,9 @@ export default function Contact() {
    -
    -
    + +
    +
    img
    @@ -143,8 +162,9 @@ export default function Contact() {
    -
    -
    + +
    +
    img
    @@ -156,8 +176,9 @@ export default function Contact() {
    -
    -
    + +
    +
    img
    @@ -170,6 +191,7 @@ export default function Contact() {
    +
    {/*-============spacing==========-*/}
    @@ -179,7 +201,7 @@ export default function Contact() {
    -
    +
    {/*-============spacing==========-*/}
    {/*-============spacing==========-*/} @@ -200,7 +222,7 @@ export default function Contact() {
    -
    +

    Amazing Company

    @@ -216,40 +238,40 @@ export default function Contact() {
    - - Enter your pickup & drop-off details. + + Enter your pickup & drop-off details.
  • - - Get your instant price & van dimensions. + + Get your instant price & van dimensions.
  • - - Confirm your time slot. + + Confirm your time slot.
  • - - Receive your booking confirmation by email. + + Receive your booking confirmation by email.
  • - - On moving day, we show up on time — you load, we drive, done! + + On moving day, we show up on time — you load, we drive, done!
    • @@ -257,7 +279,7 @@ export default function Contact() {
    - {/*-============spacing==========-*/} + {/*-============spacing==========-*/}
    {/*-============spacing==========-*/}
    @@ -284,10 +306,11 @@ export default function Contact() {
    - - Call us at (647)360-2507 + + Call us at (647) 360-2075
    +
    diff --git a/pages/contact.js b/pages/contact.js index 5cff2f6..cb063aa 100644 --- a/pages/contact.js +++ b/pages/contact.js @@ -91,23 +91,24 @@ export default function Contact() { <>
    -
    +
    -
    + {/* Use g-4 to add spacing between all cards responsively */} +
    -
    +
    img
    -
    Location
    +
    Location
    55 Main Street, 2nd Block melbourne, Australia
    -
    +
    -
    +
    img
    @@ -116,10 +117,10 @@ export default function Contact() { info@zipvan.ca
    -
    +
    -
    +
    img
    @@ -128,11 +129,11 @@ export default function Contact() { (647) 360-2075
    -
    -
    + +
    {/* form */} diff --git a/pages/faqs.js b/pages/faqs.js index bae0946..7d27886 100644 --- a/pages/faqs.js +++ b/pages/faqs.js @@ -2,24 +2,14 @@ import Layout from "@/components/layout/Layout" import Testimonial4 from "@/components/sections/Testimonial4" import Link from "next/link" import { useState } from "react" + export default function Faq() { - const [isActive, setIsActive] = useState({ - status: false, - key: 1, - }) + const [activeKey, setActiveKey] = useState(null) // single state const handleToggle = (key) => { - if (isActive.key === key) { - setIsActive({ - status: false, - }) - } else { - setIsActive({ - status: true, - key, - }) - } + setActiveKey(activeKey === key ? null : key) // toggle only clicked FAQ } + return ( <> @@ -47,71 +37,75 @@ export default function Faq() {
    {/*-============spacing==========-*/} -
    + {/*
    */} {/*-============spacing==========-*/}
    -
    -
    handleToggle(1)}> + + {/* FAQ 1 */} +
    +
    handleToggle(1)}>
    -
    What kind of moves do you do? -
    +
    What kind of moves do you do?
    -
    +
    We’re all about quick, simple, affordable moves. Think IKEA hauls, Facebook Marketplace treasures, new appliances, or that couch your friend finally gave you. If it fits in our van, we’ll move it.
    -
    -
    handleToggle(2)}> -
    -
    Do I need to lift stuff, or do you do it all? -
    + {/* FAQ 2 */} +
    +
    handleToggle(2)}> +
    +
    Do I need to lift stuff, or do you do it all?
    -
    +
    Our standard bookings come with just the driver. That means you (and maybe a buddy) should be ready to load your things. The driver will help, but they can’t move a fridge solo — they’re drivers, not superheroes. Bonus: every van comes with a dolly + straps to keep your items safe. -
    -
    -
    handleToggle(3)}> + + {/* FAQ 3 */} +
    +
    handleToggle(3)}>
    -
    Can I book extra help if I don’t want to lift - ?
    +
    Can I book extra help if I don’t want to lift?
    -
    +
    Absolutely. If you need muscle power, just let us know in advance and we’ll arrange additional labor. You relax, we handle the heavy stuff.
    -
    -
    handleToggle(4)}> + + {/* FAQ 4 */} +
    +
    handleToggle(4)}>
    -
    How long do I get for loading/unloading? -
    +
    How long do I get for loading/unloading?
    -
    +
    We allocate 20–30 minutes for loading and unloading. To keep things smooth, have your items ready at the door or curbside when we arrive.
    -
    -
    handleToggle(5)}> + + {/* FAQ 5 */} +
    +
    handleToggle(5)}>
    What if I need to cancel?
    -
    +
    Life happens! That’s why reservations are refundable up to 24 hours before your appointment time. Stress-free, no penalties.
    @@ -122,104 +116,87 @@ export default function Faq() {
    {/*-============spacing==========-*/} -
    +
    {/*-============spacing==========-*/}
    - {/*-faq end*/} - {/*-faqs*/} + + {/*-faqs section with images*/}
    {/*-============spacing==========-*/} -
    + {/*
    */} {/*-============spacing==========-*/}
    -
    +
    -
    -
    handleToggle(7)}> -
    -
    Are you licensed and insured? -
    + + {/* FAQ 1 */} +
    +
    handleToggle(7)}> +
    +
    Are you licensed and insured?
    -
    +
    Yes — we’re fully licensed and insured. Unlike U-Haul, you don’t need to pay an extra $30/day for coverage. Your items are protected, and our vans are covered. -
    -
    -
    handleToggle(8)}> + + {/* FAQ 2 */} +
    +
    handleToggle(8)}>
    -
    How much does it cost? -
    +
    How much does it cost?
    -
    +
    We believe in fair, upfront pricing. The price you see online is the price you pay (plus taxes where applicable). No hidden fees, no insurance add-ons, no mileage math.
    -
    -
    handleToggle(9)}> -
    -
    - Do you do last-minute moves? -
    + + {/* FAQ 3 */} +
    +
    handleToggle(9)}> +
    +
    Do you do last-minute moves?
    -
    +
    Yep! If a van is free, we can often swoop in same-day or next-day. Perfect for that Marketplace deal you just can’t pass up.
    -
    -
    handleToggle(9)} - > -
    -
    - Why Zip Van instead of U-Haul or big movers? -
    + {/* FAQ 4 */} +
    +
    handleToggle(10)}> +
    +
    Why Zip Van instead of U-Haul or big movers?
    -
    +
    Here’s the deal:
      -
    • - Unlike U-Haul, you don’t have to drive, pay extra insurance, or waste - time picking up and returning a van. We come straight to you. -
      • -
    • - Unlike big moving companies, you don’t pay premium prices for small - jobs. We’re fast, affordable, and designed for everyday moves. -
      • -
    • - We’re the perfect middle ground — professional, flexible, and - budget-friendly. -
      • +
    • Unlike U-Haul, you don’t have to drive, pay extra insurance, or waste time picking up and returning a van. We come straight to you.
      • +
    • Unlike big moving companies, you don’t pay premium prices for small jobs. We’re fast, affordable, and designed for everyday moves.
      • +
    • We’re the perfect middle ground — professional, flexible, and budget-friendly.
    -
    -
    handleToggle(7)}> -
    -
    What areas do you serve? -
    + {/* FAQ 5 */} +
    +
    handleToggle(11)}> +
    +
    What areas do you serve?
    -
    +
    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.
    @@ -228,10 +205,10 @@ export default function Faq() {
    {/*-============spacing==========-*/}
    - {/*-============spacing==========-*/}
    -
    -
    + +
    +
    img @@ -247,19 +224,16 @@ export default function Faq() {
    {/*-============spacing==========-*/} -
    - {/*-============spacing==========-*/} + {/*
    */}
    {/*-============spacing==========-*/} -
    +
    {/*-============spacing==========-*/}
    - - ) -} \ No newline at end of file +}