{"version":3,"file":"static/chunks/pages/contact-us-5cfc51dcb7cea122.js","mappings":"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","sources":["webpack://_N_E/?39cc","webpack://_N_E/./src/components/Schema/HotelSchema/breadcrumb.js","webpack://_N_E/./src/components/Topbanner/Topbanner.js","webpack://_N_E/./src/hooks/useContactForm.js","webpack://_N_E/./src/lib/sendEmail.js","webpack://_N_E/./src/components/Contactusform/Contactusform.js","webpack://_N_E/./src/pages/contact-us.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      \"/contact-us\",\n      function () {\n        return require(\"private-next-pages/contact-us.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/contact-us\"])\n      });\n    }\n  ","import React from \"react\";\r\n\r\nconst BreadCrumbSchema = () => (\r\n    <React.Fragment>\r\n        <script\r\n            type=\"application/ld+json\"\r\n            dangerouslySetInnerHTML={{\r\n                __html: JSON.stringify(\r\n                    {\r\n                        \"@context\": \"https://schema.org/\",\r\n                        \"@type\": \"BreadcrumbList\",\r\n                        \"itemListElement\": [{\r\n                            \"@type\": \"ListItem\",\r\n                            \"position\": 1,\r\n                            \"name\": \"About Us\",\r\n                            \"item\": \"https://www.hoteltwintowers.com/about-us\"\r\n                        }, {\r\n                            \"@type\": \"ListItem\",\r\n                            \"position\": 2,\r\n                            \"name\": \"Room and Suits\",\r\n                            \"item\": \"https://www.hoteltwintowers.com/hotel-room-in-shimla\"\r\n                        }, {\r\n                            \"@type\": \"ListItem\",\r\n                            \"position\": 3,\r\n                            \"name\": \"Bar and Restaurant\",\r\n                            \"item\": \"https://www.hoteltwintowers.com/bar-and-restaurant\"\r\n                        }, {\r\n                            \"@type\": \"ListItem\",\r\n                            \"position\": 4,\r\n                            \"name\": \"Events\",\r\n                            \"item\": \"https://www.hoteltwintowers.com/#events\"\r\n                        }, {\r\n                            \"@type\": \"ListItem\",\r\n                            \"position\": 5,\r\n                            \"name\": \"Banquet Halls in Shimla\",\r\n                            \"item\": \"https://www.hoteltwintowers.com/banquet-halls\"\r\n                        }, {\r\n                            \"@type\": \"ListItem\",\r\n                            \"position\": 6,\r\n                            \"name\": \"Conference Halls\",\r\n                            \"item\": \"https://www.hoteltwintowers.com/conference-hall\"\r\n                        }]\r\n                    }\r\n                )\r\n            }}\r\n        />\r\n    </React.Fragment>\r\n);\r\n\r\n\r\nexport default BreadCrumbSchema;","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    phoneno: '',\r\n    subject: '',\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, phoneno, subject, message) => {\r\n  return axios({\r\n    method: 'post',\r\n    url: '/api/send-mail',\r\n    data: {\r\n      fullname: fullname,\r\n      email: email,\r\n      phoneno: phoneno,\r\n      subject: subject,\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 \"./Contactusform.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 Contactusform = () => {\r\n    const [contactName, setContactName] = useState('')\r\n    const [contactEmail, setContactEmail] = useState('')\r\n    const [contactPhone, setContactPhone] = useState('')\r\n    const [contactSource, setContactSource] = useState('Twin Towers Website')\r\n    const [contactEnquiry, setContactEnquiry] = useState('General Query')\r\n    const [contactToken, setContactToken] = useState('r!AWs1gRgQQS?P4LKB/XMfXeN3T8XHjxrCJxJLDwwTKBxLluLRpdkigSGOWJo9QG')\r\n    const [contactSubject, setContactSubject] = useState('')\r\n    const [contactMessage, setContactMessage] = 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: contactName,\r\n            email: contactEmail,\r\n            phone: contactPhone,\r\n            source: contactSource,\r\n            enquiryType: contactEnquiry,\r\n            subject: contactSubject,\r\n            message: contactMessage,\r\n            token: contactToken\r\n            // website: honey,\r\n        }\r\n\r\n        fetch(\r\n            `${location.origin}/api/contactus`,\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}>\r\n                <div className='col-md-6'>\r\n                    <input id=\"name\"\r\n                        type=\"text\"\r\n                        name=\"name\"\r\n                        onChange={e => setContactName(e.target.value)}\r\n                        value={contactName}\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 => setContactEmail(e.target.value)}\r\n                        value={contactEmail}\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 => setContactPhone(e.target.value)}\r\n                        value={contactPhone}\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={contactSource}\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={contactEnquiry}\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={contactToken}\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 => setContactSubject(e.target.value)}\r\n                        value={contactSubject}\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 => setContactMessage(e.target.value)}\r\n                        value={contactMessage}\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=\"contactUsForm\" 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 Contactusform;\r\n","import React, { useState, useEffect } from \"react\";\nimport Head from \"next/head\";\nimport Link from \"next/link\";\nimport Image from \"next/legacy/image\";\nimport styles from \"../styles/pages/Contactus.module.scss\";\nimport {\n    FaFacebookF,\n    FaInstagram,\n    FaLinkedinIn,\n    FaYoutube,\n} from \"react-icons/fa\";\nimport Topbanner from '../components/Topbanner/Topbanner';\nimport useContactForm from \"../hooks/useContactForm\"\nimport sendEmail from \"../lib/sendEmail\";\nimport Contactusform from \"../components/Contactusform/Contactusform\";\nimport BreadCrumbSchema from \"../components/Schema/HotelSchema/breadcrumb\";\n\nconst Contactus = () => {\n    const { values, handleChange } = useContactForm();\n    const [responseMessage, setResponseMessage] = useState(\n        { isSuccessful: false, message: '' });\n\n    const handleSubmit = async (e) => {\n        e.preventDefault();\n        setTimeout(() => {\n            setResponseMessage({ isSuccessful: true })\n        }, 3000)\n        try {\n            const req = await sendEmail(values.fullname, values.email, values.phoneno, values.subject, values.message);\n            if (req.status === 250) {\n                setResponseMessage({ isSuccessful: true, message: 'Thank you for your message.' });\n                alert(\"Thank you for your message.\")\n            }\n\n        } catch (e) {\n            setResponseMessage({\n                isSuccessful: false,\n                message: 'Oops something went wrong. Please try again.',\n            });\n        }\n    };\n\n    return (\n        <>\n            <Head>\n                <title>Book Hotel in Kufri | The Twin Towers Hotel in Shimla</title>\n                <meta name=\"description\" content=\"The Twin Towers Hotel in Shimla-Get In Touch with The Twin Towers Hotel and Book hotel rooms in Kufri | The Twin Towers Hotel\" />\n                <link rel=\"icon\" href=\"/favicon.svg\" />\n                <link rel=\"canonical\" href=\"https://www.hoteltwintowers.com/contact-us\" />\n            </Head>\n            <Topbanner bgImage={\"/images/contact-banner.png\"} title={\"Contact Us\"} />\n            <section className={`${styles.contactus} common_padding pb-0`}>\n                <div className='container'>\n                    <div className='row'>\n                        <div className={`${styles.contact_left} col-md-4 common_title`}>\n                            <h2> Get In Touch</h2>\n                            <p>If you want to learn more about our services, contact us through this form or call us at</p>\n                            <div className={styles.contect_info}>\n                                <Image src=\"/icons/call-black.svg\" width={36} height={36} className={styles.footer_icon} alt=\"Reservation icon\" />\n                                <div>\n                                    <h4>Reservation</h4>\n                                    <Link href=\"tel:9318192605\">+91 93181-92605</Link><br />\n                                    <Link href=\"tel:9317192601\">+91 93171-92601</Link><br />\n                                    {/* <Link href=\"tel:9317192605\">+91 93171-92605</Link><br /> */}\n                                    <Link href=\"tel:9318192601\">+91 93181-92601</Link>\n                                </div>\n                            </div>\n                            <div className={styles.contect_info}>\n                                <Image src=\"/icons/mail-black.svg\" width={36} height={36} className={styles.footer_icon} alt=\"Email Icon\" />\n                                <div>\n                                    <h4>email</h4>\n                                    <Link href=\"mailto:info@hoteltwintowers.com\">info@hoteltwintowers.com</Link><br />\n                                </div>\n                            </div>\n                            <div className={styles.contect_info}>\n                                <Image src=\"/icons/map-black.svg\" width={40} height={36} className={styles.footer_icon} alt=\"Map icon\" />\n                                <div>\n                                    <h4>Address</h4>\n                                    <Link href=\"https://g.page/hotel-the-twin-towers-new-kufri\">NH 05, New kufri, Galu, Hills, Shimla, Himachal Pradesh, India 171209</Link><br />\n                                </div>\n                            </div>\n                            <div className={styles.contact_social_links}>\n                                <div className={styles.icon}>\n                                    <Link className={styles.fb} href=\"https://www.facebook.com/twintower.hotel\" target=\"_blank\">\n                                        <FaFacebookF />\n                                    </Link>\n                                </div>\n                                <div className={styles.icon}>\n                                    <Link href=\"https://www.instagram.com/hotel_twintowers\" className={styles.insta} target=\"_blank\">\n                                        <FaInstagram />\n\n                                    </Link>\n                                </div>\n                                <div className={styles.icon}>\n                                    <Link className={styles.linkedin} href=\"https://www.linkedin.com/in/the-twin-towers-hotel\" target=\"_blank\">\n                                        <FaLinkedinIn />\n                                    </Link>\n                                </div>\n                                <div className={styles.icon}>\n                                    <Link className={styles.linkedin} href=\"https://www.youtube.com/@thetwintowershotel\" target=\"_blank\">\n                                        <FaYoutube />\n                                    </Link>\n                                </div>\n                            </div>\n                        </div>\n                        <div className={`${styles.contact_right} col-md-8 common_title`}>\n                            <h2> Send A Message </h2>\n                            {/* <Contactusform /> */}\n                            <form className='row' onSubmit={handleSubmit}>\n                                <div className='col-md-6'>\n                                    <input id=\"fullname\"\n                                        type=\"text\"\n                                        name=\"fullname\"\n                                        onChange={handleChange}\n                                        value={values.fullname}\n                                        required\n                                        className={styles.form_control}\n                                        placeholder=\"Full Name\" />\n                                </div>\n                                <div className='col-md-6'>\n                                    <input id=\"email\"\n                                        type=\"email\"\n                                        name=\"email\"\n                                        value={values.email}\n                                        onChange={handleChange}\n                                        required\n                                        className={styles.form_control} placeholder=\"Email\" />\n                                </div>\n                                <div className='col-md-6'>\n                                    <input\n                                        type=\"number\"\n                                        name=\"phoneno\"\n                                        value={values.phoneno}\n                                        onChange={handleChange}\n                                        required\n                                        className={styles.form_control}\n                                        id=\"phoneno\" placeholder=\"Phone\" />\n                                </div>\n                                <div className='col-md-6'>\n                                    <input id=\"subject\"\n                                        type=\"text\"\n                                        name=\"subject\"\n                                        value={values.subject}\n                                        onChange={handleChange}\n                                        required\n                                        className={styles.form_control} placeholder=\"Subject\" />\n                                </div>\n                                <div className='pb-2'>\n                                    <textarea id=\"message\"\n                                        name=\"message\"\n                                        value={values.message}\n                                        onChange={handleChange}\n                                        required\n                                        className={styles.from_textarea} rows=\"4\"\n                                        placeholder=\"Message\"\n                                    ></textarea>\n                                </div>\n                                <div className={`${styles.submit_btn} col-md-6 col-sm-12`}>\n                                    <button type=\"submit\" className='common_btn'> Submit</button>\n                                </div>\n                                {responseMessage.isSuccessful === true ? (\n                                    <p className=\" success\">We appreciate you contacting us. One of our customer happiness members will be getting back to you shortly.</p>\n                                ) : ('')}\n                            </form>\n                        </div>\n\n                    </div>\n                </div>\n                <div className='pt-5'>\n                    <iframe\n                        src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13666.806624298124!2d77.2852872!3d31.0902248!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390583ff77109ab1%3A0xb1b39c68310de225!2sThe%20Twin%20Towers%20Hotel%20New%20Kufri!5e0!3m2!1sen!2sin!4v1668662868345!5m2!1sen!2sin\"\n                        width=\"100%\" height=\"450\" allowFullScreen=\"\" loading=\"lazy\"\n                        referrerPolicy=\"no-referrer-when-downgrade\"></iframe>\n                </div>\n            </section>\n            <BreadCrumbSchema />\n        </>\n    );\n}\nexport default Contactus;\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([[455],{\n\n/***/ 6008:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/contact-us\",\n      function () {\n        return __webpack_require__(7447);\n      }\n    ]);\n    if(false) {}\n  \n\n/***/ }),\n\n/***/ 9881:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5893);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7294);\n\n\nconst BreadCrumbSchema = ()=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, {\n        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"script\", {\n            type: \"application/ld+json\",\n            dangerouslySetInnerHTML: {\n                __html: JSON.stringify({\n                    \"@context\": \"https://schema.org/\",\n                    \"@type\": \"BreadcrumbList\",\n                    \"itemListElement\": [\n                        {\n                            \"@type\": \"ListItem\",\n                            \"position\": 1,\n                            \"name\": \"About Us\",\n                            \"item\": \"https://www.hoteltwintowers.com/about-us\"\n                        },\n                        {\n                            \"@type\": \"ListItem\",\n                            \"position\": 2,\n                            \"name\": \"Room and Suits\",\n                            \"item\": \"https://www.hoteltwintowers.com/hotel-room-in-shimla\"\n                        },\n                        {\n                            \"@type\": \"ListItem\",\n                            \"position\": 3,\n                            \"name\": \"Bar and Restaurant\",\n                            \"item\": \"https://www.hoteltwintowers.com/bar-and-restaurant\"\n                        },\n                        {\n                            \"@type\": \"ListItem\",\n                            \"position\": 4,\n                            \"name\": \"Events\",\n                            \"item\": \"https://www.hoteltwintowers.com/#events\"\n                        },\n                        {\n                            \"@type\": \"ListItem\",\n                            \"position\": 5,\n                            \"name\": \"Banquet Halls in Shimla\",\n                            \"item\": \"https://www.hoteltwintowers.com/banquet-halls\"\n                        },\n                        {\n                            \"@type\": \"ListItem\",\n                            \"position\": 6,\n                            \"name\": \"Conference Halls\",\n                            \"item\": \"https://www.hoteltwintowers.com/conference-hall\"\n                        }\n                    ]\n                })\n            }\n        })\n    });\n/* harmony default export */ __webpack_exports__[\"Z\"] = (BreadCrumbSchema);\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/***/ 7447:\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 */ contact_us; }\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);\nvar link_default = /*#__PURE__*/__webpack_require__.n(next_link);\n// EXTERNAL MODULE: ./node_modules/next/legacy/image.js\nvar legacy_image = __webpack_require__(9755);\nvar image_default = /*#__PURE__*/__webpack_require__.n(legacy_image);\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: ./node_modules/react-icons/fa/index.esm.js\nvar index_esm = __webpack_require__(9583);\n// EXTERNAL MODULE: ./src/components/Topbanner/Topbanner.js\nvar Topbanner = __webpack_require__(6240);\n;// CONCATENATED MODULE: ./src/hooks/useContactForm.js\n\nconst useContactForm = ()=>{\n    const [values, setValues] = (0,react.useState)({\n        fullname: \"\",\n        email: \"\",\n        phoneno: \"\",\n        subject: \"\",\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 hooks_useContactForm = (useContactForm);\n\n// EXTERNAL MODULE: ./node_modules/axios/index.js + 40 modules\nvar axios = __webpack_require__(196);\n;// CONCATENATED MODULE: ./src/lib/sendEmail.js\n\nconst sendEmail = async (fullname, email, phoneno, subject, message)=>{\n    return (0,axios/* default */.ZP)({\n        method: \"post\",\n        url: \"/api/send-mail\",\n        data: {\n            fullname: fullname,\n            email: email,\n            phoneno: phoneno,\n            subject: subject,\n            message: message\n        }\n    });\n};\n/* harmony default export */ var lib_sendEmail = (sendEmail);\n\n;// CONCATENATED MODULE: ./src/components/Contactusform/Contactusform.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 Contactusform = ()=>{\n    const [contactName, setContactName] = useState(\"\");\n    const [contactEmail, setContactEmail] = useState(\"\");\n    const [contactPhone, setContactPhone] = useState(\"\");\n    const [contactSource, setContactSource] = useState(\"Twin Towers Website\");\n    const [contactEnquiry, setContactEnquiry] = useState(\"General Query\");\n    const [contactToken, setContactToken] = useState(\"r!AWs1gRgQQS?P4LKB/XMfXeN3T8XHjxrCJxJLDwwTKBxLluLRpdkigSGOWJo9QG\");\n    const [contactSubject, setContactSubject] = useState(\"\");\n    const [contactMessage, setContactMessage] = 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: contactName,\n            email: contactEmail,\n            phone: contactPhone,\n            source: contactSource,\n            enquiryType: contactEnquiry,\n            subject: contactSubject,\n            message: contactMessage,\n            token: contactToken\n        };\n        fetch(\"\".concat(location.origin, \"/api/contactus\"), {\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    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: /*#__PURE__*/ _jsxs(\"form\", {\n            className: \"\".concat(styles.contact_from, \" row\"),\n            onSubmit: handleForm,\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)=>setContactName(e.target.value),\n                        value: contactName,\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)=>setContactEmail(e.target.value),\n                        value: contactEmail,\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)=>setContactPhone(e.target.value),\n                        value: contactPhone,\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: contactSource,\n                    className: \"form-control\"\n                }),\n                /*#__PURE__*/ _jsx(\"input\", {\n                    id: \"enquiryType\",\n                    required: true,\n                    name: \"enquiryType\",\n                    type: \"hidden\",\n                    value: contactEnquiry,\n                    className: \"form-control\"\n                }),\n                /*#__PURE__*/ _jsx(\"input\", {\n                    id: \"token\",\n                    required: true,\n                    name: \"token\",\n                    type: \"hidden\",\n                    value: contactToken,\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)=>setContactSubject(e.target.value),\n                        value: contactSubject,\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)=>setContactMessage(e.target.value),\n                        value: contactMessage,\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: \"contactUsForm\",\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 Contactusform_Contactusform = ((/* unused pure expression or super */ null && (Contactusform)));\n\n// EXTERNAL MODULE: ./src/components/Schema/HotelSchema/breadcrumb.js\nvar breadcrumb = __webpack_require__(9881);\n;// CONCATENATED MODULE: ./src/pages/contact-us.js\n\n\n\n\n\n\n\n\n\n\n\n\nconst Contactus = ()=>{\n    const { values , handleChange  } = hooks_useContactForm();\n    const [responseMessage, setResponseMessage] = (0,react.useState)({\n        isSuccessful: false,\n        message: \"\"\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 lib_sendEmail(values.fullname, values.email, values.phoneno, values.subject, 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: \"Book Hotel in Kufri | The Twin Towers Hotel in Shimla\"\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"meta\", {\n                        name: \"description\",\n                        content: \"The Twin Towers Hotel in Shimla-Get In Touch with The Twin Towers Hotel and Book hotel rooms in Kufri | The Twin Towers Hotel\"\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"link\", {\n                        rel: \"icon\",\n                        href: \"/favicon.svg\"\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"link\", {\n                        rel: \"canonical\",\n                        href: \"https://www.hoteltwintowers.com/contact-us\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(Topbanner/* default */.Z, {\n                bgImage: \"/images/contact-banner.png\",\n                title: \"Contact Us\"\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"section\", {\n                className: \"\".concat((Contactus_module_default()).contactus, \" common_padding pb-0\"),\n                children: [\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                        className: \"container\",\n                        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"row\",\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                    className: \"\".concat((Contactus_module_default()).contact_left, \" col-md-4 common_title\"),\n                                    children: [\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"h2\", {\n                                            children: \" Get In Touch\"\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"p\", {\n                                            children: \"If you want to learn more about our services, contact us through this form or call us at\"\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                            className: (Contactus_module_default()).contect_info,\n                                            children: [\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)((image_default()), {\n                                                    src: \"/icons/call-black.svg\",\n                                                    width: 36,\n                                                    height: 36,\n                                                    className: (Contactus_module_default()).footer_icon,\n                                                    alt: \"Reservation icon\"\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                                    children: [\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"h4\", {\n                                                            children: \"Reservation\"\n                                                        }),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                            href: \"tel:9318192605\",\n                                                            children: \"+91 93181-92605\"\n                                                        }),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"br\", {}),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                            href: \"tel:9317192601\",\n                                                            children: \"+91 93171-92601\"\n                                                        }),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"br\", {}),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                            href: \"tel:9318192601\",\n                                                            children: \"+91 93181-92601\"\n                                                        })\n                                                    ]\n                                                })\n                                            ]\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                            className: (Contactus_module_default()).contect_info,\n                                            children: [\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)((image_default()), {\n                                                    src: \"/icons/mail-black.svg\",\n                                                    width: 36,\n                                                    height: 36,\n                                                    className: (Contactus_module_default()).footer_icon,\n                                                    alt: \"Email Icon\"\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                                    children: [\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"h4\", {\n                                                            children: \"email\"\n                                                        }),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                            href: \"mailto:info@hoteltwintowers.com\",\n                                                            children: \"info@hoteltwintowers.com\"\n                                                        }),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"br\", {})\n                                                    ]\n                                                })\n                                            ]\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                            className: (Contactus_module_default()).contect_info,\n                                            children: [\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)((image_default()), {\n                                                    src: \"/icons/map-black.svg\",\n                                                    width: 40,\n                                                    height: 36,\n                                                    className: (Contactus_module_default()).footer_icon,\n                                                    alt: \"Map icon\"\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                                    children: [\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"h4\", {\n                                                            children: \"Address\"\n                                                        }),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                            href: \"https://g.page/hotel-the-twin-towers-new-kufri\",\n                                                            children: \"NH 05, New kufri, Galu, Hills, Shimla, Himachal Pradesh, India 171209\"\n                                                        }),\n                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"br\", {})\n                                                    ]\n                                                })\n                                            ]\n                                        }),\n                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                            className: (Contactus_module_default()).contact_social_links,\n                                            children: [\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                                    className: (Contactus_module_default()).icon,\n                                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                        className: (Contactus_module_default()).fb,\n                                                        href: \"https://www.facebook.com/twintower.hotel\",\n                                                        target: \"_blank\",\n                                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(index_esm/* FaFacebookF */.tBk, {})\n                                                    })\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                                    className: (Contactus_module_default()).icon,\n                                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                        href: \"https://www.instagram.com/hotel_twintowers\",\n                                                        className: (Contactus_module_default()).insta,\n                                                        target: \"_blank\",\n                                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(index_esm/* FaInstagram */.Zf_, {})\n                                                    })\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                                    className: (Contactus_module_default()).icon,\n                                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                        className: (Contactus_module_default()).linkedin,\n                                                        href: \"https://www.linkedin.com/in/the-twin-towers-hotel\",\n                                                        target: \"_blank\",\n                                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(index_esm/* FaLinkedinIn */.BUd, {})\n                                                    })\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                                    className: (Contactus_module_default()).icon,\n                                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                                                        className: (Contactus_module_default()).linkedin,\n                                                        href: \"https://www.youtube.com/@thetwintowershotel\",\n                                                        target: \"_blank\",\n                                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(index_esm/* FaYoutube */.V2E, {})\n                                                    })\n                                                })\n                                            ]\n                                        })\n                                    ]\n                                }),\n                                /*#__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: \"number\",\n                                                        name: \"phoneno\",\n                                                        value: values.phoneno,\n                                                        onChange: handleChange,\n                                                        required: true,\n                                                        className: (Contactus_module_default()).form_control,\n                                                        id: \"phoneno\",\n                                                        placeholder: \"Phone\"\n                                                    })\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                                    className: \"col-md-6\",\n                                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"input\", {\n                                                        id: \"subject\",\n                                                        type: \"text\",\n                                                        name: \"subject\",\n                                                        value: values.subject,\n                                                        onChange: handleChange,\n                                                        required: true,\n                                                        className: (Contactus_module_default()).form_control,\n                                                        placeholder: \"Subject\"\n                                                    })\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                                    className: \"pb-2\",\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()).from_textarea,\n                                                        rows: \"4\",\n                                                        placeholder: \"Message\"\n                                                    })\n                                                }),\n                                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                                    className: \"\".concat((Contactus_module_default()).submit_btn, \" col-md-6 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                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                        className: \"pt-5\",\n                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"iframe\", {\n                            src: \"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13666.806624298124!2d77.2852872!3d31.0902248!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390583ff77109ab1%3A0xb1b39c68310de225!2sThe%20Twin%20Towers%20Hotel%20New%20Kufri!5e0!3m2!1sen!2sin!4v1668662868345!5m2!1sen!2sin\",\n                            width: \"100%\",\n                            height: \"450\",\n                            allowFullScreen: \"\",\n                            loading: \"lazy\",\n                            referrerPolicy: \"no-referrer-when-downgrade\"\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(breadcrumb/* default */.Z, {})\n        ]\n    });\n};\n/* harmony default export */ var contact_us = (Contactus);\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, [545,774,888,179], function() { return __webpack_exec__(6008); });\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__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_1__","BreadCrumbSchema","jsx","Fragment","children","type","dangerouslySetInnerHTML","__html","JSON","stringify","d","Topbanner","_Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1__","_Topbanner_module_scss__WEBPACK_IMPORTED_MODULE_1___default","n","props","className","top_banner","style","backgroundImage","concat","bgImage","banner_text","title","r","contact_us","jsx_runtime","react","head","head_default","next_link","link_default","legacy_image","image_default","Contactus_module","Contactus_module_default","index_esm","useContactForm","values","setValues","useState","fullname","email","phoneno","subject","message","handleChange","prevState","e","target","id","value","axios","sendEmail","ZP","method","url","data","breadcrumb","Contactus","hooks_useContactForm","responseMessage","setResponseMessage","isSuccessful","handleSubmit","preventDefault","setTimeout","req","lib_sendEmail","status","alert","e1","jsxs","name","content","rel","href","Z","contactus","contact_left","contect_info","src","width","height","footer_icon","alt","contact_social_links","icon","fb","tBk","insta","Zf_","linkedin","BUd","V2E","contact_right","onSubmit","onChange","required","form_control","placeholder","from_textarea","rows","submit_btn","allowFullScreen","loading","referrerPolicy","module","exports","O","s","_N_E"],"sourceRoot":""}