{"version":3,"file":"static/chunks/pages/ambassador-119917a3e2d9e819.js","mappings":"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","sources":["webpack://_N_E/?e36f","webpack://_N_E/./components/Ambassador/steps.tsx","webpack://_N_E/./components/Ambassador/travelImages.tsx","webpack://_N_E/./components/Ambassador/keyBenefits.tsx","webpack://_N_E/./pages/ambassador/index.tsx","webpack://_N_E/./node_modules/swiper/swiper.min.css","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/ambassador\",\n      function () {\n        return require(\"private-next-pages/ambassador/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/ambassador\"])\n      });\n    }\n  ","const Steps = () => {\n  const steps = [\n    {\n      number: '1',\n      title: 'APPLY',\n      description:\n        'Click \"Apply Now!\" and complete a short form with your personal details and social media profiles.'\n    },\n    {\n      number: '2',\n      title: 'ONBOARD',\n      description:\n        \"Once accepted, you'll receive a Partnership Kit with content guidelines and an exclusive discount code to book your free tour.\"\n    },\n    {\n      number: '3',\n      title: 'EXPLORE',\n      description:\n        'Experience an all-expenses-paid tour with a friend! Capture and share your adventure through engaging video content with your followers.'\n    }\n  ];\n\n  return (\n    <>\n      <div className=\"flex justify-center items-center px-4 mt-12 sm:mt-0\">\n        <h1 className=\"text-primary font-bold text-[20px] md:text-[24px] lg:text-[40px] text-center\">\n          How Does It Work?\n        </h1>\n      </div>\n      <div className=\"px-4 py-12 max-w-7xl mx-auto\">\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n          {steps.map(step => (\n            <div key={step.number} className=\"relative flex justify-center\">\n              <div className=\"absolute -top-4 left-1/2 -translate-x-1/2 w-12 h-12 flex items-center justify-center bg-[#FF3B4E] text-white rounded-full font-bold text-xl z-10\">\n                {step.number}\n              </div>\n              <div className=\"border-2 border-[#1E2959] rounded-3xl p-6 pt-8 h-auto min-h-[200px] md:h-[267px] lg:h-[307px] w-full md:w-[325px]\">\n                <h2 className=\"text-primary font-bold md:text-[20px] sm:text-[32px] lg:text-[35px] lg:mb-4 text-center mt-2\">\n                  {step.title}\n                </h2>\n                <p className=\"text-primary text-[14px] lg:text-[17px] leading-relaxed font-normal text-justify mt-3\">\n                  {step.description}\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default Steps;\n","import React from 'react';\nimport Image from 'next/image';\n\ninterface TravelImage {\n  Image: { url: string }[];\n}\ninterface TravelImagesProps {\n  travelImages: TravelImage[];\n}\n\nconst TravelImages: React.FC<TravelImagesProps> = ({ travelImages }) => {\n  const [imagesLoaded, setImagesLoaded] = React.useState({\n    tour1: false,\n    tour2: false,\n    tour3: false\n  });\n\n  const handleImageLoad = (id: string) => {\n    setImagesLoaded(prev => ({\n      ...prev,\n      [id]: true\n    }));\n  };\n\n  return (\n    <div className=\"relative w-full max-w-6xl mx-auto px-4 py-8 mt-10\">\n      <div className=\"flex justify-center items-center\">\n        <div className=\"relative flex justify-center items-center\">\n          <div\n            className=\"relative z-20 transform -rotate-6 transition-all duration-300\n                         w-[110px] xs:w-[160px] sm:w-[180px] md:w-[220px] lg:w-[310px]\n                         h-[140px] xs:h-[210px] sm:h-[240px] md:h-[300px] lg:h-[380px]\n                         -mr-8 xs:-mr-10 sm:-mr-16 md:-mr-[1rem] lg:-mr-[1rem]\n                         -top-8 lg:-top-24\"\n          >\n            <div className=\"relative w-full h-full\">\n              <Image\n                src={travelImages[0]?.Image[0]?.url}\n                alt=\"Tour Image 1\"\n                className=\"rounded-lg shadow-lg object-cover w-full h-full\"\n                width={350}\n                height={350}\n                onLoad={() => handleImageLoad('tour1')}\n                loading=\"lazy\"\n                placeholder=\"blur\"\n                blurDataURL=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPg==\"\n              />\n              <div\n                className=\"absolute left-0 top-[30%] h-[70%] bg-red-500\n                            w-2 sm:w-3 md:w-[18px] lg:w-[22px]\"\n                style={{\n                  clipPath: 'polygon(0% 0%, 40% 0%, 80% 100%, 0% 100%)'\n                }}\n              ></div>\n\n              <div\n                className=\"absolute left-0 lg:-bottom-2 bg-red-500 rotate-0.5[deg] w-[60%]\n                            h-1 sm:h-1.5 md:h-2 lg:h-2.5\"\n                style={{\n                  clipPath: 'polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)'\n                }}\n              ></div>\n            </div>\n          </div>\n\n          <div\n            className=\"relative z-10 transform transition-all duration-300\n                         w-[110px] xs:w-[140px] sm:w-[160px] md:w-[210px] lg:w-[290px]\n                         h-[140px] xs:h-[190px] sm:h-[220px] md:h-[280px] lg:h-[350px]\n                         top-4 sm:top-6\"\n          >\n            <div className=\"relative w-full h-full\">\n              <Image\n                src={travelImages[1]?.Image[0]?.url}\n                alt=\"Tour Image 2\"\n                className=\"rounded-lg shadow-xl object-cover w-full h-full\"\n                width={450}\n                height={350}\n                onLoad={() => handleImageLoad('tour2')}\n                loading=\"lazy\"\n                placeholder=\"blur\"\n                blurDataURL=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPg==\"\n              />\n              <div\n                className=\"absolute left-[15%] lg:-bottom-3 bg-red-500 w-[80%]\n                            h-1.5 sm:h-2 md:h-3 lg:h-4\"\n                style={{\n                  clipPath: 'polygon(50% 0%, 100% 0%, 100% 100%, 0% 10%)'\n                }}\n              ></div>\n            </div>\n          </div>\n\n          <div\n            className=\"relative z-0 transform rotate-6 transition-all duration-300\n                         w-[110px] xs:w-[160px] sm:w-[180px] md:w-[220px] lg:w-[310px]\n                         h-[140px] xs:h-[210px] sm:h-[240px] md:h-[300px] lg:h-[380px]\n                         -ml-8 xs:-ml-10 sm:-ml-16 md:-ml-[2rem] lg:-ml-[2rem]\n                         -top-8 lg:-top-24\"\n          >\n            <div className=\"relative w-full h-full\">\n              <Image\n                src={travelImages[2]?.Image[0]?.url}\n                alt=\"Tour Image 3\"\n                className=\"rounded-lg shadow-lg object-cover w-full h-full\"\n                width={450}\n                height={350}\n                onLoad={() => handleImageLoad('tour3')}\n                loading=\"lazy\"\n                placeholder=\"blur\"\n                blurDataURL=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPg==\"\n              />\n              <div\n                className=\"absolute -right-1 md:-right-2 lg:-right-[10px] top-[20%] h-[70%] bg-red-500 -rotate-2\n                            w-[7px] sm:w-[7px] md:w-[13px] lg:w-4\"\n                style={{\n                  clipPath: 'polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%)'\n                }}\n              ></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default TravelImages;\n","import React, { useState } from 'react';\nimport Image from 'next/image';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport 'swiper/css';\n\ninterface Benefit {\n  id: number;\n  title: string;\n  description: string;\n  image: { url: string; alternativeText?: string }[];\n}\n\ninterface KeyBenefitsProps {\n  benefits: Benefit[];\n}\n\nconst KeyBenefits: React.FC<KeyBenefitsProps> = ({ benefits }) => {\n  const [imagesLoaded, setImagesLoaded] = useState<{ [key: string]: boolean }>(\n    {}\n  );\n\n  const handleImageLoad = (id: string) => {\n    setImagesLoaded(prev => ({\n      ...prev,\n      [id]: true\n    }));\n  };\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-8 px-4 md:px-[5%] xl:px-[15%] md:hidden lg:flex lg:flex-row lg:gap-12\">\n        {benefits.map(item => (\n          <div key={item.id} className=\"flex-1\">\n            <div className=\"relative mb-6 h-[225px] w-full overflow-hidden\">\n              <div\n                className={`bg-gray-200 w-full h-full ${\n                  imagesLoaded[`grid${item.id}`] ? 'hidden' : 'animate-pulse'\n                }`}\n              ></div>\n              <div\n                className={`${\n                  imagesLoaded[`grid${item.id}`] ? '' : 'invisible'\n                } h-full w-full`}\n              >\n                <Image\n                  alt={\n                    item.image[0]?.alternativeText ||\n                    `Ambassador Image ${item.id}`\n                  }\n                  src={item.image[0]?.url}\n                  width={378}\n                  height={225}\n                  loading=\"lazy\"\n                  className=\"object-cover w-full h-full\"\n                  onLoad={() => handleImageLoad(`grid${item.id}`)}\n                />\n              </div>\n            </div>\n            <h2 className=\"lg:text-[24px] md:text-[14px] font-bold text-primary lg:mb-4 mb-1\">\n              {item.title}\n            </h2>\n            <p\n              className=\"text-primary xl:text-[16px] md:text-[14px] text-[14px]\"\n              dangerouslySetInnerHTML={{\n                __html: item.description.replace(/\\n/g, '<br />')\n              }}\n            ></p>\n          </div>\n        ))}\n      </div>\n\n      <div className=\"hidden md:block lg:hidden px-4 md:px-[5%]\">\n        <Swiper slidesPerView={2.5} spaceBetween={20} className=\"my-8\">\n          {benefits.map(item => (\n            <SwiperSlide key={item.id}>\n              <div className=\"pr-4\">\n                <div className=\"relative mb-6 w-full h-[150px] overflow-hidden\">\n                  <div\n                    className={`bg-gray-200 w-full h-full ${\n                      imagesLoaded[`swiper${item.id}`]\n                        ? 'hidden'\n                        : 'animate-pulse'\n                    }`}\n                  ></div>\n                  <div\n                    className={`${\n                      imagesLoaded[`swiper${item.id}`] ? '' : 'invisible'\n                    } h-full w-full`}\n                  >\n                    <Image\n                      alt={\n                        item.image[0]?.alternativeText ||\n                        `Ambassador Image ${item.id}`\n                      }\n                      src={item.image[0]?.url}\n                      width={325}\n                      height={217}\n                      loading=\"lazy\"\n                      className=\"object-cover w-full h-full\"\n                      onLoad={() => handleImageLoad(`swiper${item.id}`)}\n                    />\n                  </div>\n                </div>\n                <h2 className=\"md:text-[14px] font-bold text-primary mb-1\">\n                  {item.title}\n                </h2>\n                <p className=\"text-primary text-[14px]\">{item.description}</p>\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </>\n  );\n};\n\nexport default KeyBenefits;\n","import React, { useState } from 'react';\nimport Image from 'next/image';\nimport { useRouter } from 'next/router';\nimport 'swiper/css';\nimport Ambassador_Details from '../../api/ambassador';\nimport Head from 'next/head';\nimport Steps from '../../components/Ambassador/steps';\nimport TravelImages from '../../components/Ambassador/travelImages';\nimport KeyBenefits from '../../components/Ambassador/keyBenefits';\nimport client from '../../apollo-client';\ninterface AmbassadorData {\n  ambassadorPage: {\n    banner_title: string;\n    canonical: string;\n    hero_image: {\n      alternativeText: string;\n      url: string;\n    };\n    intro_description: string;\n    intro_header: string;\n    intro_image: {\n      alternativeText: string;\n      url: string;\n    };\n    intro_subheader: string;\n    keyBenefits: Array<{\n      description: string;\n      id: string;\n      image: Array<{\n        alternativeText: string;\n        url: string;\n      }>;\n      title: string;\n    }>;\n    meta_description: string;\n    meta_title: string;\n    page_title: string;\n    program_description: string;\n    program_image: Array<{\n      alternativeText: string;\n      url: string;\n    }>;\n    program_title: string;\n    published_at: string;\n    travelImages: Array<{\n      id: string;\n      Image: Array<{\n        alternativeText: string;\n        url: string;\n      }>;\n    }>;\n  };\n}\ninterface AmbassadorPageProps {\n  data: AmbassadorData;\n}\nconst AmbassadorPage: React.FC<AmbassadorPageProps> = ({ data }) => {\n  const router = useRouter();\n  const [imagesLoaded, setImagesLoaded] = useState<Record<string, boolean>>({});\n\n  const handleImageLoad = (id: string) => {\n    setImagesLoaded(prev => ({\n      ...prev,\n      [id]: true\n    }));\n  };\n\n  return (\n    <>\n      <Head>\n        <title>{data.ambassadorPage.meta_title}</title>\n        <meta\n          name=\"description\"\n          content={data.ambassadorPage.meta_description}\n        />\n        <link rel=\"canonical\" href={data.ambassadorPage.canonical} />\n      </Head>\n      <div className=\"px-4 py-4\">\n        <div className=\"relative w-full\">\n          <div\n            className={`bg-[#EFEFEF] w-full h-[180px] lg:h-[600px] ${\n              imagesLoaded['hero'] ? 'hidden' : 'animate-pulse'\n            }`}\n          ></div>\n          <div className={imagesLoaded['hero'] ? '' : 'invisible'}>\n            <Image\n              alt=\"Ambassador Image\"\n              src={data.ambassadorPage.hero_image?.url}\n              width={1920}\n              height={1080}\n              className=\"w-full xl:h-[600px] lg:h-[380px] h-[180px] md:h-[300px] object-cover object-center\"\n              priority\n              onLoad={() => handleImageLoad('hero')}\n            />\n          </div>\n          <div className=\"absolute text-white font-bold inset-0 flex items-start pt-[18%] sm:pt-[15%] md:pt-[8%]\">\n            <div className=\"ml-[3%] md:ml-[8%] lg:ml-[12%] xl:ml-[14%] w-[90%] md:w-[60%] lg:w-[50%] xl:w-[735px]\">\n              <h1 className=\"text-[21px] md:text-[40px] xl:text-[75px] leading-5 md:leading-[40px] xl:leading-[90px] text-left\">\n                {data.ambassadorPage.banner_title}\n              </h1>\n            </div>\n          </div>\n          <div\n            className=\"absolute -bottom-[35px] sm:-bottom-[42px] md:-bottom-15 xl:-bottom-20 right-0 md:right-[2rem] xl:right-[18rem] xl:w-[108px] xl:h-[108px] w-[35px] h-[35px] sm:w-[42px] sm:h-[42px] md:w-[50px] md:h-[50px] bg-[#FF4D4D] mb-4 mr-4\"\n            style={{ clipPath: 'polygon(0% 0%, 100% 0%, 0% 100%)' }}\n          />\n        </div>\n\n        <div className=\"flex flex-col md:flex-row gap-8 px-4 md:px-[5%] xl:px-[15%] py-[4%]\">\n          <div className=\"flex-1 space-y-4 lg:space-y-6\">\n            <div className=\"flex items-start gap-2 mt-4 lg:-ml-6\">\n              <div\n                className=\"hidden lg:block xl:w-[29px] xl:h-[29px] xl:mt-2 md:mt-0 mt-[2px]\"\n                style={{\n                  width: '29px',\n                  height: '29px',\n                  backgroundColor: '#FF4D4D',\n                  clipPath: 'polygon(100% 0, 0% 100%, 100% 100%)'\n                }}\n              />\n              <h1 className=\"text-[20px] md:text-[20px] xl:text-[40px] font-bold text-primary leading-tight\">\n                {data.ambassadorPage.intro_header}\n              </h1>\n            </div>\n\n            <h2 className=\"text-[14px] md:text-[15px] xl:text-[24px] font-bold text-primary\">\n              {data.ambassadorPage.intro_subheader}\n            </h2>\n\n            <div className=\"xl:space-y-4 text-[14px] md:text-[14px] xl:text-lg text-primary\">\n              <div\n                className=\"lg:block hidden\"\n                dangerouslySetInnerHTML={{\n                  __html: data.ambassadorPage.intro_description.replace(\n                    /\\n/g,\n                    '<br />'\n                  )\n                }}\n              ></div>\n\n              <div className=\"lg:hidden block\">\n                <p>{data.ambassadorPage.intro_description}</p>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"hidden sm:hidden md:block flex-shrink-0 mt-4 mx-auto md:mx-0\">\n            <div className=\"relative\">\n              <div\n                className={`bg-gray-200 rounded-lg md:w-[311px] md:h-[418px] lg:w-[325px] lg:h-[470px] ${\n                  imagesLoaded['ambassador1'] ? 'hidden' : 'animate-pulse'\n                }`}\n              ></div>\n              <div className={imagesLoaded['ambassador1'] ? '' : 'invisible'}>\n                <Image\n                  src={data.ambassadorPage.intro_image?.url}\n                  alt=\"Person taking photo of tropical islands with phone\"\n                  className=\"rounded-lg object-cover md:w-[311px] md:h-[418px] lg:w-[325px] lg:h-[470px]\"\n                  loading=\"lazy\"\n                  width={325}\n                  height={510}\n                  onLoad={() => handleImageLoad('ambassador1')}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <KeyBenefits\n          benefits={data.ambassadorPage.keyBenefits.map(benefit => ({\n            ...benefit,\n            id: parseInt(benefit.id, 10)\n          }))}\n        />\n\n        <div className=\"flex flex-col md:flex-row px-4 md:px-[5%] xl:px-[15%] py-4 gap-12 items-center\">\n          <div className=\"flex-1 space-y-6\">\n            <div className=\"hidden md:flex items-start -ml-2\">\n              <div\n                className=\"hidden lg:block lg:-ml-6\"\n                style={{ marginTop: '8px', flexShrink: 0 }}\n              >\n                <div\n                  style={{\n                    width: '21px',\n                    height: '29px',\n                    backgroundColor: '#FF4D4D',\n                    clipPath: 'polygon(100% 0, 0% 100%, 100% 100%)'\n                  }}\n                />\n              </div>\n              <div className=\"relative pl-2\">\n                <h2 className=\"text-[20px] md:text-[24px] xl:text-[40px] lg:text-[30px] font-bold text-[#1E2875] leading-tight\">\n                  {data.ambassadorPage.program_title}\n                </h2>\n              </div>\n            </div>\n\n            <div className=\"block md:hidden relative items-center\">\n              <div className=\"flex items-center\">\n                <h2 className=\"text-[20px] md:text-[24px] xl:text-[40px] font-bold text-[#1E2875] leading-tight\">\n                  See Sight tours\n                  <span\n                    className=\"inline-block align-middle relative\"\n                    style={{\n                      width: '14px',\n                      height: '16px',\n                      backgroundColor: '#FF4D4D',\n                      clipPath: 'polygon(100% 0, 0% 100%, 100% 100%)',\n                      transform: 'rotate(-90deg)',\n                      bottom: '7px'\n                    }}\n                  />\n                </h2>\n              </div>\n              <div className=\"absolute top-full text-[#1E2875] text-[20px] md:text-[24px] lg:text-[40px] font-bold leading-tight whitespace-nowrap\">\n                Partnership Program\n              </div>\n            </div>\n\n            <div className=\"space-y-4 text-[14px] md:text-[14px] xl:text-[18px] text-[#1E2875] py-4\">\n              <p>{data.ambassadorPage.program_description}</p>\n            </div>\n\n            <button\n              onClick={() => router.push('/ambassador/BoardingForm')}\n              className=\"w-full md:w-auto bg-[#1E2875] text-white px-12 py-3 rounded font-bold text-lg hover:bg-primary transition-colors\"\n            >\n              APPLY\n            </button>\n          </div>\n\n          <div className=\"flex-1 relative\">\n            <div\n              className={`bg-gray-200 w-full h-[557px] ${\n                imagesLoaded['ambassador5'] ? 'hidden' : 'animate-pulse'\n              }`}\n            ></div>\n            <div className={imagesLoaded['ambassador5'] ? '' : 'invisible'}>\n              <Image\n                alt=\"Ambassadors Taking Selfie\"\n                src={data.ambassadorPage.program_image[0]?.url}\n                width={592}\n                height={557}\n                loading=\"lazy\"\n                className=\"w-full\"\n                onLoad={() => handleImageLoad('ambassador5')}\n              />\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex flex-col items-center justify-center lg:pb-16 px-4 mt-5\">\n          <h2 className=\"text-[22px] md:text-[24px] lg:text-4xl font-bold text-[#1E2875] mb-8 text-center\">\n            Start your next adventure with us!\n          </h2>\n          <div className=\"relative\">\n            <div\n              className={`bg-gray-200 w-[200px] h-[200px] ${\n                imagesLoaded['logo'] ? 'hidden' : 'animate-pulse'\n              }`}\n            ></div>\n            <div className={imagesLoaded['logo'] ? '' : 'invisible'}>\n              <Image\n                alt=\"SeeSight Tours Logo\"\n                src=\"/navbar-seesight-logo.png\"\n                className=\"w-full xl:max-w-[548px]\"\n                loading=\"lazy\"\n                width={200}\n                height={200}\n                onLoad={() => handleImageLoad('logo')}\n              />\n            </div>\n          </div>\n        </div>\n\n        <TravelImages travelImages={data.ambassadorPage.travelImages} />\n\n        <Steps />\n        <div className=\"flex justify-center mb-3\">\n          <button\n            onClick={() => router.push('/ambassador/BoardingForm')}\n            className=\"bg-[#1E2959] text-white px-8 md:px-14 py-4 lg:py-5 rounded-lg font-semibold text-xl hover:bg-[#161d40] transition-colors md:w-3/4 lg:w-1/3\"\n          >\n            Apply Now\n          </button>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport async function getStaticProps() {\n  const { data } = await client.query({\n    query: Ambassador_Details\n  });\n\n  return {\n    props: {\n      data\n    }\n  };\n}\n\nexport default AmbassadorPage;\n","// extracted by mini-css-extract-plugin"],"names":["window","__NEXT_P","push","__webpack_require__","steps","jsx_runtime","jsxs","Fragment","jsx","div","className","h1","number","title","description","map","step","h2","p","travelImages","param","imagesLoaded","setImagesLoaded","React","tour1","tour2","tour3","handleImageLoad","prev","id","Image","src","url","alt","width","height","onLoad","loading","placeholder","blurDataURL","style","clipPath","keyBenefits","benefits","useState","item","concat","image","alternativeText","dangerouslySetInnerHTML","__html","replace","Swiper","slidesPerView","spaceBetween","SwiperSlide","ambassador","data","router","useRouter","Head","ambassadorPage","meta_title","meta","name","content","meta_description","link","rel","href","canonical","hero_image","priority","banner_title","backgroundColor","intro_header","intro_subheader","intro_description","intro_image","KeyBenefits","benefit","parseInt","marginTop","flexShrink","program_title","span","transform","bottom","program_description","button","onClick","program_image","TravelImages","Steps"],"sourceRoot":""}