Free e-SIM

{"time":1757526581895,"blocks":[{"id":"ltnd9oOfvA","type":"header","data":{"text":"Free Local eSIM With Every Tour","level":2}},{"id":"O5l4MJvrDo","type":"paragraph","data":{"text":"Stay connected, effortlessly and for free."}},{"id":"RB3f-vCcI7","type":"paragraph","data":{"text":"At Trippack Tours and Travels, we understand how important it is to stay connected while exploring a new destination. That\u2019s why we include a complimentary local eSIM with 2GB of data for the lead traveler on every tour, so you can focus on enjoying the journey, not hunting for Wi-Fi."}},{"id":"19eIjemPKy","type":"header","data":{"text":"What's Included:","level":3}},{"id":"6ikXZWH7ap","type":"list","data":{"style":"unordered","items":[{"content":"1 Free local eSIM for the lead traveler\n","items":[]},{"content":"2GB high-speed data included (valid for use across India)\n","items":[]},{"content":"Delivered Via Email 72 hours before tour departure\n","items":[]},{"content":"Full activation guide and QR code included\n","items":[]},{"content":"No need to buy or insert a physical SIM card\n","items":[]},{"content":"Works instantly on arrival\n","items":[]}]}},{"id":"dB4D2kiqxM","type":"header","data":{"text":"How It Works:","level":3}},{"id":"fUQelWnMYr","type":"list","data":{"style":"ordered","items":[{"content":"Book your tour with Trippack, any package, any destination within India.\n","items":[]},{"content":"The lead traveler (name listed first on the booking) will receive:\n","items":[]},{"content":"Scan and activate the eSIM on your device before or upon arrival in India.\n","items":[]},{"content":"Enjoy 2GB of local data, perfect for maps, messaging, social media, and staying in touch.\n","items":[]}]}},{"id":"PcvjirQ7Oz","type":"header","data":{"text":"Device Compatibility","level":3}},{"id":"0dkqfb95eu","type":"paragraph","data":{"text":"To use the eSIM, your smartphone must support eSIM functionality. Common compatible models include:"}},{"id":"a6_Io5cLsh","type":"list","data":{"style":"unordered","items":[{"content":"iPhone XR and newer (XS, 11, 12, 13, 14, SE 2020+, etc.)\n","items":[]},{"content":"Google Pixel 3 and above (except Pixel 3a)\n","items":[]},{"content":"Samsung Galaxy S20\/S21\/S22\/S23+, Z Fold, Z Flip, Note 20+\n","items":[]},{"content":"Most newer Android flagship models\n","items":[]}]}},{"id":"BJjkU6EAKo","type":"paragraph","data":{"text":"Not sure if your phone supports eSIM? <a href=\"https:\/\/www.airalo.com\/blog\/how-do-i-know-if-my-phone-supports-esim-technology?srsltid=AfmBOorraS_yj-xnjEOea6XbJuB6bN-PKrBsyItJSdJvOVxprh86XXs2\">Click here to check compatibility.<\/a>"}},{"id":"5DewfkiD5Q","type":"header","data":{"text":"Important Notes:","level":3}},{"id":"PjY1-tictU","type":"list","data":{"style":"unordered","items":[{"content":"This offer is valid only for the lead traveler on the booking.\n","items":[]},{"content":"Only one eSIM per tour booking is included.\n","items":[]},{"content":"2GB is provided as high-speed data. Additional usage may require topping up directly via the carrier.\n","items":[]},{"content":"This eSIM is data-only and does not include a local phone number or calling minutes.\n","items":[]},{"content":"Unused data is non-refundable and cannot be transferred to future tours.\n","items":[]}]}},{"id":"kSFoMlIeyy","type":"header","data":{"text":"Why We Offer It","level":3}},{"id":"LNykkTmQ6i","type":"paragraph","data":{"text":"<b>We believe every traveler should:<\/b>"}},{"id":"-FYFKJJO4n","type":"list","data":{"style":"unordered","items":[{"content":"Navigate easily with Google Maps or ride apps\n","items":[]},{"content":"Stay connected with family or group chats\n","items":[]},{"content":"Upload your moments without worrying about hotel Wi-Fi\n","items":[]},{"content":"Access travel info and support on-the-go","items":[]}]}},{"id":"zx_qQvIMRk","type":"customForm","data":{"customFormId":1834,"html":"<style>\n    .g-recaptcha + div:empty {\n        display: none;\n    }\n    @media (max-width: 400px) {\n        .g-recaptcha >div {\n            width: 100% !important;\n        }\n        .g-recaptcha iframe {\n            width: 100% !important;\n        }\n    }\n<\/style>\n<div\n    x-data=\"customFormHandler('CustomForm1834', 'https:\/\/trippack.ontripcart.com\/page-form')\"\n    class=\"custom-form-wrapper\"\n>\n    \n    <template x-if=\"submitted\">\n        <div class=\"flex items-center justify-center gap-2 text-base-100 p-2 md:p-4 bg-[#ECFDF3] rounded-lg border border-[#17B26A]\">\n            <span class=\"block icon-no-stroke\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect width=\"20\" height=\"20\" rx=\"8\" fill=\"#17B26A\"\/>\n<g clip-path=\"url(#clip0_6001_40)\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 3C6.13906 3 3 6.13906 3 10C3 13.8609 6.13906 17 10 17C13.8609 17 17 13.8609 17 10C17 6.13906 13.8609 3 10 3Z\" fill=\"white\"\/>\n<path d=\"M8.65195 13.2019C7.75781 12.3078 6.86914 11.4054 5.97227 10.5113C5.87383 10.4129 5.87383 10.2488 5.97227 10.1504L7.00313 9.11951C7.10156 9.02107 7.26563 9.02107 7.36406 9.11951L8.83789 10.5933L12.6277 6.80076C12.7289 6.70232 12.8902 6.70232 12.9914 6.80076L14.025 7.83435C14.1262 7.93552 14.1262 8.09685 14.025 8.19529L9.01289 13.2019C8.91445 13.3031 8.75313 13.3031 8.65195 13.2019Z\" fill=\"#17B26A\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_6001_40\">\n<rect width=\"14\" height=\"14\" fill=\"white\" transform=\"translate(3 3)\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n            <\/span>\n            <p class=\"text-tc_base\" x-text=\"successMessage\"><\/p>\n        <\/div>\n    <\/template>\n\n    \n    <form\n        x-show=\"!submitted\"\n        action=\"https:\/\/trippack.ontripcart.com\/page-form\"\n        class=\"custom_form\"\n        method=\"POST\"\n        id=\"CustomForm1834\"\n        @submit.prevent=\"submitForm\"\n    >\n    <input type=\"hidden\" name=\"_token\" value=\"iOJBqoVSGgw22xvJJeNfbYvyNC333Mjd5D59jj6x\" autocomplete=\"off\">    <input\n        type=\"hidden\"\n        name=\"custom_form_id\"\n        value=\"1834\"\n    \/>\n    <div class=\"flex gap-4\">\n        <div class=\"flex-1 p-4 md:p-8 bg-base-10 rounded-lg border border-base-30 space-y-4 md:space-y-6\">\n                            <div>\n                    <div class=\"\">\n                        <label class=\"text-tc_xs font-semibold text-base-100\">\n                            Name\n                        <\/label>\n                                                    <span class=\"text-alert-red ml-0.5 text-tc_xs\">*<\/span>\n                                            <\/div>\n                                            <input\n                            type=\"text\"\n                            value=\"\"\n                            placeholder=\"Full Name\"\n                            class=\"w-full mt-2 rounded shadow-1 h-11 border border-base-30 text-base-100 placeholder-base-40 text-tc_xs py-2.5 px-4\"\n                            name=\"name\"\n                             required                         \/>\n                    \n                    \n                    \n                    \n                    \n                    \n                                    <\/div>\n                            <div>\n                    <div class=\"\">\n                        <label class=\"text-tc_xs font-semibold text-base-100\">\n                            Email\n                        <\/label>\n                                                    <span class=\"text-alert-red ml-0.5 text-tc_xs\">*<\/span>\n                                            <\/div>\n                                            <input\n                            type=\"email\"\n                            value=\"\"\n                            placeholder=\"\"\n                            class=\"w-full mt-2 rounded shadow-1 h-11 border border-base-30 text-base-100 placeholder-base-40 text-tc_xs py-2.5 px-4\"\n                            name=\"email\"\n                             required                         \/>\n                    \n                    \n                    \n                    \n                    \n                    \n                                    <\/div>\n                            <div>\n                    <div class=\"\">\n                        <label class=\"text-tc_xs font-semibold text-base-100\">\n                            Phone Number\n                        <\/label>\n                                                    <span class=\"text-alert-red ml-0.5 text-tc_xs\">*<\/span>\n                                            <\/div>\n                                            <input\n                            type=\"text\"\n                            value=\"\"\n                            placeholder=\"(County Code)365-356-3402\"\n                            class=\"w-full mt-2 rounded shadow-1 h-11 border border-base-30 text-base-100 placeholder-base-40 text-tc_xs py-2.5 px-4\"\n                            name=\"phone-number\"\n                             required                         \/>\n                    \n                    \n                    \n                    \n                    \n                    \n                                    <\/div>\n                            <div>\n                    <div class=\"\">\n                        <label class=\"text-tc_xs font-semibold text-base-100\">\n                            Category\n                        <\/label>\n                                                    <span class=\"text-alert-red ml-0.5 text-tc_xs\">*<\/span>\n                                            <\/div>\n                    \n                    \n                    \n                    \n                                            <select\n                            class=\"sass-ui mt-2 text-tc_xs border text-base-100 border-base-30 pl-4 py-[10px] pr-8 w-full rounded\"\n                            name=\"category\"\n                             required                         >\n                            <option value=\"\">Please choose an option<\/option>\n                                                            <option\n                                    value=\"Tours Booking\"\n                                    \n                                >\n                                    Tours Booking\n                                <\/option>\n                                                            <option\n                                    value=\"Flights Booking\"\n                                    \n                                >\n                                    Flights Booking\n                                <\/option>\n                                                            <option\n                                    value=\"Hotels Booking\"\n                                    \n                                >\n                                    Hotels Booking\n                                <\/option>\n                                                            <option\n                                    value=\"Activity Boooking\"\n                                    \n                                >\n                                    Activity Boooking\n                                <\/option>\n                                                            <option\n                                    value=\"Visa Assistance\"\n                                    \n                                >\n                                    Visa Assistance\n                                <\/option>\n                                                            <option\n                                    value=\"Travel Insurance\"\n                                    \n                                >\n                                    Travel Insurance\n                                <\/option>\n                                                            <option\n                                    value=\"Other(Please Specify)\"\n                                    \n                                >\n                                    Other(Please Specify)\n                                <\/option>\n                                                    <\/select>\n                    \n                    \n                                    <\/div>\n                            <div>\n                    <div class=\"\">\n                        <label class=\"text-tc_xs font-semibold text-base-100\">\n                            No. of Adult\n                        <\/label>\n                                                    <span class=\"text-alert-red ml-0.5 text-tc_xs\">*<\/span>\n                                            <\/div>\n                                            <input\n                            type=\"number\"\n                            value=\"\"\n                            placeholder=\"\"\n                            class=\"w-full mt-2 rounded shadow-1 h-11 border border-base-30 text-base-100 placeholder-base-40 text-tc_xs py-2.5 px-4\"\n                            name=\"no-of-adult\"\n                             required                         \/>\n                    \n                    \n                    \n                    \n                    \n                    \n                                    <\/div>\n                            <div>\n                    <div class=\"\">\n                        <label class=\"text-tc_xs font-semibold text-base-100\">\n                            No. of Child\n                        <\/label>\n                                            <\/div>\n                                            <input\n                            type=\"number\"\n                            value=\"\"\n                            placeholder=\"\"\n                            class=\"w-full mt-2 rounded shadow-1 h-11 border border-base-30 text-base-100 placeholder-base-40 text-tc_xs py-2.5 px-4\"\n                            name=\"no-of-child\"\n                                                    \/>\n                    \n                    \n                    \n                    \n                    \n                    \n                                    <\/div>\n                            <div>\n                    <div class=\"\">\n                        <label class=\"text-tc_xs font-semibold text-base-100\">\n                            Subject\n                        <\/label>\n                                                    <span class=\"text-alert-red ml-0.5 text-tc_xs\">*<\/span>\n                                            <\/div>\n                                            <input\n                            type=\"text\"\n                            value=\"\"\n                            placeholder=\"\"\n                            class=\"w-full mt-2 rounded shadow-1 h-11 border border-base-30 text-base-100 placeholder-base-40 text-tc_xs py-2.5 px-4\"\n                            name=\"subject\"\n                             required                         \/>\n                    \n                    \n                    \n                    \n                    \n                    \n                                    <\/div>\n                            <div>\n                    <div class=\"\">\n                        <label class=\"text-tc_xs font-semibold text-base-100\">\n                            Message\n                        <\/label>\n                                                    <span class=\"text-alert-red ml-0.5 text-tc_xs\">*<\/span>\n                                            <\/div>\n                    \n                                            <textarea\n                            class=\"w-full mt-2 border text-tc_xs placeholder:text-base-40 border-base-30 rounded small-scroll shadow-1 py-2.5 px-4 resize-none min-h-[80px]\"\n                            placeholder=\"\"\n                            name=\"message\"\n                             required                         ><\/textarea>\n                    \n                    \n                    \n                    \n                    \n                                    <\/div>\n            \n                            \n                                    <div\n                        class=\"g-recaptcha overflow-auto\"\n                        data-size=\"inline\"\n                        data-sitekey=\"6LfKEcQrAAAAABaKgkWpwkHIji53paj_HOqrAiqS\"\n                        data-form-id=\"recaptchaCustomForm1834\"\n                    ><\/div>\n                \n                \n                <div x-show=\"errorMessage\" x-cloak class=\"text-alert-red text-tc_xs mt-2\" x-text=\"errorMessage\"><\/div>\n\n                \n                <button\n                    type=\"submit\"\n                    class=\"py-3 px-6 tour-btn inline-flex items-center gap-3 text-center leading-4 group rounded-lg border-2 font-medium transition-all text-tc_sm text-[rgb(var(--white-color))] bg-[rgb(var(--primary-color-100))] border-[rgb(var(--primary-color-100))] hover:bg-[rgb(var(--white-color))] hover:text-[rgb(var(--primary-color-100))] hover:border-[rgb(var(--primary-color-100))] g-recaptcha disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none\"\n                    :disabled=\"isSubmitting\"\n                    :class=\"{ 'opacity-50 cursor-not-allowed pointer-events-none': isSubmitting }\"\n                                    >\n                    Submit\n                    <span x-show=\"isSubmitting\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\"0.25\"\/><path fill=\"currentColor\" d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\"><animateTransform attributeName=\"transform\" dur=\"0.75s\" repeatCount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\" \/><\/path><\/svg>\n                    <\/span>\n                <\/button>\n                    <\/div>\n    <\/div>\n<\/form>\n<\/div>\n\n<script>\n    \/**\n     * Custom Form Handler - Alpine.js Component\n     * Handles form submission without page reload using native fetch API\n     * Shows success message after submission until page refresh\n     *\/\n    if (typeof window.customFormHandler === 'undefined') {\n        window.customFormHandler = function(formId, actionUrl) {\n            return {\n                formId: formId,\n                actionUrl: actionUrl,\n                isSubmitting: false,\n                submitted: false,\n                successMessage: '',\n                errorMessage: '',\n\n                \/**\n                 * Submit form via fetch API\n                 * On success: hides form and shows success message\n                 * On error: shows error message and resets reCAPTCHA if available\n                 *\/\n                async submitForm() {\n                    \/\/ Prevent double submission\n                    if (this.isSubmitting) return;\n\n                    this.isSubmitting = true;\n                    this.errorMessage = '';\n\n                    const form = document.getElementById(this.formId);\n                    if (!form) {\n                        this.isSubmitting = false;\n                        return;\n                    }\n\n                    const formData = new FormData(form);\n                    const self = this;\n\n                    \/\/ Get reCAPTCHA token for explicitly rendered widgets (v2-checkbox)\n                    const recaptchaToken = this.getRecaptchaToken(form);\n                    if (recaptchaToken) {\n                        formData.set('g-recaptcha-response', recaptchaToken);\n                    }\n\n                    try {\n                        const response = await fetch(this.actionUrl, {\n                            method: 'POST',\n                            body: formData,\n                            headers: {\n                                'X-Requested-With': 'XMLHttpRequest',\n                                'Accept': 'application\/json'\n                            }\n                        });\n\n                        const data = await response.json();\n\n                        if (response.ok && data.status) {\n                            \/\/ Check if redirect is required\n                            form.reset();\n                            if (data.submission_action === 'redirect' && data.redirect_url) {\n                                \/\/ Redirect to the provided URL\n                                window.location.href = data.redirect_url;\n                            } else {\n                                \/\/ Default behavior - show message and hide form\n                                self.successMessage = data.message;\n                                self.submitted = true;\n                            }\n                        } else {\n                            \/\/ Error - show validation errors or message\n                            self.handleErrors(data);\n                            self.safeResetRecaptcha();\n                        }\n                    } catch (error) {\n                        console.error('Form submission error:', error);\n                        self.errorMessage = 'Something went wrong. Please try again.';\n                        self.safeResetRecaptcha();\n                    } finally {\n                        \/\/ Always re-enable the button after submission completes\n                        self.isSubmitting = false;\n                    }\n                },\n\n                \/**\n                 * Get reCAPTCHA token from explicitly rendered widget\n                 *\/\n                getRecaptchaToken: function(form) {\n                    if (typeof grecaptcha === 'undefined') return null;\n\n                    try {\n                        const recaptchaWidget = form.querySelector('.g-recaptcha[data-sitekey]');\n                        if (!recaptchaWidget) return null;\n\n                        \/\/ Check if widget was explicitly rendered (has data-widget-id)\n                        const widgetId = recaptchaWidget.getAttribute('data-widget-id');\n                        if (widgetId !== null) {\n                            return grecaptcha.getResponse(parseInt(widgetId, 10));\n                        }\n\n                        \/\/ For auto-rendered widgets, try getting response without widget ID\n                        if (recaptchaWidget.querySelector('iframe') || recaptchaWidget.getAttribute('data-rendered')) {\n                            return grecaptcha.getResponse();\n                        }\n                    } catch (e) {\n                        console.debug('Could not get reCAPTCHA token:', e.message);\n                    }\n\n                    return null;\n                },\n\n                \/**\n                 * Handle error response from server\n                 *\/\n                handleErrors: function(data) {\n                    if (data && data.errors && typeof data.errors === 'object') {\n                        const keys = Object.keys(data.errors);\n                        if (keys.length > 0) {\n                            const firstError = data.errors[keys[0]];\n                            if (Array.isArray(firstError)) {\n                                this.errorMessage = firstError[0];\n                            } else {\n                                this.errorMessage = String(firstError);\n                            }\n                            return;\n                        }\n                    }\n                    this.errorMessage = (data && data.message) ? data.message : 'Something went wrong. Please try again.';\n                },\n\n                \/**\n                 * Safely reset reCAPTCHA widget if it exists\n                 *\/\n                safeResetRecaptcha: function() {\n                    if (typeof grecaptcha === 'undefined') return;\n\n                    try {\n                        const form = document.getElementById(this.formId);\n                        if (!form) return;\n\n                        const recaptchaWidget = form.querySelector('.g-recaptcha[data-sitekey]');\n                        if (!recaptchaWidget) return;\n\n                        \/\/ Check if widget was explicitly rendered (has data-widget-id)\n                        const widgetId = recaptchaWidget.getAttribute('data-widget-id');\n                        if (widgetId !== null) {\n                            grecaptcha.reset(parseInt(widgetId, 10));\n                        } else if (recaptchaWidget.querySelector('iframe') || recaptchaWidget.getAttribute('data-rendered')) {\n                            grecaptcha.reset();\n                        }\n                    } catch (e) {\n                        \/\/ Silently ignore\n                    }\n                },\n\n                \/**\n                 * Submit form with reCAPTCHA token (for v3 and v2-invisible)\n                 *\/\n                submitWithToken: function(token) {\n                    const form = document.getElementById(this.formId);\n                    if (!form) return;\n\n                    let tokenInput = form.querySelector('input[name=\"g-recaptcha-response\"]');\n                    if (!tokenInput) {\n                        tokenInput = document.createElement('input');\n                        tokenInput.type = 'hidden';\n                        tokenInput.name = 'g-recaptcha-response';\n                        form.appendChild(tokenInput);\n                    }\n                    tokenInput.value = token;\n                    this.submitForm();\n                }\n            };\n        };\n    }\n\n    \/\/ Global callback for reCAPTCHA v3\/v2-invisible\n    window['onSubmitCustomForm1834'] = function(token) {\n        const formEl = document.getElementById('CustomForm1834');\n        if (!formEl) return;\n        const wrapper = formEl.closest('.custom-form-wrapper');\n        if (wrapper && wrapper._x_dataStack && wrapper._x_dataStack[0]) {\n            wrapper._x_dataStack[0].submitWithToken(token);\n        }\n    };\n<\/script>\n"}},{"id":"GP42OhnD1J","type":"paragraph","data":{"text":"By submitting this form, you consent to Trippack Tours and Travels collecting and storing your information to respond to your inquiry. We respect your privacy and will never share your details, and only use your personal information to help you find your next vacation. Check our&nbsp;<a href=\"https:\/\/trippack.ontripcart.com\/privacy-policy\/\">Privacy Policy<\/a>&nbsp;on this site to help you understand more about managing personal information.&nbsp;&nbsp;"}},{"id":"i_3lLLVDh8","type":"paragraph","data":{"text":"<b>Trippack Customer Support:<\/b>"}},{"id":"4pnGRbfSfR","type":"paragraph","data":{"text":"\ud83d\udce9 <b>Email: info@trippack.ca<\/b>"}},{"id":"XnILUoxBOj","type":"paragraph","data":{"text":"\ud83d\udcde<b>&nbsp;Toll-free: +1-833-289-3402<\/b>"}},{"id":"WV_1TJ1XfL","type":"paragraph","data":{"text":"\ud83d\udcde<b> Hotline: +1-365-356-3402<\/b>"}},{"id":"aNdj9TNAUp","type":"paragraph","data":{"text":"\ud83d\udd17 <b>Live Chat: +1-289-242-3402<\/b>&nbsp;&nbsp;"}},{"id":"iy-oVbRbEB","type":"RawTool","data":{"html":"\n<div class=\"trp-review-widget\"\n     data-tour=\"Timeless Rajasthan: Journey Across Royal Landscapes\"\n     data-web3forms-key=\"4232e203-0bc4-4566-b3e4-69b7f2a882f2\">\n  <div class=\"trp-rw-card trp-rw-header\">\n    <h3 class=\"trp-rw-title\">Guest Reviews<\/h3>\n    <div class=\"trp-rw-summary\">\n      <div class=\"trp-rw-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <div class=\"trp-rw-avgcount\">\n        <span class=\"trp-rw-avg\">0.0<\/span> \/ 5 \u00b7 <span class=\"trp-rw-count\">0<\/span> reviews\n      <\/div>\n    <\/div>\n  <\/div>\n\n  \n  <div class=\"trp-rw-card trp-rw-list\">\n    <div class=\"trp-rw-item\" data-rating=\"5\">\n      <div class=\"trp-rw-meta\">\n        <div class=\"trp-rw-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"trp-rw-verified\">Verified \u2713<\/div>\n      <\/div>\n      <p class=\"trp-rw-text\">\n        Trippack exceeded our expectations! Flawless planning, great value, and memorable experiences from start to finish. Highly recommended for couples and friends!\n      <\/p>\n      <div class=\"trp-rw-author\">\u2014 Priya & Rohan<\/div>\n    <\/div>\n\n    <div class=\"trp-rw-item\" data-rating=\"5\">\n      <div class=\"trp-rw-meta\">\n        <div class=\"trp-rw-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"trp-rw-verified\">Verified \u2713<\/div>\n      <\/div>\n      <p class=\"trp-rw-text\">\n        Seamless booking and amazing support. The day-by-day plan fit our pace perfectly, and the local tips made it feel VIP. We\u2019ll book again for sure!\n      <\/p>\n      <div class=\"trp-rw-author\">\u2014 Jason M.<\/div>\n    <\/div>\n\n    <div class=\"trp-rw-item\" data-rating=\"4\">\n      <div class=\"trp-rw-meta\">\n        <div class=\"trp-rw-rating\">\u2605\u2605\u2605\u2605\u2606<\/div>\n        <div class=\"trp-rw-verified\">Verified \u2713<\/div>\n      <\/div>\n      <p class=\"trp-rw-text\">\n        Loved the hotels and activities balance. Super easy, zero stress. Thanks Trippack for an unforgettable tour with great nightlife and chill time!\n      <\/p>\n      <div class=\"trp-rw-author\">\u2014 Ayesha K.<\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"trp-rw-toggle\" type=\"button\">Show All Reviews<\/button>\n\n  \n  <div class=\"trp-rw-card trp-rw-form\">\n    <h4 class=\"trp-rw-subtitle\">Write a Review<\/h4>\n    <form class=\"trp-rw-form-el\" novalidate>\n      <div class=\"trp-rw-field\">\n        <label>Name<\/label>\n        <input type=\"text\" name=\"name\" required placeholder=\"Your Name\" \/>\n      <\/div>\n      <div class=\"trp-rw-field\">\n        <label>Email (kept private)<\/label>\n        <input type=\"email\" name=\"email\" required placeholder=\"you@example.com\" \/>\n      <\/div>\n      <div class=\"trp-rw-field\">\n        <label>Your Rating<\/label>\n        <div class=\"trp-rw-stars-input\" role=\"radiogroup\" aria-label=\"Choose a star rating\">\n          <button type=\"button\" data-value=\"1\" aria-label=\"1 star\">\u2605<\/button>\n          <button type=\"button\" data-value=\"2\" aria-label=\"2 stars\">\u2605<\/button>\n          <button type=\"button\" data-value=\"3\" aria-label=\"3 stars\">\u2605<\/button>\n          <button type=\"button\" data-value=\"4\" aria-label=\"4 stars\">\u2605<\/button>\n          <button type=\"button\" data-value=\"5\" aria-label=\"5 stars\" class=\"selected\">\u2605<\/button>\n        <\/div>\n        <input type=\"hidden\" name=\"rating\" value=\"5\" \/>\n      <\/div>\n      <div class=\"trp-rw-field\">\n        <label>Your Review<\/label>\n        <textarea name=\"message\" rows=\"4\" required placeholder=\"Share a few details about your experience...\"><\/textarea>\n      <\/div>\n      <label class=\"trp-rw-privacy\">\n        <input type=\"checkbox\" required \/>\n        I agree to the <a href=\"https:\/\/trippack.ca\/privacy-policy\" target=\"_blank\">Privacy Policy<\/a>.\n      <\/label>\n\n      <button type=\"submit\" class=\"trp-rw-submit\">Submit Review<\/button>\n      <div class=\"trp-rw-success\" aria-live=\"polite\">\ud83c\udf89 Thank you! Your review has been added.<\/div>\n      <div class=\"trp-rw-error\" aria-live=\"polite\">\u26a0\ufe0f Submission failed. Please try again.<\/div>\n    <\/form>\n  <\/div>\n<\/div>\n\n<style>\n  .trp-review-widget { max-width:800px; margin:32px auto; font-family: ADLam Display, sans-serif; }\n  .trp-rw-card { background:#fff; border-radius:12px; padding:20px; margin-bottom:16px; box-shadow:0 4px 12px rgba(0,0,0,0.08); }\n  .trp-rw-title { margin:0; font-size:1.6rem; color:#333; }\n  .trp-rw-subtitle { margin:0 0 12px; font-size:1.2rem; color:#333; }\n\n  .trp-rw-summary { display:flex; align-items:center; gap:12px; }\n  .trp-rw-stars { color:#FFD700; font-size:1.2rem; letter-spacing:1px; }\n  .trp-rw-avgcount { color:#555; font-size:0.95rem; }\n\n  .trp-rw-item { border-bottom:1px solid #eee; padding:12px 0; }\n  .trp-rw-item:last-child { border-bottom:none; }\n  .trp-rw-meta { display:flex; align-items:center; gap:8px; margin-bottom:8px; }\n  .trp-rw-rating { color:#FFD700; }\n  .trp-rw-verified { background:#5AA8D6; color:#fff; font-size:12px; padding:2px 8px; border-radius:12px; }\n  .trp-rw-text { color:#555; font-size:14px; line-height:1.5; display:inline; }\n  .trp-rw-author { color:#333; font-size:14px; margin-top:6px; }\n\n  .trp-rw-readmore { color:#FF914D; text-decoration:underline; cursor:pointer; font-size:14px; margin-left:6px; }\n\n  .trp-rw-toggle {\n    display:block; width:100%; padding:12px; border:none; border-radius:6px; cursor:pointer;\n    background:#5AA8D6; color:#fff; font-size:1rem;\n  }\n  .trp-rw-toggle:hover { background:#FF914D; }\n\n  .trp-rw-form-el { display:block; }\n  .trp-rw-field { margin-bottom:12px; }\n  .trp-rw-field label { display:block; font-size:0.95rem; color:#333; margin-bottom:6px; }\n  .trp-rw-field input[type=\"text\"],\n  .trp-rw-field input[type=\"email\"],\n  .trp-rw-field textarea {\n    width:100%; padding:10px; border:1px solid #ccc; border-radius:6px; font-size:1rem; font-family:inherit;\n  }\n  .trp-rw-stars-input { display:inline-flex; gap:6px; }\n  .trp-rw-stars-input button { appearance:none; border:none; background:transparent; font-size:22px; line-height:1; color:#ccc; cursor:pointer; }\n  .trp-rw-stars-input button.selected { color:#FFD700; }\n\n  .trp-rw-privacy { display:block; font-size:0.9rem; color:#555; margin:8px 0 12px; }\n  .trp-rw-privacy a { color:#5AA8D6; text-decoration:underline; }\n\n  .trp-rw-submit { width:100%; padding:12px; border:none; border-radius:6px; cursor:pointer; background:#5AA8D6; color:#fff; font-size:1rem; }\n  .trp-rw-submit:hover { background:#FF914D; }\n\n  .trp-rw-success, .trp-rw-error { display:none; margin-top:10px; text-align:center; font-size:0.95rem; }\n  .trp-rw-success { color:green; }\n  .trp-rw-error { color:#c0392b; }\n<\/style>\n\n<script>\n(function(){\n  \/\/ Support multiple widgets if a page ever has more than one\n  document.querySelectorAll('.trp-review-widget').forEach(function(widget){\n    const list      = widget.querySelector('.trp-rw-list');\n    const avgEl     = widget.querySelector('.trp-rw-avg');\n    const cntEl     = widget.querySelector('.trp-rw-count');\n    const toggleBtn = widget.querySelector('.trp-rw-toggle');\n    const form      = widget.querySelector('.trp-rw-form-el');\n    const successEl = widget.querySelector('.trp-rw-success');\n    const errorEl   = widget.querySelector('.trp-rw-error');\n\n    const tourName  = widget.getAttribute('data-tour') || document.title || 'Tour';\n    const web3Key   = (widget.getAttribute('data-web3forms-key') || '').trim();\n\n    \/\/ CONFIG\n    const SHOW_COUNT = 3;\n    const MAX_WORDS  = 30;\n\n    function escapeHtml(s){ return (s||'').replace(\/[&<>\"']\/g, c=>({ '&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;' }[c])); }\n    function makeStars(n){ const r=Math.max(1,Math.min(5,parseInt(n||'5',10))); return '\u2605'.repeat(r)+'\u2606'.repeat(5-r); }\n\n    \/\/ Truncate + Read More\n    function setupTruncation(item){\n      const p = item.querySelector('.trp-rw-text');\n      if (!p) return;\n      const full = (p.textContent || '').trim();\n      const words = full.split(\/\\s+\/);\n      if (words.length > MAX_WORDS) {\n        const truncated = words.slice(0, MAX_WORDS).join(' ') + '\u2026';\n        p.textContent = truncated;\n\n        const link = document.createElement('a');\n        link.href = '#'; link.className = 'trp-rw-readmore'; link.textContent = 'Read More';\n        link.addEventListener('click', function(e){\n          e.preventDefault();\n          const expanded = link.textContent !== 'Read More';\n          if (expanded) { p.textContent = truncated; link.textContent = 'Read More'; }\n          else { p.textContent = full; link.textContent = 'Show Less'; }\n        });\n        p.insertAdjacentElement('afterend', link);\n      }\n    }\n\n    Array.from(list.querySelectorAll('.trp-rw-item')).forEach(setupTruncation);\n\n    \/\/ Avg + count\n    function recalcSummary(){\n      const all = Array.from(list.querySelectorAll('.trp-rw-item'));\n      if (!all.length){ avgEl.textContent='0.0'; cntEl.textContent='0'; return; }\n      const sum = all.reduce((a,el)=> a + (parseInt(el.getAttribute('data-rating'),10) || 0), 0);\n      avgEl.textContent = (sum \/ all.length).toFixed(1);\n      cntEl.textContent = String(all.length);\n    }\n    recalcSummary();\n\n    \/\/ Show 3 initially\n    function applyVisibility(showAll){\n      const items = Array.from(list.querySelectorAll('.trp-rw-item'));\n      items.forEach((el, i) => { el.style.display = (!showAll && i >= SHOW_COUNT) ? 'none' : ''; });\n      toggleBtn.style.display = (items.length > SHOW_COUNT) ? 'block' : 'none';\n      toggleBtn.textContent = showAll ? 'Show Fewer' : 'Show All Reviews';\n    }\n    let expanded = false;\n    applyVisibility(expanded);\n    toggleBtn.addEventListener('click', function(){ expanded=!expanded; applyVisibility(expanded); });\n\n    \/\/ Star picker in form\n    const starsInput  = form.querySelector('.trp-rw-stars-input');\n    const ratingField = form.querySelector('input[name=\"rating\"]');\n    starsInput.querySelectorAll('button').forEach(btn=>{\n      btn.addEventListener('click', ()=>{\n        const val = btn.getAttribute('data-value');\n        ratingField.value = val;\n        starsInput.querySelectorAll('button').forEach(b=>b.classList.remove('selected'));\n        starsInput.querySelectorAll('button').forEach(b=>{\n          if (+b.getAttribute('data-value') <= +val) b.classList.add('selected');\n        });\n      });\n    });\n\n    \/\/ Build DOM review\n    function buildItem({name, rating, message}){\n      const item = document.createElement('div');\n      item.className = 'trp-rw-item';\n      item.setAttribute('data-rating', String(rating));\n      item.innerHTML = `\n        <div class=\"trp-rw-meta\">\n          <div class=\"trp-rw-rating\">${makeStars(rating)}<\/div>\n          <div class=\"trp-rw-verified\">Verified \u2713<\/div>\n        <\/div>\n        <p class=\"trp-rw-text\"><\/p>\n        <div class=\"trp-rw-author\">\u2014 ${escapeHtml(name || 'Guest')}<\/div>\n      `;\n      const p = item.querySelector('.trp-rw-text');\n      p.textContent = (message || '').trim();\n      setupTruncation(item);\n      return item;\n    }\n\n    \/\/ Submit: add to page + email notify with visible diagnostics\n    form.addEventListener('submit', async function(e){\n      e.preventDefault();\n      successEl.style.display='none'; errorEl.style.display='none';\n\n      const consent = form.querySelector('.trp-rw-privacy input[type=\"checkbox\"]');\n      if (!consent.checked) { alert('Please agree to the Privacy Policy.'); return; }\n\n      const name    = form.name.value.trim();\n      const email   = form.email.value.trim();\n      const rating  = Math.max(1, Math.min(5, parseInt(form.rating.value || '5', 10)));\n      const message = form.message.value.trim();\n      if (!name || !email || !message) { errorEl.style.display='block'; return; }\n\n      try {\n        \/\/ Add to DOM instantly (not persistent)\n        list.insertBefore(buildItem({name, rating, message}), list.firstChild);\n        recalcSummary();\n\n        \/\/ Reset form + UI\n        form.reset();\n        ratingField.value = '5';\n        starsInput.querySelectorAll('button').forEach(b=>b.classList.remove('selected'));\n        starsInput.querySelector('button[data-value=\"5\"]').classList.add('selected');\n        successEl.style.display='block';\n\n        \/\/ Email notification via Web3Forms (logs success\/errors)\n        if (web3Key) {\n          const fd = new FormData();\n          fd.append('access_key', web3Key);\n          fd.append('from_name', 'Trippack Tours and Travels');\n          fd.append('subject', `New Review \u2014 ${tourName}`);\n          fd.append('to', 'info@trippack.ca');   \/\/ ensure recipient (or configure in dashboard)\n          fd.append('replyto', email);\n          fd.append('tour', tourName);\n          fd.append('name', name);\n          fd.append('email', email);\n          fd.append('rating', String(rating));\n          fd.append('message', message);\n          fd.append('page_url', location.href);\n\n          try {\n            const res = await fetch('https:\/\/api.web3forms.com\/submit', {\n              method: 'POST',\n              body: fd,\n              headers: { 'Accept': 'application\/json' }\n            });\n            const out = await res.json().catch(()=> ({}));\n            console.log('[Web3Forms Review Email]', out);\n            if (!res.ok || !out.success) {\n              console.warn('Web3Forms email not sent:', out);\n              successEl.insertAdjacentHTML('beforeend',\n                `<div style=\"color:#c0392b;margin-top:6px;font-size:.9rem\">\n                  (Email failed: ${out.message || 'check Allowed Domains \/ access key'})\n                 <\/div>`);\n            }\n          } catch (err) {\n            console.warn('Web3Forms network error:', err);\n            successEl.insertAdjacentHTML('beforeend',\n              `<div style=\"color:#c0392b;margin-top:6px;font-size:.9rem\">\n                (Network error sending email)\n               <\/div>`);\n          }\n        } else {\n          console.warn('No data-web3forms-key on this widget; skipping email send.');\n        }\n      } catch (err) {\n        errorEl.style.display='block';\n      }\n    });\n  });\n})();\n<\/script>\n"}}],"version":"2.31.0-rc.7"}

We use cookies to ensure that we give you the best experience on our website. Cookie Policy