{"version":3,"file":"static/chunks/pages/index-818e4fe25c091ad2.js","mappings":"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","sources":["webpack://_N_E/./common/cachedImage.js","webpack://_N_E/./common/captcha.js","webpack://_N_E/./common/forms/index.js","webpack://_N_E/./common/modal/index.js","webpack://_N_E/./common/modal/tailwindClasses.js","webpack://_N_E/./components/home-page/index.js","webpack://_N_E/./components/home-page/tailwindClasses.js","webpack://_N_E/./pages/index.js","webpack://_N_E/"],"sourcesContent":["import Image from 'next/image';\nimport { useState } from 'react';\n\nconst CachedImage = ({ imageUrl, className, alt = 'traviya tour and travel', width = 600, height = 400 }) => {\n    const encodedUrl = encodeURIComponent(imageUrl);  // Correct encoding\n    const cachedImageUrl = `/api/cache-image?imageUrl=${encodedUrl}`;\n\n    const [hasError, setHasError] = useState(false);\n    return (\n        <Image\n            src={hasError ? imageUrl : cachedImageUrl}\n            alt={alt}\n            width={width}\n            height={height}\n            unoptimized\n            className={className}\n            onError={() => setHasError(true)}\n        />\n    );\n};\n\nexport default CachedImage;\n","import React, { useEffect, useState } from \"react\";\nimport Captcha from \"react-canvas-captcha\";\n\nconst CanvasCaptcha = ({\n    setIsCaptchError,\n    className,\n}) => {\n    // State variables for managing captcha generation and user input\n    const [generatedCaptcha, setGeneratedCaptcha] = useState(\"\");\n    const [captchaInput, setCaptchaInput] = useState(\"\");\n    const [error, setError] = useState(false);\n\n    // Function to handle user input for captcha\n    const handleInput = (val) => {\n        setCaptchaInput(val);\n        if (\n            val === generatedCaptcha.toUpperCase()) {\n            setIsCaptchError(false);\n            setError(false)\n        } else {\n            setIsCaptchError(true);\n        }\n        if (val.length < 4) {\n            setError(true)\n        }\n    };\n\n    // Reset captcha on component mount\n    useEffect(() => {\n        setCaptchaInput(\"\");\n        setIsCaptchError(true);\n    }, [generatedCaptcha]);\n\n    return (\n        <div className={`flex ${className} pb-[16px] mb-[8px] relative`}>\n            <Captcha\n                boxHeight={44}\n                boxWidth={120}\n                captchaConfig={{\n                    numberOfChars: 4,\n                    font: \"bold 23px Arial\",\n                    textStartingX: 15,\n                    textStartingY: 5,\n                    style: {\n                        ...{ textTransform: \"uppercase\" },\n                    },\n                }}\n                setCode={(captchaCode) => setGeneratedCaptcha(captchaCode)}\n            />\n            <input\n                label=\"Captcha\"\n                type=\"text\"\n                value={captchaInput}\n                className={\"pl-[158px]\"}\n                onChange={(e) => {\n                    handleInput(e.target.value);\n                }}\n                onFocus={() => setError(true)}\n            />\n            {error && <div className=\"error absolute bottom-[0] left-[4px]\">Please enter valid captcha</div>}\n        </div>\n\n    );\n};\n\nexport default CanvasCaptcha;\n","import { useState } from \"react\";\nimport CanvasCaptcha from \"../captcha\";\nconst ContactForm = (props) => {\n  const { type = 'contact', className, onClose = () => { } } = props;\n  let subject = \"\";\n\n  switch (type) {\n    case \"YOUTUBER\":\n      subject = \"Request to register me as a Youtuber\";\n      break;\n    case \"GUIDE\":\n      subject = \"Register me as a Guide\";\n      break;\n    case \"TRAVELER\":\n      subject = \"Register me as a traveler\";\n      break;\n    case \"PLACE\":\n      subject = \"Add my place to the list\";\n      break;\n    default:\n      subject = \"New Contact Form Submission\";\n  }\n  const [formData, setFormData] = useState({\n    name: \"\",\n    email: \"\",\n    mobile: \"\",\n    message: \"\",\n    url: \"\",\n    subject: subject,\n  });\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [responseMessage, setResponseMessage] = useState(\"\");\n  const [isCaptchError, setIsCaptchError] = useState(true);\n\n  const handleChange = (e) => {\n    const { name, value } = e.target;\n    setFormData({ ...formData, [name]: value });\n  };\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    setIsSubmitting(true);\n\n    try {\n      const response = await fetch(\"/api/send-email\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(formData),\n      });\n\n      const result = await response.json();\n\n      if (response.ok) {\n        setResponseMessage(\"Form submitted successfully!\");\n        setFormData({ name: \"\", email: \"\", mobile: \"\", message: \"\" });\n        onClose(\"\");\n      } else {\n        setResponseMessage(result.message || \"Failed to submit the form.\");\n      }\n    } catch (error) {\n      setResponseMessage(\"An error occurred. Please try again.\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  return (\n    <div className={className}>\n      <form onSubmit={handleSubmit}>\n        <div>\n          <label htmlFor=\"name\">Name:</label>\n          <input\n            type=\"text\"\n            id=\"name\"\n            name=\"name\"\n            value={formData.name}\n            onChange={handleChange}\n            required\n          />\n        </div>\n        <div>\n          <label htmlFor=\"email\">Email:</label>\n          <input\n            type=\"email\"\n            id=\"email\"\n            name=\"email\"\n            value={formData.email}\n            onChange={handleChange}\n            required\n          />\n        </div>\n        <div>\n          <label htmlFor=\"mobile\">Mobile:</label>\n          <input\n            type=\"tel\"\n            id=\"mobile\"\n            name=\"mobile\"\n            value={formData.mobile}\n            onChange={handleChange}\n            required\n          />\n        </div>\n        {type === \"YOUTUBER\" && (\n          <div>\n            <label htmlFor=\"url\">Youtube url:</label>\n            <input\n              type=\"text\"\n              id=\"url\"\n              name=\"url\"\n              value={formData.url}\n              onChange={handleChange}\n              required\n            />\n          </div>\n        )}\n        <div>\n          <label htmlFor=\"message\">Message:</label>\n          <textarea\n            id=\"message\"\n            className=\"h-[250px]\"\n            name=\"message\"\n            value={formData.message}\n            onChange={handleChange}\n            required\n          ></textarea>\n        </div>\n        <CanvasCaptcha setIsCaptchError={setIsCaptchError} />\n        <button\n          className={`btn m-auto block ${(isSubmitting || isCaptchError) && 'disabled'}`}\n          type=\"submit\"\n          disabled={(isSubmitting || isCaptchError)}\n        >\n          {isSubmitting ? \"Submitting...\" : \"Submit\"}\n        </button>\n      </form>\n      {responseMessage && <p className=\"text-[14px] mt-[8px] text-[#ff0000] leading-[18px]\">{responseMessage}</p>}\n    </div>\n  );\n};\n\nexport default ContactForm;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { tailwindClasses } from \"./tailwindClasses\";\n\nconst Wrapper = styled.div`\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9999;\n  .modalTitle {\n    font-size: 21px;\n  }\n  .wrapper {\n    width: 460px;\n  }\n  .modalContent ~ div {\n    padding: 0 16px;\n  }\n`;\nconst Modal = ({ title, children, onClose }) => {\n  const { formWrap, wrapper, modalHeader, modalContent, modalTitle } =\n    tailwindClasses;\n  return (\n    <Wrapper className={`formWrap ${formWrap}`}>\n      <div className={`wrapper ${wrapper}`}>\n        <div className={`modalHeader ${modalHeader}`}>\n          <div className={`modalTitle ${modalTitle}`}>\n            {title}{\" \"}\n            <span className=\"cursor-pointer\" onClick={onClose}>\n              &times;\n            </span>\n          </div>\n        </div>\n        <div className={`modalContent ${modalContent}`}>{children}</div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default Modal;\n","export const tailwindClasses = {\n  formWrap:\n    \"fixed bg-[#000] flex justify-center items-center top-[0] left-[0] right-[0] top-[0] bottom-[0] w-full h-full  z-50\",\n  wrapper:\n    \"inset-0 rounded-[8px] bg-[#fff] overflow-hidden flex-[0_0_460px] w-[460px] max-w-[80%]\",\n  modalHeader: \"bg-white w-11/12 max-w-md p-5  shadow-lg relative\",\n  modalContent:\n    \"flex justify-between items-center pb-2 mb-5 px-[16px] py-[16px] mb-[16px]\",\n  modalTitle:\n    \"text-[21px] font-bold m-0 flex justify-between px-[16px] py-[12px]\",\n};\n","import dynamic from \"next/dynamic\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { Suspense, useEffect, useState } from \"react\";\nimport { TiSocialYoutubeCircular } from \"react-icons/ti\";\nimport CachedImage from \"../../common/cachedImage\";\nimport ContactForm from \"../../common/forms\";\nimport Modal from \"../../common/modal\";\nimport { tailwindClasses } from \"./tailwindClasses\";\nconst Banner = dynamic(() => import(\"../layout/banner\"), {\n  suspense: true,\n});\n\nconst Index = ({ homePage }) => {\n  const [isForm, setIsForm] = useState(false);\n  const [type, setType] = useState(\"\");\n  const [formTitle, setFormTitle] = useState(\"Contact Us\");\n\n  const onClose = (item = \"\") => {\n    setIsForm(!isForm);\n    setType(item);\n  };\n  useEffect(() => {\n    if (type === \"YOUTUBER\") {\n      setFormTitle(\"Register me as a Youtuber\");\n    } else if (type === \"GUIDE\") {\n      setFormTitle(\"Register me as a Guide\");\n    } else if (type === \"TRAVELER\") {\n      setFormTitle(\"Register my travel agency\");\n    } else if (type === \"PLACE\") {\n      setFormTitle(\"Add my attraction near me\");\n    } else {\n      setFormTitle(\"Contact Us\");\n    }\n  }, [type]);\n\n  const { banner, inviteToAdd, explorePlace, whyUs, mostLikedplaces } =\n    homePage;\n  const { testimonialCard, headings, imgClass, articalsClass, titles } =\n    tailwindClasses;\n\n  return (\n    <main className=\"main-content\">\n      <div className=\"text-center\">\n        <Banner\n          heading={banner?.heading}\n          content={banner?.content}\n          imgName=\"traviya_cz0fev\"\n        />\n      </div>\n      <div className=\"main-wrapper pt-[26px]\">\n        <article className=\"mb-[40px]\">\n          <h3 className=\"text-center text-[#3E0904] text-[36px] mb-[28px]\">\n            {explorePlace?.heading}\n          </h3>\n          <div className=\"text-center lg:text-[20px] tracking-[0.5px]\">\n            {explorePlace?.description}\n          </div>\n          <Link\n            href=\"/trip\"\n            className=\"card-heading link text-center flex font-medium relative mt-[40px] max-w-fit px-[38px] py-[8px] mx-[auto] mt-[16px] lg:mt-[22px] rounded-[4px] bg-[#58A4AE] text-[#fff] uppercase text-[16px] lg:text-[18px]\"\n          >\n            {explorePlace?.label}\n          </Link>\n        </article>\n      </div>\n\n      <Suspense fallback={<div>Loading...</div>}>\n        <article className={articalsClass}>\n          <div className=\"main-wrapper\">\n            <h3 className=\"text-center text-[36px] mb-[28px] pt-[28px]\">\n              {mostLikedplaces?.heading}\n            </h3>\n            <div className=\"row justify-center\">\n              {(mostLikedplaces?.data || []).map((item, i) => {\n                return (\n                  <div key={i} className=\"col-3 md:flex-[0_0_50%] md:max-w-[367px] xl:flex-[0_0_25%] xl:max-w-[367px]\">\n                    <Link href={item?.link}>\n                      <div className=\"bg-[#fff] mb-[24px] rounded-[8px] overflow-hidden  md:h-[386px]\">\n                        <div className=\"max-h-[230px] md:max-h-none max-h-min md:max-h-none\">\n                          <CachedImage\n                            className=\"max-h-[230px] max-w-[100%] w-full\"\n                            imageUrl={item?.img}\n                            alt={item?.alt || \"traviya\"}\n                            height={230}\n                            width={329}\n                          />\n                        </div>\n                        <div className=\"px-[8px] py-[8px]\">\n                          <div className={titles}>{item.placeName}</div>\n                          <div className=\"title max-w-[360px] md:max-w-none line-clamp-2\">\n                            {item.description}\n                          </div>\n                        </div>\n                      </div>\n                    </Link>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </article>\n      </Suspense>\n      <Suspense fallback={<div>Loading...</div>}>\n        <article className=\"pb-[40px]\">\n          <div>\n            <div className=\"main-wrapper flex-wrap\">\n              <h3 className={`pb-[86px] md:pb-[86px] ${headings}`}>Our Youtube Partners</h3>\n              <div className=\"inline-flex m-auto w-full justify-center\">\n                <div className={`mb-[28px] ${testimonialCard}`}>\n                  {/* <img\n                    className={imgClass}\n                    src=\"/images/siddhu.jpg\"\n                    alt=\"Traveler\"\n                    // width={300}\n                    // height={250}\n                  /> */}\n                  <TiSocialYoutubeCircular color='#ff0000' className=\"ml-auto mr-auto mt-[-50px] relative text-[100px]\" />\n                  <section className=\"card mt-[16px] leading-[1.2] p-4\">\n                    Welcome to all youtubers to join us and share your youtube\n                    videos with us. You can also write your travel stories in\n                    our youtube partners page. So do not wait and click below to\n                    join/ enquiry.\n                  </section>\n                  <div>-Welcome: Partners-</div>\n                </div>\n              </div>\n              <button\n                onClick={() => onClose(\"YOUTUBER\")}\n                className=\"btn mt-[16px] md:mt-[40px] ml-auto mr-auto block\"\n              >\n                Request enquiry\n              </button >\n            </div>\n          </div>\n        </article>\n      </Suspense>\n      <Suspense fallback={<div>Loading...</div>}>\n        <article className=\"blue-gradient pb-[28px]\">\n          <div className=\"main-wrapper\">\n            <h3 className=\"text-center text-[36px] mb-[28px] pt-[28px]\">\n              {inviteToAdd?.title}\n            </h3>\n            <div className=\"row mb-[18px] justify-center px-[12px] lg:justify-evenly\">\n              {(inviteToAdd?.cards || []).map((card, i) => {\n                return (\n                  <div\n                    key={i}\n                    className=\"bg-[#fff] rounded-[12px] px-[16px] py-[16px] text-center flex flex-wrap items-end justify-stretch mb-[32px] lg:mb-[0] flex-[0_0_100%] lg:flex-[0_0_30.33%]\"\n                  >\n                    <h4 className=\"text-center flex-[0_0_100%] text-[#58a4ae] self-baseline border-b-2 border-[#58a4ae]\">\n                      {card?.title}\n                    </h4>\n                    <article className=\"descriptive self-baseline leading-normal text-[18px]\">\n                      {card?.descriptive}\n                    </article>\n                    <span\n                      className=\"btn mt-[16px] ml-auto mr-auto block\"\n                      onClick={() => onClose(card?.type)}\n                    >\n                      {card.label}\n                    </span>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </article>\n      </Suspense>\n      <Suspense fallback={<div>Loading...</div>}>\n        <article className=\"pb-[40px]\">\n          {/* <div className=\"main-wrapper\">\n            <h3 className=\"text-center text-[36px] mb-[28px] pt-[28px]\">\n              {stateWise?.heading} --\n            </h3>\n            <div className=\"text-center lg:text-[20px] tracking-[0.5px]\">\n              {stateWise?.description}\n            </div>\n            <Link\n              href={stateWise?.link}\n              className=\"card-heading link text-center flex font-medium relative mt-[40px] max-w-fit px-[38px] py-[8px] mx-[auto] mt-[16px] lg:mt-[22px] rounded-[4px] bg-[#58A4AE] text-[#fff] uppercase text-[16px] lg:text-[18px]\"\n            >\n              {stateWise?.label}\n            </Link> \n          </div> */}\n          <div>\n            <div className=\"main-wrapper flex-wrap\">\n              <h3 className={headings}>Top story tellars</h3>\n              <div className=\"md:inline-flex m-auto md:w-full justify-center block w-[300px]\">\n                <div className={testimonialCard}>\n                  <Image\n                    className={imgClass}\n                    src=\"/images/siddhu.jpg\"\n                    alt=\"traveller\"\n                    width={300}\n                    height={250}\n                  />\n                  <section className=\"card mt-[16px] leading-[1.2] p-4 pt-[120px] md:pt-[12px]\">\n                    I love to travel and share my stories to everyone throgh\n                    Traviya. I love this platform where I can share my\n                    experiences and chances to win exciting prizes. Also I have\n                    good opportuniy to to share the best places where I received\n                    the best services.\n                  </section>\n                  <div>-Siddhant-</div>\n                </div>\n                <div className={`${testimonialCard} mb-[28px]`}>\n                  <Image\n                    className={imgClass}\n                    src=\"/images/traviya-user.jpg\"\n                    alt=\"Traviya user\"\n                    width={300}\n                    height={250}\n                  />\n                  <section className=\"card mt-[16px] leading-[1.2] p-4 pt-[120px] md:pt-[12px]\">\n                    Writing a travel diary is my passion. Exploring new places\n                    for travel is my hobby. Also I have good opportuniy to share\n                    my diary with everyone via digital diary. It is fun for me\n                    and chance to get some rewards.\n                  </section>\n                  <div>-Lokesh-</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </article>\n      </Suspense>\n      <Suspense fallback={<div>Loading...</div>}>\n        <article className=\"pb-[28px] bg-[#fff]\">\n          <h3 className=\"text-center text-[#3E0904] text-[36px] mb-[28px] pt-[28px]\">\n            {whyUs?.heading}\n          </h3>\n          <div className=\"main-wrapper\">\n            <div className=\"row\">\n              {whyUs?.data?.map((item, i) => {\n                return (\n                  <div key={i} className=\"col-6\">\n                    <div className=\"border border-[#C6E7F8] mb-[24px] rounded-[8px] px-[12px] py-[8px] min-h-min md:min-h-[200px]\">\n                      <div className=\"left\"></div>\n                      <div className=\"right\">\n                        <div className=\"title text-[22px] mb-[12px] md:mb-[0] text-[#58A4AE]\">\n                          {item?.why_title}\n                        </div>\n                        <div className=\"\">{item?.why_description}</div>\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </article>\n      </Suspense>\n      {isForm && type && (\n        <Modal title={formTitle} onClose={onClose}>\n          <ContactForm className=\"w-full\" type={type} onClose={onClose} />\n        </Modal>\n      )}\n    </main>\n  );\n};\n\nexport default Index;\n","export const tailwindClasses = {\n  testimonialCard:\n    \"text-center mb-[148px] md:mb-[12px] shadow-lg lg:text-[20px] tracking-[0.5px] w-[300px] md:mr-[32px] flex-[0_0_360px] bg-[#fff] rounded-[8px] fle flex-wrap\",\n  headings: \"text-center text-[36px] mb-[28] pt-[28px] pb-[116px] md:pb-[145px] w-[100%]\",\n  imgClass: \"w-[200px] h-[200px] rounded-[50%] m-auto mt-[-100px] absolute md:static left-[0] right-[0]\",\n  articalsClass:\n    \"bg-[linear-gradient(#c6e7f8,#67b6cb)] bg-left-bottom bg-contain pb-[18px]\",\n  titles:\n    \"title text-[22px] text-[#3E0904] border-b-[2px] border-[#58A4AE] pb-[4px] mb-[4px]\",\n  cardsLink:\n    \"card-htestimonial-cardeading link text-center flex font-medium relative mt-[40px] max-w-fit px-[38px] py-[8px] mx-[auto] mt-[16px] lg:mt-[22px] rounded-[4px] bg-[#58A4AE] text-[#fff] uppercase text-[16px] lg:text-[18px]\",\n};\n","import Head from \"next/head\";\nimport Home from \"../components/home-page\";\nimport { fetchHomePageData } from \"../utils/api\";\n\nexport default function Index({ homePage }) {\n  return (\n    <div>\n      <Head>\n        {/* {placesTypeDetails?.[0]?.title && (\n          <title>{placesTypeDetails?.[0]?.title}</title>\n        )} */}\n\n        {/* Meta Tags */}\n        {homePage?.seo?.description && (\n          <meta name=\"description\" content={homePage?.seo?.description} />\n        )}\n\n        {/* Open Graph Tags */}\n        {homePage?.seo?.og_title && <meta property=\"og:title\" content={homePage?.seo?.og_title} />}\n        {homePage?.seo?.og_image && <meta property=\"og:image\" content={homePage?.seo?.og_image} />}\n\n        {homePage?.seo?.og_description && (\n          <meta property=\"og:description\" content={homePage?.seo?.og_description} />\n        )}\n        {/* <meta\n          property=\"og:url\"\n          content=\"https://www.example.com/trip/best-places-to-visit-in-pauri-garhwal\"\n        /> */}\n        <meta property=\"og:type\" content=\"website\" />\n\n        {/* Canonical Tag */}\n        <link\n          rel=\"canonical\"\n          href={homePage?.seo?.canonical_tag}\n        />\n        {homePage?.seo?.keywords && <meta name=\"keywords\" content={homePage?.seo?.keywords} />}\n      </Head>\n      <Home homePage={homePage} />\n    </div>\n  );\n}\n\nexport async function getServerSideProps(props) {\n  const { req } = props;\n  const isServer = req ? true : false;\n  const platform = isServer ? \"server\" : \"client\";\n  const homePage = await fetchHomePageData(platform);\n  return {\n    props: {\n      homePage,\n    },\n  };\n}\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/\",\n      function () {\n        return require(\"private-next-pages/index.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/\"])\n      });\n    }\n  "],"names":["imageUrl","className","alt","width","height","encodedUrl","encodeURIComponent","cachedImageUrl","useState","hasError","setHasError","src","unoptimized","onError","setIsCaptchError","generatedCaptcha","setGeneratedCaptcha","captchaInput","setCaptchaInput","error","setError","useEffect","boxHeight","boxWidth","captchaConfig","numberOfChars","font","textStartingX","textStartingY","style","textTransform","setCode","captchaCode","label","type","value","onChange","e","val","target","toUpperCase","length","onFocus","props","onClose","subject","name","email","mobile","message","url","formData","setFormData","isSubmitting","setIsSubmitting","responseMessage","setResponseMessage","isCaptchError","handleChange","handleSubmit","preventDefault","fetch","method","headers","body","JSON","stringify","response","json","result","ok","onSubmit","htmlFor","id","required","disabled","Wrapper","styled","title","children","onClick","Banner","dynamic","suspense","homePage","isForm","setIsForm","setType","formTitle","setFormTitle","item","banner","inviteToAdd","explorePlace","whyUs","mostLikedplaces","testimonialCard","headings","imgClass","heading","content","imgName","description","href","Suspense","fallback","data","map","i","link","img","placeName","color","cards","card","descriptive","why_title","why_description","Index","seo","og_title","property","og_image","og_description","rel","canonical_tag","keywords","window","__NEXT_P","push"],"sourceRoot":""}