{"version":3,"file":"static/chunks/pages/careers-a125b422f9ea1c60.js","mappings":"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","sources":["webpack://_N_E/?496c","webpack://_N_E/./api/newsletterSubscriptionMutation.ts","webpack://_N_E/./utils/getUserName.js","webpack://_N_E/./layouts/Newsletter/Newsletter.tsx","webpack://_N_E/./layouts/PageHero.tsx","webpack://_N_E/./components/Careers/Positions.tsx","webpack://_N_E/./pages/careers.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/careers\",\n      function () {\n        return require(\"private-next-pages/careers.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/careers\"])\n      });\n    }\n  ","import { gql } from '@apollo/client';\n\nconst SUBSCRIBE_TO_NEWSLETTER = gql`\n  mutation SubscribeToNewsletter($status: String, $email: String) {\n    insert_boatnew_news_letter_subscribers(\n      objects: { status: $status, email: $email }\n    ) {\n      affected_rows\n    }\n  }\n`;\nexport default SUBSCRIBE_TO_NEWSLETTER;\n","export function extractUserName(email) {\n  const parts = email.split('@');\n  const username = parts[0];\n  const cleanUsername = username.replace(/[^a-zA-Z]/g, '');\n  return cleanUsername;\n}\n","import React, { useEffect, useState } from 'react';\nimport { toast } from 'react-toastify';\nimport styled from 'styled-components';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { useMutation } from '@apollo/client';\nimport SUBSCRIBE_TO_NEWSLETTER from '../../api/newsletterSubscriptionMutation';\nimport { extractUserName } from '../../utils/getUserName';\nimport { useAuthContext } from '../../utils/context/authContext';\nimport { useRouter } from 'next/router';\nimport Image from 'next/image';\nimport { SocialMediaIcons } from '../../shared-components/SocialMediaIcons';\n\nconst Newsletter = ({}) => {\n  const { user }: any = useAuthContext();\n  const [email, setEmail] = useState('');\n  const [subscribeToNewsletter] = useMutation(SUBSCRIBE_TO_NEWSLETTER);\n  useEffect(() => {\n    setEmail(user !== null && user.emailVerified ? user.email : '');\n  }, [user]);\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    const username = extractUserName(email);\n\n    event.preventDefault();\n    event.stopPropagation();\n    try {\n      const { data } = await subscribeToNewsletter({\n        variables: {\n          email: email,\n          status: 'Subscribed'\n        }\n      });\n      if (data.insert_boatnew_news_letter_subscribers.affected_rows > 0) {\n        const emailData = {\n          userName: username,\n          email: email\n        };\n        await fetch('/api/subscription_mail', {\n          method: 'POST',\n          body: JSON.stringify(emailData)\n        });\n        toast.success('Successfully subscribed to our Newsletters!');\n        setEmail('');\n      } else {\n        toast.error('Subscription failed. Please try again later.');\n        setEmail('');\n      }\n    } catch (error) {\n      if (\n        error instanceof Error &&\n        error.toString().includes('Uniqueness violation')\n      ) {\n        toast.error(\n          'This email is already subscribed. Please use a different email.'\n        );\n      } else {\n        toast.error('An error occurred. Please try again later.');\n      }\n    }\n  };\n\n  const NewsletterHeading = styled.h2`\n    font-weight: 600;\n    text-align: center;\n    color: #333333;\n  `;\n  const SeparatorLine = styled.div`\n    height: 1px;\n    background: rgba(5, 7, 60, 0.6);\n    border: 1px rgba(19, 19, 19, 0.6);\n  `;\n  const Newsletter = styled.p`\n    font-weight: 400;\n    text-align: center;\n  `;\n  const router = useRouter();\n  return (\n    <>\n      <section\n        id=\"newsletter\"\n        className={`sm:pt-16 sm:pb-32 pb-5 pt-14 flex justify-center items-center relative z-10`}\n      >\n        <div className=\"flex flex-col gap-3 sm:gap-4 w-[80%] md:w-[80%] lg:w-[80%] xl:w-[55%] 3xl:w-[45%]\">\n          {/* <div\n            className={`${\n              router.route === '/things-to-do' ? 'block' : 'hidden'\n            }`}\n          >\n            <div className=\"flex justify-center\">\n              <Image\n                src=\"/logo.svg\"\n                width={110}\n                height={110}\n                alt=\"calendar\"\n                className=\"xl:h-[110px] xl:w-[110px] md:h-[110px] md:w-[90px] h-[110px] w-[90px] \"\n              />\n            </div>\n            <div className=\"text-[20px] xsm:text-[22px] sm:text-[32px] md:text-[50px] xl:text-[70px] flex justify-center text-[#222] tracking-[10px] \">\n              COMING SOON\n            </div>\n          </div> */}\n          <div className={`flex flex-col gap-3`}>\n            <p className=\"text-center text-black13 text-opacity-60 text-base sm:text-lg font-normal leading-snug\">\n              Newsletter\n            </p>\n            <NewsletterHeading className=\"text-center text-black13 text-base sm:text-2xl font-semibold sm:leading-[40px]\">\n              Subscribe to our newsletter!\n            </NewsletterHeading>\n            <SeparatorLine className=\"mx-[1rem] sm:mx-[5rem] lg:mx-[10rem]\" />\n          </div>\n          <div className=\"flex justify-center\">\n            <Newsletter className=\"text-sm  sm:text-base md:text-lg text-black13 text-opacity-60 w-[528px]\">\n              Signup to our newsletter and we will make sure to let you know\n              whenever we have news!\n            </Newsletter>\n          </div>\n\n          <form onSubmit={handleSubmit}>\n            <div className=\"flex justify-center relative sm:mx-20 lg:mx-28 2xl:mx-[6rem] 4xl:mx-[14rem]\">\n              <input\n                className=\"rounded-full text-start pl-[5%] md:pl-[3%] text-black13 xxsm:text-[10px] mmsm:text-base msm:text-sm md:text-lg font-medium leading-[18px] p-2 w-[100%] border   border-gray-400 focus:outline-none h-[50px] sm:h-[55px] lg:h-[65px]\"\n                placeholder=\"Enter your email\"\n                name=\"email\"\n                required\n                type=\"email\"\n                onChange={e => setEmail(e.target.value)}\n                maxLength={50}\n                minLength={2}\n                value={email}\n              />\n              <button\n                className={`xxsm:text-xs mmsm:text-sm lg:text-base w-fit leading-[0.5rem] cursor-pointer absolute xxsm:top-[0.2rem] mmsm:top-[0.1rem] sm:top-[0.45rem] xxsm:right-[0.25rem] mmsm:right-0 sm:right-2   bg-primary border-[#1F2C5B] rounded-full font-medium border-2  sm:leading-none text-white  hover:bg-[#2E3D7A] active:bg-[#2E3D7A] hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0  active:shadow-lg transition duration-150 ease-in-out p-3`}\n                data-mdb-ripple=\"true\"\n                data-mdb-ripple-color=\"light\"\n              >\n                Subscribe\n              </button>\n            </div>\n          </form>\n        </div>\n      </section>\n    </>\n  );\n};\n\nexport default Newsletter;\n","import styled from 'styled-components';\nimport Image from 'next/image';\nimport { RefObject } from 'react';\n\ninterface IProps {\n  title: string;\n  snippet: string;\n  media: string;\n  altImage?: string;\n  video: boolean;\n  landing?: boolean;\n  totalReviews?: Record<string, any>;\n  rating?: number;\n  trustworthy?: boolean;\n  partner?: boolean;\n  partnerApplyRef?: RefObject<HTMLButtonElement>;\n}\ninterface StyleProps {\n  isVideo: boolean;\n}\nconst PageHeroStyle = styled.div`\n  height: 55vh;\n  position: relative;\n  overflow: hidden !important;\n\n  display: flex;\n  @media (max-width: 540px) {\n    height: 50vh;\n  }\n  .PageHero_container {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    gap: 1.5rem;\n    width: 100%;\n    z-index: 30;\n    @media (max-width: 540px) {\n      gap: 1rem;\n    }\n  }\n`;\nconst StyledImage = styled(Image)`\n  z-index: 0;\n  object-fit: cover;\n`;\nconst StyledVideo = styled.video`\n  height: 60vh;\n  max-height: 69vh;\n  object-fit: cover;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  @media (max-width: 2200px) {\n    height: 69vh;\n    max-height: 69vh;\n  }\n  @media (max-width: 540px) {\n    height: 50vh;\n  }\n  width: 100vw !important;\n  z-index: 1;\n`;\nconst PageHero = ({\n  title,\n  snippet,\n  media,\n  altImage,\n  video,\n  landing,\n  partner,\n  partnerApplyRef,\n  trustworthy\n}: IProps): JSX.Element => {\n  return (\n    <section className=\"Hero_Section  overflow-hidden\">\n      <PageHeroStyle\n        id=\"PageHero\"\n        className=\"relative bg-no-repeat bg-cover bg-center flex justify-start items-center \"\n      >\n        <div className=\"absolute w-full h-full z-30 bg-opacity-40 bg-black \" />\n\n        <div\n          className={`${\n            !video && 'absolute top-0 left-0 w-[100%] h-[inherit]  z-20'\n          }`}\n        ></div>\n        {!video && (\n          <StyledImage\n            alt={altImage ? altImage : title}\n            src={media}\n            layout=\"fill\"\n            quality={100}\n            // sizes=\"(max-width: 768px) 50vw\"\n          />\n        )}\n        {video && (\n          <>\n            <div className=\"hidden xl:flex \">\n              <StyledVideo src={media} muted loop autoPlay playsInline />\n            </div>\n\n            <StyledImage\n              alt=\"guidesImage\"\n              src=\"https://res.cloudinary.com/see-sight-tours/image/upload/w_350,q_300/v1682684366/strapi/image1_f0cf2fc9c5.webp\"\n              layout=\"fill\"\n              className=\"flex xl:hidden\"\n              priority={true}\n              quality={60}\n            />\n          </>\n        )}\n        <div className=\"PageHero_container flex flex-col \">\n          <div className=\"flex-col  text-white text-center w-full \">\n            <h1 className=\"text-3xl lg:text-4xl xl:text-5xl 2xl:text-6xl font-bold text-white  \">\n              {' '}\n              {landing && (\n                <span className=\"text-[#F15C5A] opacity-80 \">ULTRA</span>\n              )}{' '}\n              {title.indexOf('ULTRA') !== -1 ? title.split('ULTRA')[1] : title}\n            </h1>\n\n            {trustworthy && (\n              <div className=\"text-white text-center mt-6\">\n                <h3 className=\"text-sm sm:text-[22px] lg:text-[28px] font-[600]\">\n                  Personal | Authentic | Local\n                </h3>\n              </div>\n            )}\n            {snippet !== 'Size Matters' && (\n              <p className=\"w-full text-xl lg:text-2xl xl:text-3xl 2xl:text-4xl font-normal text-center text-white mt-2 md:mt-6 \">\n                {snippet}\n              </p>\n            )}\n            {partner && (\n              <div className=\"flex justify-center mt-5\">\n                <button\n                  onClick={() => {\n                    partnerApplyRef?.current?.scrollIntoView({\n                      behavior: 'smooth',\n                      block: 'center'\n                    });\n                  }}\n                  className=\"p-3 bg-[#F15C5A] text-white rounded-xl\"\n                >\n                  Let&apos;s Partner Up\n                </button>\n              </div>\n            )}\n          </div>\n        </div>\n      </PageHeroStyle>\n    </section>\n  );\n};\nexport default PageHero;\n","import Image from 'next/image';\nimport { useMediaQuery } from '../../hooks/mediaQuery';\n\ninterface IProps {\n  pk_openings: Record<string, any>;\n  non_pk_openings: Record<string, any>;\n}\nconst AvailablePositions = ({ pk_openings, non_pk_openings }: IProps) => {\n  const mediaQuery = useMediaQuery(768);\n  return (\n    <div\n      id=\"available-positions\"\n      className=\"w-[75%] max-w-[1750px] mx-auto py-10\"\n    >\n      <h2 className=\"text-start text-[#333333] text-[18px] sm:text-[26px] lg:text-[36px] font-[600]\">\n        Open Positions\n      </h2>\n      <h2 className=\"text-start text-[#333333] text-[16px] sm:text-[22px] lg:text-[28px] font-[600] mt-5\">\n        Open positions at See Sight Tours\n      </h2>\n      <div\n        id=\"openings\"\n        className=\"flex flex-col gap-10 md:gap-0 md:flex-row mt-10 md:mt-5\"\n      >\n        <div id=\"pk-openings\" className=\"flex-none md:w-[50%]\">\n          <p className=\"text-[16px] sm:text-[18px] lg:text-[24px] font-[400]\">\n            At See Sight Tours Islamabad,pk\n          </p>\n          <div className=\"flex flex-col gap-5 mt-5\">\n            {pk_openings.map((opn: Record<string, any>) => (\n              <div key={opn?.friendly_id} className=\"flex items-start\">\n                <Image\n                  src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1685537025/Remaining%20images/Careers/pepicons-pop_hand-point-open_caovqs.svg\"\n                  width={mediaQuery ? 22 : 28}\n                  height={mediaQuery ? 25 : 31}\n                  alt=\"See Sight Tours jobs\"\n                  className=\"inline-block\"\n                />\n                <div className=\"pl-3\">\n                  <p className=\"text-[14px] sm:text-[16px] lg:text-[18px] font-[400] text-[#333333]\">\n                    {opn?.name}\n                  </p>\n                  <p className=\"text-[12px] sm:text-[14px] lg:text-[18px] font-[400] text-[#4F4F4F] mt-2\">\n                    <span>\n                      <Image\n                        src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1685543567/Remaining%20images/Reviews/locationIcon_oqgohu.svg\"\n                        width={mediaQuery ? 12 : 16}\n                        height={mediaQuery ? 15 : 19}\n                        alt=\"See Sight Tours jobs\"\n                        className=\"inline-block mr-3\"\n                      />\n                    </span>\n                    {opn?.location.name}\n                  </p>\n                  <p className=\"text-[12px] sm:text-[14px] lg:text-[18px] font-[400] text-[#4F4F4F] mt-2\">\n                    <span>\n                      <Image\n                        src=\"/Time.svg\"\n                        width={mediaQuery ? 14 : 18}\n                        height={mediaQuery ? 15 : 19}\n                        alt=\"See Sight Tours jobs\"\n                        className=\"inline-block mr-3\"\n                      />\n                    </span>\n                    {opn?.type.name}\n                  </p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n        <div id=\"CAN/USA-openings\" className=\"flex-none md:w-[50%]\">\n          <p className=\"text-[16px] sm:text-[18px] lg:text-[24px] font-[400]\">\n            At See Sight Tours Canada & USA\n          </p>\n          <div className=\"flex flex-col gap-5 mt-5\">\n            {non_pk_openings.map((opn: Record<string, any>) => (\n              <div key={opn?.friendly_id} className=\"flex items-start\">\n                <Image\n                  src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1685537025/Remaining%20images/Careers/pepicons-pop_hand-point-open_caovqs.svg\"\n                  width={mediaQuery ? 22 : 28}\n                  height={mediaQuery ? 25 : 31}\n                  alt=\"See Sight Tours jobs\"\n                  className=\"inline-block\"\n                />\n                <div className=\"pl-3\">\n                  <p className=\"text-[14px] sm:text-[16px] lg:text-[18px] font-[400] text-[#333333]\">\n                    {opn?.name}\n                  </p>\n                  <p className=\"text-[12px] sm:text-[14px] lg:text-[18px] font-[400] text-[#4F4F4F] mt-2\">\n                    <span>\n                      <Image\n                        src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1685543567/Remaining%20images/Reviews/locationIcon_oqgohu.svg\"\n                        width={mediaQuery ? 12 : 16}\n                        height={mediaQuery ? 15 : 19}\n                        alt=\"tripshepperd jobs\"\n                        className=\"inline-block mr-3\"\n                      />\n                    </span>\n                    {opn?.location.name}\n                  </p>\n                  <p className=\"text-[12px] sm:text-[14px] lg:text-[18px] font-[400] text-[#4F4F4F] mt-2\">\n                    <span>\n                      <Image\n                        src=\"/Time.svg\"\n                        width={mediaQuery ? 14 : 18}\n                        height={mediaQuery ? 15 : 19}\n                        alt=\"tripshepperd jobs\"\n                        className=\"inline-block mr-3\"\n                      />\n                    </span>\n                    {opn?.type.name}\n                  </p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default AvailablePositions;\n","import React from 'react';\nimport Image from 'next/image';\nimport PageHero from '../layouts/PageHero';\nimport AvailablePositions from '../components/Careers/Positions';\nimport Adventure from '../components/Reviews/Adventure';\nimport Newsletter from '../layouts/Newsletter/Newsletter';\nimport Head from 'next/head';\nimport { replaceTripshepherdWithSeeSight } from '../utils/trip-sheppered-text';\ninterface IProps {\n  pk_openings: Record<string, any>;\n  non_pk_openings: Record<string, any>;\n}\n\nconst Careers = ({ pk_openings, non_pk_openings }: IProps) => {\n  return (\n    <>\n      <Head>\n        <meta name=\"og:title\" content=\"Careers at See Sight Tours\" />\n        <meta\n          name=\"og:description\"\n          content={'find career opportunities at See Sight Tours'}\n        />\n        <title>Careers at See Sight Tours</title>\n        <meta\n          name=\"description\"\n          content={'find career opportunities at See Sight Tours'}\n        />\n        <meta\n          name=\"og:image\"\n          content=\"https://res.cloudinary.com/see-sight-tours/image/upload/w_500/v1582036248/fun-guide-group-photo-2019.jpg\"\n        />\n        <link rel=\"canonical\" href={'https://www.seesight-tours.com'} />\n      </Head>\n      <PageHero\n        video={false}\n        title=\"Work With Us\"\n        snippet=\"A Great Career at See Sight Tours\"\n        media=\"https://res.cloudinary.com/see-sight-tours/image/upload/q_auto,f_auto,c_fill,g_faces,h_570,w_1920,y_0/v1582036498/Happy-group-tour-guides.jpg\"\n      />\n\n      <div id=\"career\">\n        <h2 className=\"text-center text-[#333333] text-[18px] sm:text-[26px] lg:text-[36px] font-[600] mt-6\">\n          Connecting people through travel\n        </h2>\n        <section id=\"company-growth\" className=\"py-8 sm:py-16 mt-5\">\n          <div className=\"flex flex-col-reverse lg:flex-row w-[75%] mx-auto\">\n            <div className=\"text-center md:pr-10 lg:pr-10 mt-5 lg:mt-0 min-w-[50%]\">\n              <p className=\"text-[12px] sm:text-[14px] lg:text-[18px] font-[400] text-[#333333] text-justify leading-[37px]\">\n                At See Sight Tours we care about employee happiness and\n                fulfillment. Our local expert Tour Guides are fun, energetic and\n                dedicated to greeting visitors from all over the world. Our\n                Management Team thrives in our collaborative, hard working yet\n                fun and relaxed work environment. At See Sight Tours we believe\n                in empowering our employees and nurturing talent to provide\n                opportunities growth, advancement and long term career\n                opportunities within our company.\n              </p>\n              <p className=\"text-[12px] sm:text-[14px] lg:text-[18px] font-[500] text-[#333333] text-justify leading-[37px] mt-3\">\n                That’s why we’re rated N1 On Trip Advisor for Niagara Falls\n                tours from 2013 to 2019!\n              </p>\n            </div>\n            <div className=\"flex justify-center px-10 lg:px-0\">\n              <Image\n                src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1685622027/Remaining%20images/Careers/See_Sight_Tours_team_zjwfv5.jpg\"\n                width={500}\n                height={500}\n                quality={100}\n                alt=\"See Sight Tours experience\"\n                className=\"rounded-lg shadow-tourExpImgBox aspect-square min-w-[250px] max-w-[350px] max-h-[300px] lg:min-w-[450px] lg:max-w-[500px] lg:max-h-[380px] \"\n              />\n            </div>\n          </div>\n        </section>\n        <section id=\"challenges\" className=\"py-8 sm:py-16 bg-[#FAFAFA]\">\n          <div className=\"flex flex-col lg:flex-row w-[75%] mx-auto\">\n            <div className=\"flex justify-center px-8 lg:px-0 lg:pr-10\">\n              <Image\n                src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1683894941/Remaining%20images/Careers/2018_Team_11_x_17_t2fl7d.jpg\"\n                width={500}\n                height={500}\n                quality={100}\n                alt=\"See Sight Tours experience 2\"\n                className=\"rounded-lg shadow-tourExpImgBox aspect-square min-w-[250px] max-w-[350px] max-h-[300px] lg:min-w-[450px] lg:max-w-[500px] lg:max-h-[380px]\"\n              />\n            </div>\n            <div className=\"min-w-[50%]\">\n              <h2 className=\"text-[18px] sm:text-[22px] lg:text-[28px] text-[#333333] text-center md:text-start font-[600] mt-5 md:mt-0\">\n                Culture\n              </h2>\n              <p className=\"text-[12px] sm:text-[14px] lg:text-[18px] text-[#333333] font-[400] text-justify leading-[37px] xl:pr-10\">\n                {`On our Team we celebrate individuality while working towards a\n                common goal - to deliver to our guests the very best customer\n                service and most enjoyable tour experience. Our thorough\n                training ensures every Guide feels confident in delivering the\n                \"See Sight Tours experience\" while allowing the personalities of each\n                Guide to shine through. Our Management Team works closely and\n                collaboratively to support one another and the Team as a whole.`}\n              </p>\n            </div>\n          </div>\n        </section>\n        <AvailablePositions\n          pk_openings={pk_openings}\n          non_pk_openings={non_pk_openings}\n        />\n        <Adventure />\n        <Newsletter />\n      </div>\n    </>\n  );\n};\nexport async function getServerSideProps() {\n  const res = await fetch('https://see-sight-tours.breezy.hr/json');\n  const data = await res.json();\n  const pk_openings = data.filter((opn: Record<string, any>) =>\n    opn?.location.country.name.includes('Pakistan')\n  );\n  const non_pk_openings = data.filter(\n    (opn: Record<string, any>) =>\n      !opn?.location.country.name.includes('Pakistan')\n  );\n  return {\n    props: {\n      pk_openings: JSON.parse(\n        replaceTripshepherdWithSeeSight(JSON.stringify(pk_openings))\n      ),\n      non_pk_openings: JSON.parse(\n        replaceTripshepherdWithSeeSight(JSON.stringify(non_pk_openings))\n      )\n    }\n  };\n}\nexport default Careers;\n"],"names":["window","__NEXT_P","push","__webpack_require__","SUBSCRIBE_TO_NEWSLETTER","gql","Newsletter_Newsletter","param","user","useAuthContext","email","setEmail","useState","subscribeToNewsletter","useMutation","useEffect","emailVerified","handleSubmit","event","username","extractUserName","parts","split","cleanUsername","replace","preventDefault","stopPropagation","data","variables","status","insert_boatnew_news_letter_subscribers","affected_rows","fetch","method","body","JSON","stringify","userName","toast","success","error","Error","toString","includes","NewsletterHeading","styled","h2","withConfig","SeparatorLine","div","Newsletter","p","useRouter","jsx_runtime","jsx","Fragment","section","id","className","jsxs","form","onSubmit","input","placeholder","name","required","type","onChange","e","target","value","maxLength","minLength","button","data-mdb-ripple","data-mdb-ripple-color","PageHeroStyle","StyledImage","Image","StyledVideo","video","__webpack_exports__","Z","title","snippet","media","altImage","landing","partner","partnerApplyRef","trustworthy","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__","concat","alt","src","layout","quality","muted","loop","autoPlay","playsInline","priority","h1","span","indexOf","h3","onClick","current","scrollIntoView","behavior","block","Positions","pk_openings","non_pk_openings","mediaQuery","useMediaQuery","map","width","height","opn","location","friendly_id","careers","Head","meta","content","link","rel","href","PageHero","AvailablePositions","Adventure"],"sourceRoot":""}