{"version":3,"file":"static/chunks/pages/enquiry-f3d4f66e4aa4bff0.js","mappings":"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","sources":["webpack://_N_E/?f70c","webpack://_N_E/./src/components/Topbanner/Topbanner.js","webpack://_N_E/./src/hooks/useEnquireForm.js","webpack://_N_E/./src/lib/sendEnquireMail.js","webpack://_N_E/./src/components/Enquiryform/Enquiryform.js","webpack://_N_E/./src/pages/enquiry.js","webpack://_N_E/./src/components/Topbanner/Topbanner.module.scss","webpack://_N_E/./src/styles/pages/Contactus.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/enquiry\",\n      function () {\n        return require(\"private-next-pages/enquiry.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/enquiry\"])\n      });\n    }\n  ","import styles from \"./Topbanner.module.scss\";\n\nexport default function Topbanner(props) {\n    return (\n        <>\n            <section className={styles.top_banner} style={{ backgroundImage: `url(${props.bgImage})` }} >\n                <div className={styles.banner_text}>\n                    <div className='container common_title text-center'>\n                        <h1>{props.title}</h1>\n                    </div>\n                </div>\n            </section>\n        </>\n    )\n}\n","import {useState} from 'react';\r\n\r\nconst useContactForm = () => {\r\n  const [values, setValues] = useState({\r\n    fullname: '',\r\n    email: '',\r\n    address: '',\r\n    attendees: '',\r\n    message: '',\r\n  });\r\n\r\n  const handleChange = (e) => {\r\n    setValues(prevState => {\r\n      return {\r\n        ...prevState,\r\n        [e.target.id]: e.target.value,\r\n      };\r\n    });\r\n  };\r\n\r\n  return {values, handleChange};\r\n};\r\n\r\nexport default useContactForm;","import axios from 'axios';\r\n\r\nconst sendEmail = async (fullname, email, address, selectDate, attendees, message) => {\r\n  return axios({\r\n    method: 'post',\r\n    url: '/api/sendenquire-mail',\r\n    data: {\r\n      fullname: fullname,\r\n      email: email,\r\n      address: address,\r\n      selectDate: selectDate,\r\n      attendees: attendees,\r\n      message: message,\r\n    },\r\n  });\r\n};\r\n\r\nexport default sendEmail;","import React, { useState, useEffect } from \"react\";\r\nimport styles from \"./Enquiryform.module.scss\";\r\n\r\nlet Alert = ({ message, type = 'success' }) => {\r\n    return (\r\n        <div style={{\r\n            display: 'block',\r\n            width: '100%',\r\n            background: type === 'success' ? 'rgba(0, 255, 0, 0.2)' : 'rgba(255, 0, 0, 0.2)',\r\n            color: 'black',\r\n            padding: '1rem',\r\n            margin: '0.5rem',\r\n            borderRadius: '10px',\r\n            boxShadow: '0px 4px 10px rgba(0,0,0,0.1)'\r\n        }}>\r\n            {message ? message : ('The World Needs more `Lerts')}\r\n        </div>\r\n    )\r\n}\r\n\r\nconst Enquiryform = () => {\r\n    const [enquiryName, setEnquiryName] = useState('')\r\n    const [enquiryEmail, setEnquiryEmail] = useState('')\r\n    const [enquiryPhone, setEnquiryPhone] = useState('')\r\n    const [enquirySource, setEnquirySource] = useState('Twin Towers Website')\r\n    const [enquiryEnquiryType, setEnquiryEnquiryType] = useState('General Query')\r\n    const [enquiryToken, setEnquiryToken] = useState('r!AWs1gRgQQS?P4LKB/XMfXeN3T8XHjxrCJxJLDwwTKBxLluLRpdkigSGOWJo9QG')\r\n    const [enquirySubject, setEnquirySubject] = useState('')\r\n    const [enquiryMessage, setEnquiryMessage] = useState('')\r\n\r\n    const [alertBanner, setAlertBanner] = useState(null)\r\n\r\n    function handleForm(e) {\r\n        e.preventDefault()\r\n\r\n        // if (honey.length >= 1) {\r\n        //     return\r\n        // }\r\n\r\n        let body = {\r\n            name: enquiryName,\r\n            email: enquiryEmail,\r\n            phone: enquiryPhone,\r\n            source: enquirySource,\r\n            enquiryType: enquiryEnquiryType,\r\n            subject: enquirySubject,\r\n            message: enquiryMessage,\r\n            token: enquiryMessage\r\n            // website: honey,\r\n        }\r\n\r\n        fetch(\r\n            `${location.origin}/api/enquire`,\r\n            {\r\n                method: 'POST',\r\n                body: JSON.stringify(body)\r\n            }\r\n        )\r\n            .then(response => {\r\n\r\n                if (response.status >= 300) {\r\n                    setAlertBanner({\r\n                        message: response.statusText,\r\n                        type: 'error'\r\n                    })\r\n\r\n                    return;\r\n                }\r\n\r\n                setAlertBanner({\r\n                    message: response.statusText,\r\n                    type: 'success'\r\n                })\r\n\r\n                console.debug('response')\r\n                console.debug(response);\r\n            })\r\n            .catch(error => {\r\n\r\n                setAlertBanner({\r\n                    message: response.statusText,\r\n                    type: 'error'\r\n                });\r\n\r\n                console.debug('error')\r\n                console.error(error)\r\n            })\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <form className={`${styles.contact_from} row`} onSubmit={handleForm} id=\"enquiryForm\">\r\n                <div className='col-md-6'>\r\n                    <input id=\"name\"\r\n                        type=\"text\"\r\n                        name=\"name\"\r\n                        onChange={e => setEnquiryName(e.target.value)}\r\n                        value={enquiryName}\r\n                        required\r\n                        className={styles.form_control}\r\n                        placeholder=\"Full Name\" />\r\n                </div>\r\n                <div className='col-md-6'>\r\n                    <input\r\n                        id=\"email\"\r\n                        name=\"email\"\r\n                        type=\"email\"\r\n                        onChange={e => setEnquiryEmail(e.target.value)}\r\n                        value={enquiryEmail}\r\n                        required\r\n                        className={styles.form_control} placeholder=\"Email\" />\r\n                </div>\r\n                <div className='col-md-6'>\r\n                    <input\r\n                        id=\"phone\"\r\n                        required\r\n                        name=\"phone\"\r\n                        type=\"number\"\r\n                        onChange={e => setEnquiryPhone(e.target.value)}\r\n                        value={enquiryPhone}\r\n                        className={styles.form_control}\r\n                        placeholder=\"Phone No\"\r\n                    />\r\n                </div>\r\n                <input\r\n                    id=\"source\"\r\n                    required\r\n                    name=\"source\"\r\n                    type=\"hidden\"\r\n                    value={enquirySource}\r\n                    className=\"form-control\"\r\n                />\r\n                <input\r\n                    id=\"enquiryType\"\r\n                    required\r\n                    name=\"enquiryType\"\r\n                    type=\"hidden\"\r\n                    value={enquiryEnquiryType}\r\n                    className=\"form-control\"\r\n                />\r\n                <input\r\n                    id=\"token\"\r\n                    required\r\n                    name=\"token\"\r\n                    type=\"hidden\"\r\n                    value={enquiryToken}\r\n                    className=\"form-control\"\r\n                />\r\n                <div className='col-md-6'>\r\n                    <input\r\n                        id=\"subject\"\r\n                        name=\"subject\"\r\n                        onChange={e => setEnquirySubject(e.target.value)}\r\n                        value={enquirySubject}\r\n                        required\r\n                        className={styles.form_control} placeholder=\"Subject\" />\r\n                </div>\r\n                <div className='pb-2'>\r\n                    <textarea id=\"message\"\r\n                        name=\"message\"\r\n                        onChange={e => setEnquiryMessage(e.target.value)}\r\n                        value={enquiryMessage}\r\n                        required\r\n                        className={styles.from_textarea} rows=\"4\"\r\n                        placeholder=\"Message\"\r\n                    ></textarea>\r\n                </div>\r\n                <div className={`${styles.submit_btn} col-md-6 col-sm-12`}>\r\n                    <button htmlFor=\"enquiryForm\" type=\"submit\" className=\"common_btn\">Submit</button>\r\n                </div>\r\n                {alertBanner !== null ? <Alert {...alertBanner} /> : null}\r\n            </form>\r\n        </>\r\n    );\r\n}\r\nexport default Enquiryform;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport Head from \"next/head\";\r\nimport Link from \"next/link\";\r\nimport Image from \"next/legacy/image\";\r\nimport styles from \"../styles/pages/Contactus.module.scss\";\r\nimport Topbanner from '../components/Topbanner/Topbanner';\r\nimport useContactForm from \"../hooks/useEnquireForm\";\r\nimport sendEmail from \"../lib/sendEnquireMail\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport Enquiryform from \"../components/Enquiryform/Enquiryform\";\r\n\r\nconst Enquire = () => {\r\n    const [selectDate, setSelectDate] = useState(new Date());\r\n    const { values, handleChange } = useContactForm();\r\n\r\n    const [responseMessage, setResponseMessage] = useState(\r\n        { isSuccessful: false, message: '' });\r\n\r\n    const datenmonth = new Date().toLocaleDateString(\"en-US\", {\r\n        year: \"numeric\",\r\n        month: \"numeric\",\r\n        day: \"numeric\",\r\n    });\r\n    const handleDateChange = (date) => {\r\n        setSelectDate(date);\r\n    };\r\n\r\n    const handleSubmit = async (e) => {\r\n        e.preventDefault();\r\n        setTimeout(() => {\r\n            setResponseMessage({ isSuccessful: true })\r\n        }, 3000)\r\n        try {\r\n            const req = await sendEmail(values.fullname, values.email, values.address, selectDate, values.attendees, values.message);\r\n            if (req.status === 250) {\r\n                setResponseMessage({ isSuccessful: true, message: 'Thank you for your message.' });\r\n                alert(\"Thank you for your message.\")\r\n            }\r\n\r\n        } catch (e) {\r\n            setResponseMessage({\r\n                isSuccessful: false,\r\n                message: 'Oops something went wrong. Please try again.',\r\n            });\r\n        }\r\n    };\r\n\r\n    return (\r\n\r\n        <>\r\n            <Head>\r\n                <title>Enquire Now | The Twin Towers Hotel</title>\r\n                <meta name=\"description\" content=\"If you have any questions please feel free to submit the form, and we will contact you soon! The Twin Towers Hotel\" />\r\n                <link rel=\"icon\" href=\"/favicon.svg\" />\r\n            </Head>\r\n            <Topbanner bgImage={\"/images/enquire-banner.png\"} title={\"Enquire Now\"} />\r\n            <section className={`${styles.contactus} common_padding`}>\r\n                <div className='container'>\r\n                    <div className='row justify-content-center'>\r\n                        <div className={`${styles.contact_right} col-md-8 common_title`}>\r\n                            <h2> Send A Message </h2>\r\n                            {/* <Enquiryform /> */}\r\n                            <form className='row' onSubmit={handleSubmit}>\r\n                                <div className='col-md-6'>\r\n                                    <input id=\"fullname\"\r\n                                        type=\"text\"\r\n                                        name=\"fullname\"\r\n                                        onChange={handleChange}\r\n                                        value={values.fullname}\r\n                                        required\r\n                                        className={styles.form_control}\r\n                                        placeholder=\"Full Name\" />\r\n                                </div>\r\n                                <div className='col-md-6'>\r\n                                    <input id=\"email\"\r\n                                        type=\"email\"\r\n                                        name=\"email\"\r\n                                        value={values.email}\r\n                                        onChange={handleChange}\r\n                                        required\r\n                                        className={styles.form_control} placeholder=\"Email\" />\r\n                                </div>\r\n                                <div className='col-md-6'>\r\n                                    <input\r\n                                        type=\"text\"\r\n                                        name=\"address\"\r\n                                        value={values.address}\r\n                                        onChange={handleChange}\r\n                                        required\r\n                                        className={styles.form_control}\r\n                                        id=\"address\" placeholder=\"Address\" />\r\n                                </div>\r\n                                <div className='col-md-6'>\r\n                                    <DatePicker className={styles.form_control} selected={selectDate} onChange={handleDateChange} placeholderText={'Please select a date'} />\r\n                                </div>\r\n                                <div className='col-md-6'>\r\n                                    <input id=\"attendees\"\r\n                                        type=\"text\"\r\n                                        name=\"attendees\"\r\n                                        value={values.attendees}\r\n                                        onChange={handleChange}\r\n                                        required\r\n                                        className={styles.form_control} placeholder=\"No. of Attendees\" />\r\n                                </div>\r\n                                <div className='col-md-6'>\r\n                                    <textarea id=\"message\"\r\n                                        name=\"message\"\r\n                                        value={values.message}\r\n                                        onChange={handleChange}\r\n                                        required\r\n                                        className={styles.enquire_textarea}\r\n                                        placeholder=\"Message\"\r\n                                    ></textarea>\r\n                                </div>\r\n                                <div className={`${styles.enquire_submit_btn} col-md-12 col-sm-12`}>\r\n                                    <button type=\"submit\" className='common_btn'> Submit</button>\r\n                                </div>\r\n                                {responseMessage.isSuccessful === true ? (\r\n                                    <p className=\" success\">We appreciate you contacting us. One of our customer happiness members will be getting back to you shortly.</p>\r\n                                ) : ('')}\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n        </>\r\n    );\r\n}\r\nexport default Enquire;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"top_banner\":\"Topbanner_top_banner__iVW4z\",\"banner_text\":\"Topbanner_banner_text__wm4dg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"contactus\":\"Contactus_contactus__oZnag\",\"contact_left\":\"Contactus_contact_left__1CGMU\",\"contect_info\":\"Contactus_contect_info__DmRTk\",\"contact_text\":\"Contactus_contact_text___Afjl\",\"contact_social_links\":\"Contactus_contact_social_links__K3LwM\",\"icon\":\"Contactus_icon__J8Kgs\",\"contact_right\":\"Contactus_contact_right__Gg62t\",\"form_control\":\"Contactus_form_control__nJclK\",\"enquire_textarea\":\"Contactus_enquire_textarea__xgECa\",\"from_textarea\":\"Contactus_from_textarea__tKDba\",\"submit_btn\":\"Contactus_submit_btn__jurFg\",\"enquire_submit_btn\":\"Contactus_enquire_submit_btn__DyE67\"};","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[894],{\n\n/***/ 2054:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/enquiry\",\n      function () {\n        return __webpack_require__(2597);\n      }\n    ]);\n    if(false) {}\n  \n\n/***/ }),\n\n/***/ 6240:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Z\": function() { return /* binding */ Topbanner; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5893);\n/* harmony import */ var _Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9262);\n/* harmony import */ var _Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1__);\n\n\nfunction Topbanner(props) {\n    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {\n        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"section\", {\n            className: (_Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1___default().top_banner),\n            style: {\n                backgroundImage: \"url(\".concat(props.bgImage, \")\")\n            },\n            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n                className: (_Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1___default().banner_text),\n                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n                    className: \"container common_title text-center\",\n                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h1\", {\n                        children: props.title\n                    })\n                })\n            })\n        })\n    });\n}\n\n\n/***/ }),\n\n/***/ 2597:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"default\": function() { return /* binding */ enquiry; }\n});\n\n// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js\nvar jsx_runtime = __webpack_require__(5893);\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__(7294);\n// EXTERNAL MODULE: ./node_modules/next/head.js\nvar head = __webpack_require__(9008);\nvar head_default = /*#__PURE__*/__webpack_require__.n(head);\n// EXTERNAL MODULE: ./node_modules/next/link.js\nvar next_link = __webpack_require__(1664);\n// EXTERNAL MODULE: ./node_modules/next/legacy/image.js\nvar legacy_image = __webpack_require__(9755);\n// EXTERNAL MODULE: ./src/styles/pages/Contactus.module.scss\nvar Contactus_module = __webpack_require__(4566);\nvar Contactus_module_default = /*#__PURE__*/__webpack_require__.n(Contactus_module);\n// EXTERNAL MODULE: ./src/components/Topbanner/Topbanner.js\nvar Topbanner = __webpack_require__(6240);\n;// CONCATENATED MODULE: ./src/hooks/useEnquireForm.js\n\nconst useContactForm = ()=>{\n    const [values, setValues] = (0,react.useState)({\n        fullname: \"\",\n        email: \"\",\n        address: \"\",\n        attendees: \"\",\n        message: \"\"\n    });\n    const handleChange = (e)=>{\n        setValues((prevState)=>{\n            return {\n                ...prevState,\n                [e.target.id]: e.target.value\n            };\n        });\n    };\n    return {\n        values,\n        handleChange\n    };\n};\n/* harmony default export */ var useEnquireForm = (useContactForm);\n\n// EXTERNAL MODULE: ./node_modules/axios/index.js + 40 modules\nvar axios = __webpack_require__(196);\n;// CONCATENATED MODULE: ./src/lib/sendEnquireMail.js\n\nconst sendEmail = async (fullname, email, address, selectDate, attendees, message)=>{\n    return (0,axios/* default */.ZP)({\n        method: \"post\",\n        url: \"/api/sendenquire-mail\",\n        data: {\n            fullname: fullname,\n            email: email,\n            address: address,\n            selectDate: selectDate,\n            attendees: attendees,\n            message: message\n        }\n    });\n};\n/* harmony default export */ var sendEnquireMail = (sendEmail);\n\n// EXTERNAL MODULE: ./node_modules/react-datepicker/dist/react-datepicker.min.js\nvar react_datepicker_min = __webpack_require__(9198);\nvar react_datepicker_min_default = /*#__PURE__*/__webpack_require__.n(react_datepicker_min);\n// EXTERNAL MODULE: ./node_modules/react-datepicker/dist/react-datepicker.css\nvar react_datepicker = __webpack_require__(5828);\n;// CONCATENATED MODULE: ./src/components/Enquiryform/Enquiryform.js\n\n\n\nlet Alert = (param)=>{\n    let { message , type =\"success\"  } = param;\n    return /*#__PURE__*/ _jsx(\"div\", {\n        style: {\n            display: \"block\",\n            width: \"100%\",\n            background: type === \"success\" ? \"rgba(0, 255, 0, 0.2)\" : \"rgba(255, 0, 0, 0.2)\",\n            color: \"black\",\n            padding: \"1rem\",\n            margin: \"0.5rem\",\n            borderRadius: \"10px\",\n            boxShadow: \"0px 4px 10px rgba(0,0,0,0.1)\"\n        },\n        children: message ? message : \"The World Needs more `Lerts\"\n    });\n};\nconst Enquiryform = ()=>{\n    const [enquiryName, setEnquiryName] = useState(\"\");\n    const [enquiryEmail, setEnquiryEmail] = useState(\"\");\n    const [enquiryPhone, setEnquiryPhone] = useState(\"\");\n    const [enquirySource, setEnquirySource] = useState(\"Twin Towers Website\");\n    const [enquiryEnquiryType, setEnquiryEnquiryType] = useState(\"General Query\");\n    const [enquiryToken, setEnquiryToken] = useState(\"r!AWs1gRgQQS?P4LKB/XMfXeN3T8XHjxrCJxJLDwwTKBxLluLRpdkigSGOWJo9QG\");\n    const [enquirySubject, setEnquirySubject] = useState(\"\");\n    const [enquiryMessage, setEnquiryMessage] = useState(\"\");\n    const [alertBanner, setAlertBanner] = useState(null);\n    function handleForm(e) {\n        e.preventDefault();\n        // if (honey.length >= 1) {\n        //     return\n        // }\n        let body = {\n            name: enquiryName,\n            email: enquiryEmail,\n            phone: enquiryPhone,\n            source: enquirySource,\n            enquiryType: enquiryEnquiryType,\n            subject: enquirySubject,\n            message: enquiryMessage,\n            token: enquiryMessage\n        };\n        fetch(\"\".concat(location.origin, \"/api/enquire\"), {\n            method: \"POST\",\n            body: JSON.stringify(body)\n        }).then((response1)=>{\n            if (response1.status >= 300) {\n                setAlertBanner({\n                    message: response1.statusText,\n                    type: \"error\"\n                });\n                return;\n            }\n            setAlertBanner({\n                message: response1.statusText,\n                type: \"success\"\n            });\n            console.debug(\"response\");\n            console.debug(response1);\n        }).catch((error)=>{\n            setAlertBanner({\n                message: response.statusText,\n                type: \"error\"\n            });\n            console.debug(\"error\");\n            console.error(error);\n        });\n    }\n    ;\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: /*#__PURE__*/ _jsxs(\"form\", {\n            className: \"\".concat(styles.contact_from, \" row\"),\n            onSubmit: handleForm,\n            id: \"enquiryForm\",\n            children: [\n                /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"col-md-6\",\n                    children: /*#__PURE__*/ _jsx(\"input\", {\n                        id: \"name\",\n                        type: \"text\",\n                        name: \"name\",\n                        onChange: (e)=>setEnquiryName(e.target.value),\n                        value: enquiryName,\n                        required: true,\n                        className: styles.form_control,\n                        placeholder: \"Full Name\"\n                    })\n                }),\n                /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"col-md-6\",\n                    children: /*#__PURE__*/ _jsx(\"input\", {\n                        id: \"email\",\n                        name: \"email\",\n                        type: \"email\",\n                        onChange: (e)=>setEnquiryEmail(e.target.value),\n                        value: enquiryEmail,\n                        required: true,\n                        className: styles.form_control,\n                        placeholder: \"Email\"\n                    })\n                }),\n                /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"col-md-6\",\n                    children: /*#__PURE__*/ _jsx(\"input\", {\n                        id: \"phone\",\n                        required: true,\n                        name: \"phone\",\n                        type: \"number\",\n                        onChange: (e)=>setEnquiryPhone(e.target.value),\n                        value: enquiryPhone,\n                        className: styles.form_control,\n                        placeholder: \"Phone No\"\n                    })\n                }),\n                /*#__PURE__*/ _jsx(\"input\", {\n                    id: \"source\",\n                    required: true,\n                    name: \"source\",\n                    type: \"hidden\",\n                    value: enquirySource,\n                    className: \"form-control\"\n                }),\n                /*#__PURE__*/ _jsx(\"input\", {\n                    id: \"enquiryType\",\n                    required: true,\n                    name: \"enquiryType\",\n                    type: \"hidden\",\n                    value: enquiryEnquiryType,\n                    className: \"form-control\"\n                }),\n                /*#__PURE__*/ _jsx(\"input\", {\n                    id: \"token\",\n                    required: true,\n                    name: \"token\",\n                    type: \"hidden\",\n                    value: enquiryToken,\n                    className: \"form-control\"\n                }),\n                /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"col-md-6\",\n                    children: /*#__PURE__*/ _jsx(\"input\", {\n                        id: \"subject\",\n                        name: \"subject\",\n                        onChange: (e)=>setEnquirySubject(e.target.value),\n                        value: enquirySubject,\n                        required: true,\n                        className: styles.form_control,\n                        placeholder: \"Subject\"\n                    })\n                }),\n                /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"pb-2\",\n                    children: /*#__PURE__*/ _jsx(\"textarea\", {\n                        id: \"message\",\n                        name: \"message\",\n                        onChange: (e)=>setEnquiryMessage(e.target.value),\n                        value: enquiryMessage,\n                        required: true,\n                        className: styles.from_textarea,\n                        rows: \"4\",\n                        placeholder: \"Message\"\n                    })\n                }),\n                /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"\".concat(styles.submit_btn, \" col-md-6 col-sm-12\"),\n                    children: /*#__PURE__*/ _jsx(\"button\", {\n                        htmlFor: \"enquiryForm\",\n                        type: \"submit\",\n                        className: \"common_btn\",\n                        children: \"Submit\"\n                    })\n                }),\n                alertBanner !== null ? /*#__PURE__*/ _jsx(Alert, {\n                    ...alertBanner\n                }) : null\n            ]\n        })\n    });\n};\n/* harmony default export */ var Enquiryform_Enquiryform = ((/* unused pure expression or super */ null && (Enquiryform)));\n\n;// CONCATENATED MODULE: ./src/pages/enquiry.js\n\n\n\n\n\n\n\n\n\n\n\n\nconst Enquire = ()=>{\n    const [selectDate, setSelectDate] = (0,react.useState)(new Date());\n    const { values , handleChange  } = useEnquireForm();\n    const [responseMessage, setResponseMessage] = (0,react.useState)({\n        isSuccessful: false,\n        message: \"\"\n    });\n    const datenmonth = new Date().toLocaleDateString(\"en-US\", {\n        year: \"numeric\",\n        month: \"numeric\",\n        day: \"numeric\"\n    });\n    const handleDateChange = (date)=>{\n        setSelectDate(date);\n    };\n    const handleSubmit = async (e)=>{\n        e.preventDefault();\n        setTimeout(()=>{\n            setResponseMessage({\n                isSuccessful: true\n            });\n        }, 3000);\n        try {\n            const req = await sendEnquireMail(values.fullname, values.email, values.address, selectDate, values.attendees, values.message);\n            if (req.status === 250) {\n                setResponseMessage({\n                    isSuccessful: true,\n                    message: \"Thank you for your message.\"\n                });\n                alert(\"Thank you for your message.\");\n            }\n        } catch (e1) {\n            setResponseMessage({\n                isSuccessful: false,\n                message: \"Oops something went wrong. Please try again.\"\n            });\n        }\n    };\n    return /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {\n        children: [\n            /*#__PURE__*/ (0,jsx_runtime.jsxs)((head_default()), {\n                children: [\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"title\", {\n                        children: \"Enquire Now | The Twin Towers Hotel\"\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"meta\", {\n                        name: \"description\",\n                        content: \"If you have any questions please feel free to submit the form, and we will contact you soon! The Twin Towers Hotel\"\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"link\", {\n                        rel: \"icon\",\n                        href: \"/favicon.svg\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(Topbanner/* default */.Z, {\n                bgImage: \"/images/enquire-banner.png\",\n                title: \"Enquire Now\"\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(\"section\", {\n                className: \"\".concat((Contactus_module_default()).contactus, \" common_padding\"),\n                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                    className: \"container\",\n                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                        className: \"row justify-content-center\",\n                        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"\".concat((Contactus_module_default()).contact_right, \" col-md-8 common_title\"),\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"h2\", {\n                                    children: \" Send A Message \"\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"form\", {\n                                    className: \"row\",\n                                    onSubmit: handleSubmit,\n                                    children: [\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                            className: \"col-md-6\",\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"input\", {\n                                                id: \"fullname\",\n                                                type: \"text\",\n                                                name: \"fullname\",\n                                                onChange: handleChange,\n                                                value: values.fullname,\n                                                required: true,\n                                                className: (Contactus_module_default()).form_control,\n                                                placeholder: \"Full Name\"\n                                            })\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                            className: \"col-md-6\",\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"input\", {\n                                                id: \"email\",\n                                                type: \"email\",\n                                                name: \"email\",\n                                                value: values.email,\n                                                onChange: handleChange,\n                                                required: true,\n                                                className: (Contactus_module_default()).form_control,\n                                                placeholder: \"Email\"\n                                            })\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                            className: \"col-md-6\",\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"input\", {\n                                                type: \"text\",\n                                                name: \"address\",\n                                                value: values.address,\n                                                onChange: handleChange,\n                                                required: true,\n                                                className: (Contactus_module_default()).form_control,\n                                                id: \"address\",\n                                                placeholder: \"Address\"\n                                            })\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                            className: \"col-md-6\",\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)((react_datepicker_min_default()), {\n                                                className: (Contactus_module_default()).form_control,\n                                                selected: selectDate,\n                                                onChange: handleDateChange,\n                                                placeholderText: \"Please select a date\"\n                                            })\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                            className: \"col-md-6\",\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"input\", {\n                                                id: \"attendees\",\n                                                type: \"text\",\n                                                name: \"attendees\",\n                                                value: values.attendees,\n                                                onChange: handleChange,\n                                                required: true,\n                                                className: (Contactus_module_default()).form_control,\n                                                placeholder: \"No. of Attendees\"\n                                            })\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                            className: \"col-md-6\",\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"textarea\", {\n                                                id: \"message\",\n                                                name: \"message\",\n                                                value: values.message,\n                                                onChange: handleChange,\n                                                required: true,\n                                                className: (Contactus_module_default()).enquire_textarea,\n                                                placeholder: \"Message\"\n                                            })\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                            className: \"\".concat((Contactus_module_default()).enquire_submit_btn, \" col-md-12 col-sm-12\"),\n                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                                                type: \"submit\",\n                                                className: \"common_btn\",\n                                                children: \" Submit\"\n                                            })\n                                        }),\n                                        responseMessage.isSuccessful === true ? /*#__PURE__*/ (0,jsx_runtime.jsx)(\"p\", {\n                                            className: \" success\",\n                                            children: \"We appreciate you contacting us. One of our customer happiness members will be getting back to you shortly.\"\n                                        }) : \"\"\n                                    ]\n                                })\n                            ]\n                        })\n                    })\n                })\n            })\n        ]\n    });\n};\n/* harmony default export */ var enquiry = (Enquire);\n\n\n/***/ }),\n\n/***/ 9262:\n/***/ (function(module) {\n\n// extracted by mini-css-extract-plugin\nmodule.exports = {\"top_banner\":\"Topbanner_top_banner__iVW4z\",\"banner_text\":\"Topbanner_banner_text__wm4dg\"};\n\n/***/ }),\n\n/***/ 4566:\n/***/ (function(module) {\n\n// extracted by mini-css-extract-plugin\nmodule.exports = {\"contactus\":\"Contactus_contactus__oZnag\",\"contact_left\":\"Contactus_contact_left__1CGMU\",\"contect_info\":\"Contactus_contect_info__DmRTk\",\"contact_text\":\"Contactus_contact_text___Afjl\",\"contact_social_links\":\"Contactus_contact_social_links__K3LwM\",\"icon\":\"Contactus_icon__J8Kgs\",\"contact_right\":\"Contactus_contact_right__Gg62t\",\"form_control\":\"Contactus_form_control__nJclK\",\"enquire_textarea\":\"Contactus_enquire_textarea__xgECa\",\"from_textarea\":\"Contactus_from_textarea__tKDba\",\"submit_btn\":\"Contactus_submit_btn__jurFg\",\"enquire_submit_btn\":\"Contactus_enquire_submit_btn__DyE67\"};\n\n/***/ })\n\n},\n/******/ function(__webpack_require__) { // webpackRuntimeModules\n/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }\n/******/ __webpack_require__.O(0, [661,960,545,774,888,179], function() { return __webpack_exec__(2054); });\n/******/ var __webpack_exports__ = __webpack_require__.O();\n/******/ _N_E = __webpack_exports__;\n/******/ }\n]);"],"names":["self","push","__unused_webpack_module","__unused_webpack_exports","__webpack_require__","window","__NEXT_P","__webpack_exports__","d","Topbanner","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","_Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1__","_Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1___default","n","props","jsx","Fragment","children","className","top_banner","style","backgroundImage","concat","bgImage","banner_text","title","r","enquiry","jsx_runtime","react","head","head_default","Contactus_module","Contactus_module_default","useContactForm","values","setValues","useState","fullname","email","address","attendees","message","handleChange","prevState","e","target","id","value","axios","sendEmail","selectDate","ZP","method","url","data","react_datepicker_min","react_datepicker_min_default","Enquire","setSelectDate","Date","useEnquireForm","responseMessage","setResponseMessage","isSuccessful","toLocaleDateString","year","month","day","handleDateChange","date","handleSubmit","preventDefault","setTimeout","req","sendEnquireMail","status","alert","e1","jsxs","name","content","rel","href","Z","contactus","contact_right","onSubmit","type","onChange","required","form_control","placeholder","selected","placeholderText","enquire_textarea","enquire_submit_btn","module","exports","O","s","_N_E"],"sourceRoot":""}