{"version":3,"file":"component---src-pages-work-detail-index-jsx-27a664abccc96f693e29.js","mappings":"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","sources":["webpack://evolvan/./src/components/Project-details2-header/project-details2-header.jsx","webpack://evolvan/./src/components/Project-introduction/project-introduction.jsx","webpack://evolvan/./src/components/Project-description/project-description.jsx","webpack://evolvan/./src/components/Next-project/next-project.jsx","webpack://evolvan/./src/pages/work-detail/index.jsx","webpack://evolvan/./src/components/Project-gallery/project-gallery.jsx"],"sourcesContent":["import React from \"react\";\r\nimport { Link } from \"gatsby\";\r\nimport \"./project-details-header.css\";\r\n\r\nconst ProjectDetails2Header = ({ projectHeaderData }) => {\r\n  const getFullDate = (isoDate) => {\r\n    const monthNames = [\r\n      \"Jan\",\r\n      \"Feb\",\r\n      \"March\",\r\n      \"April\",\r\n      \"May\",\r\n      \"June\",\r\n      \"July\",\r\n      \"Aug\",\r\n      \"Sept\",\r\n      \"Oct\",\r\n      \"Nov\",\r\n      \"Dec\",\r\n    ];\r\n    var date = new Date(isoDate);\r\n    return (\r\n      date.getDate() +\r\n      \" \" +\r\n      monthNames[date.getMonth()] +\r\n      \" \" +\r\n      date.getFullYear()\r\n    );\r\n  };\r\n  return (\r\n    <section\r\n      className=\"page-header proj-det custom-project-header bg-img valign\"\r\n      style={{\r\n        backgroundImage: `url(${projectHeaderData?.featureImage?.guid})`,\r\n      }}\r\n      data-overlay-dark=\"7\"\r\n    >\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-7 col-md-9\">\r\n            <div className=\"cont\">\r\n              <h6>{projectHeaderData?.projectName}</h6>\r\n              <h2>{projectHeaderData?.projectName}</h2>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <div className=\"col-6 col-md-6 col-lg-3\">\r\n            <div className=\"item mt-30\">\r\n              <h5>Client</h5>\r\n              <div>\r\n                <Link to={projectHeaderData?.websiteURL} target=\"_blank\">\r\n                  {projectHeaderData?.projectName}\r\n                </Link>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-6 col-md-6 col-lg-3\">\r\n            <div className=\"item mt-30\">\r\n              <h5>Date</h5>\r\n              <div>{getFullDate(projectHeaderData?.date)}</div>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-6 col-md-6 col-lg-3\">\r\n            {projectHeaderData?.technologies &&\r\n              projectHeaderData?.technologies?.map((tech, index) => (\r\n                <div className=\"item mt-30\">\r\n                  <h5>Tech Stack</h5>                  \r\n                  <a href=\"javascript:void(0);\" style={{ margin: 0 }}>\r\n                      {(index ? \", \" : \"\") + tech}\r\n                  </a>                 \r\n                </div>\r\n              ))}\r\n          </div>\r\n          <div className=\"col-6 col-md-6 col-lg-3\">\r\n            {/* <div className=\"item mt-30\">\r\n              <h6>Tags</h6>\r\n              <p>\r\n                {projectHeaderData.tags.map((tag, index) => (\r\n                  <Link to={tag.link} key={tag.id}>\r\n                    {tag.name}\r\n                    {projectHeaderData.tags.length != index + 1 ? \" ,\" : \"\"}\r\n                  </Link>\r\n                ))}\r\n              </p>\r\n            </div> */}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default ProjectDetails2Header;\r\n","import React from \"react\";\r\n\r\nconst ProjectIntroduction = ({ projectIntroductionData }) => {\r\n  return (\r\n    <section className=\"intro-section section-padding\">\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-3 col-md-4\">\r\n            <div className=\"htit\">\r\n              <h4>\r\n                <span>01 </span> Introduction\r\n              </h4>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-8 offset-lg-1 col-md-8\">\r\n            <div className=\"text js-scroll__content\">\r\n              <p className=\"extra-text\">\r\n                {projectIntroductionData?.projectIntroduction}\r\n              </p>\r\n              {/* <ul className=\"smp-list mt-30\">\r\n                {projectIntroductionData.spmList.map((item) => (\r\n                  <li key={item.id}>{item.name}</li>\r\n                ))}\r\n              </ul> */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default ProjectIntroduction;\r\n","import React from \"react\";\r\n\r\nconst ProjectDescription = ({ projectDescriptionData }) => {\r\n  return (\r\n    <section className=\"intro-section section-padding\">\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-3 col-md-4\">\r\n            <div className=\"htit\">\r\n              <h4>\r\n                <span>02 </span> Description\r\n              </h4>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-8 offset-lg-1 col-md-8\">\r\n            <div className=\"text js-scroll__content\">\r\n              <div className=\"extra-text\" dangerouslySetInnerHTML={{__html: projectDescriptionData?.projectDescription }} />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default ProjectDescription;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./next-project.css\";\r\n\r\nconst NextProject = ({ projectCaseStudy }) => {\r\n  const [activeTab, setActiveTab] = useState(0);\r\n  const [studies, setStudies] = useState([]);\r\n\r\n  useEffect(() => {\r\n    if (!projectCaseStudy) return;\r\n\r\n    const consolidatedStudies = [];\r\n\r\n    // 1. Primary Case Study from existing Built-in Fields (100% Backward Compatible)\r\n    if (\r\n      projectCaseStudy.challenge ||\r\n      projectCaseStudy.solution ||\r\n      projectCaseStudy.results\r\n    ) {\r\n      consolidatedStudies.push({\r\n        title: projectCaseStudy.projectName\r\n          ? `${projectCaseStudy.projectName} Overview`\r\n          : \"Primary Case Study\",\r\n        challenge: projectCaseStudy.challenge || \"No details available.\",\r\n        solution: projectCaseStudy.solution || \"No details available.\",\r\n        results: projectCaseStudy.results || \"No details available.\",\r\n      });\r\n    }\r\n\r\n    // 2. Additional Linked Case Studies from WordPress ACM / Relationship Fields\r\n    const linkedStudies = projectCaseStudy?.caseStudiesData?.nodes || [];\r\n    linkedStudies.forEach((item, index) => {\r\n      if (item.challenge || item.solution || item.results || item.caseStudyTitle) {\r\n        consolidatedStudies.push({\r\n          title: item.caseStudyTitle || `Case Study 0${index + 2}`,\r\n          challenge: item.challenge || \"No challenge details available.\",\r\n          solution: item.solution || \"No solution details available.\",\r\n          results: item.results || \"No results details available.\",\r\n        });\r\n      }\r\n    });\r\n\r\n    setStudies(consolidatedStudies);\r\n  }, [projectCaseStudy]);\r\n\r\n  if (!studies || studies.length === 0) return null;\r\n\r\n  const currentStudy = studies[activeTab] || studies[0];\r\n\r\n  return (\r\n    <section className=\"next-prog section-padding case-studies-section\">\r\n      <div className=\"container\" id=\"custom-cards\">\r\n        \r\n        {/* Sleek Header */}\r\n        <h2 className=\"pb-3 mb-4 border-bottom font-weight-bold section-title-case\">\r\n          Case Studies\r\n        </h2>\r\n\r\n        {/* Interactive Pill Switcher (Only appears when there are multiple case studies) */}\r\n        {studies.length > 1 && (\r\n          <div className=\"case-study-switcher\">\r\n            {studies.map((study, idx) => {\r\n              const isSelected = activeTab === idx;\r\n              return (\r\n                <button\r\n                  key={idx}\r\n                  onClick={() => setActiveTab(idx)}\r\n                  className={`pill-tab-btn ${\r\n                    isSelected ? \"active-pill\" : \"\"\r\n                  }`}\r\n                >\r\n                  <span className=\"tab-number-badge\">\r\n                    {idx + 1 < 10 ? `0${idx + 1}` : `${idx + 1}`}\r\n                  </span>\r\n                  <span>{study.title}</span>\r\n                </button>\r\n              );\r\n            })}\r\n          </div>\r\n        )}\r\n\r\n        {/* Illuminated Three-Column Showcase Grid */}\r\n        <div key={activeTab} className=\"row align-items-stretch animated-content\">\r\n          \r\n          {/* Challenge Card */}\r\n          <div className=\"col-lg-4 col-md-6 col-12 card-col\">\r\n            <div className=\"card card-cover h-100 overflow-hidden rounded-4 shadow-lg item-box case-study-card\">\r\n              <div className=\"d-flex flex-column h-100 card-content-padding text-shadow-1\">\r\n                <h3 className=\"mb-4 font-weight-bold card-title-case\">\r\n                  Challenge\r\n                </h3>\r\n                <p className=\"card-text-content mb-0\">\r\n                  {currentStudy.challenge}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Solution Card */}\r\n          <div className=\"col-lg-4 col-md-6 col-12 card-col\">\r\n            <div className=\"card card-cover h-100 overflow-hidden rounded-4 shadow-lg item-box case-study-card\">\r\n              <div className=\"d-flex flex-column h-100 card-content-padding text-shadow-1\">\r\n                <h3 className=\"mb-4 font-weight-bold card-title-case\">\r\n                  Solution\r\n                </h3>\r\n                <p className=\"card-text-content mb-0\">\r\n                  {currentStudy.solution}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Results Card */}\r\n          <div className=\"col-lg-4 col-md-6 col-12 card-col\">\r\n            <div className=\"card card-cover h-100 overflow-hidden rounded-4 shadow-lg item-box case-study-card\">\r\n              <div className=\"d-flex flex-column h-100 card-content-padding text-shadow-1\">\r\n                <h3 className=\"mb-4 font-weight-bold card-title-case\">\r\n                  Results\r\n                </h3>\r\n                <p className=\"card-text-content mb-0\">\r\n                  {currentStudy.results}\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default NextProject;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Navbar from \"components/Navbar/navbar\";\r\nimport Footer from \"components/Footer/footer\";\r\nimport ProjectDetails2Header from \"components/Project-details2-header/project-details2-header\";\r\nimport ProjectIntroduction from \"components/Project-introduction/project-introduction\";\r\nimport ProjectGallery from \"components/Project-gallery/project-gallery\";\r\nimport ProjectDescription from \"components/Project-description/project-description\";\r\nimport NextProject from \"components/Next-project/next-project\";\r\n\r\n\r\nimport DarkTheme from \"layouts/Dark\";\r\nimport SEO from \"components/seo/seo.jsx\";\r\n\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SwiperCore, { Pagination, Parallax } from \"swiper\";\r\n\r\nimport \"swiper/css\";\r\nimport \"swiper/css/pagination\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\nimport LoadingScreen from \"components/Loading-Screen\";\r\n\r\nSwiperCore.use([Pagination, Parallax]);\r\n\r\nconst ProjectDetails2Dark = (props) => {\r\n  const projectData = props.pageContext.node;\r\n  const navbarRef = React.useRef(null);\r\n  const logoRef = React.useRef(null);\r\n  const [theme, setTheme] = useState(\"Dark\");\r\n\r\n  React.useEffect(() => {\r\n    var navbar = navbarRef.current;\r\n\r\n    if (window.pageYOffset > 300) {\r\n      navbar.classList.add(\"nav-scroll\");\r\n    } else {\r\n      navbar.classList.remove(\"nav-scroll\");\r\n    }\r\n\r\n    window.addEventListener(\"scroll\", () => {\r\n      if (window.pageYOffset > 300) {\r\n        navbar.classList.add(\"nav-scroll\");\r\n      } else {\r\n        navbar.classList.remove(\"nav-scroll\");\r\n      }\r\n    });\r\n\r\n    var storage = localStorage.getItem(\"theme\");\r\n\r\n    if (storage && storage != \"\") {\r\n      let bodyEl = document.querySelector(\"body\");\r\n      bodyEl.classList.add(\"themeL\");\r\n      setTheme(storage);\r\n    }\r\n  }, [navbarRef]);\r\n\r\n  const themeModeChange = (themeMode) => {\r\n    let bodyEl = document.querySelector(\"body\");\r\n    if (themeMode == \"Dark\") {\r\n      setTheme(\"themeL\");\r\n      bodyEl.classList.add(\"themeL\");\r\n      localStorage.setItem(\"theme\", \"themeL\");\r\n    } else {\r\n      setTheme(\"Dark\");\r\n      bodyEl.classList.remove(\"themeL\");\r\n      localStorage.removeItem(\"theme\");\r\n    }\r\n  };\r\n\r\n  const [load, setLoad] = useState(false);\r\n  const paginationRef = React.useRef(null);\r\n\r\n  useEffect(() => {\r\n    setLoad(true);\r\n  }, [load]);\r\n\r\n  return (\r\n    <DarkTheme>\r\n      <LoadingScreen/>\r\n      <Navbar\r\n        nr={navbarRef}\r\n        lr={logoRef}\r\n        theme={theme}\r\n        themeModeChange={themeModeChange}\r\n      />\r\n      <div className=\"wrapper project-detail\">\r\n        {/* --- OLD DESIGN (Currently Active) --- */}\r\n        <ProjectDetails2Header projectHeaderData={projectData} />\r\n        <ProjectIntroduction projectIntroductionData={projectData} />\r\n        <ProjectGallery projectGalleryData={projectData} props={props} />\r\n        <ProjectDescription projectDescriptionData={projectData} />\r\n        {/* <ProjectVideo projectVideoDate={ProjectDate} /> */}\r\n        <NextProject projectCaseStudy={projectData} />\r\n\r\n\r\n\r\n        {projectData &&\r\n          projectData?.additionalInfoLeftImage?.guid &&\r\n          projectData?.additionalInfoRightText && (\r\n            <section className=\"next-prog section-padding\">\r\n              <div className=\"container\" id=\"custom-cards\">\r\n                <h2 className=\"pb-2 border-bottom\">Digging Deeper</h2>\r\n\r\n                <div className=\"row pt-3\">\r\n                  <div className=\"col-md-7 pt-4 desktop-padding\">\r\n                    <img loading =\"lazy\"\r\n                      src={projectData?.additionalInfoLeftImage?.guid}\r\n                      alt={projectData.projectName}\r\n                      className=\"img-fluid\"\r\n                         \r\n                    />\r\n                  </div>\r\n\r\n                  <div className=\"col-md-12 pt-4 desktop-padding\">\r\n                    <p\r\n                      dangerouslySetInnerHTML={{\r\n                        __html: projectData.additionalInfoRightText,\r\n                      }}\r\n                      className=\"show-li\"\r\n                    ></p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n          )}\r\n\r\n        {projectData && projectData?.additionalInfoBottom && (\r\n          <section className=\"next-prog section-padding\">\r\n            <div className=\"container\" id=\"custom-cards\">\r\n              <h2 className=\"pb-2 border-bottom\">Digging Deeper</h2>\r\n\r\n              <div className=\"row pt-3\">\r\n                <div className=\"col-md-12 pt-4 desktop-padding\">\r\n                  <p\r\n                    dangerouslySetInnerHTML={{\r\n                      __html: projectData.additionalInfoBottom,\r\n                    }}\r\n                    className=\"show-li\"\r\n                  ></p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n        )}\r\n\r\n        {projectData &&\r\n          projectData.testimonials?.nodes?.length > 0 &&\r\n          projectData.testimonials.nodes[0].clientName !== \"testing\" && (\r\n            <section className=\"app-testim section-padding bg-gray\">\r\n              <div className=\"container\">\r\n                <div className=\"row justify-content-center\">\r\n                  <div className=\"col-lg-7 col-md-10\">\r\n                    <div className=\"s-head text-center mb-80\">\r\n                      <h6 className=\"stit mb-30\">\r\n                        <span className=\"left\"></span> Clients Feedback\r\n                        <span className=\"right\"></span>\r\n                      </h6>\r\n                      <h2>Valuable Clients Feedback About Our Services</h2>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className=\"row\">\r\n                  <div className=\"col-12\">\r\n                    <div className=\"swiper-container\">\r\n                      {load ? (\r\n                        <Swiper\r\n                          slidesPerView={1}\r\n                          spaceBetween={30}\r\n                          speed={1000}\r\n                          loop={false}\r\n                          pagination={{\r\n                            clickable: true,\r\n                            el: paginationRef.current,\r\n                          }}\r\n                          className=\"swiper-wrapper\"\r\n                          breakpoints={{\r\n                            320: {\r\n                              slidesPerView: 1,\r\n                              spaceBetween: 0,\r\n                            },\r\n                            640: {\r\n                              slidesPerView: 1,\r\n                              spaceBetween: 0,\r\n                            },\r\n                            767: {\r\n                              slidesPerView: 2,\r\n                              centeredSlides: false,\r\n                            },\r\n                            991: {\r\n                              slidesPerView: 3,\r\n                            },\r\n                          }}\r\n                        >\r\n                          {projectData.testimonials.nodes.map((data, i) => (\r\n                            <SwiperSlide className=\"swiper-slide\" key={i}>\r\n                              <div className=\"item\">\r\n                                <div className=\"icon mb-50\">\r\n                                  <StaticImage\r\n                                    src=\"../../../static/img/mobile-app/qoute.png\"\r\n                                    alt=\"\"\r\n                                  />\r\n                                </div>\r\n                                <div className=\"text\">\r\n                                  <p>{data.clientTestimonial}</p>\r\n                                </div>\r\n                                <div className=\"info\">\r\n                                  <div className=\"img\">\r\n                                    <img\r\n                                      loading=\"lazy\"\r\n                                      src={data.featuredImage?.node?.guid || \"\"}\r\n                                      alt={data.clientName || \"client image\"}\r\n                                    />\r\n                                  </div>\r\n                                  <div className=\"cont\">\r\n                                    <h6 className=\"mb-10\">{data.clientName}</h6>\r\n                                    <span>{data.clientDesignation}</span>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </SwiperSlide>\r\n                          ))}\r\n                        </Swiper>\r\n                      ) : (\r\n                        \"\"\r\n                      )}\r\n                      <div ref={paginationRef} className=\"swiper-pagination\"></div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n          )}\r\n        <Footer />\r\n      </div>\r\n    </DarkTheme>\r\n  );\r\n};\r\n\r\nexport const Head = (props) => {\r\n  const projectData = props.pageContext.node;\r\n  const strippedDescription = stripHtmlTags(projectData?.projectDescription);\r\n  const featureImageUrl = projectData?.featureImage?.guid || \"\";\r\n  const liveUrl = typeof window !== \"undefined\" ? window.location.href : \"\";\r\n  const shouldhideMetaTags = true;\r\n    return (\r\n    <>\r\n      <SEO\r\n        title={`Evolvan - Case Study of ${projectData?.projectName}`}\r\n        description={`Evolvan Info Solutions Pvt. Ltd.`}\r\n        ogurl={liveUrl} // Pass the live URL as the 'ogurl' prop\r\n        ogtype={`article`}\r\n        ogdescription={strippedDescription}\r\n        ogimage={featureImageUrl} // Pass the featureImage URL\r\n        shouldhideMetaTags={shouldhideMetaTags}\r\n        twittercard={`summary`}\r\n        twitterdescription={strippedDescription}\r\n        twittertitle={`Evolvan - Case Study of ${projectData?.projectName}`}\r\n        twittersite={liveUrl}\r\n        twitterimage={featureImageUrl} // Pass the featureImage URL\r\n        canonical={liveUrl}\r\n        detail={`${projectData?.metaTagDetail}`}\r\n        keywords={`${projectData?.metaTagKeyword}`}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nfunction stripHtmlTags(htmlString) {\r\n  if (!htmlString) return \"\";\r\n  return htmlString.replace(/<[^>]+>/g, \"\");\r\n}\r\n\r\nfunction getLiveUrl() {\r\n  if (typeof window !== \"undefined\") {\r\n    return window.location.href;\r\n  }\r\n  return \"\";\r\n}\r\n\r\nexport default ProjectDetails2Dark;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Slider from \"react-slick\";\r\n\r\nconst ProjectGallery = ({ projectGalleryData, props }) => {\r\n  const [images, setImages] = useState(null);\r\n\r\n  const _getImages = (data) => {\r\n    let result = [];\r\n    data?.showcaseImages?.forEach((item) => {\r\n      if (item?.guid) {\r\n        result.push(item.guid);\r\n      }\r\n    });\r\n    return result;\r\n  };\r\n\r\n  useEffect(() => {\r\n    const imagesArr = _getImages(projectGalleryData);\r\n    setImages(imagesArr);\r\n  }, [projectGalleryData]);\r\n\r\n  const settings = {\r\n    dots: false,\r\n    infinite: true,\r\n    arrows: true,\r\n    centerMode: false,\r\n    autoplay: true,\r\n    rows: 1,\r\n    slidesToScroll: 2,\r\n    slidesToShow: 2,\r\n    centerPadding: 0,\r\n    responsive: [\r\n      {\r\n        breakpoint: 1024,\r\n        settings: {\r\n          slidesToShow: 1,\r\n          centerMode: false,\r\n        },\r\n      },\r\n      {\r\n        breakpoint: 767,\r\n        settings: {\r\n          slidesToShow: 1,\r\n          centerMode: false,\r\n        },\r\n      },\r\n      {\r\n        breakpoint: 480,\r\n        settings: {\r\n          slidesToShow: 1,\r\n          centerMode: false,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  if (!images?.length) return null;\r\n\r\n  return (\r\n    <section className=\"container\">\r\n      <Slider {...settings}>\r\n        {images.map((img, i) => (\r\n          <div className=\"img\" key={i}>\r\n            <a href=\"#0\" className=\"col-md-6 popimg py-2\">\r\n              <img loading =\"lazy\"\r\n                className=\"sliderImg\"\r\n                alt=\"\"\r\n                 \r\n                src={img}\r\n                style={{ width: \"560px\", marginLeft: \"-15px\" }}\r\n              />\r\n            </a>\r\n          </div>\r\n        ))}\r\n      </Slider>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default ProjectGallery;\r\n"],"names":["_ref","_projectHeaderData$fe","_projectHeaderData$te","projectHeaderData","React","className","style","backgroundImage","featureImage","guid","projectName","Link","to","websiteURL","target","isoDate","date","Date","getDate","getMonth","getFullYear","technologies","map","tech","index","href","margin","projectIntroductionData","projectIntroduction","projectDescriptionData","dangerouslySetInnerHTML","__html","projectDescription","projectCaseStudy","activeTab","setActiveTab","useState","studies","setStudies","useEffect","_projectCaseStudy$cas","consolidatedStudies","challenge","solution","results","push","title","caseStudiesData","nodes","forEach","item","caseStudyTitle","length","currentStudy","id","study","idx","isSelected","key","onClick","SwiperCore","use","Pagination","Parallax","Head","props","_projectData$featureI","projectData","pageContext","node","strippedDescription","htmlString","replace","featureImageUrl","liveUrl","window","location","SEO","description","ogurl","ogtype","ogdescription","ogimage","shouldhideMetaTags","twittercard","twitterdescription","twittertitle","twittersite","twitterimage","canonical","detail","metaTagDetail","keywords","metaTagKeyword","_projectData$addition","_projectData$addition2","_projectData$testimon","_projectData$testimon2","navbarRef","logoRef","theme","setTheme","navbar","current","pageYOffset","classList","add","remove","addEventListener","storage","localStorage","getItem","document","querySelector","load","setLoad","paginationRef","DarkTheme","LoadingScreen","Navbar","nr","lr","themeModeChange","themeMode","bodyEl","setItem","removeItem","ProjectDetails2Header","ProjectIntroduction","ProjectGallery","projectGalleryData","ProjectDescription","NextProject","additionalInfoLeftImage","additionalInfoRightText","loading","src","alt","additionalInfoBottom","testimonials","clientName","Swiper","slidesPerView","spaceBetween","speed","loop","pagination","clickable","el","breakpoints","centeredSlides","data","i","_data$featuredImage","_data$featuredImage$n","SwiperSlide","StaticImage","__imageData","require","clientTestimonial","featuredImage","clientDesignation","ref","Footer","images","setImages","imagesArr","_data$showcaseImages","result","showcaseImages","_getImages","settings","dots","infinite","arrows","centerMode","autoplay","rows","slidesToScroll","slidesToShow","centerPadding","responsive","breakpoint","Slider","img","width","marginLeft"],"sourceRoot":""}