{"version":3,"sources":["blogs lazy /^/.*/.md$/ groupOptions: {} namespace object","components/elements/Logo.js","components/layouts/Header.js","components/elements/Counter.js","components/elements/Pagetitle.js","components/elements/Skill.js","components/sections/About.js","components/elements/Blog.js","components/sections/Blogs.js","components/sections/Brandlogos.js","components/sections/Contact.js","components/elements/Timeline.js","components/sections/Experiences.js","components/sections/Herosection.js","components/elements/Pricebox.js","components/sections/Pricing.js","components/elements/Service.js","components/sections/Services.js","components/elements/Testimonial.js","components/sections/Testimonials.js","components/elements/Portfolio.js","components/sections/Works.js","pages/Homepage.js","pages/HomepageLight.js","components/sections/BrandlogosDark.js","pages/HomepageDark.js","components/layouts/Header2.js","pages/Homepage2.js","pages/Homepage2Light.js","pages/Homepage2Dark.js","components/layouts/Header3.js","components/layouts/Footer.js","pages/Homepage3.js","pages/Homepage3Light.js","pages/Homepage3Dark.js","components/elements/Pagination.js","pages/Bloglist.js","pages/BlogDetails.js","App.js","serviceWorker.js","index.js"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports","Logo","logoSource","bootstrapNav","className","to","src","alt","Header","light","toggleMenu","headerToggler","classes","handleMobileClasses","onClick","handleClasses","activeClass","spy","smooth","duration","Date","getFullYear","Counter","counterItem","isVisible","title","count","icon","winWidth","window","innerWidth","end","Pagetitle","animateIn","animateOut","animateOnce","data-height","Skill","progress","percantage","progressColor","style","width","background","aboutContent","progressData","counterData","About","href","once","counter","Blog","blogData","category","date","author","image","filesource","getNospaceTitle","tempArr","split","length","slice","allBlogs","Blogs","blogItem","brandlogoData","Brandlogos","brandlogo","Contact","useState","name","email","subject","message","formdata","setFormdata","error","setError","setMessage","handleChange","event","currentTarget","value","onSubmit","preventDefault","type","placeholder","onChange","rows","Timeline","education","years","content","place","educationData","experienceData","Experiences","experience","Herosection","props","position","x","y","elementDimensions","height","activeParallax","depth","posX","posY","transform","strings","typeSpeed","backSpeed","attr","loop","data-relative-input","xmlns","d","fill","fillRule","stroke","strokeWidth","rx","Pricebox","priceboxItem","price","badge","best","singleContent","text","priceboxData","Pricing","pricebox","Service","hex","service","color","contentColor","data-color","boxShadow","replace","m","r","g","b","substring","match","parseInt","join","servicesData","Services","Testimonial","slider","avatar","userName","subtitle","review","sliderData","Testimonials","dots","arrows","infinite","speed","slidesToShow","slidesToScroll","Portfolio","portfolio","popupLink","link","toggler","setToggler","toString","sources","filters","allData","Works","getAllItems","dataVisibleCount","setDataVisibleCount","dataIncrement","activeFilter","setActiveFilter","visibleItems","setVisibleItems","noMorePost","setNoMorePost","useEffect","toLowerCase","filter","item","tempData","target","textContent","data","tempCount","console","log","disabled","Homepage","setToggleMenu","document","addEventListener","closest","ReactCursorPosition","HomepageLight","body","classList","remove","BrandlogosDark","HomepageDark","add","Header2","Homepage2","Homepage2Light","Homepage2Dark","Header3","toggleNavbar","setToggleNavbar","aria-controls","aria-expanded","aria-label","data-target","data-toggle","Footer","Homepage3","Homepage3Light","Pagination","itemsPerPage","totalItems","paginate","currentPage","pageNumbers","i","Math","ceil","push","number","Bloglist","posts","setPosts","setCurrentPage","postsPerPage","indexOfLastPost","indexOfFirstPost","currentPosts","pageNumber","BlogDetails","setContent","blogId","params","blogFile","res","default","fetch","result","disqusConfig","url","identifier","DiscussionEmbed","shortname","config","App","path","exact","Homepage3Dark","component","Boolean","location","hostname","ReactDOM","render","StrictMode","getElementById","navigator","serviceWorker","ready","registration","unregister","catch"],"mappings":"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","file":"static/js/main.410b39f6.chunk.js","sourcesContent":["var map = {\n\t\"./best-app-development-tool.md\": [\n\t\t95,\n\t\t3\n\t],\n\t\"./common-misconceptions-about-payment.md\": [\n\t\t96,\n\t\t4\n\t],\n\t\"./things-to-know-about-startup-business.md\": [\n\t\t97,\n\t\t5\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 92;\nmodule.exports = webpackAsyncContext;","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nfunction Logo({ logoSource, bootstrapNav }) {\n  if (bootstrapNav) {\n    return (\n      <Link className=\"navbar-brand\" to=\"/\">\n        <img src={logoSource} alt=\"Bolby\" />\n      </Link>\n    );\n  }\n\n  return (\n    <div className=\"site-logo\">\n      <Link to=\"/\">\n        <img src={logoSource} alt=\"Bolby\" />\n      </Link>\n    </div>\n  );\n}\n\nexport default Logo;\n","import React from \"react\";\nimport { Link } from \"react-scroll\";\nimport Logo from \"../elements/Logo\";\n\nfunction Header({ light, logoSource, toggleMenu, headerToggler }) {\n  const handleClasses = () => {\n    let classes = \"desktop-header-1 d-flex align-items-start flex-column\";\n    if (light & toggleMenu) {\n      classes += \" light open\";\n    } else if (toggleMenu) {\n      classes += \" open\";\n    } else if (light) {\n      classes += \" light\";\n    }\n    return classes;\n  };\n  const handleMobileClasses = () => {\n    let classes = \"mobile-header-1\";\n    if (light & toggleMenu) {\n      classes += \" light open\";\n    } else if (toggleMenu) {\n      classes += \" open\";\n    } else if (light) {\n      classes += \" light\";\n    }\n    return classes;\n  };\n  return (\n    <>\n      <header className={handleMobileClasses()}>\n        <div className=\"container\">\n          <div className=\"menu-icon d-inline-flex mr-4\">\n            <button onClick={headerToggler}>\n              <span></span>\n            </button>\n          </div>\n          <Logo logoSource={logoSource} />\n        </div>\n      </header>\n      <header className={handleClasses()}>\n        <Logo logoSource={logoSource} />\n        <nav>\n          <ul className=\"vertical-menu scrollspy\">\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-home\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-home\"></i>Home\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-about\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-user-following\"></i>About\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-services\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-briefcase\"></i>Specialization\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-experiences\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-graduation\"></i>Experience\n              </Link>\n            </li>\n            {/* <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-works\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-layers\"></i>Works\n              </Link>\n            </li> */}\n            {/* <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-blogs\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-note\"></i>Blog\n              </Link>\n            </li> */}\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-contact\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-bubbles\"></i>Contact\n              </Link>\n            </li>\n          </ul>\n        </nav>\n\n        <div className=\"footer\">\n          <span className=\"copyright\">\n            &copy; {new Date().getFullYear()} Satish Suthar.\n          </span>\n        </div>\n      </header>\n    </>\n  );\n}\n\nexport default Header;\n","import React from \"react\";\nimport CountUp from \"react-countup\";\n\nfunction Counter({ counterItem, isVisible }) {\n  const { title, count, icon } = counterItem;\n  const winWidth = window.innerWidth;\n  const countQuery = () => {\n    if (winWidth && winWidth > 767) {\n      return <CountUp end={isVisible ? count : 0} />;\n    }\n    return <CountUp end={count} />;\n  };\n  const handleIcon = () => {\n    return \"icon \" + icon;\n  };\n  return (\n    <div className=\"fact-item\">\n      <span className={handleIcon()}></span>\n      <div className=\"details\">\n        <h3 className=\"mb-0 mt-0 number\">\n          <em className=\"count\">{countQuery()}</em>\n        </h3>\n        <p className=\"mb-0\">{title}</p>\n      </div>\n    </div>\n  );\n}\n\nexport default Counter;\n","import React from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\n\nfunction Pagetitle({ title }) {\n  return (\n    <>\n      <ScrollAnimation\n        animateIn=\"fadeInUp\"\n        animateOut=\"fadeInOut\"\n        animateOnce={true}\n      >\n        <h2 className=\"section-title\">{title}</h2>\n      </ScrollAnimation>\n      <div className=\"spacer\" data-height=\"60\"></div>\n    </>\n  );\n}\n\nexport default Pagetitle;\n","import React from \"react\";\n\nfunction Skill({ progress, isVisible }) {\n  const { title, percantage, progressColor } = progress;\n  const winWidth = window.innerWidth;\n  const progressQuery = () => {\n    if (winWidth && winWidth > 767) {\n      return (\n        <div\n          className=\"progress-bar data-background\"\n          style={\n            isVisible\n              ? {\n                  width: `${percantage}%`,\n                  background: progressColor,\n                }\n              : { width: 0, background: progressColor }\n          }\n        ></div>\n      );\n    }\n    return (\n      <div\n        className=\"progress-bar data-background\"\n        style={{\n          width: `${percantage}%`,\n          background: progressColor,\n        }}\n      ></div>\n    );\n  };\n  return (\n    <div className=\"skill-item\">\n      <div className=\"skill-info clearfix\">\n        <h4 className=\"float-left mb-3 mt-0\">{title}</h4>\n        <span className=\"float-right\">{percantage}%</span>\n      </div>\n      <div className=\"progress\">{progressQuery()}</div>\n    </div>\n  );\n}\n\nexport default Skill;\n","import React from \"react\";\nimport TrackVisibility from \"react-on-screen\";\nimport Counter from \"../elements/Counter\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Skill from \"../elements/Skill\";\n\nconst aboutContent = {\n  name: \"Satish\",\n  avatarImage: \"/images/avatar-2.svg\",\n  content:\n    \"I am Satish Suthar, web developer from Melbourne, Australia. I have rich experience developing Web and Apps development, I have designed and developed cloud native and serverless applications.\",\n};\n\nconst progressData = [\n  {\n    id: 1,\n    title: \"Full Stack .Net Development\",\n    percantage: 85,\n    progressColor: \"#FFD15C\",\n  },\n  {\n    id: 2,\n    title: \"Cloud - AWS & Azure\",\n    percantage: 75,\n    progressColor: \"#FF4C60\",\n  },\n  {\n    id: 3,\n    title: \"Front End - Angular, React, Blazor\",\n    percantage: 65,\n    progressColor: \"#6C6CE5\",\n  },\n];\n\nconst counterData = [\n  {\n    id: 1,\n    title: \"Years of experience\",\n    count: 17,\n    icon: \"icon-fire\",\n  },\n  {\n    id: 2,\n    title: \"Projects\",\n    count: 100,\n    icon: \"icon-cup\",\n  },\n  {\n    id: 3,\n    title: \"Years of team leading\",\n    count: 7,\n    icon: \"icon-people\",\n  },\n  {\n    id: 4,\n    title: \"Years of cloud\",\n    count: 6,\n    icon: \"icon-cloud-upload\",\n  },\n];\n\nfunction About() {\n  return (\n    <section id=\"about\">\n      <div className=\"container\">\n        <Pagetitle title=\"About Me\" />\n        <div className=\"row\">\n          <div className=\"col-md-3\">\n            <div className=\"text-center text-md-left\">\n              <img src={aboutContent.avatarImage} alt={aboutContent.name} />\n            </div>\n            <div className=\"spacer d-md-none d-lg-none\" data-height=\"30\"></div>\n          </div>\n\n          <div className=\"col-md-9 triangle-left-md triangle-top-sm\">\n            <div className=\"rounded bg-white shadow-dark padding-30\">\n              <div className=\"row\">\n                <div className=\"col-md-6\">\n                  <p>{aboutContent.content}</p>\n                  <div className=\"mt-3\">\n                    <a href=\"!#\" className=\"btn btn-default\">\n                      Download CV\n                    </a>\n                  </div>\n                  <div\n                    className=\"spacer d-md-none d-lg-none\"\n                    data-height=\"30\"\n                  ></div>\n                </div>\n                <div className=\"col-md-6\">\n                  {progressData.map((progress) => (\n                    <TrackVisibility\n                      once\n                      key={progress.id}\n                      className=\"progress-wrapper\"\n                    >\n                      <Skill progress={progress} />\n                    </TrackVisibility>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"spacer\" data-height=\"70\"></div>\n        <div className=\"row fix-spacing\">\n          {counterData.map((counter) => (\n            <div key={counter.id} className=\"col-md-3 col-sm-6\">\n              <TrackVisibility once>\n                <Counter counterItem={counter} />\n              </TrackVisibility>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default About;\n","import React from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\nimport { Link } from \"react-router-dom\";\n\nfunction Blog({ blogData }) {\n  const { id, category, title, date, author, image, filesource } = blogData;\n  const getNospaceTitle = (filesource) => {\n    let tempArr = filesource.split(\"/\");\n    let fileName = tempArr[tempArr.length - 1];\n    let getName = fileName.slice(0, -3);\n    return getName;\n  };\n  return (\n    <ScrollAnimation\n      animateIn=\"fadeInUp\"\n      animateOut=\"fadeInOut\"\n      animateOnce={true}\n    >\n      <div className=\"blog-item rounded bg-white shadow-dark\">\n        <div className=\"thumb\">\n          <a href=\"!#\">\n            <span className=\"category\">{category}</span>\n          </a>\n          <Link to={`blogs/blog-details/${id}/${getNospaceTitle(filesource)}`}>\n            <img src={image} alt=\"blog-title\" />\n          </Link>\n        </div>\n        <div className=\"details\">\n          <h4 className=\"my-0 title\">\n            <Link\n              to={`blogs/blog-details/${id}/${getNospaceTitle(filesource)}`}\n            >\n              {title}\n            </Link>\n          </h4>\n          <ul className=\"list-inline meta mb-0 mt-2\">\n            <li className=\"list-inline-item\">{date}</li>\n            <li className=\"list-inline-item\">{author}</li>\n          </ul>\n        </div>\n      </div>\n    </ScrollAnimation>\n  );\n}\n\nexport default Blog;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Blog from \"../elements/Blog\";\nimport Pagetitle from \"../elements/Pagetitle\";\n\nconst allBlogs = [\n  {\n    id: 1,\n    title: \"5 Best App Development Tool for Your Project\",\n    image: \"images/blog/1.svg\",\n    filesource: \"../../blogs/best-app-development-tool.md\",\n    date: \"09 February, 2020\",\n    author: \"Bolby\",\n    category: \"Reviews\",\n  },\n  {\n    id: 2,\n    title: \"Common Misconceptions About Payment\",\n    image: \"images/blog/2.svg\",\n    filesource: \"../../blogs/common-misconceptions-about-payment.md\",\n    date: \"07 February, 2020\",\n    author: \"Bolby\",\n    category: \"Tutorial\",\n  },\n  {\n    id: 3,\n    title: \"3 Things To Know About Startup Business\",\n    image: \"images/blog/3.svg\",\n    filesource: \"../../blogs/things-to-know-about-startup-business.md\",\n    date: \"06 February, 2020\",\n    author: \"Bolby\",\n    category: \"Business\",\n  },\n];\n\nfunction Blogs() {\n  return (\n    <section id=\"blog\">\n      <div className=\"container\">\n        <Pagetitle title=\"Latest Posts\" />\n        <div className=\"row blog-wrapper\">\n          {allBlogs.map((blogItem) => (\n            <div className=\"col-md-4\" key={blogItem.id}>\n              <Blog blogData={blogItem} />\n            </div>\n          ))}\n        </div>\n        <div className=\"text-center\">\n          <div className=\"spacer\" data-height=\"30\"></div>\n          <Link to=\"/blogs\" className=\"btn btn-default\">\n            Show all blogs\n          </Link>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Blogs;\n","import React from \"react\";\n\nconst brandlogoData = [\n  {\n    id: 1,\n    image: \"images/client-1.svg\",\n  },\n  {\n    id: 2,\n    image: \"images/client-2.svg\",\n  },\n  {\n    id: 3,\n    image: \"images/client-3.svg\",\n  },\n  {\n    id: 4,\n    image: \"images/client-4.svg\",\n  },\n  {\n    id: 5,\n    image: \"images/client-5.svg\",\n  },\n  {\n    id: 6,\n    image: \"images/client-6.svg\",\n  },\n  {\n    id: 7,\n    image: \"images/client-7.svg\",\n  },\n  {\n    id: 8,\n    image: \"images/client-8.svg\",\n  },\n];\n\nfunction Brandlogos() {\n  return (\n    <div id=\"branglogos\">\n      <div className=\"container\">\n        <div className=\"row\">\n          {brandlogoData.map((brandlogo) => (\n            <div className=\"col-md-3 col-6\" key={brandlogo.id}>\n              <div className=\"client-item\">\n                <div className=\"inner\">\n                  <img src={brandlogo.image} alt=\"client-name\" />\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Brandlogos;\n","import React, { useState } from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\nimport Pagetitle from \"../elements/Pagetitle\";\n\nfunction Contact() {\n  const [formdata, setFormdata] = useState({\n    name: \"\",\n    email: \"\",\n    subject: \"\",\n    message: \"\",\n  });\n\n  const [error, setError] = useState(false);\n  const [message, setMessage] = useState(\"\");\n\n  const submitHandler = (event) => {\n    event.preventDefault();\n    if (!formdata.name) {\n      setError(true);\n      setMessage(\"Name is required\");\n    } else if (!formdata.email) {\n      setError(true);\n      setMessage(\"Email is required\");\n    } else if (!formdata.subject) {\n      setError(true);\n      setMessage(\"Subject is required\");\n    } else if (!formdata.message) {\n      setError(true);\n      setMessage(\"Message is required\");\n    } else {\n      setError(false);\n      setMessage(\"You message has been sent!!!\");\n    }\n  };\n\n  const handleChange = (event) => {\n    setFormdata({\n      ...formdata,\n      [event.currentTarget.name]: event.currentTarget.value,\n    });\n  };\n\n  const handleAlerts = () => {\n    if (error && message) {\n      return <div className=\"alert alert-danger mt-4\">{message}</div>;\n    } else if (!error && message) {\n      return <div className=\"alert alert-success mt-4\">{message}</div>;\n    } else {\n      return null;\n    }\n  };\n\n  return (\n    <section id=\"contact\">\n      <div className=\"container\">\n        <Pagetitle title=\"Get in Touch\" />\n\n        <div className=\"row\">\n          <div className=\"col-md-4\">\n            <div className=\"contact-info\">\n              <ScrollAnimation\n                animateIn=\"fadeInUp\"\n                animateOut=\"fadeInOut\"\n                animateOnce={true}\n              >\n                <h3>Let's talk about everything!</h3>\n              </ScrollAnimation>\n              <ScrollAnimation\n                animateIn=\"fadeInUp\"\n                animateOut=\"fadeInOut\"\n                animateOnce={true}\n              >\n                <p>\n                  Don't like forms? Send me an{\" \"}\n                  <a href=\"mailto:satishsuthar@gmail.com\">email</a>. 👋\n                </p>\n              </ScrollAnimation>\n            </div>\n          </div>\n\n          <div className=\"col-md-8\">\n            <form\n              id=\"contact-form\"\n              className=\"contact-form mt-6\"\n              onSubmit={submitHandler}\n            >\n              <div className=\"row\">\n                <div className=\"column col-md-6\">\n                  <div className=\"form-group\">\n                    <input\n                      type=\"text\"\n                      className=\"form-control\"\n                      name=\"name\"\n                      id=\"InputName\"\n                      placeholder=\"Your name\"\n                      onChange={handleChange}\n                      value={formdata.name}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"column col-md-6\">\n                  <div className=\"form-group\">\n                    <input\n                      type=\"email\"\n                      className=\"form-control\"\n                      id=\"InputEmail\"\n                      name=\"email\"\n                      placeholder=\"Email address\"\n                      onChange={handleChange}\n                      value={formdata.email}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"column col-md-12\">\n                  <div className=\"form-group\">\n                    <input\n                      type=\"text\"\n                      className=\"form-control\"\n                      id=\"InputSubject\"\n                      name=\"subject\"\n                      placeholder=\"Subject\"\n                      onChange={handleChange}\n                      value={formdata.subject}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"column col-md-12\">\n                  <div className=\"form-group\">\n                    <textarea\n                      name=\"message\"\n                      id=\"InputMessage\"\n                      className=\"form-control\"\n                      rows=\"5\"\n                      placeholder=\"Message\"\n                      onChange={handleChange}\n                      value={formdata.message}\n                    ></textarea>\n                  </div>\n                </div>\n              </div>\n              <button\n                type=\"submit\"\n                name=\"submit\"\n                id=\"submit\"\n                value=\"Submit\"\n                className=\"btn btn-default\"\n              >\n                Send Message\n              </button>\n            </form>\n            {handleAlerts()}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Contact;\n","import React from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\n\nfunction Timeline({ education }) {\n  const { years, title, content, place } = education;\n  return (\n    <ScrollAnimation\n      animateIn=\"fadeInUp\"\n      animateOut=\"fadeInOut\"\n      animateOnce={true}\n    >\n      <div className=\"timeline-container\">\n        <div className=\"content\">\n          <span className=\"time\">{years}</span>\n          <h3 className=\"title\">{place}</h3>\n          <h4 className=\"title\">{title}</h4>\n          <p>{content}</p>\n        </div>\n      </div>\n    </ScrollAnimation>\n  );\n}\n\nexport default Timeline;\n","import React from \"react\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Timeline from \"../elements/Timeline\";\n\nconst educationData = [\n  {\n    id: 1,\n    title: \"Senior Developer\",\n    place: \"Officeworks\",\n    years: \"2021 - Present\",\n    content:\n      \"Development, enhancement, and support of EPOS software used in all the Officeworks stores.\",\n  },\n  {\n    id: 2,\n    title: \"Solution Architect\",\n    place: \"BMW Australia\",\n    years: \"2015 - 2020\",\n    content:\n      \"Modernized cloud-based application to improve productivity by reducing deplyment time and efforts\",\n  },\n  {\n    id: 3,\n    title: \"Senior Consultant\",\n    place: \"pwc\",\n    years: \"2015 - 2015\",\n    content:\n      \"Developed mobile banking solution using JavaScript, AngularJS and Mobile First Platform.\",\n  },\n];\n\nconst experienceData = [\n  {\n    id: 1,\n    title: \"Solution Architect\",\n    place: \"Sumeru Software\",\n    years: \"2007 - 2014\",\n    content:\n      \"Managed delivery of 7 teams of total 25+ people. Designed, Developed and managed projects.\",\n  },\n  {\n    id: 2,\n    title: \"Associate\",\n    place: \"Perot Systems\",\n    years: \"2005 - 2007\",\n    content:\n      \"Lorem ipsum dolor sit amet quo ei simul congue exerci ad nec admodum perfecto.\",\n  },\n  {\n    id: 3,\n    title: \"Freelancer\",\n    place:\"WFH\",\n    years: \"2008 - Present\",\n    content:\n      \"Developed 2D board game using Unity3d. Built a Chatbots using Google Dialog Flow.\",\n  },\n];\n\nfunction Experiences() {\n  return (\n    <section id=\"experience\">\n      <div className=\"container\">\n        <Pagetitle title=\"Experience\" />\n        <div className=\"row\">\n          <div className=\"col-md-6\">\n            <div className=\"timeline edu bg-white rounded shadow-dark padding-30 overflow-hidden\">\n              {educationData.map((education) => (\n                <Timeline key={education.id} education={education} />\n              ))}\n              <span className=\"line\"></span>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"spacer d-md-none d-lg-none\" data-height=\"30\"></div>\n            <div className=\"timeline exp bg-white rounded shadow-dark padding-30 overflow-hidden\">\n              {experienceData.map((experience) => (\n                <Timeline key={experience.id} education={experience} />\n              ))}\n              <span className=\"line\"></span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Experiences;\n","import React from \"react\";\nimport Typed from \"react-typed\";\nimport { Link } from \"react-scroll\";\n\nfunction Herosection(props) {\n  const { x, y } = props.position;\n  const { height, width } = props.elementDimensions;\n  const activeParallax = (depth = 15) => {\n    let posX = (width / 2 - x) / depth;\n    let posY = (height / 2 - y) / depth;\n    return {\n      transform: `translate(${posX}px, ${posY}px)`,\n    };\n  };\n\n  return (\n    <section\n      id=\"home\"\n      className={\n        props.light\n          ? \"home d-flex align-items-center light\"\n          : \"home d-flex align-items-center\"\n      }\n    >\n      <div className=\"container\">\n        <div className=\"intro\">\n          <img src=\"images/avatar-1.svg\" alt=\"Bolby\" className=\"mb-4\" />\n\n          <h1 className=\"mb-2 mt-0\">Satish Suthar</h1>\n          <p>\n            I'm a{\" \"}\n            <Typed\n              strings={[\n                \"Software Developer \",\n                \"Cloud Native Developer\",\n                \"Solution Architect\",\n                \".Net Developer\",\n                \".Net Architect\",\n                \"Consultant\",\n                \"Meditation Instructor\"\n              ]}\n              typeSpeed={80}\n              backSpeed={40}\n              attr=\"value\"\n              loop\n            >\n              <label value></label>\n            </Typed>\n          </p>\n\n          <ul className=\"social-icons light list-inline mb-0 mt-4\">\n            <li className=\"list-inline-item\">\n              <a href=\"!#\">\n                <i className=\"fab fa-instagram\"></i>\n              </a>\n            </li>\n            <li className=\"list-inline-item\">\n              <a href=\"!#\">\n                <i className=\"fab fa-twitter\"></i>\n              </a>\n            </li>\n            <li className=\"list-inline-item\">\n              <a href=\"!#\">\n                <i className=\"fab fa-behance\"></i>\n              </a>\n            </li>\n            <li className=\"list-inline-item\">\n              <a href=\"!#\">\n                <i className=\"fab fa-dribbble\"></i>\n              </a>\n            </li>\n            <li className=\"list-inline-item\">\n              <a href=\"!#\">\n                <i className=\"fab fa-pinterest-p\"></i>\n              </a>\n            </li>\n          </ul>\n\n          <div className=\"mt-4\">\n            <Link\n              className=\"btn btn-default\"\n              to=\"section-contact\"\n              spy={true}\n              smooth={true}\n              duration={500}\n            >\n              Contact Me\n            </Link>\n          </div>\n        </div>\n\n        <div className=\"scroll-down\">\n          <Link\n            to=\"section-about\"\n            spy={true}\n            smooth={true}\n            duration={500}\n            className=\"mouse-wrapper\"\n          >\n            <span>Scroll Down</span>\n            <span className=\"mouse\">\n              <span className=\"wheel\"></span>\n            </span>\n          </Link>\n        </div>\n\n        <div className=\"parallax\" data-relative-input=\"true\">\n          <svg\n            width=\"27\"\n            height=\"29\"\n            className=\"layer p1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(15)}\n          >\n            <path\n              d=\"M21.15625.60099c4.37954 3.67487 6.46544 9.40612 5.47254 15.03526-.9929 5.62915-4.91339 10.30141-10.2846 12.25672-5.37122 1.9553-11.3776.89631-15.75715-2.77856l2.05692-2.45134c3.50315 2.93948 8.3087 3.78663 12.60572 2.22284 4.297-1.5638 7.43381-5.30209 8.22768-9.80537.79387-4.50328-.8749-9.08872-4.37803-12.02821L21.15625.60099z\"\n              fill=\"#FFD15C\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"26\"\n            height=\"26\"\n            className=\"layer p2\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(20)}\n          >\n            <path\n              d=\"M13 3.3541L2.42705 24.5h21.1459L13 3.3541z\"\n              stroke=\"#FF4C60\"\n              strokeWidth=\"3\"\n              fill=\"none\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"30\"\n            height=\"25\"\n            className=\"layer p3\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(25)}\n          >\n            <path\n              d=\"M.1436 8.9282C3.00213 3.97706 8.2841.92763 14.00013.92796c5.71605.00032 10.9981 3.04992 13.85641 8 2.8583 4.95007 2.8584 11.0491-.00014 16.00024l-2.77128-1.6c2.28651-3.96036 2.28631-8.84002.00011-12.8002-2.2862-3.96017-6.5124-6.40017-11.08513-6.4-4.57271.00018-8.79872 2.43984-11.08524 6.4002l-2.77128-1.6z\"\n              fill=\"#44D7B6\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"15\"\n            height=\"23\"\n            className=\"layer p4\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(10)}\n          >\n            <rect\n              transform=\"rotate(30 9.86603 10.13397)\"\n              x=\"7\"\n              width=\"3\"\n              height=\"25\"\n              rx=\"1.5\"\n              fill=\"#FFD15C\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"15\"\n            height=\"23\"\n            className=\"layer p5\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(8)}\n          >\n            <rect\n              transform=\"rotate(30 9.86603 10.13397)\"\n              x=\"7\"\n              width=\"3\"\n              height=\"25\"\n              rx=\"1.5\"\n              fill=\"#6C6CE5\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"49\"\n            height=\"17\"\n            className=\"layer p6\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(18)}\n          >\n            <g fill=\"#FF4C60\" fillRule=\"evenodd\">\n              <path d=\"M.5 16.5c0-5.71709 2.3825-10.99895 6.25-13.8567 3.8675-2.85774 8.6325-2.85774 12.5 0C23.1175 5.50106 25.5 10.78292 25.5 16.5H23c0-4.57303-1.90625-8.79884-5-11.08535-3.09375-2.28652-6.90625-2.28652-10 0C4.90625 7.70116 3 11.92697 3 16.5H.5z\" />\n              <path d=\"M23.5 16.5c0-5.71709 2.3825-10.99895 6.25-13.8567 3.8675-2.85774 8.6325-2.85774 12.5 0C46.1175 5.50106 48.5 10.78292 48.5 16.5H46c0-4.57303-1.90625-8.79884-5-11.08535-3.09375-2.28652-6.90625-2.28652-10 0-3.09375 2.28651-5 6.51232-5 11.08535h-2.5z\" />\n            </g>\n          </svg>\n\n          <svg\n            width=\"26\"\n            height=\"26\"\n            className=\"layer p7\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(22)}\n          >\n            <path\n              d=\"M13 22.6459L2.42705 1.5h21.1459L13 22.6459z\"\n              stroke=\"#FFD15C\"\n              strokeWidth=\"3\"\n              fill=\"none\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"19\"\n            height=\"21\"\n            className=\"layer p8\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(15)}\n          >\n            <rect\n              transform=\"rotate(-40 6.25252 10.12626)\"\n              x=\"7\"\n              width=\"3\"\n              height=\"25\"\n              rx=\"1.5\"\n              fill=\"#6C6CE5\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"30\"\n            height=\"25\"\n            className=\"layer p9\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(10)}\n          >\n            <path\n              d=\"M29.8564 16.0718c-2.85854 4.95114-8.1405 8.00057-13.85654 8.00024-5.71605-.00032-10.9981-3.04992-13.85641-8-2.8583-4.95007-2.8584-11.0491.00014-16.00024l2.77128 1.6c-2.28651 3.96036-2.28631 8.84002-.00011 12.8002 2.2862 3.96017 6.5124 6.40017 11.08513 6.4 4.57271-.00018 8.79872-2.43984 11.08524-6.4002l2.77128 1.6z\"\n              fill=\"#6C6CE5\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n\n          <svg\n            width=\"47\"\n            height=\"29\"\n            className=\"layer p10\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(23)}\n          >\n            <g fill=\"#44D7B6\" fillRule=\"evenodd\">\n              <path d=\"M46.78878 17.19094c-1.95535 5.3723-6.00068 9.52077-10.61234 10.8834-4.61167 1.36265-9.0893-.26708-11.74616-4.27524-2.65686-4.00817-3.08917-9.78636-1.13381-15.15866l2.34923.85505c-1.56407 4.29724-1.2181 8.92018.90705 12.12693 2.12514 3.20674 5.70772 4.5107 9.39692 3.4202 3.68921-1.0905 6.92581-4.40949 8.48988-8.70673l2.34923.85505z\" />\n              <path d=\"M25.17585 9.32448c-1.95535 5.3723-6.00068 9.52077-10.61234 10.8834-4.61167 1.36264-9.0893-.26708-11.74616-4.27525C.16049 11.92447-.27182 6.14628 1.68354.77398l2.34923.85505c-1.56407 4.29724-1.2181 8.92018.90705 12.12692 2.12514 3.20675 5.70772 4.5107 9.39692 3.4202 3.68921-1.0905 6.92581-4.40948 8.48988-8.70672l2.34923.85505z\" />\n            </g>\n          </svg>\n\n          <svg\n            width=\"33\"\n            height=\"20\"\n            className=\"layer p11\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            style={activeParallax(18)}\n          >\n            <path\n              d=\"M32.36774.34317c.99276 5.63023-1.09332 11.3614-5.47227 15.03536-4.37895 3.67396-10.3855 4.73307-15.75693 2.77837C5.76711 16.2022 1.84665 11.53014.8539 5.8999l3.15139-.55567c.7941 4.50356 3.93083 8.24147 8.22772 9.8056 4.29688 1.56413 9.10275.71673 12.60554-2.2227C28.34133 9.98771 30.01045 5.4024 29.21635.89884l3.15139-.55567z\"\n              fill=\"#FFD15C\"\n              fillRule=\"evenodd\"\n            />\n          </svg>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Herosection;\n","import React from \"react\";\n\nfunction Pricebox({ priceboxItem }) {\n  const { icon, title, content, price, badge, best } = priceboxItem;\n  return (\n    <div\n      className={\n        best\n          ? \"price-item bg-white rounded shadow-dark text-center best\"\n          : \"price-item bg-white rounded shadow-dark text-center\"\n      }\n    >\n      {badge && <span className=\"badge\">{badge}</span>}\n      <img src={icon} alt=\"Regular\" />\n      <h2 className=\"plan\">{title}</h2>\n      {content.map((singleContent) => (\n        <p key={singleContent.id}>{singleContent.text}</p>\n      ))}\n      <h3 className=\"price\">\n        <em>$</em>\n        {price}\n        <span>Month</span>\n      </h3>\n      <a href=\"!#\" className=\"btn btn-default\">\n        Get Started\n      </a>\n    </div>\n  );\n}\n\nexport default Pricebox;\n","import React from \"react\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Pricebox from \"../elements/Pricebox\";\n\nconst priceboxData = [\n  {\n    id: 1,\n    title: \"Basic\",\n    icon: \"images/price-1.svg\",\n    content: [\n      {\n        id: 0,\n        text: \"A Simple option but powerful to manage your business\",\n      },\n      {\n        id: 2,\n        text: \"Email support\",\n      },\n    ],\n    price: 9,\n    best: false,\n    badge: false,\n  },\n  {\n    id: 2,\n    title: \"Premium\",\n    icon: \"images/price-2.svg\",\n    content: [\n      {\n        id: 1,\n        text: \"Unlimited product including apps integrations and more features\",\n      },\n      {\n        id: 2,\n        text: \"Mon-Fri support\",\n      },\n    ],\n    price: 49,\n    best: true,\n    badge: \"Recommended\",\n  },\n  {\n    id: 3,\n    title: \"Ultimate\",\n    icon: \"images/price-3.svg\",\n    content: [\n      { id: 1, text: \"A wise option for large companies and individuals\" },\n      { id: 2, text: \"24/7 support\" },\n    ],\n    price: 99,\n    best: false,\n    badge: false,\n  },\n];\n\nfunction Pricing() {\n  return (\n    <section id=\"prices\">\n      <div className=\"container\">\n        <Pagetitle title=\"Pricing Plans\" />\n        <div className=\"row align-items-center\">\n          {priceboxData.map((pricebox) => (\n            <div key={pricebox.id} className=\"col-md-4\">\n              <Pricebox priceboxItem={pricebox} />\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Pricing;\n","import React from \"react\";\n\nfunction Service({ service }) {\n  const { title, content, icon, color, contentColor } = service;\n  const hexToRgb = (hex) => {\n    const temp = hex\n      .replace(\n        /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i,\n        (m, r, g, b) => \"#\" + r + r + g + g + b + b\n      )\n      .substring(1)\n      .match(/.{2}/g)\n      .map((x) => parseInt(x, 16));\n    return temp.join(\",\");\n  };\n\n  return (\n    <div\n      className={\n        contentColor === \"light\"\n          ? \"service-box rounded data-background padding-30 text-center text-light shadow-blue\"\n          : \"service-box rounded data-background padding-30 text-center shadow-blue\"\n      }\n      data-color=\"#6C6CE5\"\n      style={{\n        background: color,\n        boxShadow: `0px 5px 20px 0px rgba(${hexToRgb(color)}, 0.5)`,\n      }}\n    >\n      <img src={icon} alt={title} />\n      <h3 className=\"mb-3 mt-0\">{title}</h3>\n      <p className=\"mb-0\">{content}</p>\n    </div>\n  );\n}\n\nexport default Service;\n","import React from \"react\";\nimport { Link } from \"react-scroll\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Service from \"../elements/Service\";\n\nconst servicesData = [\n  {\n    id: 1,\n    icon: \"images/service-1.svg\",\n    title: \".Net Development\",\n    content:\n      \"I have 17 years of experience working with .net and related tech stack. \"\n      +\"Eg. MVC, WebApi, Windows Application, MAUI, SQL Server etc.\",\n    color: \"#6C6CE5\",\n    contentColor: \"light\",\n  },\n  {\n    id: 2,\n    icon: \"images/service-2.svg\",\n    title: \"Cloud Development\",\n    content:\n      \"I have 6 years of experience with cloud technologies. I have worked on server-less and \"\n      +\" cloud-native applications across AWS & Azure\",\n    color: \"#F9D74C\",\n    contentColor: \"dark\",\n  },\n  {\n    id: 3,\n    icon: \"images/service-3.svg\",\n    title: \"Front End Development\",\n    content:\n      \"Being full stack developer, I have been working on variuos front end technologies\"\n      + \" like Angular, React, Handlebar and Blazor\",\n    color: \"#F97B8B\",\n    contentColor: \"light\",\n  },\n];\n\nfunction Services() {\n  return (\n    <section id=\"services\">\n      <div className=\"container\">\n        <Pagetitle title=\"Speaclist\" />\n        <div className=\"row fix-spacing\">\n          {servicesData.map((service) => (\n            <div className=\"col-md-4\" key={service.id}>\n              <Service service={service} />\n            </div>\n          ))}\n        </div>\n        <div className=\"mt-5 text-center\">\n          <p className=\"mb-0\">\n            Looking for a custom job?{\" \"}\n            <Link\n              className=\"colorpink pointer\"\n              to=\"section-contact\"\n              spy={true}\n              smooth={true}\n              duration={500}\n            >\n              Click here\n            </Link>{\" \"}\n            to contact me! 👋\n          </p>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Services;\n","import React from \"react\";\n\nfunction Testimonial({ slider }) {\n  const { avatar, userName, subtitle, review } = slider;\n  return (\n    <div className=\"testimonial-item text-center mx-auto\">\n      <div className=\"thumb mb-3 mx-auto\">\n        <img src={avatar} alt=\"customer-name\" />\n      </div>\n      <h4 className=\"mt-3 mb-0\">{userName}</h4>\n      <span className=\"subtitle\">{subtitle}</span>\n      <div className=\"bg-white padding-30 shadow-dark rounded triangle-top position-relative mt-4\">\n        <p className=\"mb-0\">{review}</p>\n      </div>\n    </div>\n  );\n}\n\nexport default Testimonial;\n","import React from \"react\";\nimport Slider from \"react-slick\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Testimonial from \"../elements/Testimonial\";\n\nconst sliderData = [\n  {\n    id: 1,\n    avatar: \"images/avatar-1.svg\",\n    userName: \"John Doe\",\n    subtitle: \"Product designer at Dribbble\",\n    review:\n      \"I enjoy working with the theme and learn so much. You guys make the process fun and interesting. Good luck! 👍\",\n  },\n  {\n    id: 2,\n    avatar: \"images/avatar-2.svg\",\n    userName: \"John Doe\",\n    subtitle: \"Product designer at Dribbble\",\n    review:\n      \"I enjoy working with the theme and learn so much. You guys make the process fun and interesting. Good luck! 👍\",\n  },\n  {\n    id: 3,\n    avatar: \"images/avatar-3.svg\",\n    userName: \"John Doe\",\n    subtitle: \"Product designer at Dribbble\",\n    review:\n      \"I enjoy working with the theme and learn so much. You guys make the process fun and interesting. Good luck! 👍\",\n  },\n];\n\nfunction Testimonials() {\n  const slidetSettings = {\n    dots: true,\n    arrows: false,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n  };\n\n  return (\n    <section id=\"testimonials\">\n      <div className=\"container\">\n        <Pagetitle title=\"Clients & Review\" />\n        <Slider {...slidetSettings} className=\"testimonials-wrapper\">\n          {sliderData.map((slider) => (\n            <Testimonial key={slider.id} slider={slider} />\n          ))}\n        </Slider>\n      </div>\n    </section>\n  );\n}\n\nexport default Testimonials;\n","import React, { useState } from \"react\";\nimport FsLightbox from \"fslightbox-react\";\n\nfunction Portfolio({ portfolio }) {\n  const { category, title, image, popupLink, link } = portfolio;\n  const [toggler, setToggler] = useState(false);\n\n  const handleLightbox = (e) => {\n    if (!link) {\n      e.preventDefault();\n      setToggler(!toggler);\n    }\n  };\n\n  const handleIcon = () => {\n    if (link) {\n      return <i className=\"icon-link\"></i>;\n    } else if (popupLink) {\n      if (popupLink.length > 1) {\n        if (popupLink.toString().match(/youtube/g)) {\n          return <i className=\"icon-camrecorder\"></i>;\n        }\n        return <i className=\"icon-picture\"></i>;\n      } else if (popupLink.toString().match(/youtube/g)) {\n        return <i className=\"icon-camrecorder\"></i>;\n      } else {\n        return <i className=\"icon-magnifier-add\"></i>;\n      }\n    }\n    return <i className=\"icon-magnifier-add\"></i>;\n  };\n  return (\n    <>\n      <a\n        href={link ? link : \"!#\"}\n        className=\"work-image\"\n        onClick={handleLightbox}\n      >\n        <div className=\"portfolio-item rounded shadow-dark\">\n          <div className=\"details\">\n            <span className=\"term text-capitalize\">{category}</span>\n            <h4 className=\"title\">{title}</h4>\n            <span className=\"more-button\">{handleIcon()}</span>\n          </div>\n          <div className=\"thumb\">\n            <img src={image} alt=\"Portfolio-title\" />\n            <div className=\"mask\"></div>\n          </div>\n        </div>\n      </a>\n      {popupLink && <FsLightbox toggler={toggler} sources={popupLink} />}\n    </>\n  );\n}\n\nexport default Portfolio;\n","import React, { useState, useEffect } from \"react\";\nimport ScrollAnimation from \"react-animate-on-scroll\";\nimport Pagetitle from \"../elements/Pagetitle\";\nimport Portfolio from \"../elements/Portfolio\";\n\nconst filters = [\n  {\n    id: 1,\n    text: \"Everything\",\n  },\n  {\n    id: 2,\n    text: \"creative\",\n  },\n  {\n    id: 3,\n    text: \"art\",\n  },\n  {\n    id: 4,\n    text: \"design\",\n  },\n  {\n    id: 5,\n    text: \"branding\",\n  },\n];\n\nconst allData = [\n  {\n    id: 1,\n    title: \"Project Managment Illustration\",\n    category: \"art\",\n    image: \"images/works/1.svg\",\n    popupLink: [\"images/works/1.svg\"],\n  },\n  {\n    id: 2,\n    title: \"Guest App Walkthrough Screens\",\n    category: \"creative\",\n    image: \"images/works/2.svg\",\n    popupLink: [\n      \"images/works/2.svg\",\n      \"images/works/5.svg\",\n      \"images/works/6.svg\",\n    ],\n  },\n  {\n    id: 3,\n    title: \"Delivery App Wireframe\",\n    category: \"branding\",\n    image: \"images/works/3.svg\",\n    popupLink: [\"https://www.youtube.com/watch?v=qf9z4ulfmYw\"],\n  },\n  {\n    id: 4,\n    title: \"Onboarding Motivation\",\n    category: \"creative\",\n    image: \"images/works/4.svg\",\n    popupLink: [\n      \"https://www.youtube.com/watch?v=URVHRhBSjj8\",\n      \"https://www.youtube.com/watch?v=qf9z4ulfmYw\",\n    ],\n  },\n  {\n    id: 5,\n    title: \"iMac Mockup Design\",\n    category: \"art\",\n    image: \"images/works/5.svg\",\n    popupLink: [\"images/works/5.svg\"],\n  },\n  {\n    id: 6,\n    title: \"Game Store App Concept\",\n    category: \"design\",\n    image: \"images/works/6.svg\",\n    link: \"https://dribbble.com\",\n  },\n  {\n    id: 7,\n    title: \"Project Managment Illustration\",\n    category: \"art\",\n    image: \"images/works/3.svg\",\n    link: \"https://pinterest.com\",\n  },\n  {\n    id: 8,\n    title: \"Guest App Walkthrough Screens\",\n    category: \"design\",\n    image: \"images/works/1.svg\",\n    popupLink: [\"images/works/1.svg\"],\n  },\n  {\n    id: 9,\n    title: \"Delivery App Wireframe\",\n    category: \"branding\",\n    image: \"images/works/4.svg\",\n    popupLink: [\"images/works/4.svg\"],\n  },\n  {\n    id: 10,\n    title: \"Game Store App Concept\",\n    category: \"design\",\n    image: \"images/works/6.svg\",\n    link: \"https://dribbble.com\",\n  },\n  {\n    id: 11,\n    title: \"Project Managment Illustration\",\n    category: \"art\",\n    image: \"images/works/3.svg\",\n    link: \"https://pinterest.com\",\n  },\n  {\n    id: 12,\n    title: \"Guest App Walkthrough Screens\",\n    category: \"design\",\n    image: \"images/works/1.svg\",\n    popupLink: [\"images/works/1.svg\"],\n  },\n  {\n    id: 13,\n    title: \"Delivery App Wireframe\",\n    category: \"branding\",\n    image: \"images/works/4.svg\",\n    popupLink: [\"images/works/4.svg\"],\n  },\n];\n\nfunction Works() {\n  const [getAllItems] = useState(allData);\n  const [dataVisibleCount, setDataVisibleCount] = useState(6);\n  const [dataIncrement] = useState(3);\n  const [activeFilter, setActiveFilter] = useState(\"\");\n  const [visibleItems, setVisibleItems] = useState([]);\n  const [noMorePost, setNoMorePost] = useState(false);\n\n  useEffect(() => {\n    setActiveFilter(filters[0].text.toLowerCase());\n    setVisibleItems(getAllItems.filter((item) => item.id <= 6));\n  }, [getAllItems]);\n\n  const handleChange = (e) => {\n    e.preventDefault();\n    setActiveFilter(e.target.textContent.toLowerCase());\n    let tempData;\n    if (e.target.textContent.toLowerCase() === filters[0].text.toLowerCase()) {\n      tempData = getAllItems.filter((data) => data.id <= dataVisibleCount);\n    } else {\n      tempData = getAllItems.filter(\n        (data) =>\n          data.category === e.target.textContent.toLowerCase() &&\n          data.id <= dataVisibleCount\n      );\n    }\n    setVisibleItems(tempData);\n  };\n\n  const handleLoadmore = (e) => {\n    e.preventDefault();\n    let tempCount = dataVisibleCount + dataIncrement;\n    if (dataVisibleCount > getAllItems.length) {\n      setNoMorePost(true);\n    } else {\n      setDataVisibleCount(tempCount);\n      if (activeFilter === filters[0].text.toLowerCase()) {\n        console.log(\"they are same\");\n        setVisibleItems(getAllItems.filter((data) => data.id <= tempCount));\n      } else {\n        setVisibleItems(\n          getAllItems.filter(\n            (data) => data.category === activeFilter && data.id <= tempCount\n          )\n        );\n      }\n    }\n  };\n\n  return (\n    <section id=\"works\">\n      <div className=\"container\">\n        <Pagetitle title=\"Recent Works\" />\n        {/* Start Portfolio Filters */}\n        <ScrollAnimation\n          animateIn=\"fadeInUp\"\n          animateOut=\"fadeInOut\"\n          animateOnce={true}\n        >\n          <ul className=\"portfolio-filter list-inline\">\n            {filters.map((filter) => (\n              <li className=\"list-inline-item\" key={filter.id}>\n                <button\n                  onClick={handleChange}\n                  className={\n                    filter.text.toLowerCase() === activeFilter\n                      ? \"text-capitalize current\"\n                      : \"text-capitalize\"\n                  }\n                >\n                  {filter.text}\n                </button>\n              </li>\n            ))}\n          </ul>\n        </ScrollAnimation>\n        {/* End Portfolio Filters */}\n\n        {/* Start Portfolio Items */}\n        <div className=\"row portfolio-wrapper\">\n          {visibleItems.map((item) => (\n            <div className=\"col-md-4 col-sm-6 grid-item\" key={item.id}>\n              <Portfolio portfolio={item} />\n            </div>\n          ))}\n        </div>\n        {/* End Portfolio Items */}\n\n        <div className=\"load-more text-center mt-4\">\n          <button\n            className=\"btn btn-default\"\n            onClick={handleLoadmore}\n            disabled={noMorePost ? \"disabled\" : null}\n          >\n            {noMorePost ? (\n              \"No more items\"\n            ) : (\n              <span>\n                <i className=\"fas fa-spinner\"></i> Load more\n              </span>\n            )}\n          </button>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default Works;\n","import React, { useState } from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header from \"../components/layouts/Header\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport Brandlogos from \"../components/sections/Brandlogos\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction Homepage() {\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header\n        logoSource=\"/images/SatishSutharLogo.png\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content open\" : \"content\"}>\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        {/* <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <Brandlogos />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element> */}\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default Homepage;\n","import React, { useState } from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header from \"../components/layouts/Header\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport Brandlogos from \"../components/sections/Brandlogos\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction HomepageLight() {\n  document.body.classList.remove(\"dark\");\n\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header\n        light\n        logoSource=\"/images/logo-dark.svg\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content open\" : \"content\"}>\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection light />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <Brandlogos />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default HomepageLight;\n","import React from \"react\";\n\nconst brandlogoData = [\n  {\n    id: 1,\n    image: \"images/client-1-light.svg\",\n  },\n  {\n    id: 2,\n    image: \"images/client-2-light.svg\",\n  },\n  {\n    id: 3,\n    image: \"images/client-3-light.svg\",\n  },\n  {\n    id: 4,\n    image: \"images/client-4-light.svg\",\n  },\n  {\n    id: 5,\n    image: \"images/client-5-light.svg\",\n  },\n  {\n    id: 6,\n    image: \"images/client-6-light.svg\",\n  },\n  {\n    id: 7,\n    image: \"images/client-7-light.svg\",\n  },\n  {\n    id: 8,\n    image: \"images/client-8-light.svg\",\n  },\n];\n\nfunction BrandlogosDark() {\n  return (\n    <div id=\"branglogos\">\n      <div className=\"container\">\n        <div className=\"row\">\n          {brandlogoData.map((brandlogo) => (\n            <div className=\"col-md-3 col-6\" key={brandlogo.id}>\n              <div className=\"client-item\">\n                <div className=\"inner\">\n                  <img src={brandlogo.image} alt=\"client-name\" />\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default BrandlogosDark;\n","import React, { useState } from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header from \"../components/layouts/Header\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport BrandlogosDark from \"../components/sections/BrandlogosDark\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction HomepageDark() {\n  document.body.classList.add(\"dark\");\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header\n        logoSource=\"/images/SatishSutharLogo.png\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content open\" : \"content\"}>\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <BrandlogosDark />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default HomepageDark;\n","import React from \"react\";\nimport { Link } from \"react-scroll\";\nimport Logo from \"../elements/Logo\";\n\nfunction Header2({ light, logoSource, toggleMenu, headerToggler }) {\n  const handleClasses = () => {\n    let classes = \"desktop-header-2 d-flex align-items-start flex-column\";\n    if (light & toggleMenu) {\n      classes += \" light open\";\n    } else if (toggleMenu) {\n      classes += \" open\";\n    } else if (light) {\n      classes += \" light\";\n    }\n    return classes;\n  };\n  const handleMobileClasses = () => {\n    let classes = \"mobile-header-2\";\n    if (light & toggleMenu) {\n      classes += \" light open\";\n    } else if (toggleMenu) {\n      classes += \" open\";\n    } else if (light) {\n      classes += \" light\";\n    }\n    return classes;\n  };\n  return (\n    <>\n      <header className={handleMobileClasses()}>\n        <div className=\"container\">\n          <div className=\"menu-icon d-inline-flex mr-4\">\n            <button onClick={headerToggler}>\n              <span></span>\n            </button>\n          </div>\n          <Logo logoSource={logoSource} />\n        </div>\n      </header>\n      <header className={handleClasses()}>\n        <Logo logoSource={logoSource} />\n        <nav>\n          <ul className=\"vertical-menu scrollspy\">\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-home\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-home\"></i>\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-about\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-user-following\"></i>\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-services\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-briefcase\"></i>\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-experiences\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-graduation\"></i>\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-works\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-layers\"></i>\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-blogs\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-note\"></i>\n              </Link>\n            </li>\n            <li>\n              <Link\n                activeClass=\"active\"\n                to=\"section-contact\"\n                spy={true}\n                smooth={true}\n                duration={500}\n              >\n                <i className=\"icon-bubbles\"></i>\n              </Link>\n            </li>\n          </ul>\n        </nav>\n\n        <div className=\"footer\">\n          <span className=\"copyright\">\n            &copy; {new Date().getFullYear()} Bolby Template.\n          </span>\n        </div>\n      </header>\n    </>\n  );\n}\n\nexport default Header2;\n","import React, { useState } from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header2 from \"../components/layouts/Header2\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport Brandlogos from \"../components/sections/Brandlogos\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction Homepage2() {\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content-2\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header2\n        logoSource=\"/images/logo-b-light.svg\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content-2 open\" : \"content-2\"}>\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <Brandlogos />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default Homepage2;\n","import React, { useState } from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header2 from \"../components/layouts/Header2\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport Brandlogos from \"../components/sections/Brandlogos\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction Homepage2Light() {\n  document.body.classList.remove(\"dark\");\n\n  const [toggleMenu, setToggleMenu] = useState(false);\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content-2\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header2\n        light\n        logoSource=\"/images/logo-b-dark.svg\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content-2 open\" : \"content-2\"}>\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection light />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <Brandlogos />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default Homepage2Light;\n","import React, { useState } from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header2 from \"../components/layouts/Header2\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport Brandlogos from \"../components/sections/Brandlogos\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction Homepage2Dark() {\n  document.body.classList.add(\"dark\");\n\n  const [toggleMenu, setToggleMenu] = useState(false);\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content-2\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header2\n        logoSource=\"/images/logo-b-light.svg\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content-2 open\" : \"content-2\"}>\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <Brandlogos />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default Homepage2Dark;\n","import React, { useState } from \"react\";\nimport { Link } from \"react-scroll\";\nimport Logo from \"../elements/Logo\";\n\nfunction Header3({ light, logoSource, bootstrapNav }) {\n  const [toggleNavbar, setToggleNavbar] = useState(false);\n\n  const handleMobilenav = (e) => {\n    e.preventDefault();\n    setToggleNavbar(!toggleNavbar);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content-3\")) {\n      setToggleNavbar(false);\n    }\n  });\n\n  return (\n    <header\n      className={\n        light\n          ? \"desktop-header-3 fixed-top light\"\n          : \"desktop-header-3 fixed-top\"\n      }\n    >\n      <div className=\"container\">\n        <nav className=\"navbar navbar-expand-lg navbar-dark\">\n          <Logo logoSource={logoSource} bootstrapNav={bootstrapNav} />\n          <button\n            aria-controls=\"navbarNavDropdown\"\n            aria-expanded=\"false\"\n            aria-label=\"Toggle navigation\"\n            className=\"navbar-toggler\"\n            data-target=\"#navbarNavDropdown\"\n            data-toggle=\"collapse\"\n            type=\"button\"\n            onClick={handleMobilenav}\n          >\n            <span className=\"navbar-toggler-icon\"></span>\n          </button>\n          <div\n            className={\n              toggleNavbar\n                ? \"collapse navbar-collapse show\"\n                : \"collapse navbar-collapse\"\n            }\n            id=\"navbarNavDropdown\"\n          >\n            <ul className=\"navbar-nav ml-auto scrollspy\">\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-home\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Home\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-about\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  About\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-services\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Service\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-experiences\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Experience\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-works\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Works\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-blogs\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Blog\n                </Link>\n              </li>\n              <li className=\"nav-item\">\n                <Link\n                  activeClass=\"active\"\n                  className=\"nav-link\"\n                  to=\"section-contact\"\n                  spy={true}\n                  smooth={true}\n                  duration={500}\n                >\n                  Contact\n                </Link>\n              </li>\n            </ul>\n          </div>\n        </nav>\n      </div>\n    </header>\n  );\n}\n\nexport default Header3;\n","import React from \"react\";\n\nfunction Footer({ light }) {\n  return (\n    <footer className={light ? \"footer light\" : \"footer\"}>\n      <div className=\"container\">\n        <span className=\"copyright\">\n          &copy; {new Date().getFullYear()} BSatish Suthar.\n        </span>\n      </div>\n    </footer>\n  );\n}\n\nexport default Footer;\n","import React from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header3 from \"../components/layouts/Header3\";\nimport Footer from \"../components/layouts/Footer\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport Brandlogos from \"../components/sections/Brandlogos\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction Homepage3() {\n  return (\n    <>\n      <Header3 logoSource=\"/images/logo.svg\" />\n      <main className=\"content-3\">\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <Brandlogos />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n      <Footer />\n    </>\n  );\n}\n\nexport default Homepage3;\n","import React from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header3 from \"../components/layouts/Header3\";\nimport Footer from \"../components/layouts/Footer\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport Brandlogos from \"../components/sections/Brandlogos\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction Homepage3Light() {\n  document.body.classList.remove(\"dark\");\n\n  return (\n    <>\n      <Header3 light logoSource=\"/images/logo-dark.svg\" />\n      <main className=\"content-3\">\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection light />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <Brandlogos />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n      <Footer light />\n    </>\n  );\n}\n\nexport default Homepage3Light;\n","import React from \"react\";\nimport ReactCursorPosition from \"react-cursor-position\";\nimport { Element } from \"react-scroll\";\nimport Header3 from \"../components/layouts/Header3\";\nimport Footer from \"../components/layouts/Footer\";\nimport About from \"../components/sections/About\";\nimport Blogs from \"../components/sections/Blogs\";\nimport BrandlogosDark from \"../components/sections/BrandlogosDark\";\nimport Contact from \"../components/sections/Contact\";\nimport Experiences from \"../components/sections/Experiences\";\nimport Herosection from \"../components/sections/Herosection\";\nimport Pricing from \"../components/sections/Pricing\";\nimport Services from \"../components/sections/Services\";\nimport Testimonials from \"../components/sections/Testimonials\";\nimport Works from \"../components/sections/Works\";\n\nfunction Homepage3() {\n  document.body.classList.add(\"dark\");\n  return (\n    <>\n      <Header3 logoSource=\"/images/SatishSutharLogo.png\" />\n      <main className=\"content-3\">\n        <Element name=\"section-home\">\n          <ReactCursorPosition>\n            <Herosection />\n          </ReactCursorPosition>\n        </Element>\n        <Element name=\"section-about\">\n          <About />\n        </Element>\n        <Element name=\"section-services\">\n          <Services />\n        </Element>\n        <Element name=\"section-experiences\">\n          <Experiences />\n        </Element>\n        <Element name=\"section-works\">\n          <Works />\n        </Element>\n        <Element name=\"section-pricing\">\n          <Pricing />\n        </Element>\n        <Element name=\"section-testimoninal\">\n          <Testimonials />\n        </Element>\n        <Element name=\"section-brandlogos\">\n          <BrandlogosDark />\n        </Element>\n        <Element name=\"section-blogs\">\n          <Blogs />\n        </Element>\n        <Element name=\"section-contact\">\n          <Contact />\n        </Element>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n      <Footer />\n    </>\n  );\n}\n\nexport default Homepage3;\n","import React from \"react\";\n\nfunction Pagination({ itemsPerPage, totalItems, paginate, currentPage }) {\n  const pageNumbers = [];\n\n  for (let i = 1; i <= Math.ceil(totalItems / itemsPerPage); i++) {\n    pageNumbers.push(i);\n  }\n\n  return (\n    <div className=\"blog-pagination text-center\">\n      <ul>\n        {currentPage === 1 ? null : (\n          <li>\n            <a onClick={(e) => paginate(e, currentPage - 1)} href=\"!#\">\n              <i className=\"icon-arrow-left\"></i>\n            </a>\n          </li>\n        )}\n        {pageNumbers.map((number) => (\n          <li\n            key={number}\n            className={currentPage === number ? \"is-active\" : null}\n          >\n            <a onClick={(e) => paginate(e, number)} href=\"!#\">\n              {number}\n            </a>\n          </li>\n        ))}\n        {currentPage === pageNumbers[pageNumbers.length - 1] ? null : (\n          <li>\n            <a onClick={(e) => paginate(e, currentPage + 1)} href=\"!#\">\n              <i className=\"icon-arrow-right\"></i>\n            </a>\n          </li>\n        )}\n      </ul>\n    </div>\n  );\n}\n\nexport default Pagination;\n","import React, { useState, useEffect } from \"react\";\nimport Header from \"../components/layouts/Header\";\nimport Blog from \"../components/elements/Blog\";\nimport Pagination from \"../components/elements/Pagination\";\n\nconst allBlogs = [\n  {\n    id: 1,\n    title: \"5 Best App Development Tool for Your Project\",\n    image: \"images/blog/1.svg\",\n    filesource: \"../../blogs/best-app-development-tool.md\",\n    date: \"09 February, 2020\",\n    author: \"Bolby\",\n    category: \"Reviews\",\n  },\n  {\n    id: 2,\n    title: \"Common Misconceptions About Payment\",\n    image: \"images/blog/2.svg\",\n    filesource: \"../../blogs/common-misconceptions-about-payment.md\",\n    date: \"07 February, 2020\",\n    author: \"Bolby\",\n    category: \"Tutorial\",\n  },\n  {\n    id: 3,\n    title: \"3 Things To Know About Startup Business\",\n    image: \"images/blog/3.svg\",\n    filesource: \"../../blogs/things-to-know-about-startup-business.md\",\n    date: \"06 February, 2020\",\n    author: \"Bolby\",\n    category: \"Business\",\n  },\n  {\n    id: 4,\n    title: \"5 Best App Development Tool for Your Project\",\n    image: \"images/blog/1.svg\",\n    filesource: \"../../blogs/best-app-development-tool.md\",\n    date: \"09 February, 2020\",\n    author: \"Bolby\",\n    category: \"Reviews\",\n  },\n  {\n    id: 5,\n    title: \"Common Misconceptions About Payment\",\n    image: \"images/blog/2.svg\",\n    filesource: \"../../blogs/common-misconceptions-about-payment.md\",\n    date: \"07 February, 2020\",\n    author: \"Bolby\",\n    category: \"Tutorial\",\n  },\n  {\n    id: 6,\n    title: \"3 Things To Know About Startup Business\",\n    image: \"images/blog/3.svg\",\n    filesource: \"../../blogs/things-to-know-about-startup-business.md\",\n    date: \"06 February, 2020\",\n    author: \"Bolby\",\n    category: \"Business\",\n  },\n  {\n    id: 7,\n    title: \"5 Best App Development Tool for Your Project\",\n    image: \"images/blog/1.svg\",\n    filesource: \"../../blogs/best-app-development-tool.md\",\n    date: \"09 February, 2020\",\n    author: \"Bolby\",\n    category: \"Reviews\",\n  },\n  {\n    id: 8,\n    title: \"Common Misconceptions About Payment\",\n    image: \"images/blog/2.svg\",\n    filesource: \"../../blogs/common-misconceptions-about-payment.md\",\n    date: \"07 February, 2020\",\n    author: \"Bolby\",\n    category: \"Tutorial\",\n  },\n  {\n    id: 9,\n    title: \"3 Things To Know About Startup Business\",\n    image: \"images/blog/3.svg\",\n    filesource: \"../../blogs/things-to-know-about-startup-business.md\",\n    date: \"06 February, 2020\",\n    author: \"Bolby\",\n    category: \"Business\",\n  },\n  {\n    id: 10,\n    title: \"5 Best App Development Tool for Your Project\",\n    image: \"images/blog/1.svg\",\n    filesource: \"../../blogs/best-app-development-tool.md\",\n    date: \"09 February, 2020\",\n    author: \"Bolby\",\n    category: \"Reviews\",\n  },\n];\n\nfunction Bloglist() {\n  // document.body.classList.add(\"dark\");\n  //Uncomment the above line if you use dark version\n\n  const [posts, setPosts] = useState([]);\n  const [currentPage, setCurrentPage] = useState(1);\n  const [postsPerPage] = useState(6);\n\n  useEffect(() => {\n    setPosts(allBlogs);\n  }, []);\n\n  const indexOfLastPost = currentPage * postsPerPage;\n  const indexOfFirstPost = indexOfLastPost - postsPerPage;\n  const currentPosts = posts.slice(indexOfFirstPost, indexOfLastPost);\n\n  const paginate = (e, pageNumber) => {\n    e.preventDefault();\n    setCurrentPage(pageNumber);\n  };\n\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  return (\n    <>\n      <Header\n        logoSource=\"/images/logo.svg\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content open\" : \"content\"}>\n        <div className=\"spacer\" data-height=\"96\"></div>\n        <div className=\"blog-page-section\">\n          <div className=\"container\">\n            <div className=\"row blog-wrapper fix-spacing\">\n              {currentPosts.map((blogItem) => (\n                <div className=\"col-md-6\" key={blogItem.id}>\n                  <Blog blogData={blogItem} />\n                </div>\n              ))}\n            </div>\n            <div className=\"spacer\" data-height=\"50\"></div>\n            {!(posts.length > postsPerPage) ? null : (\n              <Pagination\n                itemsPerPage={postsPerPage}\n                totalItems={posts.length}\n                paginate={paginate}\n                currentPage={currentPage}\n              />\n            )}\n          </div>\n        </div>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default Bloglist;\n","import React, { useState, useEffect } from \"react\";\nimport Markdown from \"markdown-to-jsx\";\nimport Disqus from \"disqus-react\";\nimport Header from \"../components/layouts/Header\";\n\nfunction BlogDetails(props) {\n  const [content, setContent] = useState(\"\");\n  const blogId = props.match.params.id;\n  const blogFile = props.match.params.title;\n\n  useEffect(() => {\n    import(`../blogs/${blogFile}.md`)\n      .then((res) => res.default)\n      .then((res) => {\n        fetch(res)\n          .then((result) => result.text())\n          .then((result) => setContent(result));\n      });\n  }, [content, blogFile]);\n\n  const disqusShortname = \"bolby\"; //found in your Disqus.com dashboard\n  const disqusConfig = {\n    url: \"https://jthemes.net/themes/react/bolby\", //Homepage link of this site.\n    identifier: blogId,\n    title: blogFile,\n  };\n\n  const [toggleMenu, setToggleMenu] = useState(false);\n\n  const headerToggler = (e) => {\n    e.preventDefault();\n    setToggleMenu(!toggleMenu);\n  };\n\n  document.addEventListener(\"click\", function (e) {\n    if (e.target.closest(\".content\")) {\n      setToggleMenu(false);\n    }\n  });\n\n  // document.body.classList.add(\"dark\");\n  //Uncomment the above line if you use dark version\n\n  return (\n    <>\n      <Header\n        logoSource=\"/images/SatishSutharLogo.png\"\n        toggleMenu={toggleMenu}\n        headerToggler={headerToggler}\n      />\n      <main className={toggleMenu ? \"content open\" : \"content\"}>\n        <div className=\"spacer\" data-height=\"96\"></div>\n        <div className=\"blog-page-section\">\n          <div className=\"container\">\n            <div className=\"blog-single shadow-dark p-30\">\n              <Markdown>{content}</Markdown>\n              <div className=\"mi-blog-details-comments mt-30\">\n                <Disqus.DiscussionEmbed\n                  shortname={disqusShortname}\n                  config={disqusConfig}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"spacer\" data-height=\"96\"></div>\n      </main>\n    </>\n  );\n}\n\nexport default BlogDetails;\n","import React from \"react\";\nimport { BrowserRouter, Switch, Route } from \"react-router-dom\";\nimport Homepage from \"./pages/Homepage\";\nimport HomepageLight from \"./pages/HomepageLight\";\nimport HomepageDark from \"./pages/HomepageDark\";\nimport Homepage2 from \"./pages/Homepage2\";\nimport Homepage2Light from \"./pages/Homepage2Light\";\nimport Homepage2Dark from \"./pages/Homepage2Dark\";\nimport Homepage3 from \"./pages/Homepage3\";\nimport Homepage3Light from \"./pages/Homepage3Light\";\nimport Homepage3Dark from \"./pages/Homepage3Dark\";\nimport Bloglist from \"./pages/Bloglist\";\nimport BlogDetails from \"./pages/BlogDetails\";\nimport \"./App.scss\";\n\nfunction App() {\n  return (\n    <BrowserRouter>\n      <Switch>\n        <Route path=\"/\" exact>\n          <Homepage />\n        </Route>\n        <Route path=\"/dark\" exact>\n          <HomepageDark />\n        </Route>\n        <Route path=\"/light\" exact>\n          <HomepageLight />\n        </Route>\n        <Route path=\"/index-2\" exact>\n          <Homepage2 />\n        </Route>\n        <Route path=\"/index-2-light\" exact>\n          <Homepage2Light />\n        </Route>\n        <Route path=\"/index-2-dark\" exact>\n          <Homepage2Dark />\n        </Route>\n        <Route path=\"/index-3\" exact>\n          <Homepage3 />\n        </Route>\n        <Route path=\"/index-3-light\" exact>\n          <Homepage3Light />\n        </Route>\n        <Route path=\"/index-3-dark\" exact>\n          <Homepage3Dark />\n        </Route>\n        <Route path=\"/blogs\" component={Bloglist} exact />\n        <Route path=\"/blogs/blog-details/:id/:title\" component={BlogDetails} />\n      </Switch>\n    </BrowserRouter>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport \"animate.css/animate.min.css\";\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}