{"version":3,"sources":["components/landing/underline/underline.js","assets/iphone.png","assets/bulbAsset.png","components/landing/landing.js","components/header/nav/navItem/navItem.js","components/header/nav/nav.js","components/header/header.js","components/header/BulbyTechLogo.png","components/services/serviceItem/serviceItem.js","components/services/services.js","components/portfolio/portfolioItem/portfolioItem.js","assets/financePic.png","assets/designStudio.png","assets/haircut.png","assets/bots.png","assets/tradingView.png","assets/sickenLanding.png","assets/howWeLive.png","components/portfolio/portfolio.js","components/testimonials/testimonialItem/testimonialItem.js","assets/rossProfile.jpg","assets/defaultProfile.png","components/testimonials/testimonials.js","components/contact/contact.js","components/main.js","App.js","reportWebVitals.js","index.js"],"names":["Underline","props","useState","anim","setAnim","useEffect","console","log","setTimeout","className","children","Landing","src","iphone","alt","bulb","delay","NavItem","Nav","navOpen","setNav","toggleMenu","map","item","icon","faBars","onClick","faTimes","Header","secondary","setSecondary","scrollToComponent","index","refArr","current","scrollIntoView","behavior","ServiceItem","title","description","Services","faDesktop","faShoppingCart","faMobileAlt","faCogs","PortfolioItem","offset","link","href","altText","right","thumbnail","left","Portfolio","DesignStudioPic","FinanceImage","Sicken","YourHairCutThumbnail","BotsBot","TradingView","HowWeLive","TestimonialItem","quote","name","image","Testimonials","currentIndex","setIndex","testimonialList","ross","defaultPic","getViewClass","faChevronLeft","testimonial","length","faChevronRight","Contact","firstName","setFirstName","lastName","setLastName","email","setEmail","phoneNum","setPhoneNum","message","setMessage","feedBack","setFeedback","displaySubmit","setDisplaySubmit","onSubmit","evt","preventDefault","axios","post","then","res","status","catch","err","type","value","onChange","e","target","max","required","id","Main","landingRef","useRef","servicesRef","portfolioRef","testimonialsRef","contactRef","ref","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","hydrate","document","getElementById"],"mappings":"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","file":"static/js/main.93d8bb7f.chunk.js","sourcesContent":["import React from 'react';\r\n\r\n\r\nimport './underline.css';\r\n\r\nimport { useState, useEffect  } from 'react';\r\n\r\nfunction Underline(props) {\r\n\r\n    \r\n    const [anim, setAnim] = useState(\"\");\r\n\r\n    function toggleAnim(){\r\n        console.log(\"toggleing animation\")\r\n        setTimeout( () => {\r\n            setAnim(\"out--of--sight\")\r\n        }, \r\n       2900)\r\n        \r\n    }\r\n\r\n    useEffect(() => \r\n        toggleAnim(), []\r\n    )\r\n\r\n\r\n    return (\r\n      <div className=\"underline--container\">\r\n          {props.children}\r\n          <div className=\"underline--glow\">\r\n\r\n          </div>\r\n          <div className=\"underline--line\">\r\n\r\n          </div>\r\n          <div className={\"underline--blocker\" + anim }>\r\n\r\n          </div>\r\n          <div className=\"underline--laser\">\r\n\r\n          </div>\r\n      </div>\r\n    );\r\n  }\r\n  \r\n  export default Underline;\r\n  ","export default __webpack_public_path__ + \"static/media/iphone.acdcd30b.png\";","export default __webpack_public_path__ + \"static/media/bulbAsset.681a9820.png\";","import React from 'react';\r\n\r\nimport './landing.css';\r\n\r\nimport Underline from './underline/underline'\r\n\r\nimport iphone from '../../assets/iphone.png';\r\n\r\nimport bulb from '../../assets/bulbAsset.png';\r\n\r\nfunction Landing() {\r\n    return (\r\n      <div className=\"landing--container\">\r\n        <img src={iphone} className=\"landing--phone\" alt=\"landing--phone\"/>\r\n        <img src={bulb} className=\"landing--bulb\" alt=\"landing--bulb\"/>\r\n        \r\n        <div className=\"landing--header--cont\">\r\n        \r\n          <Underline\r\n            delay=\"0\"\r\n          >\r\n            <h1 className=\"landing--header\">Welcome To Bulby Tech</h1>\r\n          </Underline>\r\n\r\n          <p className=\"sub--header\">\r\n            Looking to grow your small buisness? <br/>\r\n            We specialize in \r\n            Web development, Ecommerce, Mobile development, automation, and more          \r\n          </p>\r\n        </div>\r\n\r\n        <Underline>\r\n          <h3>Scroll to Learn More</h3>\r\n        </Underline>\r\n      </div>\r\n    );\r\n  }\r\n  \r\n  export default Landing;\r\n  ","import React from 'react';\r\n\r\nimport './navItem.css'\r\n\r\nfunction NavItem(props){\r\n    return (\r\n        <div className=\"nav--item--container\">\r\n            \r\n            {props.children}\r\n            <div className=\"item--underline\">\r\n\r\n            </div>\r\n        </div> \r\n      );\r\n}\r\n\r\n\r\nexport default NavItem;","import React from 'react';\r\n\r\nimport './nav.css'\r\n\r\nimport NavItem from './navItem/navItem'\r\n\r\nimport { useState  } from 'react';\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faBars, faTimes } from '@fortawesome/free-solid-svg-icons'\r\n\r\n\r\nfunction Nav(props){\r\n\r\n    const [navOpen, setNav] = useState(\"closed\")\r\n\r\n    function toggleMenu(){\r\n        console.log(\"toggling menu\")\r\n        if(navOpen === \"closed\")\r\n            setNav(\"open\")\r\n        else{\r\n            setNav(\"closed\")\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div className=\"nav--container\">\r\n            <div className=\"nav--desktop\">\r\n                {\r\n                    props.children ? \r\n                    props.children.map(item => <NavItem>{item}</NavItem>) :\r\n                    <p>Nav Coming Soon</p>\r\n                }\r\n            </div>\r\n            <div className=\"nav--mobile\">\r\n                    \r\n                    <button className=\"hamburger--button\">\r\n                        <FontAwesomeIcon icon={faBars} onClick={() => { toggleMenu()}}/>\r\n                    </button>\r\n                    <div className={\"mobile--nav--container \" + navOpen}>\r\n                        <button className=\"close--button\">\r\n                            <FontAwesomeIcon icon={faTimes} onClick={() => { toggleMenu()}} /> \r\n                        </button>\r\n                        {\r\n                            props.children ? \r\n                            props.children.map(item => <NavItem>{item}</NavItem>) :\r\n                            <p>Nav Coming Soon</p>\r\n                        }\r\n                    </div>  \r\n                    \r\n            </div>\r\n        </div> \r\n      );\r\n}\r\n\r\n\r\nexport default Nav;","import React from 'react';\r\n\r\n\r\nimport './header.css';\r\nimport logo from './BulbyTechLogo.png'\r\n\r\nimport { useState, useEffect  } from 'react';\r\n\r\n//eslint-disable-next-line\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n//eslint-disable-next-line\r\nimport { faBars } from '@fortawesome/free-solid-svg-icons'\r\n//eslint-disable-next-line\r\nimport HeaderLink from './link/link'\r\n\r\nimport Nav from './nav/nav'\r\n\r\nfunction Header(props) {\r\n\r\n    const [anim, setAnim] = useState(false);\r\n    const [secondary, setSecondary] = useState(false);\r\n\r\n    function toggleAnim(){\r\n        console.log(\"toggleing animation\")\r\n        setTimeout( () =>\r\n            setAnim(!anim), \r\n        750)\r\n        setTimeout( () =>\r\n            setSecondary(!secondary), \r\n        1250)\r\n    }\r\n\r\n    useEffect(() => \r\n    //eslint-disable-next-line\r\n        toggleAnim(), []\r\n    )\r\n\r\n    function scrollToComponent(index) {\r\n        console.log(\"scrolling to compontent -- \" + index)\r\n        props.refArr[index].current.scrollIntoView({ behavior: 'smooth' })\r\n    }\r\n\r\n    return (\r\n      <div className=\"header--container\">\r\n        <div className=\"logo--container\">\r\n            <img src={logo} onClick={() => scrollToComponent(0)} className=\"header--logo\" alt=\"main--logo\"/>\r\n        </div>\r\n        \r\n        <Nav >\r\n            <button className=\"nav--link \" onClick={() => scrollToComponent(1) } >Services</button>\r\n            <button className=\"nav--link \" onClick={() => scrollToComponent(2)}>Portfolio</button>\r\n            <button className=\"nav--link \" onClick={() => scrollToComponent(3)} >Testimonials</button>\r\n            <button className=\"nav--link \" onClick={() => scrollToComponent(4)} >Contact</button>\r\n        </Nav>\r\n        \r\n      </div>\r\n    );\r\n  }\r\n  \r\n  export default Header;\r\n  ","export default \"data:image/png;base64,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\"","import './serviceItem.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nimport Zoom from 'react-reveal/Zoom';\r\n\r\nimport React from 'react';\r\n\r\n\r\nfunction ServiceItem(props) {\r\n    return (\r\n      <Zoom>\r\n        <div className=\"service--item--container\">\r\n            <div className=\"service--title\">\r\n                {props.title}\r\n            </div>\r\n                <div className=\"service--icon\">\r\n                    <FontAwesomeIcon icon={props.icon} />\r\n                </div>\r\n                <div className=\"service--description\">\r\n                    {props.description}\r\n                </div>\r\n        </div>\r\n      </Zoom>\r\n    );\r\n  }\r\n\r\nexport default ServiceItem;","import React from 'react';\r\n\r\nimport './services.css';\r\n\r\n\r\nimport { faDesktop } from '@fortawesome/free-solid-svg-icons'\r\n\r\nimport {faShoppingCart} from '@fortawesome/free-solid-svg-icons'\r\n\r\nimport { faMobileAlt } from '@fortawesome/free-solid-svg-icons'\r\n\r\nimport { faCogs } from '@fortawesome/free-solid-svg-icons'\r\n\r\nimport ServiceItem from './serviceItem/serviceItem'\r\n\r\n\r\n\r\nfunction Services() {\r\n  return (\r\n    <div className=\"services--meta--container\">\r\n     \r\n      <div>\r\n        <div className=\"services--header\">\r\n          Services\r\n          </div>\r\n\r\n        <div className=\"services--sub--header\">\r\n          We offer a variety of custom development services that will help you buisness\r\n          </div>\r\n      </div>\r\n      \r\n      <div className=\"services--container\">\r\n      <ServiceItem\r\n        title=\"Website Development \"\r\n        icon={faDesktop}\r\n        description=\"We know and love HTML and CSS, and we can make custom sites and animations to grow online traffic and your online presence stand out\"\r\n      >\r\n      </ServiceItem>\r\n      <ServiceItem\r\n        title=\"E-Commerce\"\r\n        icon={faShoppingCart}\r\n\r\n        description=\"We can setup and customize your shopify store, or integrate a payment proccesor like Paypal or Stripe into your app or website.\"\r\n      ></ServiceItem>\r\n      <ServiceItem\r\n        title=\"Mobile App Development\"\r\n        icon={faMobileAlt}\r\n        description=\"Want to take your web app, or e-commerce to the next level? \r\n                        What do people love more than your products? Their phones!\r\n                        We can make any mobile app you can imagine\"\r\n      >\r\n      </ServiceItem>\r\n      <ServiceItem\r\n        title=\"Automation\"\r\n        icon={faCogs}\r\n        description=\"Do you need want some automation to help scale your growing buisness? \r\n                       We will develop customer servers to automate the bottlenecks keeping your growth  down?\r\n                       Have a CRM solution in mind? We are experience building custom solutions on top of platforms like Salesforce and Zoho.\"\r\n      >\r\n      </ServiceItem>\r\n      </div>\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Services;\r\n","import React from 'react';\r\n\r\n\r\nimport './portfolioItem.css'\r\n\r\nimport LightSpeed from 'react-reveal/LightSpeed';\r\n\r\nfunction PortfolioItem(props) {\r\n    return (\r\n      <div className={props.offset ? \"portfolio--item\" : \"portfolio--item--offset\"  }>\r\n        <div className={props.offset ? \"background--offset\" : \"background--offset--offset\"}>\r\n\r\n        </div>\r\n        <div className=\"portfolio--details\">\r\n            <div className=\"portfolio--item--title\">\r\n                {props.title}\r\n            </div>\r\n            <div className=\"portfolio--item--description\">\r\n                {props.description}\r\n            </div>\r\n            <div className=\"link--container\">\r\n                {props.link ?  <a href={props.link} className=\"portfolio--item--link\" > Visit</a> : props.altText}\r\n                \r\n            </div>\r\n        </div>\r\n        <div className=\"portfolio--image--container\">\r\n           {props.offset ? \r\n            <LightSpeed right>\r\n             <img src={props.thumbnail} className=\"portfolio--image\" alt=\"portfilio--snippet\"/>\r\n            </LightSpeed>\r\n            :\r\n            <LightSpeed left>\r\n            <img src={props.thumbnail} className=\"portfolio--image\" alt=\"portfilio--snippet\"/>\r\n           </LightSpeed>\r\n            }\r\n        </div>\r\n\r\n      </div>\r\n    )\r\n  }\r\n  \r\nexport default PortfolioItem;\r\n  ","export default __webpack_public_path__ + \"static/media/financePic.efbafd85.png\";","export default __webpack_public_path__ + \"static/media/designStudio.ae6b7301.png\";","export default __webpack_public_path__ + \"static/media/haircut.bf4f31f3.png\";","export default __webpack_public_path__ + \"static/media/bots.6392e975.png\";","export default __webpack_public_path__ + \"static/media/tradingView.830d7a48.png\";","export default __webpack_public_path__ + \"static/media/sickenLanding.76108fe5.png\";","export default __webpack_public_path__ + \"static/media/howWeLive.4eb00e16.png\";","import React from 'react';\r\n\r\nimport './portfolio.css'\r\n\r\nimport PortfolioItem from \"./portfolioItem/portfolioItem\"\r\n\r\nimport FinanceImage from \"../../assets/financePic.png\"\r\n\r\nimport DesignStudioPic from \"../../assets/designStudio.png\"\r\n\r\nimport YourHairCutThumbnail from \"../../assets/haircut.png\"\r\n\r\nimport BotsBot from \"../../assets/bots.png\"\r\n\r\nimport TradingView from \"../../assets/tradingView.png\"\r\n\r\nimport Sicken from \"../../assets/sickenLanding.png\"\r\n\r\nimport HowWeLive from '../../assets/howWeLive.png'\r\n\r\nfunction Portfolio() {\r\n    return (\r\n      <div className=\"portfolio--container\">\r\n        <div className=\"portfolio--header\">\r\n            Check Out our Portfolio of Works\r\n        </div>\r\n        <div className=\"portfolio--sub--header\">\r\n            Visit Live Links And Check Them Out\r\n        </div>\r\n        <PortfolioItem link=\"https://designwoodprint.com/pages/studio\"\r\n                       altText=\"Link Temporarily Unavailbe\"\r\n                       thumbnail={DesignStudioPic}\r\n                       title=\"Unrefined Art\"\r\n                       description=\"Developed a photo editing app within client's Shopify store. Editor allows photo upload\r\n                       along with and size adjustments along with a variety of other editing options. \r\n                       Connected with backend file construction to prepare the customers design for printing, as well as automing customer data.\"\r\n                       offset={false}\r\n        ></PortfolioItem>\r\n        <PortfolioItem link=\"https://financeforleasingtobuy.web.app/\"\r\n                       altText=\"Link Temporarily Unavailbe\"\r\n                       thumbnail={FinanceImage}\r\n                       title=\"Finance For Lease To Buy\"\r\n                       description=\"Developed a landing page from mock-up and integreated a form for user sign-up. \r\n                       Integrated multile payment gateways for user sign-up. Connected custom form to Zoho, and devloped CRM automation in Deluge.\r\n                       Also, created endpoint for reactive form modification from Zoho.\"\r\n                       offset={true}\r\n        ></PortfolioItem>\r\n       \r\n        <PortfolioItem link=\"https://sicken-e468e.web.app/\"\r\n                       altText=\"Link Temporarily Unavailbe\"\r\n                       thumbnail={Sicken}\r\n                       title=\"Sicken\"\r\n                       description=\"Designed and developed a landing page and website for local comic book start-up 'Sicken Extreme Eye for an Eye'.\r\n                       Edited existing assets to create a modern web design.\"\r\n                       offset={false}\r\n        ></PortfolioItem>\r\n        <PortfolioItem link=\"https://yourhaircutdelivered.web.app/\"\r\n                       altText=\"Link Temporarily Unavailbe\"\r\n                       thumbnail={YourHairCutThumbnail}\r\n                       title=\"Your Haircut Delivered\"\r\n                       description=\"Custom built web application to allow user's to sign up as a seller, or search for a barber near them. Integrated re-occuring subscription with Paypal.\"\r\n                       offset={true}\r\n        ></PortfolioItem>\r\n        <PortfolioItem \r\n                       altText=\"Link Unavailbe For Secuirity Reasons\"\r\n                       thumbnail={BotsBot}\r\n                       title=\"Bot's Bot\"\r\n                       description=\"Custom middle man application between TradingView and 3commas crypto ytading services.\r\n                       Allows user to create and customize conditions based on inbound pings from TadingView and send pings to 3commas to turn bots off or on.\r\n                       Designed around optimal server performance to recieve and issue request within a second. \"\r\n                       offset={false}\r\n        ></PortfolioItem>\r\n        <PortfolioItem link=\"https://www.tradingview.com/script/v1XoZy92-Mejia-Cloud/\"\r\n                       altText=\"Link Coming Soon\"\r\n                       thumbnail={TradingView}\r\n                       title=\"Trading View Script\"\r\n                       description=\"Developed a custom Indicator based in TradingView's pinescript. \r\n                       Uses the Ichimoku pattern as well as serveral other patterns to create a buy indicator.\"\r\n                       offset={true}\r\n        ></PortfolioItem>\r\n        <PortfolioItem link=\"https://howwelive.co/\"\r\n                       altText=\"Link Coming Soon\"\r\n                       thumbnail={HowWeLive}\r\n                       title=\"It's How We Live\"\r\n                       description=\"Built a custom Survey Application within the client's shopify Store.\r\n                        Finishing the survey allow's user's to pick their favorite family values that correspond to their survey results.\r\n                        Selected values are then generated into wall art, which is scaled for printing server-side.\"\r\n                       offset={false}\r\n        ></PortfolioItem>\r\n        \r\n      </div>\r\n    )\r\n  }\r\n  \r\nexport default Portfolio;\r\n  ","import React from 'react';\r\n\r\n\r\nimport './testimonialItem.css';\r\n\r\n\r\n\r\nfunction TestimonialItem(props) {\r\n  return (\r\n    <div className=\"testimonials--item\">\r\n        <div className=\"testimonial--quote\">\r\n            \"{props.quote}\"\r\n        </div>\r\n        <div className=\"sub--flex\">\r\n        <div>\r\n            <div className=\"testimonial--person\">\r\n            -{props.name}\r\n            </div>\r\n            <div className=\"testimonial--title\">\r\n                <i>{props.title}</i>\r\n            </div>\r\n        </div>\r\n        <div className=\"testimonial--pic--containter\">\r\n            <img src={props.image} className=\"testimonial--pic\" alt=\"testimonial--alt\"/>\r\n        </div>\r\n        </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default TestimonialItem;\r\n","export default __webpack_public_path__ + \"static/media/rossProfile.1e536d73.jpg\";","export default __webpack_public_path__ + \"static/media/defaultProfile.c3f94521.png\";","import React from 'react';\r\n\r\n\r\nimport './testimonials.css';\r\n\r\nimport TestimonialItem from './testimonialItem/testimonialItem'\r\n\r\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons'\r\nimport { faChevronLeft } from '@fortawesome/free-solid-svg-icons'\r\n\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nimport { useState } from 'react';\r\n\r\nimport bulb from '../../assets/bulbAsset.png'\r\nimport ross from '../../assets/rossProfile.jpg'\r\n\r\nimport defaultPic from '../../assets/defaultProfile.png'\r\n\r\nfunction Testimonials() {\r\n\r\n    const [currentIndex, setIndex ] = useState(0);\r\n\r\n//Taylor is a great Liquid HTML developer. We provided the outline of what we were looking for, and Taylor executed against our needs extremely well!\r\n    \r\n  let testimonialList = [(<TestimonialItem quote=\"I hired Taylor for a small project originally and it didn’t take long for me to see that he truly is a master in his field. He finished my first project so quickly and thoroughly that I hired him to build a very extensive custom web app for my company (www.UnrefinedArt.com). This app is a one-of-a-kind program that has never been done before and he completely knocked it out of the park. So far I haven’t found anything that he can’t do. I bring ideas and dreams to him and his answer is always “Yeah, I can do that”. You will find Taylor to be extremely knowledgeable, kind, and honest. He is a problem solver and has great communication, which you don’t always find in this market. If you hire him, you will not be disappointed. \"\r\n                    name=\"Ross Sergio\"\r\n                    title=\"Owner - Unrefined Art\"\r\n                    image={ross}\r\n                    >\r\n    )]\r\n  \r\n</TestimonialItem>),\r\n\r\n(<TestimonialItem quote=\"Taylor is a great Liquid HTML developer. We provided the outline of what we were looking for, and Taylor executed against our needs extremely well!\"\r\nname=\"Dustin Jiles\"\r\ntitle=\"Shiphawk\"\r\nimage={defaultPic}\r\n>\r\n)]\r\n\r\n</TestimonialItem>),\r\n]\r\n\r\n  function getViewClass(index){\r\n      console.log(\"updatign view class\")\r\n      if(index < currentIndex){\r\n          return \"view--container left--view\"\r\n      }else if(index === currentIndex){\r\n          return \"view--container in--view\"\r\n      }else{\r\n          return \"view--container right--view\"\r\n      }\r\n  }\r\n\r\n  function goLeft(){\r\n    console.log(\"decrmenting coutner\")\r\n    if(currentIndex > 0){\r\n        setIndex (currentIndex - 1)\r\n    }\r\n    console.log(\"current index == \", currentIndex)\r\n  }\r\n\r\n  function goRight(){\r\n      console.log(\"incrementing coutner\")\r\n    if(currentIndex < testimonialList.length - 1){\r\n        setIndex (currentIndex + 1)\r\n    }\r\n    console.log(\"current index == \", currentIndex)\r\n  }\r\n\r\n  return (\r\n    <div className=\"testimonials--container\">\r\n        <div className=\"testimonials--header\">\r\n            Testimonials\r\n        </div>\r\n        <div className=\"testimonials--sub--header\">\r\n            Not convinced? Check out some of our positively glowing reviews!\r\n        </div>\r\n        <div className=\"testimonials--sub--container\">\r\n            <div className={currentIndex === 0 ? \"toggle out--of--bounds\" : \"toggle\"}onClick={() => goLeft()}>\r\n                <FontAwesomeIcon icon={faChevronLeft} />\r\n            </div>\r\n            <div className=\"card--container\">\r\n            {testimonialList.map((testimonial, index) => \r\n                <div className={ getViewClass(index)}>\r\n                    {testimonial}\r\n                </div>\r\n            )\r\n            }\r\n            </div>\r\n            <div className={currentIndex === (testimonialList.length - 1) ? \"toggle out--of--bounds\" : \"toggle\"} onClick={() => goRight()}>\r\n                <FontAwesomeIcon icon={faChevronRight} />\r\n            </div>\r\n        </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Testimonials;\r\n","import { faExclamationCircle, faPhone } from '@fortawesome/free-solid-svg-icons';\r\nimport React, {useState} from 'react';\r\n\r\nimport './contact.css';\r\n\r\nimport axios from 'axios';\r\n\r\nfunction Contact() {\r\n  \r\n  const [firstName, setFirstName] = useState(\"\")\r\n  const [lastName, setLastName] = useState(\"\")\r\n  const [email, setEmail] = useState(\"\")\r\n  const [phoneNum, setPhoneNum] = useState(\"\")\r\n  const [message, setMessage] = useState(\"\")\r\n\r\n  const [feedBack, setFeedback] = useState(\"\")\r\n\r\n  const [displaySubmit, setDisplaySubmit] = useState(true)\r\n  \r\n\r\n  const handleSubmit = (evt) => {\r\n    setDisplaySubmit(false)\r\n    evt.preventDefault();\r\n    axios.post('https://bulbytech.com/sendMessage',{\r\n        \"firstName\":firstName,\r\n        \"lastName\":lastName,\r\n        \"phone\":phoneNum,\r\n        \"emailFrom\":email,\r\n        \"emailTo\":\"tmchavez96@gmail.com\",\r\n        \"message\":message\r\n    })\r\n    .then(res => {\r\n        console.log(res.status)\r\n        if(res.status === 200){\r\n            setFeedback(\"Thanks For Reaching Out! We will be in touch soon! 😁\")\r\n        }\r\n    })\r\n    .catch(err => {\r\n        console.log(\"Error Occured\")\r\n        setFeedback(\"Something went wrong 😡 Please try again 😣\")\r\n    })\r\n  }\r\n\r\n  return (\r\n    <div className=\"contact--container\">\r\n        <div className=\"contact--header\">\r\n            Have a project in mind? Contact us for a free quote!\r\n        </div>\r\n        <div className=\"form--container\">\r\n            <form className=\"contact--form\" onSubmit={handleSubmit}>\r\n                <div className=\"name--container\">\r\n                    <div className=\"form--item\">\r\n                        <label className=\"form--label\">First Name</label>\r\n                        <input className=\"form--in\" type=\"text\" value={firstName} onChange={e => setFirstName(e.target.value)} max=\"25\" required/>\r\n                    </div>\r\n                    <div className=\"form--item\">\r\n                        <label className=\"form--label\">Last Name</label>\r\n                        <input className=\"form--in\" type=\"text\" value={lastName} onChange={e => setLastName(e.target.value)} max=\"25\" required/>\r\n                    </div>\r\n                </div>\r\n                <div className=\"email--container\">\r\n                    <div className=\"form--item\">\r\n                        <label className=\"form--label\">Phone</label>\r\n                        <input className=\"form--in\" type=\"tel\" value={phoneNum} onChange={e => setPhoneNum(e.target.value)} max=\"25\" required/>\r\n                    </div>\r\n                </div>\r\n                <div className=\"email--container\">\r\n                    <div className=\"form--item\">\r\n                        <label className=\"form--label\">Email</label>\r\n                        <input className=\"form--in\" type=\"email\" value={email} onChange={e => setEmail(e.target.value)} max=\"25\" required/>\r\n                    </div>\r\n                </div>\r\n                <div className=\"message--container\">\r\n                    <div className=\"form--item--message\">\r\n                        <label className=\"form--label\">Message</label>\r\n                        <textarea className=\"form--in\" id=\"message\" name=\"message\" value={message} onChange={e => setMessage(e.target.value)} ></textarea>\r\n                    </div>\r\n                </div>\r\n                <div className=\"button--container\">\r\n            \r\n                    <button className={displaySubmit ? \"submit--button\" : \"hide\"} type=\"submit\"> Submit </button>\r\n                    \r\n                </div>\r\n                <div className=\"feedBack\">\r\n                    {feedBack}\r\n                </div>\r\n            </form>\r\n\r\n            <div className=\"john--lennon\">\r\n                \"A dream you dream alone is only a dream. A dream you dream together is reality.\"\r\n                <p>\r\n                    <i>\r\n                    -John Lennon\r\n                    </i>\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Contact;\r\n","import React, { useRef }  from 'react';\r\n\r\n\r\nimport './main.css';\r\n\r\nimport Landing from './landing/landing'\r\nimport Header from './header/header'\r\n\r\nimport Services from './services/services'\r\n\r\nimport Portfolio from './portfolio/portfolio'\r\n\r\nimport Testimonials from './testimonials/testimonials'\r\n\r\nimport Contact from './contact/contact'\r\n\r\nfunction Main() {\r\n    const landingRef = useRef()\r\n    const servicesRef = useRef()\r\n    const portfolioRef = useRef()\r\n    const testimonialsRef = useRef()\r\n    const contactRef = useRef()\r\n    \r\n    const refArr = [landingRef, servicesRef, portfolioRef, testimonialsRef, contactRef]\r\n\r\n  \r\n\r\n    return (\r\n      <div>\r\n        <Header  refArr={refArr}/>\r\n        <div ref={landingRef}>\r\n          <Landing />\r\n        </div>\r\n        <div className=\"scroll--padding\"  ref={servicesRef}>\r\n          <Services />\r\n        </div>\r\n        <div className=\"scroll--padding\"  ref={portfolioRef}>\r\n          <Portfolio />\r\n        </div>\r\n        <div className=\"scroll--padding\"  ref={testimonialsRef}>\r\n          <Testimonials />\r\n        </div>\r\n        <div className=\"scroll--padding\"  ref={contactRef}>\r\n          <Contact />\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n  \r\nexport default Main;\r\n  ","import React from 'react';\n\nimport './App.css';\n\nimport Main from './components/main'\n\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Main />\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\n// ReactDOM.render(\n//   <React.StrictMode>\n//     <App />\n//   </React.StrictMode>,\n//   document.getElementById('root')\n// );\n\nReactDOM.hydrate(<App />, document.getElementById('root'));\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}