{"version":3,"sources":["routing/paths.js","ui/Columns.js","ui/DiscoverMore.js","ui/H1.js","ui/H2.js","ui/H4.js","ui/Screen.js","ui/Section.js","ui/Footer.js","ui/Icon.js","ui/Image.js","ui/H3.js","ui/Header.js","ui/Page.js","pages/HomePage/Hero.js","pages/HomePage/Services.js","pages/HomePage/About.js","pages/HomePage/Help.js","pages/HomePage/Clients.js","pages/HomePage/HomePage.js","App.js","serviceWorker.js","index.js"],"names":["HOME","Columns","styled","div","_templateObject","Column","_templateObject2","Link","a","DiscoverMore_templateObject","Discover","span","attrs","children","DiscoverMore_templateObject2","More","_templateObject3","DiscoverMore","_ref","href","react_default","createElement","target","H1","h1","H1_templateObject","H2","as","H2_templateObject","H4","H4_templateObject","Screen","Screen_templateObject","Section","Section_templateObject","White","Section_templateObject2","Lighter","Section_templateObject3","Light","_templateObject4","Dark","_templateObject5","Container","Footer_templateObject","Name","Footer_templateObject2","Text","p","Footer_templateObject3","Closing","Footer_templateObject4","Footer","library","add","faChevronCircleDown","faFacebookF","faInstagram","faTwitter","faLinkedinIn","Icon","props","index_es","ChevronCircleDown","Icon_Icon","icon","Facebook","Instagram","Twitter","LinkedIn","Img","img","Image_templateObject","Image","src","_ref$extension","extension","_ref$alt","alt","srcSet","concat","H3","H3_templateObject","header","Header_templateObject","Title","Header_templateObject2","Socials","Header_templateObject3","Header_templateObject4","Header","Header_Container","Header_Link","Page_templateObject","Page","className","Page_Container","Hero_templateObject","Content","Hero_templateObject2","Hero_templateObject3","CallToAction","Hero_templateObject4","Hero","Hero_Container","Header_Header","Hero_Title","Services_templateObject","Services_templateObject2","ServiceContainer","Services_templateObject3","Service","image","name","Image_Image","Services_Title","Services","Services_Container","Services_Service","DiscoverMore_DiscoverMore","About_templateObject","InnerContainer","About_templateObject2","About_templateObject3","About_templateObject4","About","About_Container","About_Title","About_Text","Help_templateObject","Help_templateObject2","Help_templateObject3","Third","Help_templateObject4","Point","Help_Text","Help","Help_Container","Help_Title","Help_Point","Clients_templateObject","Clients_templateObject2","ClientsList","Clients_templateObject3","ClientContainer","Clients_templateObject4","Client","Clients","Clients_Container","Clients_Title","Clients_Client","HomePage","Page_Page","HomePage_Hero","HomePage_Services","HomePage_About","HomePage_Help","HomePage_Clients","Footer_Footer","App","react_router_dom","react_router","path","Paths","component","Pages","Boolean","window","location","hostname","match","ReactDOM","render","src_App","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.9c336f64.chunk.js","sourcesContent":["export const HOME = '/'\n","import styled from 'styled-components'\n\nconst Columns = styled.div `\n  display: flex;\n  margin-left: -30px;\n\n  @media screen and (max-width: 640px) {\n    flex-direction: column;\n    margin-left: 0px;\n  }\n`\n\nColumns.Column = styled.div `\n  margin-left: 30px;\n  @media screen and (max-width: 640px) {\n    margin-left: 0px;\n  }\n  flex-grow: 1;\n  box-sizing: border-box;\n`\n\nexport { Columns }\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst Link = styled.a `\n  position: absolute;\n  right: 0px;\n  bottom: 40px;\n  display: inline-block;\n  border-bottom: 1px solid #393939;\n  width: 225px;\n  text-align: right;\n  color: #393939;\n  padding-bottom: 15px;\n  padding-right: 30px;\n\n  @media screen and (max-width: 640px) {\n    right: auto;\n    left: 50%;\n    transform: translateX(-50%);\n    bottom: 35px;\n  }\n`\n\nconst Discover = styled.span.attrs({ children: 'Discover' }) `\n  display: inline-block;\n  font-family: 'Georgia';\n  font-style: italic;\n  font-size: 13px;\n  letter-spacing: 3px;\n`\n\nconst More = styled.span.attrs({ children: 'More' }) `\n  display: inline-block;\n  text-transform: uppercase;\n  font-weight: 600;\n  margin-left: 10px;\n  letter-spacing: 3px;\n`\n\nconst DiscoverMore = ({ href }) => (\n  <Link href=\"/pdfs/portfolio.pdf\" target=\"_blank\">\n    <Discover /><More />\n  </Link>\n)\n\nexport { DiscoverMore }\n","import styled from 'styled-components'\n\nconst H1 = styled.h1 `\n  font-size: 31px;\n  font-weight: 300;\n  text-align: center;\n  max-width: 820px;\n  line-height: 1.4;\n  letter-spacing: 3px;\n`\n\nexport { H1 }\n","import styled from 'styled-components'\n\nimport { H1 } from './H1'\n\nconst H2 = styled(H1).attrs({ as: 'h2' }) `\n  max-width: 700px;\n`\n\nexport { H2 }\n","import styled from 'styled-components'\n\nimport { H2 } from './H2'\n\nconst H4 = styled(H2).attrs({ as: 'h4' }) `\n  color: #FFFFFF;\n`\n\nexport { H4 }\n","import styled from 'styled-components'\n\nconst Screen = styled.div `\n  width: 100%;\n  max-width: 1366px;\n  margin: 0px auto;\n  padding: 0px;\n`\n\nexport { Screen }\n","import styled from 'styled-components'\n\nconst Section = styled.div `\n  box-sizing: border-box;\n  padding: 30px;\n  position: relative;\n`\n\nSection.White = styled(Section) `\n  background: #FFFFFF;\n`\n\nSection.Lighter = styled(Section) `\n  background: #FAFAFA;\n`\n\nSection.Light = styled(Section) `\n  background: #F1F1F1;\n`\n\nSection.Dark = styled(Section) `\n  background: #393939;\n`\n\nexport { Section }\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { H4 } from './H4'\nimport { Screen } from './Screen'\nimport { Section } from './Section'\n\nconst Container = styled(Section.Dark) `\n  padding-top: 110px;\n  padding-bottom: 110px;\n\n  @media screen and (max-width: 640px) {\n    padding-top: 125px;\n    padding-bottom: 90px;\n  }\n`\n\nconst Name = styled(H4) `\n  text-align: left;\n  margin-top: 0px;\n  margin-bottom: 30px;\n  @media screen and (max-width: 640px) {\n    margin-bottom: 50px;\n  }\n\n  em {\n    font-style: italic;\n    font-weight: 100;\n  }\n`\n\nconst Text = styled.p `\n  margin: 0px 0px 15px 0px;\n  @media screen and (max-width: 640px) {\n    margin-bottom: 25px;\n  }\n  color: #FFFFFF;\n  font-size: 24px;\n  font-weight: 300;\n  letter-spacing: 2px;\n\n  strong {\n    font-weight: 600;\n  }\n\n  @media screen and (max-width: 640px) {\n    font-size: 20px;\n  }\n`\n\nconst Closing = styled(Text) `\n  margin-top: 110px;\n  @media screen and (max-width: 640px) {\n    margin-top: 104px;\n  }\n`\n\nconst Footer = () => (\n  <footer>\n    <Container>\n      <Screen>\n        <Name>Federico Zerbinati <em>Creative Consulting</em></Name>\n        <Text><strong>Office</strong></Text>\n        <Text>Via Antonio Canova 28, 20900 Monza (Italy)</Text>\n        <Text><strong>M:</strong> +39 3477443394</Text>\n        <Text><strong>E:</strong> info@federicozerbinati.com</Text>\n        <Closing>2006 / P.IVA 05447710962</Closing>\n      </Screen>\n    </Container>\n  </footer>\n)\n\nexport { Footer }\n","import React from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { library } from '@fortawesome/fontawesome-svg-core'\n\nimport {\n\tfaChevronCircleDown\n} from '@fortawesome/pro-light-svg-icons'\nimport {\n\tfaFacebookF,\n\tfaInstagram,\n\tfaTwitter,\n\tfaLinkedinIn\n} from '@fortawesome/free-brands-svg-icons'\n\nlibrary.add(\n\tfaChevronCircleDown,\n\tfaFacebookF,\n\tfaInstagram,\n\tfaTwitter,\n\tfaLinkedinIn\n)\n\nconst Icon = props =>\n\t<FontAwesomeIcon { ...props } />\n\nIcon.ChevronCircleDown = () => <Icon icon={ faChevronCircleDown } />\nIcon.Facebook = () => <Icon icon={ faFacebookF } />\nIcon.Instagram = () => <Icon icon={ faInstagram } />\nIcon.Twitter = () => <Icon icon={ faTwitter } />\nIcon.LinkedIn = () => <Icon icon={ faLinkedinIn } />\n\nexport { Icon }\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst Img = styled.img `\n  width: 100%;\n  max-width: 100%;\n  display: inline-block;\n`\n\nconst Image = ({ src, extension = 'jpg', alt = '' }) => (\n  <Img\n    srcSet={ `${src}.${extension}, ${src}@2x.${extension} 2x` }\n    src={ `${src}.${extension}` }\n    alt={ alt }\n  />\n)\n\nexport { Image }\n","import styled from 'styled-components'\n\nimport { H2 } from './H2'\n\nconst H3 = styled(H2).attrs({ as: 'h3' }) `\n  font-size: 26px;\n  font-weight: 300;\n  color: #A1A1A1;\n`\n\nexport { H3 }\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { Icon } from './Icon'\n\nconst Container = styled.header `\n  display: flex;\n  justify-content: center;\n`\n\nconst Title = styled.div `\n  margin-top: 4px;\n  text-transform: uppercase;\n  font-size: 12px;\n  letter-spacing: 2px;\n\n  @media screen and (max-width: 640px) {\n    margin-top: 7px;\n  }\n`\n\nconst Socials = styled.div `\n  position: absolute;\n  top: 30px;\n  right: 120px;\n\n  @media screen and (max-width: 640px) {\n    margin-top: 30px;\n    top: 52px;\n    right: auto;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n`\n\nconst Link = styled.a.attrs({ target: '_blank' }) `\n  color: #393939;\n  display: inline-block;\n  margin-left: 20px;\n  @media screen and (max-width: 640px) {\n    margin-left: 10px;\n    margin-right: 10px;\n  }\n`\n\nconst Header = () => (\n  <Container>\n    <Title>Federico Zerbinati Creative Consulting</Title>\n    <Socials>\n      <Link href=\"https://www.instagram.com/federicozerbinaticonsulting/?hl=it\"><Icon.Instagram /></Link>\n      <Link href=\"https://twitter.com/f_zerbinati\"><Icon.Twitter /></Link>\n      <Link href=\"https://www.linkedin.com/in/federico-zerbinati-a7382515/\"><Icon.LinkedIn /></Link>\n    </Socials>\n  </Container>\n)\n\n// <Link href=\"https://www.facebook.com/federico.zerbinati\"><Icon.Facebook /></Link>\n\nexport { Header }\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst Container = styled.div `\n  margin: 0px;\n  padding: 0px;\n`\n\nconst Page = ({ className, children }) => (\n  <Container className={ className }>\n    { children }\n  </Container>\n)\n\nexport { Page }\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { Icon, H1, Header, Screen, Section } from 'ui'\n\nconst Container = styled(Section.Lighter) `\n  height: 100vh;\n  padding-bottom: 22px;\n\n  @media screen and (max-width: 640px) {\n    padding-bottom: 92px;\n  }\n`\n\nconst Content = styled(Screen) `\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n`\n\nconst Title = styled(H1) `\n  margin: 50px 0px 0px 0px;\n`\n\nconst CallToAction = styled.a `\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  cursor: pointer;\n\n  &:hover {\n    font-weight: bold;\n  }\n\n  svg {\n    margin-top: 10px;\n    font-size: 18px;\n  }\n`\n\nconst Hero = ({ children }) => (\n  <Container>\n    <Content>\n      <Header />\n      <Title>\n        Creative, Marketing and Communication consultancy\n        for high potential companies\n      </Title>\n      <CallToAction>\n        View portfolio\n        <Icon.ChevronCircleDown />\n      </CallToAction>\n    </Content>\n  </Container>\n)\n\nexport default Hero\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { Columns, DiscoverMore, H2, Image, Screen, Section } from 'ui'\n\nconst Title = styled(H2) `\n  margin-top: 12px;\n  margin-bottom: 23px;\n\n  font-size: 20px;\n  font-weight: normal;\n  letter-spacing: 1px;\n  text-align: left;\n\n  @media screen and (max-width: 640px) {\n    text-align: center;\n    margin-bottom: 42px;\n  }\n`\n\nconst Container = styled(Section.Light) `\n  padding-bottom: 67px;\n\n  @media screen and (max-width: 640px) {\n    padding-top: 18px;\n    padding-bottom: 52px;\n  }\n`\n\nconst ServiceContainer = styled(Columns.Column) `\n  display: flex;\n  flex-direction: column;\n`\n\nconst Service = ({ image, name }) => (\n  <ServiceContainer>\n    <Image src={ image } />\n    <Title>{name }</Title>\n  </ServiceContainer>\n)\n\nconst Services = () => (\n  <Container>\n    <Screen>\n      <Columns>\n        <Service image=\"/images/home/golden-compass\" name=\"Awards and Mentions winning professionist\" />\n        <Service image=\"/images/home/brand\" name=\"Brand identity, Graphic Design and Image postproduction\" />\n      </Columns>\n      <Columns>\n        <Service image=\"/images/home/marketing\" name=\"Marketing, Luxury Marketing and Brand development\" />\n        <Service image=\"/images/home/events\" name=\"Communication strategy and Events\" />\n      </Columns>\n      <DiscoverMore />\n    </Screen>\n  </Container>\n)\n\nexport default Services\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { DiscoverMore, H2, Screen, Section } from 'ui'\n\nconst Container = styled(Section.White) `\n  padding-top: 105px;\n  padding-bottom: 105px;\n\n  @media screen and (max-width: 640px) {\n    padding-top: 100px;\n    padding-bottom: 120px;\n  }\n`\n\nconst InnerContainer = styled(Screen) `\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`\n\nconst Title = styled(H2) `\n  margin: 0px 0px 90px 0px;\n\n  @media screen and (max-width: 640px) {\n    margin-bottom: 60px;\n  }\n`\n\nconst Text = styled.p `\n  line-height: calc(18px + 22px);\n  margin: 0px;\n  font-size: 18px;\n  font-weight: 300;\n  letter-spacing: 1px;\n  text-align: center;\n\n  @media screen and (max-width: 640px) {\n    line-height: 36px;\n  }\n`\n\nconst About = () => (\n  <Container>\n    <InnerContainer>\n      <Title>\n        Creative Direction,<br />\n        Marketing and Communication specialist helping achieve your greatness\n      </Title>\n      <Text>\n        Expert in Creative Direction and Visual Design,<br />\n        he is active in the field of marketing strategies with a keen focus on all aspects related to brand development and communication.\n      </Text>\n      <Text>\n        During fifteen years of experience, he has developed multidisciplinary hard and soft skills for the design of assets, development of the brand equity and communication on behalf of Italian and international companies, held the role of Creative Director for agencies specializing in the design, luxury, branding, editorial, web-digital, events and consultant for communications on behalf of structured companies.\n      </Text>\n      <Text>\n        He received numerous awards including the Honorable Mention at the XX Compasso D’oro ADI Award in 2004.\n      </Text>\n      <DiscoverMore />\n    </InnerContainer>\n  </Container>\n)\n\nexport default About\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { Columns, DiscoverMore, H2, H3, Screen, Section } from 'ui'\n\nconst Container = styled(Section.Light) `\n  padding-top: 110px;\n  padding-bottom: 10px;\n\n  @media screen and (max-width: 640px) {\n    padding-top: 94px;\n    padding-bottom: 55px;\n  }\n`\n\nconst Title = styled(H2) `\n  margin: 0px auto 85px auto;\n  @media screen and (max-width: 640px) {\n    margin-bottom: 70px;\n  }\n`\n\nconst Text = styled(H3) `\n  margin-top: 10px;\n  margin-bottom: 110px;\n\n  @media screen and (max-width: 640px) {\n    margin-bottom: 65px;\n  }\n`\n\nconst Third = styled(Columns.Column) `\n  width: 33%;\n  @media screen and (max-width: 640px) {\n    width: 100%;\n  }\n`\n\nconst Point = ({ children }) => (\n  <Third>\n    <Text>{ children }</Text>\n  </Third>\n)\n\nconst Help = () => (\n  <Container>\n    <Screen>\n      <Title>How can I help you achieve greatness</Title>\n      <Columns>\n        <Point>Creative Direction</Point>\n        <Point>Marketing</Point>\n        <Point>Communication</Point>\n      </Columns>\n      <Columns>\n        <Point>Graphic Design</Point>\n        <Point>Luxury Marketing</Point>\n        <Point>Editorial Design</Point>\n      </Columns>\n      <Columns>\n        <Point>Web Design</Point>\n        <Point>Imaginery & VFX</Point>\n        <Point>Event Design</Point>\n      </Columns>\n      <DiscoverMore />\n    </Screen>\n  </Container>\n)\n\nexport default Help\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { Columns, DiscoverMore, H2, Image, Screen, Section } from 'ui'\n\nconst Container = styled(Section.White) `\n  padding: 110px 30px;\n\n  @media screen and (max-width: 640px) {\n    padding-top: 100px;\n  }\n`\n\nconst Title = styled(H2) `\n  margin: 0px auto 110px auto;\n\n  @media screen and (max-width: 640px) {\n    margin-bottom: 70px;\n  }\n`\n\nconst ClientsList = styled(Columns) `\n  margin-left: -100px;\n`\n\nconst ClientContainer = styled(Columns.Column) `\n  margin-left: 100px;\n  text-align: center;\n\n  @media screen and (max-width: 640px) {\n    img {\n      max-width: 75%;\n    }\n  }\n`\n\nconst Client = ({ image }) =>\n  <ClientContainer>\n    <Image src={ image } extension=\"png\" />\n  </ClientContainer>\n\nconst Clients = () => (\n  <Container>\n    <Screen>\n      <Title>Clients in all industries</Title>\n      <ClientsList>\n        <Client image=\"/images/clients/salam\" />\n        <Client image=\"/images/clients/donisia\" />\n        <Client image=\"/images/clients/haute\" />\n        <Client image=\"/images/clients/aspria\" />\n      </ClientsList>\n      <ClientsList>\n        <Client image=\"/images/clients/caffe\" />\n        <Client image=\"/images/clients/coppolino\" />\n        <Client image=\"/images/clients/grandi-architetture-partners\" />\n        <Client image=\"/images/clients/giacomini\" />\n      </ClientsList>\n      <DiscoverMore />\n    </Screen>\n  </Container>\n)\n\nexport default Clients\n","import React from 'react'\n\nimport { Footer, Page } from 'ui'\nimport Hero from './Hero'\nimport Services from './Services'\nimport About from './About'\nimport Help from './Help'\nimport Clients from './Clients'\n\nconst HomePage = () => (\n  <Page>\n    <Hero />\n    <Services />\n    <About />\n    <Help />\n    <Clients />\n    <Footer />\n  </Page>\n)\n\nexport default HomePage\n","import React from 'react'\nimport { BrowserRouter, Switch, Route } from 'react-router-dom'\n\nimport { Paths, Pages } from 'routing'\n\nconst App = () => (\n  <BrowserRouter>\n    <Switch>\n      <Route path={ Paths.HOME } component={ Pages.HomePage } />\n    </Switch>\n  </BrowserRouter>\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.1/8 is 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    .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.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nimport 'typeface-source-sans-pro'\n\nReactDOM.render(<App />, document.getElementById('root'));\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":""}