-
+ {/*
+
*/}
Need Help?
-+000(123)456 88
+
+ info@zipvan.ca
+ (647) 360-2075
-
-
+
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
+
diff --git a/package-lock.json b/package-lock.json
index 03255c7..46a6ee6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
"name": "name",
"version": "2.1.0",
"dependencies": {
+ "axios": "^1.11.0",
"eslint": "8.40.0",
"eslint-config-next": "13.4.1",
"isotope-layout": "^3.0.6",
@@ -15,6 +16,7 @@
"react": "18.2.0",
"react-countup": "^6.4.2",
"react-dom": "18.2.0",
+ "react-google-recaptcha": "^3.1.0",
"react-modal-video": "^2.0.0",
"react-scroll-trigger": "^0.6.14",
"react-slick": "^0.29.0",
@@ -1360,6 +1362,12 @@
"node": ">= 0.4"
}
},
+ "node_modules/asynckit": {
+ "version": "0.4.0",
+ "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+ "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+ "license": "MIT"
+ },
"node_modules/available-typed-arrays": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -1384,6 +1392,17 @@
"node": ">=4"
}
},
+ "node_modules/axios": {
+ "version": "1.11.0",
+ "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
+ "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
+ "license": "MIT",
+ "dependencies": {
+ "follow-redirects": "^1.15.6",
+ "form-data": "^4.0.4",
+ "proxy-from-env": "^1.1.0"
+ }
+ },
"node_modules/axobject-query": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
@@ -1575,6 +1594,18 @@
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"license": "MIT"
},
+ "node_modules/combined-stream": {
+ "version": "1.0.8",
+ "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+ "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+ "license": "MIT",
+ "dependencies": {
+ "delayed-stream": "~1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
"node_modules/concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -1732,6 +1763,15 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/delayed-stream": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+ "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
"node_modules/desandro-matches-selector": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz",
@@ -2547,6 +2587,26 @@
"integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
"license": "ISC"
},
+ "node_modules/follow-redirects": {
+ "version": "1.15.11",
+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+ "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+ "funding": [
+ {
+ "type": "individual",
+ "url": "https://github.com/sponsors/RubenVerborgh"
+ }
+ ],
+ "license": "MIT",
+ "engines": {
+ "node": ">=4.0"
+ },
+ "peerDependenciesMeta": {
+ "debug": {
+ "optional": true
+ }
+ }
+ },
"node_modules/for-each": {
"version": "0.3.5",
"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
@@ -2562,6 +2622,22 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/form-data": {
+ "version": "4.0.4",
+ "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+ "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+ "license": "MIT",
+ "dependencies": {
+ "asynckit": "^0.4.0",
+ "combined-stream": "^1.0.8",
+ "es-set-tostringtag": "^2.1.0",
+ "hasown": "^2.0.2",
+ "mime-types": "^2.1.12"
+ },
+ "engines": {
+ "node": ">= 6"
+ }
+ },
"node_modules/fs.realpath": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -2867,6 +2943,15 @@
"node": ">= 0.4"
}
},
+ "node_modules/hoist-non-react-statics": {
+ "version": "3.3.2",
+ "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+ "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+ "license": "BSD-3-Clause",
+ "dependencies": {
+ "react-is": "^16.7.0"
+ }
+ },
"node_modules/ignore": {
"version": "5.3.2",
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -3579,6 +3664,27 @@
"node": ">=8.6"
}
},
+ "node_modules/mime-db": {
+ "version": "1.52.0",
+ "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+ "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/mime-types": {
+ "version": "2.1.35",
+ "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+ "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+ "license": "MIT",
+ "dependencies": {
+ "mime-db": "1.52.0"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
"node_modules/minimatch": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -4030,6 +4136,12 @@
"react-is": "^16.13.1"
}
},
+ "node_modules/proxy-from-env": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+ "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+ "license": "MIT"
+ },
"node_modules/punycode": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -4071,6 +4183,19 @@
"node": ">=0.10.0"
}
},
+ "node_modules/react-async-script": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/react-async-script/-/react-async-script-1.2.0.tgz",
+ "integrity": "sha512-bCpkbm9JiAuMGhkqoAiC0lLkb40DJ0HOEJIku+9JDjxX3Rcs+ztEOG13wbrOskt3n2DTrjshhaQ/iay+SnGg5Q==",
+ "license": "MIT",
+ "dependencies": {
+ "hoist-non-react-statics": "^3.3.0",
+ "prop-types": "^15.5.0"
+ },
+ "peerDependencies": {
+ "react": ">=16.4.1"
+ }
+ },
"node_modules/react-countup": {
"version": "6.5.3",
"resolved": "https://registry.npmjs.org/react-countup/-/react-countup-6.5.3.tgz",
@@ -4096,6 +4221,19 @@
"react": "^18.2.0"
}
},
+ "node_modules/react-google-recaptcha": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/react-google-recaptcha/-/react-google-recaptcha-3.1.0.tgz",
+ "integrity": "sha512-cYW2/DWas8nEKZGD7SCu9BSuVz8iOcOLHChHyi7upUuVhkpkhYG/6N3KDiTQ3XAiZ2UAZkfvYKMfAHOzBOcGEg==",
+ "license": "MIT",
+ "dependencies": {
+ "prop-types": "^15.5.0",
+ "react-async-script": "^1.2.0"
+ },
+ "peerDependencies": {
+ "react": ">=16.4.1"
+ }
+ },
"node_modules/react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/package.json b/package.json
index 5a6b42b..2bfbaef 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
"sass": "sass --watch public/assets/css/theme.scss:public/assets/css/theme.css"
},
"dependencies": {
+ "axios": "^1.11.0",
"eslint": "8.40.0",
"eslint-config-next": "13.4.1",
"isotope-layout": "^3.0.6",
@@ -17,6 +18,7 @@
"react": "18.2.0",
"react-countup": "^6.4.2",
"react-dom": "18.2.0",
+ "react-google-recaptcha": "^3.1.0",
"react-modal-video": "^2.0.0",
"react-scroll-trigger": "^0.6.14",
"react-slick": "^0.29.0",
@@ -31,4 +33,4 @@
"resolutions": {
"react-countup/countup.js": "2.5.0"
}
-}
\ No newline at end of file
+}
diff --git a/pages/contact.js b/pages/contact.js
index 002cced..5cff2f6 100644
--- a/pages/contact.js
+++ b/pages/contact.js
@@ -1,177 +1,287 @@
-import Layout from "@/components/layout/Layout"
-import Link from "next/link"
+"use client";
+
+import { useState, useEffect } from "react";
+import ReCAPTCHA from "react-google-recaptcha";
+import axios from "axios";
+import Layout from "@/components/layout/Layout";
+import Link from "next/link";
+
export default function Contact() {
+ const [formData, setFormData] = useState({
+ username: "",
+ email: "",
+ subject: "",
+ message: "",
+ });
- return (
- <>
-
- {/*-contact*/}
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
- {/*-contact end*/}\
- {/*map*/}
-
-
- {/*map*/}
- {/*form*/}
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
- {/*form*/}
+ const [formErrors, setFormErrors] = useState({});
+ const [captchaToken, setCaptchaToken] = useState(null);
+ const [alert, setAlert] = useState({ show: false, type: "", message: "" });
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData((prev) => ({ ...prev, [name]: value }));
+ };
+
+ const handleCaptchaChange = (token) => {
+
+ setCaptchaToken(token);
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ const errors = {};
+ if (!formData.username.trim()) errors.username = "Name is required.";
+ if (!formData.email.trim()) errors.email = "Email is required.";
+ if (!formData.subject.trim()) errors.subject = "Subject is required.";
+ if (!formData.message.trim()) errors.message = "Message is required.";
+ if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
+
+ setFormErrors(errors);
+
+ if (Object.keys(errors).length > 0) {
+ return;
+ }
+
+ const emailData = {
+ ...formData,
+ message: `Subject: ${formData.subject}
Message: ${formData.message}`, + to: "info@zipvan.ca", + senderName: "ZipVan Contact Page", + recaptchaToken: captchaToken, + }; + + try { + + const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, { + headers: { "Content-Type": "application/json" }, + }); -
-
- )
-}
\ No newline at end of file
+ setAlert({
+ show: true,
+ type: "success",
+ message: res?.data?.message || "Message sent successfully!",
+ });
+
+ setFormData({ username: "", email: "", subject: "", message: "" });
+ setCaptchaToken(null);
+ setFormErrors({});
+ } catch (error) {
+ setAlert({
+ show: true,
+ type: "danger",
+ message: "Failed to send message. Please try again later.",
+ });
+ }
+ };
+
+ // Auto-hide alert
+ useEffect(() => {
+ if (alert.show) {
+ const timer = setTimeout(() => {
+ setAlert((prev) => ({ ...prev, show: false }));
+ }, 5000);
+ return () => clearTimeout(timer);
+ }
+ }, [alert.show]);
+
+ return (
+ <>
+
+
+
+
+
+ {/* form */}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/pages/faqs.js b/pages/faqs.js
index 2ed7b56..bae0946 100644
--- a/pages/faqs.js
+++ b/pages/faqs.js
@@ -34,18 +34,15 @@ export default function Faq() {
{/*-============spacing==========-*/}
{/*-============spacing==========-*/}
-
--
+ +- - Copyright {new Date().getFullYear()}, Vankine. All Rights Reserved - + + Copyright 2025 © ZipVan. Powered by{" "} + + MetatronCube + . All Rights Reserved. +
+
- Working Hours : Sun-monday, 09am-5pm
+ Working Hours : 24/7 365 Days a Year
@@ -308,9 +234,7 @@ export default function Footer2({ }) {
- @@ -298,7 +224,7 @@ export default function Footer2({ }) {
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
-
-
-
-
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
- 
-
-
-
-
- Location
- 55 Main Street, 2nd Block - melbourne, Australia -
-
-
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
- 
-
-
-
- Email
- support@gmail.com - - infoinsurace.com -
-
-
-
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
- 
-
-
-
-
- Call Us
- +000 (123) 456 88 - - +12345 678 -
-
-
-
-
-
- {/*Map Outer*/}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
- Get In Touch
-
-
- Need Any Help? - Or Looking For - an Agent
-On the other hand denounce righteousy indignation and dislike men
-
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
- -
-
- - -
- - -
- - -
- - -
-
-
-
-
-
-
-
- 
-
- {/*-============spacing==========-*/}
-
- {/*-============spacing==========-*/}
-
- Message: ${formData.message}`, + to: "info@zipvan.ca", + senderName: "ZipVan Contact Page", + recaptchaToken: captchaToken, + }; + + try { + + const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, { + headers: { "Content-Type": "application/json" }, + }); -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Location
+ 55 Main Street, 2nd Block melbourne, Australia +
+
+
+
+
+
+
+
+
+
+ Email
+ info@zipvan.ca +
+
+
+
+
+
+
+
+
+
+
+
+ Call Us
+ (647) 360-2075 +
+
+
+
+
+
+
+
+
+
+ Get In Touch
+
+
+ Contact Zip Van We’re Here to Help
++ Get in touch with us for bookings, pricing, or any questions. We’re here to help you move with ease. +
+
+
+
+ -
+
- + + + + +
+
+
+
+
+ {alert.show && (
+
+ {alert.message}
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Faq's
-
- Frequently Asked - Questions!
+Moving Services FAQ – Everything You Need to Know
Sed ut perspiciatis unde natus voluptatem accusantium doloremque laudantium - aperiam - inventore veritatis architecto beatae
+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.
-
+
Contact Us
@@ -196,7 +193,7 @@ export default function Faq() {
className="answer accordion-content"
style={{ display: `${isActive.key == 9 ? "block" : "none"}` }}
>
- Here’s the deal:
+ Here’s the deal:- Unlike U-Haul, you don’t have to drive, pay extra insurance, or waste @@ -214,7 +211,7 @@ export default function Faq() {
+
handleToggle(7)}>
@@ -259,7 +256,7 @@ export default function Faq() {
{/*-============spacing==========-*/}
-
+
diff --git a/public/assets/css/theme.css b/public/assets/css/theme.css
index 64aab2c..4b25f14 100644
--- a/public/assets/css/theme.css
+++ b/public/assets/css/theme.css
@@ -6173,7 +6173,7 @@ body .service_post.style_one .owl-carousel .owl-dots {
}
.list_box li a {
- color: var(--heading-color-one);
+ color: #ff6600
}
.list_box.weight_500 li a {
@@ -16909,6 +16909,12 @@ input[type=range i]:focus::-webkit-slider-thumb {
background: #1f1b1f;
}
+/* .bold{
+
+ font-weight: bold;
+
+} */
+
.footer.style_two .newsteller_simple.button_style_one input[type=submit] {
background: var(--color-set-two-three-1);
}
What areas do you serve?
@@ -223,7 +220,7 @@ export default function Faq() {
- 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 [insert city/region here] and surrounding areas. Not sure if we reach you? Send us a quick message and we’ll confirm.