%PDF-
%PDF-
Mini Shell
Mini Shell
"use strict";
(() => {
var exports = {};
exports.id = 197;
exports.ids = [197];
exports.modules = {
/***/ 2391:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */ "getServerSideProps": () => (/* binding */ getServerSideProps)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1853);
/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5675);
/* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_image__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var html_react_parser__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2905);
/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5609);
/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _src_Components_Global_CustomHead__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(787);
/* harmony import */ var _src_Components_Icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8777);
/* harmony import */ var _src_Components_Backgrounds__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4078);
/* harmony import */ var _src_Components_Footer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(5024);
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2296);
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(formik__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var gsap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4287);
/* harmony import */ var gsap__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(gsap__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var gsap_dist_ScrollTrigger__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(4965);
/* harmony import */ var gsap_dist_ScrollTrigger__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(gsap_dist_ScrollTrigger__WEBPACK_IMPORTED_MODULE_12__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([html_react_parser__WEBPACK_IMPORTED_MODULE_4__, _src_Components_Footer__WEBPACK_IMPORTED_MODULE_9__]);
([html_react_parser__WEBPACK_IMPORTED_MODULE_4__, _src_Components_Footer__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
//icons
// import { useGlobalContext } from "../../../src/Components/store/context/GlobalContext";
// import { useInView } from "../../../src/Components/useInView";
gsap__WEBPACK_IMPORTED_MODULE_11___default().registerPlugin((gsap_dist_ScrollTrigger__WEBPACK_IMPORTED_MODULE_12___default()));
function RentDetails({ data , title , seo }) {
const router = (0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)();
const { slug } = router.query;
const { 0: duration , 1: setDuration } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(data.prices[0].duration);
const { 0: price , 1: setPrices } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(data.prices[0].price);
const { 0: modal , 1: setModal } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
const { 0: msg , 1: setMsg } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("");
// const { setIsColor } = useGlobalContext();
// const targetColorRef = useRef(null);
// const useTarget = useInView(targetColorRef, {
// rootMargin: "200px 0px 0px 0px",
// threshold: 0.4,
// });
// useEffect(() => {
// if (useTarget) {
// setIsColor("white");
// } else {
// setIsColor("original");
// }
// }, [useTarget]);
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
setTimeout(()=>{
setDuration(data.prices[0].duration);
setPrices(data.prices[0].price);
}, []);
}, [
slug
]);
return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_src_Components_Global_CustomHead__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
data: seo
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "mainTourDetails",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "animationWrap",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "animate",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "items sec",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Rent"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Rent"
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "items",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Rent"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Rent"
})
]
})
]
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "content",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "contentWrapper",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "toursBackground",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_src_Components_Backgrounds__WEBPACK_IMPORTED_MODULE_8__/* .ToursBg */ .nA, {})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "toursDiv",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h4", {
children: "Rent"
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
children: title
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "intro",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "introSpecs"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "image",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_image__WEBPACK_IMPORTED_MODULE_3___default()), {
src: data?.image_hero,
alt: "",
layout: "responsive",
width: 1550,
height: 819,
objectFit: "cover"
})
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "about",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "info",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "aboutDiv",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h4", {
children: data?.small_title_about
})
}),
(0,html_react_parser__WEBPACK_IMPORTED_MODULE_4__["default"])(data?.title_about),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
children: (0,html_react_parser__WEBPACK_IMPORTED_MODULE_4__["default"])(data?.description_about)
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "imgInfo",
children: [
data?.max_people && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h5", {
children: [
"Max ",
data?.max_people,
" people per vehicle"
]
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "img",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_image__WEBPACK_IMPORTED_MODULE_3___default()), {
src: data?.image_about,
alt: "",
width: 586,
height: 615,
objectFit: "contain",
quality: 100
})
})
]
})
]
})
]
})
]
})
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "bookNow",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "animationWrap",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "animate",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "items sec",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Rent "
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Rent"
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "items",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Rent"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Rent"
})
]
})
]
})
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "bookIntro",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "bookNowDiv",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h4", {
children: data?.small_title_rent
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
children: data?.small_title_rent
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
children: (0,html_react_parser__WEBPACK_IMPORTED_MODULE_4__["default"])(data?.title_rent)
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "bookContent",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "requirements",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "included",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
children: "Included in price"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
children: data?.price_includes.map((item, idx)=>{
return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("li", {
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_src_Components_Icons__WEBPACK_IMPORTED_MODULE_7__/* .BookCheckmark */ .vz, {}),
" ",
item.text
]
}, idx);
})
})
]
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_src_Components_Backgrounds__WEBPACK_IMPORTED_MODULE_8__/* .BookBorder */ .oV, {}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "included",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
children: "What to bring"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
children: data?.what_to_bring.map((item, index)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("li", {
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_image__WEBPACK_IMPORTED_MODULE_3___default()), {
src: item?.icon,
alt: "",
width: 24,
height: 24,
objectFit: "contain"
}),
" ",
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: item?.text
})
]
}, index))
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "included",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_src_Components_Backgrounds__WEBPACK_IMPORTED_MODULE_8__/* .BookBorder */ .oV, {}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
children: "Requirements"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
children: data?.requirments.map((item, idx)=>{
return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("li", {
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_src_Components_Icons__WEBPACK_IMPORTED_MODULE_7__/* .BookCheckmark */ .vz, {}),
" ",
item.text
]
}, idx);
})
})
]
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "calendar",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "chooseInputs",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "time",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
children: "Choose Duration"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "select-wrapper",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("select", {
name: "time",
id: "time",
value: duration,
onChange: (e)=>{
data?.prices.filter((i)=>{
if (i.duration === e.target.value) {
setDuration(i.duration);
setPrices(i.price);
}
});
},
children: data?.prices?.map((option, idx)=>{
return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("option", {
value: option.duration,
children: option.duration
}, idx);
})
})
})
]
})
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "tourInfo",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
children: "Rent Information"
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h2", {
children: [
"Renting: ",
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: data?.title_rent
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h2", {
children: [
"Duration:",
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
children: [
" ",
duration,
" "
]
})
]
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "calendarBookRent",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
className: "book bokunButton",
onClick: ()=>setModal(true),
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "arrows",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_src_Components_Icons__WEBPACK_IMPORTED_MODULE_7__/* .ArrowsRightBlack */ .CG, {})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "ON REQUEST"
})
]
})
}),
msg ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
className: "msg",
children: msg.message
}) : ""
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p", {
className: "important-info",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Important information:"
}),
" consuming alcohol and other addictive substances during tour is strictly forbidden. Alcoholic drivers will be excluded without the right of a refund."
]
})
]
})
]
})
]
}),
modal && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "modalForm",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "modalBody",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(formik__WEBPACK_IMPORTED_MODULE_10__.Formik, {
validationSchema: (0,yup__WEBPACK_IMPORTED_MODULE_5__.object)({
Email: (0,yup__WEBPACK_IMPORTED_MODULE_5__.string)().email().required(`Email is required`)
}),
initialValues: {
Subject: data.title_rent,
Duration: duration,
Price: price,
First_name: "",
Last_name: "",
Email: "",
Phone: "",
Participants: "",
Date: ""
},
onSubmit: async (values)=>{
const { Subject , Duration , Price , First_name , Last_name , Email , Phone , Participants , Date , } = values;
let body = {
Subject: Subject,
Duration: Duration,
Price: Price,
First_name: First_name,
Last_name: Last_name,
Email: Email,
Phone: Phone,
Participants: Participants,
Date: Date
};
setModal(false);
const res = await fetch(`https://api.atvbuggy-dubrovnik.com/wp-json/api/v1/sendMail`, {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(body)
});
const data = await res.json();
setMsg(data);
},
children: ({ isSubmitting , isValidating })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(formik__WEBPACK_IMPORTED_MODULE_10__.Form, {
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-block",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
children: "On Request"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
type: "button",
className: "closeBtn",
onClick: ()=>setModal(false),
children: "X"
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-block",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-control",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
htmlFor: "First_name",
children: "Enter your first name"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(formik__WEBPACK_IMPORTED_MODULE_10__.Field, {
type: "text",
name: "First_name"
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-control",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
htmlFor: "Last_name",
children: "Enter your last name"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(formik__WEBPACK_IMPORTED_MODULE_10__.Field, {
type: "text",
name: "Last_name"
})
]
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-block",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-control",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
htmlFor: "Email",
children: "Enter your email"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(formik__WEBPACK_IMPORTED_MODULE_10__.Field, {
type: "text",
name: "Email"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(formik__WEBPACK_IMPORTED_MODULE_10__.ErrorMessage, {
name: "Email",
children: (msg)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "error-msg",
children: msg
})
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-control",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
htmlFor: "Phone",
children: "Enter your phone number"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(formik__WEBPACK_IMPORTED_MODULE_10__.Field, {
type: "text",
name: "Phone"
})
]
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-block",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-control",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
htmlFor: "Participants",
children: "Participants"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(formik__WEBPACK_IMPORTED_MODULE_10__.Field, {
type: "text",
name: "Participants"
})
]
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "form-control",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
htmlFor: "Date",
children: "Choose a date"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(formik__WEBPACK_IMPORTED_MODULE_10__.Field, {
type: "date",
name: "Date"
})
]
})
]
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "form-control",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
type: "submit",
disabled: isSubmitting && isValidating ? true : false,
children: "SEND"
})
})
]
})
})
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_src_Components_Footer__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {})
]
});
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RentDetails);
async function getServerSideProps(ctx) {
const slug = ctx.query.slug;
const res = await fetch(`https://api.atvbuggy-dubrovnik.com/wp-json/wp/v2/rent?slug=${slug}`).then((response)=>response.json()).then((data)=>data);
if (!res) {
return {
notFound: true
};
}
return {
props: {
data: res[0].acf,
title: res[0].title.rendered,
seo: res[0].yoast_head_json
}
};
}
__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });
/***/ }),
/***/ 2296:
/***/ ((module) => {
module.exports = require("formik");
/***/ }),
/***/ 4287:
/***/ ((module) => {
module.exports = require("gsap");
/***/ }),
/***/ 4965:
/***/ ((module) => {
module.exports = require("gsap/dist/ScrollTrigger");
/***/ }),
/***/ 3280:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/app-router-context.js");
/***/ }),
/***/ 2796:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/head-manager-context.js");
/***/ }),
/***/ 4957:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/head.js");
/***/ }),
/***/ 4014:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");
/***/ }),
/***/ 744:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/image-config-context.js");
/***/ }),
/***/ 5843:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/image-config.js");
/***/ }),
/***/ 8524:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/is-plain-object.js");
/***/ }),
/***/ 8020:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/mitt.js");
/***/ }),
/***/ 4406:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");
/***/ }),
/***/ 4964:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router-context.js");
/***/ }),
/***/ 1751:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/add-path-prefix.js");
/***/ }),
/***/ 6220:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/compare-states.js");
/***/ }),
/***/ 299:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/format-next-pathname-info.js");
/***/ }),
/***/ 3938:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/format-url.js");
/***/ }),
/***/ 9565:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");
/***/ }),
/***/ 5789:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/get-next-pathname-info.js");
/***/ }),
/***/ 1897:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/is-bot.js");
/***/ }),
/***/ 1428:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");
/***/ }),
/***/ 8854:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/parse-path.js");
/***/ }),
/***/ 1292:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");
/***/ }),
/***/ 4567:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/path-has-prefix.js");
/***/ }),
/***/ 979:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/querystring.js");
/***/ }),
/***/ 3297:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/remove-trailing-slash.js");
/***/ }),
/***/ 6052:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");
/***/ }),
/***/ 4226:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");
/***/ }),
/***/ 5052:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");
/***/ }),
/***/ 9232:
/***/ ((module) => {
module.exports = require("next/dist/shared/lib/utils.js");
/***/ }),
/***/ 968:
/***/ ((module) => {
module.exports = require("next/head");
/***/ }),
/***/ 1853:
/***/ ((module) => {
module.exports = require("next/router");
/***/ }),
/***/ 6689:
/***/ ((module) => {
module.exports = require("react");
/***/ }),
/***/ 997:
/***/ ((module) => {
module.exports = require("react/jsx-runtime");
/***/ }),
/***/ 5609:
/***/ ((module) => {
module.exports = require("yup");
/***/ }),
/***/ 2905:
/***/ ((module) => {
module.exports = import("html-react-parser");;
/***/ }),
/***/ 5941:
/***/ ((module) => {
module.exports = import("swr");;
/***/ })
};
;
// load runtime
var __webpack_require__ = require("../../webpack-runtime.js");
__webpack_require__.C(exports);
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
var __webpack_exports__ = __webpack_require__.X(0, [676,61,783,787,78,24], () => (__webpack_exec__(2391)));
module.exports = __webpack_exports__;
})();
Zerion Mini Shell 1.0