{"version":3,"file":"component---src-pages-blog-index-jsx-ffdfd028451feb199185.js","mappings":"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","sources":["webpack://evolvan/./src/components/Particals-Overlay/ParticalsOverlay.jsx","webpack://evolvan/./src/components/Blogs-header/blogs-header.jsx","webpack://evolvan/./src/pages/blog/index.jsx","webpack://evolvan/./src/common/fadeWhenScroll.js"],"sourcesContent":["import React, { useCallback } from \"react\";\r\nimport Particles from \"react-tsparticles\";\r\nimport { loadFull } from \"tsparticles\";\r\nimport particlesConfig from \"config/particle-config\";\r\n\r\nconst ParticalsOverlay = () => {\r\n  const particlesInit = useCallback(async (engine) => {\r\n    await loadFull(engine);\r\n  }, []);\r\n  return (\r\n    <>\r\n      <Particles\r\n        // id=\"tsparticles\"\r\n        id=\"particles-js\"\r\n        init={particlesInit}\r\n        options={particlesConfig}\r\n        style={{\r\n          pointerEvents: \"none\",\r\n        }}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ParticalsOverlay;\r\n","import React from \"react\";\r\nimport fadeWhenScroll from \"common/fadeWhenScroll\";\r\nimport ParticalsOverlay from \"components/Particals-Overlay/ParticalsOverlay\";\r\n\r\nconst BlogsHeader = ({ sliderRef }) => {\r\n  React.useEffect(() => {\r\n    fadeWhenScroll(document.querySelectorAll(\".fixed-slider .capt .parlx\"));\r\n  }, []);\r\n\r\n  return (\r\n    <header\r\n      ref={sliderRef}\r\n      className=\"works-header fixed-slider hfixd valign sub-bg\"\r\n    >\r\n      <ParticalsOverlay />\r\n      <div className=\"container\">\r\n        <div className=\"row justify-content-center\">\r\n          <div className=\"col-lg-10 static\">\r\n            <div className=\"capt mt-50\">\r\n              <div className=\"parlx text-center\">\r\n                <h1 className=\"color-font\">Our News</h1>\r\n                <p>\r\n                  All the most current news and events of our creative team.\r\n                </p>\r\n                <p>\r\n                  We specialize in designing and developing web and mobile\r\n                  applications for global clients with a strong emphasis on\r\n                  delivering exceptional user experience.\r\n                </p>\r\n                <a onClick={()=>{checkPaceClass()}} href=\"/contact\" className=\"butn bord curve mt-30 banner-cta\">\r\n                  Let's connect\r\n                </a>\r\n              </div>\r\n\r\n              <div className=\"bactxt custom-font valign\">\r\n                <span className=\"full-width\">News</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport default BlogsHeader;\r\n","import React, { useState } from \"react\";\n// import blog3Data from \"data/blog3.json\";\nimport DarkTheme from \"layouts/Dark\";\nimport Navbar from \"components/Navbar/navbar\";\nimport BlogGrid from \"components/Blog-grid/blog-grid.jsx\";\nimport Footer from \"components/Footer/footer\";\nimport { GetBlogPostData } from \"components/ApiServices/GetBlogPostsdata\";\nimport BlogsHeader from \"components/Blogs-header/blogs-header\";\nimport SEO from \"components/seo/seo\";\nimport LoadingScreen from \"components/Loading-Screen\";\n\nconst BlogGridDark = () => {\n  const blogData = GetBlogPostData();\n  const navbarRef = React.useRef(null);\n  const logoRef = React.useRef(null);\n  const MainContent = React.useRef(null);\n  const fixedHeader = React.useRef(null);\n\n  const [theme, setTheme] = useState(\"Dark\");\n\n  React.useEffect(() => {\n    var navbar = navbarRef.current;\n\n    setTimeout(() => {\n      if (fixedHeader.current) {\n        var slidHeight = fixedHeader.current.offsetHeight;\n      }\n      if (MainContent.current) {\n        MainContent.current.style.marginTop = slidHeight + \"px\";\n      }\n    }, 1000);\n\n    if (window.pageYOffset > 300) {\n      navbar.classList.add(\"nav-scroll\");\n    } else {\n      navbar.classList.remove(\"nav-scroll\");\n    }\n\n    window.addEventListener(\"scroll\", () => {\n      if (window.pageYOffset > 300) {\n        navbar.classList.add(\"nav-scroll\");\n      } else {\n        navbar.classList.remove(\"nav-scroll\");\n      }\n    });\n\n    var storage = localStorage.getItem(\"theme\");\n\n    if (storage && storage != \"\") {\n      let bodyEl = document.querySelector(\"body\");\n      bodyEl.classList.add(\"themeL\");\n      setTheme(storage);\n    }\n  }, [fixedHeader, navbarRef, MainContent]);\n\n  const themeModeChange = (themeMode) => {\n    let bodyEl = document.querySelector(\"body\");\n    if (themeMode == \"Dark\") {\n      setTheme(\"themeL\");\n      bodyEl.classList.add(\"themeL\");\n      localStorage.setItem(\"theme\", \"themeL\");\n    } else {\n      setTheme(\"Dark\");\n      bodyEl.classList.remove(\"themeL\");\n      localStorage.removeItem(\"theme\");\n    }\n  };\n\n  return (\n    <DarkTheme>\n      <LoadingScreen/>\n      <div className=\"circle-bg\">\n        <div className=\"circle-color fixed\">\n          <div className=\"gradient-circle\"></div>\n          <div className=\"gradient-circle two\"></div>\n        </div>\n      </div>\n      <Navbar\n        nr={navbarRef}\n        lr={logoRef}\n        theme={theme}\n        themeModeChange={themeModeChange}\n      />\n      <BlogsHeader sliderRef={fixedHeader} />\n      <div ref={MainContent} className=\"main-content\">\n        <div className=\"container\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col-lg-8 col-md-10\">\n              <div className=\"sec-head text-center mt-10\">\n                <h6 className=\"wow fadeIn\" data-wow-delay=\".5s\">\n                  News\n                </h6>\n                <h3 className=\"wow color-font\">Our Recent News.</h3>\n              </div>\n            </div>\n          </div>\n        </div>\n        <BlogGrid blogs={blogData} />\n        <Footer />\n      </div>\n    </DarkTheme>\n  );\n};\n\nexport const Head = () => {\n  const liveUrl = typeof window !== \"undefined\" ? window.location.href : \"\";\n\n  return (\n    <>\n      <SEO\n        canonical={liveUrl}\n        title=\"Latest Digital transformation, Web & Mobile Technology Blog |Evolvan\"\n        description=\"Evolavn's official blogs for the latest in news, technology, and web & mobile app development updates. Stay informed with our curated feeds and insightful blog posts.\"\n      />\n    </>\n  );\n};\n\nexport default BlogGridDark;\n","const fadeWhenScroll = (element) => {\r\n  window.addEventListener(\"scroll\", () => {\r\n    var scrolled = window.pageYOffset;\r\n    if (element) {\r\n      element.forEach((item) => {\r\n        item.style.transform = \"translate3d(0, \" + -(scrolled * 0.2) + \"px, 0)\";\r\n        item.style.opacity = 1 - scrolled / 600;\r\n      });\r\n    }\r\n  });\r\n};\r\n\r\nexport default fadeWhenScroll;\r\n"],"names":["ParticalsOverlay","particlesInit","useCallback","async","loadFull","engine","React","Particles","id","init","options","particlesConfig","style","pointerEvents","_ref","sliderRef","fadeWhenScroll","document","querySelectorAll","ref","className","onClick","checkPaceClass","href","Head","liveUrl","window","location","SEO","canonical","title","description","BlogGridDark","blogData","GetBlogPostData","navbarRef","logoRef","MainContent","fixedHeader","theme","setTheme","useState","navbar","current","setTimeout","slidHeight","offsetHeight","marginTop","pageYOffset","classList","add","remove","addEventListener","storage","localStorage","getItem","querySelector","DarkTheme","LoadingScreen","Navbar","nr","lr","themeModeChange","themeMode","bodyEl","setItem","removeItem","BlogsHeader","BlogGrid","blogs","Footer","element","scrolled","forEach","item","transform","opacity"],"sourceRoot":""}