(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
    [977], {
        559: (e, t, r) => {
            Promise.resolve().then(r.bind(r, 5430))
        },
        5565: (e, t, r) => {
            "use strict";
            r.d(t, {
                default: () => s.a
            });
            var a = r(4146),
                s = r.n(a)
        },
        4146: (e, t, r) => {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                    value: !0
                }),
                function(e, t) {
                    for (var r in t) Object.defineProperty(e, r, {
                        enumerable: !0,
                        get: t[r]
                    })
                }(t, {
                    default: function() {
                        return d
                    },
                    getImageProps: function() {
                        return o
                    }
                });
            let a = r(306),
                s = r(666),
                l = r(7970),
                n = a._(r(5514));

            function o(e) {
                let {
                    props: t
                } = (0, s.getImgProps)(e, {
                    defaultLoader: n.default,
                    imgConf: {
                        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
                        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
                        path: "/_next/image",
                        loader: "default",
                        dangerouslyAllowSVG: !1,
                        unoptimized: !1
                    }
                });
                for (let [e, r] of Object.entries(t)) void 0 === r && delete t[e];
                return {
                    props: t
                }
            }
            let d = l.Image
        },
        5430: (e, t, r) => {
            "use strict";
            r.r(t), r.d(t, {
                default: () => o
            });
            var a = r(5155),
                s = r(5565),
                l = r(2115),
                n = r(8100);

            function o() {
                let [e, t] = (0, l.useState)(!1), [r, o] = (0, l.useState)(null), [d, i] = (0, l.useState)({
                    firstName: "",
                    lastName: "",
                    email: "",
                    mobile: "",
                    destination: "",
                    query: "",
                    termsAccepted: !1
                }), m = e => {
                    let {
                        name: t,
                        value: r
                    } = e.target;
                    i(e => ({ ...e,
                        [t]: r
                    }))
                }, c = async e => {
                    e.preventDefault(), t(!0), o(null);
                    let r = new URLSearchParams({
                        Name: (null == d ? void 0 : d.firstName) + (null == d ? void 0 : d.lastName),
                        Email: null == d ? void 0 : d.email,
                        Mobile: null == d ? void 0 : d.mobile,
                        Location: null == d ? void 0 : d.destination,
                        Comment: null == d ? void 0 : d.query
                    }).toString();
                    try {
                        (await fetch("https://script.google.com/macros/s/AKfycbyWHapF7XaAPhvcjNMNvsSaPocMtva24Z63PV3hsH4pYRK0JX9iZjj8qtiidlEgjZCz/exec", {
                            method: "POST",
                            headers: {
                                "Content-Type": "application/x-www-form-urlencoded"
                            },
                            body: r
                        })).ok ? (o({
                            type: "success",
                            message: "Thank you for contacting us! We will get back to you soon."
                        }), setTimeout(() => {
                            o(null)
                        }, 5e3), i({
                            firstName: "",
                            lastName: "",
                            email: "",
                            mobile: "",
                            destination: "",
                            query: "",
                            termsAccepted: !1
                        })) : (o({
                            type: "error",
                            message: "Something went wrong, please try again."
                        }), setTimeout(() => {
                            o(null)
                        }, 5e3))
                    } catch (e) {
                        console.warn(e), o({
                            type: "error",
                            message: "An error occurred. Please try again later."
                        }), setTimeout(() => {
                            o(null)
                        }, 5e3)
                    } finally {
                        t(!1)
                    }
                };
                return (0, a.jsxs)("div", {
                    className: "container mx-auto px-4 pt-20 md:pt-28 text-gray-800",
                    children: [(0, a.jsx)("div", {
                        className: "flex justify-start mb-6 md:mb-8",
                        children: (0, a.jsx)("button", {
                            className: "px-4 md:px-6 py-2 rounded-full border border-orange-400 text-orange-500 hover:bg-orange-50 transition-colors text-sm md:text-base",
                            children: "Let's Talk !"
                        })
                    }), (0, a.jsxs)("div", {
                        className: "grid md:grid-cols-2 gap-6 md:gap-8 mb-8 md:mb-12",
                        children: [(0, a.jsx)("div", {
                            children: (0, a.jsx)("h1", {
                                className: "text-xl md:text-4xl lg:text-5xl font-bold leading-tight mb-3 md:mb-4",
                                children: "Your next adventure is only a phone call away!"
                            })
                        }), (0, a.jsx)("div", {
                            children: (0, a.jsx)("p", {
                                className: "text-sm md:text-base text-gray-600",
                                children: "Got questions, travel tips, or a memorable adventure to share? We're all ears! At JustWravel, it's not just about booking trips - it's about crafting unforgettable experiences. Let's dive into the conversation!"
                            })
                        })]
                    }), (0, a.jsx)("div", {
                        className: "rounded-xl md:rounded-2xl overflow-hidden mb-8 md:mb-16",
                        children: (0, a.jsx)(s.default, {
                            src: "/contact/contact.png",
                            alt: "Group of friends hiking in mountains",
                            width: 1280,
                            height: 440,
                            className: "w-full h-[200px] md:h-[440px] object-cover"
                        })
                    }), (0, a.jsxs)("div", {
                        className: "grid md:grid-cols-3 gap-6 md:gap-8 mb-8 md:mb-16",
                        children: [(0, a.jsxs)("div", {
                            className: "md:col-span-1 flex flex-col gap-4 md:gap-72",
                            children: [(0, a.jsxs)("div", {
                                children: [(0, a.jsx)("p", {
                                    className: "text-sm md:text-base text-gray-500 mb-1",
                                    children: "Connect with us"
                                }), (0, a.jsx)("h2", {
                                    className: "text-lg md:text-3xl font-bold mb-2",
                                    children: "Contact us"
                                }), (0, a.jsx)("p", {
                                    className: "text-xs md:text-sm text-gray-500 mb-6 md:mb-8",
                                    children: "We're here to help – Reach out anytime"
                                })]
                            }), (0, a.jsxs)("div", {
                                className: "bg-gray-50 rounded-lg md:rounded-xl p-4 md:p-6 shadow-md",
                                children: [(0, a.jsxs)("div", {
                                    className: "flex items-center gap-3 md:gap-4 p-2 md:p-3",
                                    children: [(0, a.jsx)("div", {
                                        className: "bg-gray-100 p-2 md:p-3 rounded-full",
                                        children: (0, a.jsx)(n.R0Y, {
                                            className: "w-4 h-4 md:w-5 md:h-5 text-gray-500"
                                        })
                                    }), (0, a.jsxs)("div", {
                                        children: [(0, a.jsx)("p", {
                                            className: "text-sm md:text-base font-medium",
                                            children: "Email"
                                        }), (0, a.jsx)("a", {
                                            href: "mailto:official.triplanza@gmail.com",
                                            className: "text-xs md:text-sm text-gray-500 hover:text-blue-500",
                                            children: "official.triplanza@gmail.com"
                                        })]
                                    })]
                                }), (0, a.jsxs)("div", {
                                    className: "flex items-center gap-3 md:gap-4 p-2 md:p-3",
                                    children: [(0, a.jsx)("div", {
                                        className: "bg-gray-100 p-2 md:p-3 rounded-full",
                                        children: (0, a.jsx)(n.SdX, {
                                            className: "w-4 h-4 md:w-5 md:h-5 text-gray-500"
                                        })
                                    }), (0, a.jsxs)("div", {
                                        children: [(0, a.jsx)("p", {
                                            className: "text-sm md:text-base font-medium",
                                            children: "Phone"
                                        }), (0, a.jsx)("a", {
                                            href: "tel:+919760417744",
                                            className: "text-xs md:text-sm text-gray-500 hover:text-blue-500",
                                            children: "+91 9760417744"
                                        })]
                                    })]
                                }), (0, a.jsxs)("div", {
                                    className: "flex items-center gap-3 md:gap-4 p-2 md:p-3",
                                    children: [(0, a.jsx)("div", {
                                        className: "bg-gray-100 p-2 md:p-3 rounded-full",
                                        children: (0, a.jsx)(n.XaE, {
                                            className: "w-4 h-4 md:w-5 md:h-5 text-gray-500"
                                        })
                                    }), (0, a.jsxs)("div", {
                                        children: [(0, a.jsx)("p", {
                                            className: "text-sm md:text-base font-medium",
                                            children: "Location"
                                        }), (0, a.jsx)("p", {
                                            className: "text-xs md:text-sm text-gray-500",
                                            children: "Aamwala, Dehradun, Uttarakhand - 248001"
                                        })]
                                    })]
                                })]
                            })]
                        }), (0, a.jsx)("div", {
                            className: "md:col-span-2",
                            children: (0, a.jsxs)("form", {
                                onSubmit: c,
                                className: "grid grid-cols-1 md:grid-cols-2 gap-4",
                                children: [(0, a.jsxs)("div", {
                                    children: [(0, a.jsx)("label", {
                                        className: "block text-sm md:text-[19px] text-[rgba(0,0,0,0.40)] font-[Poppins] mb-1",
                                        children: "First Name"
                                    }), (0, a.jsx)("input", {
                                        type: "text",
                                        name: "firstName",
                                        value: d.firstName,
                                        onChange: m,
                                        placeholder: "Enter your first name",
                                        className: "w-full border border-[#DCDCDC] rounded-lg md:rounded-[12px] px-3 md:px-4 py-2 md:py-[13px] text-sm md:text-[19px] text-gray-700 font-[Poppins] placeholder:text-gray-400",
                                        required: !0
                                    })]
                                }), (0, a.jsxs)("div", {
                                    children: [(0, a.jsx)("label", {
                                        className: "block text-sm md:text-[19px] text-[rgba(0,0,0,0.40)] font-[Poppins] mb-1",
                                        children: "Last Name"
                                    }), (0, a.jsx)("input", {
                                        type: "text",
                                        name: "lastName",
                                        value: d.lastName,
                                        onChange: m,
                                        placeholder: "Enter your last name",
                                        className: "w-full border border-[#DCDCDC] rounded-lg md:rounded-[12px] px-3 md:px-4 py-2 md:py-[13px] text-sm md:text-[19px] text-gray-700 font-[Poppins] placeholder:text-gray-400",
                                        required: !0
                                    })]
                                }), (0, a.jsxs)("div", {
                                    className: "md:col-span-2",
                                    children: [(0, a.jsx)("label", {
                                        className: "block text-sm md:text-[19px] text-[rgba(0,0,0,0.40)] font-[Poppins] mb-1",
                                        children: "Email"
                                    }), (0, a.jsx)("input", {
                                        type: "email",
                                        name: "email",
                                        value: d.email,
                                        onChange: m,
                                        placeholder: "Enter your email address",
                                        className: "w-full border border-[#DCDCDC] rounded-lg md:rounded-[12px] px-3 md:px-4 py-2 md:py-[13px] text-sm md:text-[19px] text-gray-700 font-[Poppins] placeholder:text-gray-400",
                                        required: !0
                                    })]
                                }), (0, a.jsxs)("div", {
                                    className: "md:col-span-2",
                                    children: [(0, a.jsx)("label", {
                                        className: "block text-sm md:text-[19px] text-[rgba(0,0,0,0.40)] font-[Poppins] mb-1",
                                        children: "Mobile No."
                                    }), (0, a.jsx)("input", {
                                        type: "tel",
                                        name: "mobile",
                                        value: d.mobile,
                                        onChange: e => {
                                            let t = e.target.value;
                                            ("" === t || /^[0-9]{0,10}$/.test(t)) && m(e)
                                        },
                                        onBlur: e => {
                                            10 !== e.target.value.length && alert("Please enter a valid 10-digit mobile number")
                                        },
                                        pattern: "[0-9]{10}",
                                        maxLength: 10,
                                        placeholder: "Enter your mobile number",
                                        className: "w-full border border-[#DCDCDC] rounded-lg md:rounded-[12px] px-3 md:px-4 py-2 md:py-[13px] text-sm md:text-[19px] text-gray-700 font-[Poppins] placeholder:text-gray-400",
                                        required: !0
                                    })]
                                }), (0, a.jsxs)("div", {
                                    className: "md:col-span-2",
                                    children: [(0, a.jsx)("label", {
                                        className: "block text-sm md:text-[19px] text-[rgba(0,0,0,0.40)] font-[Poppins] mb-1",
                                        children: "Where do you want to go?"
                                    }), (0, a.jsxs)("div", {
                                        className: "relative",
                                        children: [(0, a.jsxs)("select", {
                                            name: "destination",
                                            value: d.destination,
                                            onChange: m,
                                            className: "w-full border border-[#DCDCDC] rounded-lg md:rounded-[12px] px-3 md:px-4 py-2 md:py-[13px] text-sm md:text-[19px] text-black font-[Poppins] appearance-none",
                                            required: !0,
                                            children: [(0, a.jsx)("option", {
                                                value: "",
                                                children: "Select a Location"
                                            }), (0, a.jsx)("option", {
                                                value: "kedarnath",
                                                children: "Kedarnath"
                                            }), (0, a.jsx)("option", {
                                                value: "Badrinath",
                                                children: "Badrinath"
                                            }), (0, a.jsx)("option", {
                                                value: "Yamunotri",
                                                children: "Yamunotri"
                                            }), (0, a.jsx)("option", {
                                                value: "Gangotri",
                                                children: "Gangotri"
                                            })]
                                        }), (0, a.jsx)(n.eQr, {
                                            className: "absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 md:w-5 md:h-5 text-gray-400"
                                        })]
                                    })]
                                }), (0, a.jsxs)("div", {
                                    className: "md:col-span-2",
                                    children: [(0, a.jsx)("label", {
                                        className: "block text-sm md:text-[19px] text-[rgba(0,0,0,0.40)] font-[Poppins] mb-1",
                                        children: "Your Query"
                                    }), (0, a.jsx)("textarea", {
                                        name: "query",
                                        value: d.query,
                                        onChange: m,
                                        placeholder: "Tell us about your travel plans or any questions you have",
                                        rows: 4,
                                        className: "w-full border border-[#DCDCDC] rounded-lg md:rounded-[12px] px-3 md:px-4 py-2 md:py-[13px] text-sm md:text-[19px] text-gray-700 font-[Poppins] placeholder:text-gray-400",
                                        required: !0
                                    })]
                                }), (0, a.jsxs)("div", {
                                    className: "md:col-span-2 flex items-center gap-2",
                                    children: [(0, a.jsx)("div", {
                                        className: "h-4 w-4 md:h-5 md:w-5 relative",
                                        children: (0, a.jsx)("input", {
                                            type: "checkbox",
                                            id: "terms",
                                            checked: d.termsAccepted,
                                            onChange: e => {
                                                i(t => ({ ...t,
                                                    termsAccepted: e.target.checked
                                                }))
                                            },
                                            className: "h-4 w-4 md:h-5 md:w-5",
                                            required: !0
                                        })
                                    }), (0, a.jsx)("label", {
                                        htmlFor: "terms",
                                        className: "text-sm md:text-[19px] font-[Poppins]",
                                        children: "I agree to the Terms and Conditions"
                                    })]
                                }), (0, a.jsxs)("div", {
                                    className: "md:col-span-2",
                                    children: [r && (0, a.jsx)("div", {
                                        className: "mb-4 p-3 md:p-4 rounded-lg text-sm md:text-base ".concat("success" === r.type ? "bg-green-50 text-green-800" : "bg-red-50 text-red-800"),
                                        children: r.message
                                    }), (0, a.jsx)("button", {
                                        type: "submit",
                                        disabled: e,
                                        className: "bg-orange-500 text-white px-4 md:px-6 py-2 rounded-full hover:bg-orange-600 transition-colors text-sm md:text-[19px] font-[Poppins] flex items-center justify-center gap-2 ".concat(e ? "opacity-70 cursor-not-allowed" : ""),
                                        children: e ? (0, a.jsxs)(a.Fragment, {
                                            children: [(0, a.jsx)("span", {
                                                className: "inline-block animate-spin rounded-full h-3 w-3 md:h-4 md:w-4 border-2 border-white border-t-transparent"
                                            }), "Sending..."]
                                        }) : "Send Now"
                                    })]
                                })]
                            })
                        })]
                    })]
                })
            }
        },
        3435: (e, t, r) => {
            "use strict";
            r.d(t, {
                k5: () => m
            });
            var a = r(2115),
                s = {
                    color: void 0,
                    size: void 0,
                    className: void 0,
                    style: void 0,
                    attr: void 0
                },
                l = a.createContext && a.createContext(s),
                n = ["attr", "size", "title"];

            function o() {
                return (o = Object.assign ? Object.assign.bind() : function(e) {
                    for (var t = 1; t < arguments.length; t++) {
                        var r = arguments[t];
                        for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a])
                    }
                    return e
                }).apply(this, arguments)
            }

            function d(e, t) {
                var r = Object.keys(e);
                if (Object.getOwnPropertySymbols) {
                    var a = Object.getOwnPropertySymbols(e);
                    t && (a = a.filter(function(t) {
                        return Object.getOwnPropertyDescriptor(e, t).enumerable
                    })), r.push.apply(r, a)
                }
                return r
            }

            function i(e) {
                for (var t = 1; t < arguments.length; t++) {
                    var r = null != arguments[t] ? arguments[t] : {};
                    t % 2 ? d(Object(r), !0).forEach(function(t) {
                        var a, s;
                        a = t, s = r[t], (a = function(e) {
                            var t = function(e, t) {
                                if ("object" != typeof e || !e) return e;
                                var r = e[Symbol.toPrimitive];
                                if (void 0 !== r) {
                                    var a = r.call(e, t || "default");
                                    if ("object" != typeof a) return a;
                                    throw TypeError("@@toPrimitive must return a primitive value.")
                                }
                                return ("string" === t ? String : Number)(e)
                            }(e, "string");
                            return "symbol" == typeof t ? t : t + ""
                        }(a)) in e ? Object.defineProperty(e, a, {
                            value: s,
                            enumerable: !0,
                            configurable: !0,
                            writable: !0
                        }) : e[a] = s
                    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : d(Object(r)).forEach(function(t) {
                        Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t))
                    })
                }
                return e
            }

            function m(e) {
                return t => a.createElement(c, o({
                    attr: i({}, e.attr)
                }, t), function e(t) {
                    return t && t.map((t, r) => a.createElement(t.tag, i({
                        key: r
                    }, t.attr), e(t.child)))
                }(e.child))
            }

            function c(e) {
                var t = t => {
                    var r, {
                            attr: s,
                            size: l,
                            title: d
                        } = e,
                        m = function(e, t) {
                            if (null == e) return {};
                            var r, a, s = function(e, t) {
                                if (null == e) return {};
                                var r = {};
                                for (var a in e)
                                    if (Object.prototype.hasOwnProperty.call(e, a)) {
                                        if (t.indexOf(a) >= 0) continue;
                                        r[a] = e[a]
                                    }
                                return r
                            }(e, t);
                            if (Object.getOwnPropertySymbols) {
                                var l = Object.getOwnPropertySymbols(e);
                                for (a = 0; a < l.length; a++) r = l[a], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (s[r] = e[r])
                            }
                            return s
                        }(e, n),
                        c = l || t.size || "1em";
                    return t.className && (r = t.className), e.className && (r = (r ? r + " " : "") + e.className), a.createElement("svg", o({
                        stroke: "currentColor",
                        fill: "currentColor",
                        strokeWidth: "0"
                    }, t.attr, s, m, {
                        className: r,
                        style: i(i({
                            color: e.color || t.color
                        }, t.style), e.style),
                        height: c,
                        width: c,
                        xmlns: "http://www.w3.org/2000/svg"
                    }), d && a.createElement("title", null, d), e.children)
                };
                return void 0 !== l ? a.createElement(l.Consumer, null, e => t(e)) : t(s)
            }
        }
    },
    e => {
        var t = t => e(e.s = t);
        e.O(0, [204, 970, 441, 517, 358], () => t(559)), _N_E = e.O()
    }
]);