{"version":3,"sources":["pages/Home/Components/Header.js","pages/Home/Components/Feature.js","pages/Home/Components/About.js","pages/Home/Components/Contact.js","pages/Home/Components/Form.js","pages/Home/index.js","pages/Instagram/index.js","pages/Thanks/index.js","pages/NotFound/index.js","Main.js","App.js","serviceWorker.js","index.js"],"names":["scrollSmoothTo","elementId","document","getElementById","scrollIntoView","block","behavior","Header","className","onClick","id","href","Feature","About","Contact","Form","name","action","netlify-honeypot","method","netlify","src","alt","type","rows","cols","rel","target","Home","Component","Thanks","Main","exact","path","Instagram","App","Boolean","window","location","hostname","match","ReactDOM","render","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.24243cb5.chunk.js","sourcesContent":["import React from 'react';\nimport '../home.css';\n\nconst scrollSmoothTo = (elementId) => {\n  var element = document.getElementById(elementId);\n  element.scrollIntoView({\n    block: 'start',\n    behavior: 'smooth'\n  });\n}\n\nconst Header = () => (\n  <div>\n    <header className=\"potted-header\">\n      <div className=\"header-div\">\n        <div onClick={() => scrollSmoothTo('about')} className=\"header-link\" id=\"about-link\">\n          <p id=\"about-link-p\">ABOUT</p>\n        </div>\n      </div>\n      <div className=\"header-div\">\n        <a href=\"/\" className=\"header-link potted\" id=\"potted\">\n          <p>POTTED</p>\n        </a>\n      </div>\n      <div className=\"header-div\">\n        <div onClick={() => scrollSmoothTo('contact')} className=\"header-link\" id=\"contact-link\">\n          <p id=\"contact-link-p\">CONTACT US!</p>\n        </div>\n      </div>\n    </header>\n    <div />\n  </div>\n);\n\nexport default Header;\n","import React from 'react';\nimport '../home.css';\n\nconst Feature = () => (\n\t<div>\n    <div id=\"home\" className=\"background\">\n      <div className=\"curated\">\n        <p>Curated interior plant design</p>\n      </div>\n      <div className=\"curated\">\n        <p>that makes your space feel</p>\n      </div>\n      <div className=\"curated\">\n        <p>healthy, happy and genuinely you</p>\n      </div>\n    </div>\n  </div>\n);\n\nexport default Feature;\n","import React from 'react';\nimport '../home.css';\n\nconst About = () => (\n  <div className=\"about\" id=\"about\">\n    <div className=\"about-text\">\n      <div className=\"about-text-p\">\n        <p>about</p>\n      </div>\n      <p>\n        Potted, PGH’s curated interior plant design strives to enhance your day-to-day living by\n        breathing new life into your space.\n      </p>\n      <p>\n        Indoor plants look great but they can also improve the air quality in your home. Some people say\n        that they can even improve your physical and mental health. It can seem daunting to take on\n        living things in your home, but it doesn&#39;t have to be! Let the Potted team help you find plants that\n        fit your needs, whether that be pet safe, low light tolerant, low maintenance, and more.\n      </p>\n      <p>\n        Potted, PGH was born out of a shared passion of its two founders. In the process of filling their\n        own homes with houseplants, they garnered a lot of knowledge about what plants can work best\n        in certain situations. Now, they want to share their joy and knowledge of houseplants with you!\n      </p>\n    </div>\n    <div className=\"woman\" />\n  </div>\n);\n\n\nexport default About;\n","import React from 'react';\nimport '../home.css';\n\nconst Contact = () => (\n  <div>\n    <div className=\"contact-text\">\n      <div className=\"contact-text-p\">\n        <p>contact us</p>\n      </div>\n      <p className=\"interested\">\n  \t\t\tInterested in your own specialized interior plant design? shoot us an email, instagram dm or fill out the  form below to get started today!\n  \t\t</p>\n    </div>\n  </div>\n);\n\n\nexport default Contact;\n","import React from 'react';\nimport '../home.css';\n\nconst Form = () => (\n  <div id=\"form\">\n    <form name=\"contact\" className=\"form\" action=\"/thanks.html\" netlify-honeypot=\"bot-field\" method=\"POST\" netlify=\"true\">\n      <img src=\"NewPotGif.gif\" alt=\"houseplant\" className=\"houseplant\" />\n      <div className=\"form-div\">\n        <p className=\"form-text\">\n          Name:\n        </p>\n        <input className=\"contact-input\" type=\"text\" name=\"name\" />\n      </div>\n      <div className=\"form-div\">\n        <p className=\"form-text\">\n          Email:\n        </p>\n        <input className=\"contact-input\" type=\"text\" name=\"email\" />\n      </div>\n      <div className=\"form-div help\">\n        <p className=\"form-text\">\n          What Can We Help You With?:\n        </p>\n        <textarea className=\"contact-input\" rows=\"10\" cols=\"30\" name=\"message\" />\n      </div>\n      <div className=\"icons\">\n        <a href=\"mailto: admin@pottedpgh.com\" className=\"icon\">\n          <i className=\"far fa-envelope fa-3x\"></i>\n        </a>\n        <a href=\"https://www.instagram.com/pottedpgh/\" rel=\"noopener noreferrer\" target=\"_blank\" className=\"icon\">\n          <i className=\"fab fa-instagram fa-3x\"></i>\n        </a>\n        <a href=\"/thank-you\" rel=\"noopener noreferrer\" className=\"icon\">\n          <i className=\"fab fa-instagram fa-3x\"></i>\n        </a>\n      </div>\n      <input className=\"submit-button\" type=\"submit\" name=\"submit\" />\n    </form>\n  </div>\n);\n\nexport default Form;\n","import React, { Component } from 'react';\nimport Header from './Components/Header.js';\nimport Feature from './Components/Feature.js';\nimport About from './Components/About.js';\nimport Contact from './Components/Contact.js';\nimport Form from './Components/Form.js';\nimport './home.css';\n\nclass Home extends Component {\n\trender() {\n\t\treturn (\n      <div>\n        <Header />\n        <Feature />\n        <div className=\"main\">\n          <About />\n          <div className=\"contact\" id=\"contact\">\n\t\t\t\t\t\t<Contact />\n            <Form />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Home;\n","import React, { Component } from 'react';\nimport './insta.css';\n\nclass Home extends Component {\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"insta-container\">\n\t      <div className=\"container\">\n\t        <p className=\"follow\">\n\t          Follow us on Instagram @pottedpgh\n\t        </p>\n\t      </div>\n\t\t\t</div>\n    )\n  }\n}\nexport default Home;\n","import React, { Component } from 'react';\nimport '../NotFound/notfound.css';\n\nclass Thanks extends Component {\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"not-found\">\n\t      <div className=\"not-found-container\">\n\t        <p className=\"found\">\n\t          Thanks!\n\t        </p>\n\t      </div>\n\t\t\t</div>\n    )\n  }\n}\nexport default Thanks;\n","import React, { Component } from 'react';\nimport './notfound.css';\n\nclass NotFound extends Component {\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"not-found\">\n\t      <div className=\"not-found-container\">\n\t        <p className=\"found\">\n\t          Oops, we couldn't find that!\n\t        </p>\n\t\t\t\t\t<a href=\"/\" className=\"found-home\">\n\t\t\t\t\t\t<p>Home</p>\n\t\t\t\t\t</a>\n\t      </div>\n\t\t\t</div>\n    )\n  }\n}\nexport default NotFound;\n","import React from 'react';\nimport { Switch, Route } from 'react-router-dom';\n\nimport Home from './pages/Home';\nimport Instagram from './pages/Instagram';\nimport NotFound from './pages/NotFound';\nimport Thanks from './pages/Thanks';\n\nconst Main = () => {\n  return (\n  <Switch>\n    <Route exact path=\"/\">\n      <Home />\n    </Route>\n    <Route path=\"/many-thanks\">\n      <Thanks />\n    </Route>\n    <Route path=\"/follow\">\n      <Instagram />\n    </Route>\n  </Switch>\n  );\n}\n\nexport default Main;\n","import React from 'react';\nimport Main from './Main';\nimport './App.css';\n\n// gif - fix pot moving\n// add styles to thanks.html page\n// file cleanup\n// form submit without filling anything in\n// new commits\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Main />\n    </div>\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.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 { BrowserRouter } from 'react-router-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render((\n  <BrowserRouter>\n    <App />\n  </BrowserRouter>\n  ), document.getElementById('root')\n);\n\nserviceWorker.unregister();\n"],"sourceRoot":""}