{"version":3,"sources":["img/burger.png","img/white-banner.jpg","img/white-bathroom-banner.jpg","img/twin-mirrors-banner.jpg","img/brown-chairs.jpg","img/kitchen-corner.jpg","img/bathroom-green.jpg","img/dark-bathroom.jpg","img/modern-kitchen.jpg","img/dark-kitchen.jpg","img/full-logo-white.png","img/basement-stairs.jpg","img/dark-brick.jpg","constants.js","Components/Header.js","Stores/actions.js","Components/Home.js","Components/About.js","Components/Bathroom.js","Components/Gallery.js","Components/Kitchen.js","Components/Footer.js","Components/Basement.js","Components/Main.js","App.js","serviceWorker.js","Stores/reducers.js","index.js","img/full-logo.png"],"names":["module","exports","Maroon","FlexCenter","display","justifyContent","alignItems","Header","color","fontFamily","Paragraph","Overlay","background","textShadow","fontSize","letterSpacing","flexDirection","dispatch","useDispatch","setItem","section","event","type","handleSideBar","currentlySelected","useSelector","state","global","currentlySelectedSection","useState","showSidebar","isCurrentlySelected","sectionName","selectedStyle","backgroundColor","notSelectedStyle","Constants","headerStyle","menuItems","Fragment","Menu","Item","style","onClick","width","borderBottom","Responsive","minWidth","Grid","Row","height","Column","Image","src","Logo","lineHeight","textAlign","maxWidth","size","Burger","position","left","cursor","zIndex","hidden","Sidebar","as","animation","inverted","onHide","vertical","visible","Home","paragraphStyle","computer","tablet","mobile","blur","bgImage","WhiteRoom","bgImageAlt","strength","minHeight","paddingBottom","href","TwinMirrors","marginLeft","marginRight","WhiteBathroom","About","paragraph","header","BrownChairs","borderTop","KitchenCorner","only","listStyle","paddingInlineStart","Bathroom","GreenBathroom","DarkBathroom","Gallery","props","photos","description","index","open","current","setCurrent","openLightBox","useCallback","photo","stackable","padded","marginTop","marginBottom","onClose","currentIndex","views","map","x","srcset","srcSet","caption","Kitchen","ModernKitchen","DarkKitchen","Footer","paddingTop","Basement","BasementPhoto","DarkBrick","Main","components","name","component","selectedComponent","setSelectedComponent","useEffect","find","App","Boolean","window","location","hostname","match","init","workflow","combineReducers","action","store","createStore","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.36b49532.chunk.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAACcElEQVR4Xu3bO4saURQHcJMUeTR5p0i2Sr5A2EC2yasRLPJqhDwKu5AUS9bKckpJwA9iYTOIrhEbkTGSNDqKa1wWFEudVVCjDro5lz2BFBkdm2WZ8//B7e4ZOH/ueC94xwcAAAAAAAAAcLJisdg1y7K+drvd/cViMfH66Pf7B9Tvl2g0epUjcCeVSm0MBoODI4FUaIlEYoOjWK3X633jWpGo/wxHsVwul7vHNaIlk8m7HImzTqfznOeL1mq1XnAkzkql0hOeL5phGE85EmfhcPjidDq1uEYk6r8XCATOcyTL1ev1D7Sdcqksqm/VP0fhTrVa3Z7NZmN+hgjU76hSqWxzBOvRdf1Go9F4S2nveH2Ypvkmm81e59YBAAAA4BQ5o2nabTrc3vf6iMfjd1S/x22vqVgsbo1Go5/0IBHoFH80HA5/5PP5LY7AnUKh8Pg34eeIovqmhfKIo1guGAyeoxX1i2tFov73KIrVr2Q6nd7kGtF0Xd/kSJzZtv2a54tGq+sVR+Isk8k84PmiuVpZdFQ4S7sCfrPcHiPUbjgej6XuhmPXu+Ff6pxFK6ykzh8SzOfzBfX73TCMhxzB+vx+/y161n9PvV4a5Ca3DAAAAACnibrr0G633/97J8Crg/p8p/rl1tdTLpd3pN2isW17RH1/5gjcMU3zE9eLVKvVPnIUy2madmkymRxynUjUvxUKhS5wJM6azeYzrhHN1Z3SwWDwkueLpm5tcyTOcA/+mKt78Ir0Lywsy9rlKFZT367Q67jPtaKovvmvfPdoV7yivgqj0aBD26HXB71Ne+qrsEgkcpkjAAAAAAAAAAA4ET7fH6tCK6auJk45AAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/media/white-banner.6e9ab17d.jpg\";","module.exports = __webpack_public_path__ + \"static/media/white-bathroom-banner.68f8a27d.jpg\";","module.exports = __webpack_public_path__ + \"static/media/twin-mirrors-banner.fca2748a.jpg\";","module.exports = __webpack_public_path__ + \"static/media/brown-chairs.726fbbba.jpg\";","module.exports = __webpack_public_path__ + \"static/media/kitchen-corner.d8ea60cf.jpg\";","module.exports = __webpack_public_path__ + \"static/media/bathroom-green.0b725cb2.jpg\";","module.exports = __webpack_public_path__ + \"static/media/dark-bathroom.880f16d8.jpg\";","module.exports = __webpack_public_path__ + \"static/media/modern-kitchen.2535697f.jpg\";","module.exports = __webpack_public_path__ + \"static/media/dark-kitchen.4949dd1b.jpg\";","module.exports = __webpack_public_path__ + \"static/media/full-logo-white.f2f860de.png\";","module.exports = __webpack_public_path__ + \"static/media/basement-stairs.e614dc7b.jpg\";","module.exports = __webpack_public_path__ + \"static/media/dark-brick.89eaa8e2.jpg\";","export const Home = \"home\";\r\nexport const Kitchen = \"kitchen\";\r\nexport const Bathroom = \"bathroom\";\r\nexport const Gallery = \"gallery\";\r\nexport const About = \"about\";\r\nexport const Contact = \"contact\";\r\nexport const Basement = \"basement\";\r\n\r\nexport const MobileBreakpoint = 1024;\r\n\r\nexport const Maroon = \"rgba(86,31,34,1)\";\r\nexport const Teal = \"rgba(0,128,129,1)\";\r\nexport const OffWhite = \"#eee\";\r\nexport const FlexCenter = {\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"center\"\r\n};\r\n\r\nexport const Header = {\r\n    color: Maroon,\r\n    fontFamily: \"'Playfair Display', serif\"\r\n};\r\n\r\nexport const Paragraph = {\r\n    color: Maroon,\r\n    fontFamily: \"'Noto Serif', serif\"\r\n};\r\n\r\nexport const Overlay = {\r\n    background: \"linear-gradient(0deg, rgba(85, 85, 85, 0.4), rgba(80, 80, 80, 0.4))\",\r\n    fontFamily: \"'Playfair Display', serif\",\r\n    color: \"white\", \r\n    textShadow: \"2px 1px black\", \r\n    fontSize: \"1.2rem\",\r\n    letterSpacing: \"1.2px\",\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    flexDirection: \"column\"\r\n};","import React, { useState } from 'react';\r\nimport { Menu, Responsive, Sidebar, Image, Grid } from 'semantic-ui-react';\r\nimport * as Constants from '../constants';\r\nimport * as Actions from '../Stores/actions';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport Logo from '../img/full-logo.png';\r\nimport Burger from '../img/burger.png';\r\n\r\nexport default function Header() {\r\n    const dispatch = useDispatch();\r\n\r\n    const setItem = section => event => {\r\n        dispatch({ type: Actions.UPDATE_SELECTED_SECTION, section: section });\r\n        handleSideBar(false);\r\n    };\r\n\r\n    const currentlySelected = useSelector(state => state.global.currentlySelectedSection);\r\n    const [showSidebar, handleSideBar] = useState(false);\r\n\r\n    const isCurrentlySelected = (sectionName) => {\r\n        return sectionName === currentlySelected;\r\n    };\r\n\r\n    const selectedStyle = {\r\n        backgroundColor: Constants.Teal,\r\n        color: Constants.OffWhite,\r\n        fontFamily: \"'Noto Serif', serif\"\r\n    };\r\n\r\n    const notSelectedStyle = {\r\n        backgroundColor: Constants.Maroon,\r\n        color: Constants.OffWhite,\r\n        fontFamily: \"'Noto Serif', serif\"\r\n    };\r\n\r\n    const headerStyle = {\r\n        color: Constants.Maroon,\r\n        fontFamily: \"'Playfair Display', serif\"\r\n    };\r\n\r\n    const menuItems = (\r\n        <React.Fragment>\r\n            <Menu.Item\r\n                style={isCurrentlySelected(Constants.Home) ? selectedStyle : notSelectedStyle}\r\n                onClick={setItem(Constants.Home)}\r\n            >Home</Menu.Item>\r\n            <Menu.Item\r\n                style={isCurrentlySelected(Constants.Kitchen) ? selectedStyle : notSelectedStyle}\r\n                onClick={setItem(Constants.Kitchen)}\r\n            >Kitchens</Menu.Item>\r\n            <Menu.Item\r\n                style={isCurrentlySelected(Constants.Bathroom) ? selectedStyle : notSelectedStyle}\r\n                onClick={setItem(Constants.Bathroom)}\r\n            >Bathrooms</Menu.Item>\r\n            <Menu.Item\r\n                style={isCurrentlySelected(Constants.Basement) ? selectedStyle : notSelectedStyle}\r\n                onClick={setItem(Constants.Basement)}\r\n            >Basements</Menu.Item>\r\n            <Menu.Item\r\n                style={isCurrentlySelected(Constants.About) ? selectedStyle : notSelectedStyle}\r\n                onClick={setItem(Constants.About)}\r\n            >About Us</Menu.Item>\r\n            <Menu.Item\r\n                style={isCurrentlySelected(Constants.Gallery) ? selectedStyle : notSelectedStyle}\r\n                onClick={setItem(Constants.Gallery)}\r\n            >Gallery</Menu.Item>\r\n        </React.Fragment>\r\n    )\r\n\r\n    return (\r\n        <div style={{ backgroundColor: Constants.OffWhite, width: \"100%\", borderBottom: `1em solid ${Constants.Maroon}` }}>\r\n            {/* Begin Desktop */}\r\n            <Responsive minWidth={Constants.MobileBreakpoint}>\r\n                <Grid>\r\n                    <Grid.Row style={{ height: \"62px\" }}>\r\n                        <Grid.Column width={16}>\r\n                            <Menu style={{ ...Constants.FlexCenter, backgroundColor: \"rgba(86,31,34,1)\"}}>\r\n                                {menuItems}\r\n                            </Menu>\r\n                        </Grid.Column>\r\n                    </Grid.Row>\r\n                    <Grid.Row style={{ ...Constants.FlexCenter }}>                        \r\n                        <Grid.Column width={12} style={Constants.FlexCenter}>                            \r\n                            <Image src={Logo} style={{height: \"55px\"}} />                         \r\n                        </Grid.Column>\r\n                        <Grid.Column width={12} style={Constants.FlexCenter}>\r\n                            <h1 style={{ ...headerStyle, fontSize: \"42px\", lineHeight: \"1em\", textAlign: \"center\" }}>MIKE'S SERVICES</h1>    \r\n                            <br/>                      \r\n                        </Grid.Column>\r\n                    </Grid.Row>\r\n                </Grid>\r\n            </Responsive>\r\n\r\n            {/* Begin Mobile */}\r\n            <Responsive maxWidth={Constants.MobileBreakpoint - 1}>\r\n                <div style={{ height: \"60px\", backgroundColor: Constants.Maroon, display: \"flex\", alignItems: \"center\" }}>\r\n                    <Image size=\"mini\"\r\n                        src={Burger}\r\n                        onClick={() => { handleSideBar(true) }}\r\n                        style={{ position: \"absolute\", left: \"30px\", cursor: \"pointer\", zIndex: \"99\" }}\r\n                        hidden={showSidebar}\r\n                    />\r\n                </div>\r\n                <Grid>\r\n                    <Grid.Row style={Constants.FlexCenter}>\r\n                        <Grid.Column width={12} style={Constants.FlexCenter}>\r\n                            <Image src={Logo} style={{height: \"55px\"}} />   \r\n                        </Grid.Column>\r\n                        <Grid.Column width={12} style={Constants.FlexCenter}>\r\n                            <h1 style={{ ...headerStyle, fontSize: \"28px\", textAlign: \"center\" }}>MIKE'S SERVICES</h1>\r\n                        </Grid.Column>\r\n                    </Grid.Row>\r\n                </Grid>\r\n                <Sidebar\r\n                    as={Menu}\r\n                    animation='overlay'\r\n                    inverted\r\n                    onHide={() => { handleSideBar(false) }}\r\n                    vertical\r\n                    visible={showSidebar}\r\n                    width='thin'\r\n                    style={{ zIndex: \"100\" }}\r\n                >\r\n                    {menuItems}\r\n                </Sidebar>\r\n            </Responsive>\r\n        </div>\r\n    )\r\n}\r\n","export const UPDATE_SELECTED_SECTION = \"UPDATE_SELECTED_SECTION\";\r\n\r\nexport function updateSelectedPermitId(section) {\r\n    return {type: UPDATE_SELECTED_SECTION, section};\r\n};","import React from 'react';\r\nimport { Grid , Icon } from 'semantic-ui-react';\r\nimport * as Constants from '../constants';\r\nimport { Parallax } from 'react-parallax';\r\n\r\nimport WhiteRoom from '../img/white-banner.jpg';\r\nimport WhiteBathroom from '../img/white-bathroom-banner.jpg';\r\nimport TwinMirrors from '../img/twin-mirrors-banner.jpg';\r\n\r\nexport default function Home() {\r\n    const headerStyle = {\r\n        color: Constants.Maroon,\r\n        fontFamily: \"'Playfair Display', serif\"\r\n    };\r\n\r\n    const paragraphStyle = {\r\n        color: Constants.Maroon,\r\n        fontFamily: \"'Noto Serif', serif\",\r\n        fontSize: \"1.2rem\"\r\n    };\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Grid style={{backgroundColor: Constants.OffWhite}}>\r\n                <Grid.Row style={{ width: \"100%\", borderBottom: `1em solid ${Constants.Maroon}` }}>\r\n                    <Grid.Column computer={8} tablet={16} mobile={16}>\r\n                        <Parallax\r\n                            blur={0}\r\n                            bgImage={WhiteRoom}\r\n                            bgImageAlt=\"white kitchen banner\"\r\n                            strength={300}\r\n                        >\r\n                            <div style={{ height: \"40vh\", alignItems: \"center\" }} />\r\n                        </Parallax>\r\n                    </Grid.Column>\r\n                    <Grid.Column computer={8} tablet={16} mobile={16} style={{...Constants.FlexCenter, minHeight: \"40vh\"}}>\r\n                        <div style={{width: \"90%\"}}>\r\n                            <h1 style={{ ...headerStyle, paddingBottom: \".5em\" }}>35 YEARS OF SERVICE, CRAFTSMANSHIP AND VALUE.</h1>\r\n                            <p style={{ ...paragraphStyle, paddingBottom: \".5em\" }}>\r\n                                Whether it's a newly finished basement, freshly remodeled bathroom, or a sleek modernized kitchen, Mike's Services does it all.  After thirty five years of servicing to the Livonia, Farmington, Novi, Plymouth, Canton, South Lyon, Farmington Hills &amp; Milford communities, few can match our expertise.</p>\r\n                            <p style={paragraphStyle}>Call&nbsp;<a href=\"tel:734-591-0825\">734-591-0825</a>&nbsp;today for an estimate!</p>\r\n                            <p style={paragraphStyle}>Email us at&nbsp;<a href=\"mailto:mikeserv7@yahoo.com\">mikeserv7@yahoo.com</a>&nbsp;anytime for details.</p>                                                        \r\n                        </div>\r\n                    </Grid.Column>\r\n                </Grid.Row>\r\n                <Grid.Row style={{ borderBottom: `1em solid ${Constants.Maroon}` }}>\r\n                    <Grid.Column width={16}>\r\n                        <Parallax\r\n                            blur={0}\r\n                            bgImage={TwinMirrors}\r\n                            bgImageAlt=\"dark twin mirrors bathroom\"\r\n                            strength={300}\r\n                        >      \r\n                                <Grid style={{...Constants.Overlay, minHeight: \"40vh\", marginLeft: \"2em\", marginRight: \"2em\" }}>\r\n                                    <Grid.Row style={{ ...Constants.FlexCenter}}>\r\n                                        <Grid.Column width={16} style={{textAlign: \"center\"}}>\r\n                                            <p>I recently had a client do a full bathroom remodel using Mike. The craftsmanship is above and beyond. Mike is prompt and detailed. You will not be disappointed! <br />- Tim B</p>\r\n                                            <p>Very professional, did an amazing job on our remodel.  Highly recommend!.  <br />- Joy B</p>\r\n                                            <p>Superior craftsmanship for modern home remodeling. Completed a full bathroom and the new kitchen is almost finished.  <br />- Connor L</p>\r\n                                        </Grid.Column>\r\n                                    </Grid.Row>\r\n                                </Grid>      \r\n                        </Parallax>\r\n                    </Grid.Column>\r\n                </Grid.Row>\r\n                <Grid.Row style={{ width: \"100%\", borderBottom: `1em solid ${Constants.Maroon}` }}>\r\n                    <Grid.Column computer={8} tablet={16} mobile={16} style={{...Constants.FlexCenter, minHeight: \"40vh\"}}>\r\n                    <div style={{width: \"85%\"}}>\r\n                            <h1 style={{ ...headerStyle, paddingBottom: \".5em\" }}>NEED HELP?  NO PROBLEM.</h1>\r\n                            <p style={{ ...paragraphStyle, paddingBottom: \".5em\" }}>\r\n                                Don't know exactly what you want?  We can help!  Just <a href=\"tel:734-591-0825\">call</a> us for an estimate.  \r\n                            </p>\r\n                            <p style={{ ...paragraphStyle, paddingBottom: \".5em\" }}>\r\n                                Our expert team will go over your project, budget, and help with any desicions. Before you know it you'll be living in the comfort and style you desire. \r\n                            </p>\r\n                            <p style={{ ...paragraphStyle, paddingBottom: \".5em\" }}>\r\n                                We're fully licensed, insured and ready to start on that dream renovation all while increasing the value of your home!\r\n                            </p>\r\n                        </div>\r\n                    </Grid.Column>\r\n                    <Grid.Column computer={8} tablet={16} mobile={16}>\r\n                        <Parallax\r\n                            blur={0}\r\n                            bgImage={WhiteBathroom}\r\n                            bgImageAlt=\"white kitchen banner\"\r\n                            strength={300}\r\n                        >\r\n                            <div style={{ height: \"40vh\", alignItems: \"center\" }} />\r\n                        </Parallax>\r\n                    </Grid.Column>\r\n                </Grid.Row>\r\n            </Grid>\r\n        </React.Fragment>\r\n    );\r\n}","import React from 'react';\r\nimport { Grid } from 'semantic-ui-react';\r\nimport { Parallax } from 'react-parallax';\r\n\r\nimport * as Constants from '../constants';\r\nimport BrownChairs from '../img/brown-chairs.jpg';\r\nimport KitchenCorner from '../img/kitchen-corner.jpg';\r\n\r\nexport default function About() {\r\n    const paragraph = {\r\n        ...Constants.Paragraph,\r\n        fontSize: \"1.2rem\"\r\n    };\r\n\r\n    const header = {\r\n        ...Constants.Header\r\n    };\r\n\r\n    return (\r\n        <Grid>\r\n        <Grid.Row>\r\n            <Grid.Column mobile={16} tablet={16} computer={8} style={{ minHeight: \"40vh\" }}>\r\n                <Parallax\r\n                    blur={0}\r\n                    bgImage={BrownChairs}\r\n                    bgImageAlt=\"kitchen banner\"\r\n                    strength={300}\r\n                >\r\n                    <div style={{ height: \"40vh\", alignItems: \"center\" }} />\r\n                </Parallax>\r\n\r\n            </Grid.Column>\r\n            <Grid.Column mobile={16} tablet={16} computer={8} style={{ ...Constants.FlexCenter, minHeight: \"40vh\" }}>\r\n                <div style={{ width: \"90%\" }}>\r\n                    <h1 style={header}>ABOUT US</h1>\r\n                    <p style={paragraph}>Based out of Livonia, Mike's Services has been serving the Metro Detroit Area for over thirty-five years. Owner and operator Mike Manoogian personally takes part in every project; his versatility and dependability has resulted in top notch customer satisfaction over the years.  By taking the time to carefully go over your needs and budget, Mike makes your vision a reality.</p>\r\n                    <p style={paragraph}>More questions about our business?  Ready to get going on your project?  Call&nbsp;<a href=\"tel:734-591-0825\">734-591-0825</a> and lets get started.</p>\r\n                </div>\r\n            </Grid.Column>\r\n        </Grid.Row>\r\n        <Grid.Row>\r\n            <Grid.Column width={16} style={{ borderTop: `1em solid ${Constants.Maroon}` }}>\r\n                <Parallax\r\n                    blur={0}\r\n                    bgImage={KitchenCorner}\r\n                    bgImageAlt=\"kitchen banner\"\r\n                    strength={300}\r\n                >\r\n                    <div style={{ ...Constants.Overlay, minHeight: \"40vh\", textAlign: \"center\" }}>\r\n                        <br />\r\n                        <h1>We pride ourselves on your satisfaction!</h1>\r\n                        <Grid>\r\n                            <Grid.Row only=\"computer\">\r\n                                <Grid.Column width={16}>\r\n                                    <div style={{ display: \"flex\", justifyContent: \"center\", textAlign: \"left\" }}>\r\n                                        <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                            <ul>\r\n                                                <li>Professional</li>\r\n                                                <li>Fully licensed</li>\r\n                                                <li>Experienced</li>\r\n                                            </ul>\r\n                                        </div>\r\n                                        <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                            <ul>\r\n                                                <li>Proven</li>\r\n                                                <li>Reliable</li>\r\n                                                <li>Headache-Free</li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </div>\r\n                                </Grid.Column>\r\n                            </Grid.Row>\r\n                            <Grid.Row only=\"mobile tablet\">\r\n                                    <Grid.Column width={16}>\r\n                                        <div style={{ lineHeight: \"40px\" }}>\r\n                                            <ul style={{listStyle: \"none\", paddingInlineStart: \"0\" }}>\r\n                                                <li>Professional</li>\r\n                                                <li>Fully licensed</li>\r\n                                                <li>Experienced</li>\r\n                                                <li>Proven</li>\r\n                                                <li>Reliable</li>\r\n                                                <li>Headache-Free</li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </Grid.Column>\r\n                            </Grid.Row>\r\n                        </Grid>\r\n                    </div>\r\n                </Parallax>\r\n            </Grid.Column>\r\n        </Grid.Row>\r\n    </Grid>\r\n    );\r\n};","import React from 'react';\r\nimport { Grid } from 'semantic-ui-react';\r\nimport { Parallax } from 'react-parallax';\r\n\r\nimport * as Constants from '../constants';\r\nimport GreenBathroom from '../img/bathroom-green.jpg';\r\nimport DarkBathroom from '../img/dark-bathroom.jpg';\r\n\r\nexport default function Bathroom() {\r\n    const paragraph = {\r\n        ...Constants.Paragraph,\r\n        fontSize: \"1.2rem\"\r\n    };\r\n\r\n    const header = {\r\n        ...Constants.Header\r\n    };\r\n\r\n    return (\r\n        <Grid>\r\n            <Grid.Row>\r\n                <Grid.Column mobile={16} tablet={16} computer={8} style={{ minHeight: \"40vh\" }}>\r\n                    <Parallax\r\n                        blur={0}\r\n                        bgImage={GreenBathroom}\r\n                        bgImageAlt=\"kitchen banner\"\r\n                        strength={300}\r\n                    >\r\n                        <div style={{ height: \"40vh\", alignItems: \"center\" }} />\r\n                    </Parallax>\r\n\r\n                </Grid.Column>\r\n                <Grid.Column mobile={16} tablet={16} computer={8} style={{ ...Constants.FlexCenter, minHeight: \"40vh\" }}>\r\n                    <div style={{ width: \"90%\" }}>\r\n                        <h1 style={header}>REVAMP THE DATED BATHROOM</h1>\r\n                        <p style={paragraph}>Looking to improve your current bathroom? You’ve come to the right place! Mike’s Services specializes in bathroom remodels of all shapes and sizes. Looking to modernize countertops and and an extra sink? No problem! Want to add built in storage and update the shower? We’ve got you covered! Update from a drab and dated master bath to a spa like dream? Let’s get started!</p>\r\n                        <p style={paragraph}>Our team has done it all, and we’re here to help you achieve you dream bathroom without the hassle and headaches of DIY projects. Let us make all the trips to the hardware store - Call&nbsp;<a href=\"tel:734-591-0825\">734-591-0825</a> today! We’ll set up an estimate appointment to help identify your must-haves and the best way to stay within budget.</p>\r\n                    </div>\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n            <Grid.Row>\r\n                <Grid.Column width={16} style={{ borderTop: `1em solid ${Constants.Maroon}` }}>\r\n                    <Parallax\r\n                        blur={0}\r\n                        bgImage={DarkBathroom}\r\n                        bgImageAlt=\"kitchen banner\"\r\n                        strength={300}\r\n                    >\r\n                        <div style={{ ...Constants.Overlay, minHeight: \"40vh\", textAlign: \"center\" }}>\r\n                            <br />\r\n                            <h1>Get your project off the ground!</h1>\r\n                            <Grid>\r\n                                <Grid.Row only=\"computer\">\r\n                                    <Grid.Column width={16}>\r\n                                        <div style={{ display: \"flex\", justifyContent: \"center\", textAlign: \"left\" }}>\r\n                                            <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                                <ul>\r\n                                                    <li>Vanity countertops and sinks</li>\r\n                                                    <li>Storage improvements</li>\r\n                                                    <li>Updated flooring</li>\r\n                                                    <li>Tub/Shower replacement</li>\r\n                                                </ul>\r\n                                            </div>\r\n                                            <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                                <ul>\r\n                                                    <li>New tiling</li>\r\n                                                    <li>Lighting fixtures</li>\r\n                                                    <li>Plumbing updates</li>\r\n                                                    <li>Layout updates</li>\r\n                                                </ul>\r\n                                            </div>\r\n                                        </div>\r\n                                    </Grid.Column>\r\n                                </Grid.Row>\r\n                                <Grid.Row only=\"mobile tablet\">\r\n                                    <Grid.Column width={16}>\r\n                                        <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                            <ul style={{ listStyle: \"none\" }}>\r\n                                                <li>Vanity countertops and sinks</li>\r\n                                                <li>Storage improvements</li>\r\n                                                <li>Updated flooring</li>\r\n                                                <li>Tub/Shower replacement</li>\r\n                                                <li>New tiling</li>\r\n                                                <li>Lighting fixtures</li>\r\n                                                <li>Plumbing updates</li>\r\n                                                <li>Layout updates</li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </Grid.Column>\r\n                                </Grid.Row>\r\n                            </Grid>\r\n                        </div>\r\n                    </Parallax>\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n        </Grid>\r\n    );\r\n};","import React, { useState, useCallback } from 'react';\r\n\r\nimport { Grid } from 'semantic-ui-react';\r\nimport PhotoGallery from 'react-photo-gallery';\r\nimport Carousel, { Modal, ModalGateway } from 'react-images';\r\nimport * as Constants from '../constants';\r\n\r\nexport default function Gallery(props) {\r\n    const photos = [\r\n        {\r\n            src: \"/img/1.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Custom made shower with stone base\"\r\n        },\r\n        {\r\n            src: \"/img/2.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Kitchen remodel with new oak cabinets, backsplash, tile floor and quartz counters\"\r\n        },\r\n        {\r\n            src: \"/img/3.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Kitchen remodel with new oak cabinets, backsplash, tile floor and quartz counters\"\r\n        },\r\n        {\r\n            src: \"/img/4.jpg\",\r\n            width: 5,\r\n            height: 3,\r\n            description: \"Kitchen remodel with new oak cabinets, backsplash, tile floor and quartz counters\"\r\n        },\r\n        {\r\n            src: \"/img/5.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Reconfigured wall and relocation of appliances\"\r\n        },\r\n        {\r\n            src: \"/img/6.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Tiled backsplash and under cabinet lighting\"\r\n        },\r\n        {\r\n            src: \"/img/7.jpg\",\r\n            width: 5,\r\n            height: 3,\r\n            description: \"Porcelain Parquet-like floor in shower stall\"\r\n        },\r\n        {\r\n            src: \"/img/8.jpg\",\r\n            width: 5,\r\n            height: 3,\r\n            description: \"Glass enclosed shower and deep soaking tub\"\r\n        },\r\n        {\r\n            src: \"/img/9.jpg\",\r\n            width: 5,\r\n            height: 3,\r\n            description: \"Farm sink with tiled backsplash and chiseled edge granite counter top\"\r\n        },\r\n        {\r\n            src: \"/img/10.jpg\",\r\n            width: 5,\r\n            height: 4,\r\n            description: \"Shower stall with seat and custom stone base\"\r\n        },\r\n        {\r\n            src: \"/img/11.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Accent tiled inlay and glass door\"\r\n        },\r\n        {\r\n            src: \"/img/12.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Finished basement with wall framing with drywall and drop ceiling\"\r\n        },\r\n        {\r\n            src: \"/img/13.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Framing and drywall around ducts and support poles\"\r\n        },\r\n        {\r\n            src: \"/img/14.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Bathroom installation in basement with 36� shower stall, linen closet, vanity and toilet\"\r\n        },\r\n        {\r\n            src: \"/img/15.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Bathroom remodel with new vanity, shower stall and quartz counter\"\r\n        },\r\n        {\r\n            src: \"/img/16.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Custom blue glass tile inlay in shower stall\"\r\n        },\r\n        {\r\n            src: \"/img/17.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Bathroom remodel with new vanity, shower stall and quartz counter\"\r\n        },\r\n        {\r\n            src: \"/img/18.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Kitchen reconstruction including cabinetry, island, coffee bar, and new appliances\"\r\n        },\r\n        {\r\n            src: \"/img/19.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Open concept kitchen, load-bearing wall removed\"\r\n        },\r\n        {\r\n            src: \"/img/20.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Open concept kitchen, load-bearing wall removed\"\r\n        },\r\n        {\r\n            src: \"/img/21.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Open concept kitchen, load-bearing wall removed\"\r\n        },\r\n        {\r\n            src: \"/img/22.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Pot filler plumbing over custom range\"\r\n        },\r\n        {\r\n            src: \"/img/23.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Open concept kitchen, load-bearing wall removed\"\r\n        },\r\n        {\r\n            src: \"/img/24.jpg\",\r\n            width: 4,\r\n            height: 4,\r\n            description: \"Bathtub conversion to shower stall with inlay shelves, marble floor and rain shower head\"\r\n        }\r\n    ];\r\n\r\n    const init = {\r\n        index: 0,\r\n        open: false\r\n    };\r\n\r\n    const [current, setCurrent] = useState(init);\r\n\r\n    const openLightBox = useCallback((event, { photo, index }) => {\r\n        setCurrent({ index, open: true });\r\n    }, []);\r\n\r\n    const closeLightBox = () => {\r\n        setCurrent({ index: 0, open: false });\r\n    };\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Grid stackable padded>\r\n                <Grid.Row style={{marginTop: \"1em\", marginBottom: \"1em\"}}>\r\n                    <Grid.Column width={16} textAlign=\"center\">\r\n                        <h1 style={Constants.Header}>Gallery - &nbsp;<em>Click to Enlarge</em></h1>\r\n                    </Grid.Column>\r\n                </Grid.Row>\r\n                <Grid.Row>\r\n                    <Grid.Column only=\"computer\" width={1} textAlign=\"center\"></Grid.Column>\r\n                    <Grid.Column only=\"computer\" width={14} textAlign=\"center\">\r\n                        <PhotoGallery photos={photos} onClick={openLightBox} />\r\n                    </Grid.Column>\r\n                    <Grid.Column only=\"computer\" width={1} textAlign=\"center\"></Grid.Column>\r\n                    <Grid.Column only=\"tablet mobile\" width={16} textAlign=\"center\">\r\n                        <PhotoGallery photos={photos} onClick={openLightBox} />\r\n                    </Grid.Column>\r\n                </Grid.Row>\r\n            </Grid>\r\n            <ModalGateway>\r\n                {current.open ? (\r\n                    <Modal onClose={closeLightBox} >\r\n                        <Carousel\r\n                            currentIndex={current.index}\r\n                            views={photos.map(x => ({\r\n                                ...x,\r\n                                srcset: x.srcSet,\r\n                                caption: x.description\r\n                            }))}\r\n                        />\r\n                    </Modal>\r\n                ) : null}\r\n            </ModalGateway>\r\n        </React.Fragment>\r\n    )\r\n}","import React from 'react';\r\nimport { Grid } from 'semantic-ui-react';\r\nimport { Parallax } from 'react-parallax';\r\n\r\nimport * as Constants from '../constants';\r\nimport ModernKitchen from '../img/modern-kitchen.jpg';\r\nimport DarkKitchen from '../img/dark-kitchen.jpg';\r\n\r\nexport default function Kitchen() {\r\n    const paragraph = {\r\n        ...Constants.Paragraph,\r\n        fontSize: \"1.2rem\"\r\n    };\r\n\r\n    const header = {\r\n        ...Constants.Header\r\n    };\r\n\r\n    return (\r\n        <Grid>\r\n            <Grid.Row>\r\n                <Grid.Column mobile={16} tablet={16} computer={8} style={{ ...Constants.FlexCenter, minHeight: \"40vh\" }}>\r\n                    <div style={{ width: \"90%\" }}>\r\n                        <h1 style={header}>REIMAGINE YOUR KITCHEN</h1>\r\n                        <p style={paragraph}>In our 35 years of experience, we’ve quoted kitchen remodels ranging from minor cosmetic changes to complete “gut” job renovations. No matter your project size we can help bring one of the most popular spots in your home to it’s full potential. A remolded kitchen adds value to your home while enhancing living space and creating the perfect space for gatherings, family fun night, dinner parties and so much more.</p>\r\n                        <p style={paragraph}>Call us at&nbsp;<a href=\"tel:734-591-0825\">734-591-0825</a> today! Together we can design a kitchen you see in magazines and that you never dreamed could be in your home.</p>\r\n                    </div>\r\n                </Grid.Column>\r\n                <Grid.Column mobile={16} tablet={16} computer={8} style={{ minHeight: \"40vh\" }}>\r\n                    <Parallax\r\n                        blur={0}\r\n                        bgImage={ModernKitchen}\r\n                        bgImageAlt=\"kitchen banner\"\r\n                        strength={300}\r\n                    >\r\n                        <div style={{ height: \"40vh\", alignItems: \"center\" }} />\r\n                    </Parallax>\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n            <Grid.Row>\r\n                <Grid.Column width={16} style={{ borderTop: `1em solid ${Constants.Maroon}` }}>\r\n                    <Parallax\r\n                        blur={0}\r\n                        bgImage={DarkKitchen}\r\n                        bgImageAlt=\"kitchen banner\"\r\n                        strength={300}\r\n                    >\r\n                        <div style={{ ...Constants.Overlay, minHeight: \"40vh\", textAlign: \"center\" }}>\r\n                            <br />\r\n                            <h1>Get your project off the ground!</h1>\r\n                            <Grid>\r\n                                <Grid.Row only=\"computer\">\r\n                                    <Grid.Column width={16}>\r\n                                        <div style={{ display: \"flex\", justifyContent: \"center\", textAlign: \"left\" }}>\r\n                                            <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                                <ul>\r\n                                                    <li>Update wiring, lighting and fixtures</li>\r\n                                                    <li>Custom backsplash</li>\r\n                                                    <li>Update plumbing and faucets</li>\r\n                                                    <li>Flooring/Tile</li>\r\n                                                    <li>Fix inefficient layouts</li>\r\n                                                </ul>\r\n                                            </div>\r\n                                            <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                                <ul>\r\n                                                    <li>Countertop installation</li>\r\n                                                    <li>Update/replace cabinets</li>\r\n                                                    <li>Under cabinet lighting</li>\r\n                                                    <li>Replace cabinet hardware</li>\r\n                                                    <li>Create a kitchen island</li>\r\n                                                </ul>\r\n                                            </div>\r\n                                        </div>\r\n                                    </Grid.Column>\r\n                                </Grid.Row>\r\n                                <Grid.Row only=\"mobile tablet\">\r\n                                    <Grid.Column width={16}>\r\n                                        <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                            <ul style={{ listStyle: \"none\" }}>\r\n                                                <li>Update wiring, lighting and fixtures</li>\r\n                                                <li>Custom backsplash</li>\r\n                                                <li>Update plumbing and faucets</li>\r\n                                                <li>Flooring/Tile</li>\r\n                                                <li>Fix inefficient layouts</li>\r\n                                                <li>Countertop installation</li>\r\n                                                <li>Update/replace cabinets</li>\r\n                                                <li>Under cabinet lighting</li>\r\n                                                <li>Replace cabinet hardware</li>\r\n                                                <li>Create a kitchen island</li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </Grid.Column>\r\n                                </Grid.Row>\r\n                            </Grid>\r\n                        </div>\r\n                    </Parallax>\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n        </Grid>\r\n    );\r\n};","import React from 'react';\r\n\r\nimport { Image } from 'semantic-ui-react';\r\n\r\nimport * as Constants from \"../constants\";\r\nimport Logo from '../img/full-logo-white.png';\r\n\r\nexport default function Footer() {\r\n\r\n    const style = {\r\n        color: Constants.OffWhite,\r\n        fontFamily: \"'Playfair Display', serif\"\r\n    };\r\n\r\n    return (\r\n        <div style={{...Constants.FlexCenter, height: \"225px\", width: \"100%\", backgroundColor: Constants.Maroon, color: Constants.OffWhite, flexDirection: \"column\"}}>\r\n            <h3>Mike's Services, Livonia MI</h3>\r\n            <a href=\"tel:734-591-0825\">734-591-0825</a>\r\n            <a href=\"mailto:mikeserv7@yahoo.com\">mikeserv7@yahoo.com</a>\r\n            <Image src={Logo} style={{height: \"65px\", width: \"75px\", paddingTop: \"1em\"}} />     \r\n        </div>\r\n    );\r\n};\r\n","import React from 'react';\r\nimport { Grid } from 'semantic-ui-react';\r\nimport { Parallax } from 'react-parallax';\r\n\r\nimport * as Constants from '../constants';\r\nimport BasementPhoto from '../img/basement-stairs.jpg';\r\nimport DarkBrick from '../img/dark-brick.jpg';\r\n\r\nexport default function Basement() {\r\n    const paragraph = {\r\n        ...Constants.Paragraph,\r\n        fontSize: \"1.2rem\"\r\n    };\r\n\r\n    const header = {\r\n        ...Constants.Header\r\n    };\r\n\r\n    return (\r\n        <Grid>\r\n            <Grid.Row>\r\n                <Grid.Column mobile={16} tablet={16} computer={8} style={{ ...Constants.FlexCenter, minHeight: \"40vh\" }}>\r\n                    <div style={{ width: \"90%\" }}>\r\n                        <h1 style={header}>DITCH CLUTTER - ADD LIVING SPACE</h1>\r\n                        <p style={paragraph}>Do you have a damp, dark, and cold basement that you’re looking to make an integral part of your home?  Has the basement in your home turned into a giant dumping zone for storage?  Let Mike’s Services renovate your basement and add valuable square footage to your home!</p>\r\n                        <p style={paragraph}>Turn any basement into comfortable space (man cave, playroom, finished storage) that’s just right for your home.  No two project are the same which allows for endless opportunities and renovation suggestions from our team.  We can work within any budget to make your project come to life.  The best part of our day is seeing the smile on a clients face when they see their finished basement for the first time.  Get excited, give us a <a href=\"tel:734-591-0825\">call</a>, and let's start planning today!</p>\r\n                    </div>\r\n                </Grid.Column>\r\n                <Grid.Column mobile={16} tablet={16} computer={8} style={{ minHeight: \"40vh\" }}>\r\n                    <Parallax\r\n                        blur={0}\r\n                        bgImage={BasementPhoto}\r\n                        bgImageAlt=\"basement banner\"\r\n                        strength={300}\r\n                    >\r\n                        <div style={{ height: \"40vh\", alignItems: \"center\" }} />\r\n                    </Parallax>\r\n\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n            <Grid.Row>\r\n                <Grid.Column width={16} style={{ borderTop: `1em solid ${Constants.Maroon}` }}>\r\n                    <Parallax\r\n                        blur={0}\r\n                        bgImage={DarkBrick}\r\n                        bgImageAlt=\"brick banner\"\r\n                        strength={300}\r\n                    >\r\n                        <div style={{ ...Constants.Overlay, minHeight: \"40vh\", textAlign: \"center\" }}>\r\n                            <br />\r\n                            <h1>Get your project off the ground!</h1>\r\n                            <Grid>\r\n                                <Grid.Row only=\"computer\">\r\n                                    <Grid.Column width={16}>\r\n                                        <div style={{ display: \"flex\", justifyContent: \"center\", textAlign: \"left\" }}>\r\n                                            <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                                <ul>\r\n                                                    <li>Spacious layouts</li>\r\n                                                    <li>Storage closets/units</li>\r\n                                                    <li>Insulate and drywall exterior walls</li>\r\n                                                    <li>Finished ceilings</li>\r\n                                                </ul>\r\n                                            </div>\r\n                                            <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                                <ul>\r\n                                                    <li>Updated electrical</li>\r\n                                                    <li>Egress windows</li>\r\n                                                    <li>Bedrooms</li>\r\n                                                    <li>Laundry rooms</li>\r\n                                                </ul>\r\n                                            </div>\r\n                                        </div>\r\n                                    </Grid.Column>\r\n                                </Grid.Row>\r\n                                <Grid.Row only=\"mobile tablet\">\r\n                                    <Grid.Column width={16}>\r\n                                        <div style={{ lineHeight: \"40px\", display: \"flex\", alignItems: \"center\" }}>\r\n                                            <ul style={{listStyle: \"none\"}}>\r\n                                                <li>Spacious layouts</li>\r\n                                                <li>Storage closets/units</li>\r\n                                                <li>Insulate and drywall exterior walls</li>\r\n                                                <li>Finished ceilings</li>\r\n                                                <li>Updated electrical</li>\r\n                                                <li>Egress windows</li>\r\n                                                <li>Bedrooms</li>\r\n                                                <li>Laundry rooms</li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </Grid.Column>\r\n                                </Grid.Row>\r\n                            </Grid>\r\n                        </div>\r\n                    </Parallax>\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n        </Grid>\r\n    );\r\n};","import React, { useEffect, useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport * as Constants from '../constants';\r\n\r\nimport { Grid } from 'semantic-ui-react';\r\n\r\nimport Header from './Header';\r\nimport Home from './Home';\r\nimport About from './About';\r\nimport Bathroom from './Bathroom';\r\nimport Gallery from './Gallery';\r\nimport Kitchen from './Kitchen';\r\nimport Footer from './Footer';\r\nimport Basement from './Basement';\r\n\r\nexport default function Main() {\r\n    const currentlySelected = useSelector(state => state.global.currentlySelectedSection);\r\n\r\n    const components = [\r\n        {\r\n            name: Constants.Home,\r\n            component: <Home />\r\n        },\r\n        {\r\n            name: Constants.About,\r\n            component: <About />\r\n        },\r\n        {\r\n            name: Constants.Bathroom,\r\n            component: <Bathroom />\r\n        },\r\n        {\r\n            name: Constants.Gallery,\r\n            component: <Gallery />\r\n        },\r\n        {\r\n            name: Constants.Kitchen,\r\n            component: <Kitchen />\r\n        },\r\n        {\r\n            name: Constants.Basement,\r\n            component: <Basement />\r\n        }\r\n    ];\r\n\r\n    const [selectedComponent, setSelectedComponent] = useState(components[0].component)\r\n\r\n    useEffect(() => {\r\n        setSelectedComponent(components.find(x => x.name === currentlySelected).component);\r\n    }, [currentlySelected]);\r\n\r\n    return (\r\n        <Grid>\r\n            <Grid.Row>\r\n                <Grid.Column width={16}>\r\n                    <Header />\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n            <Grid.Row>\r\n                <Grid.Column width={16}>\r\n                    {selectedComponent}\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n            <Grid.Row>\r\n                <Grid.Column width={16}>\r\n                    <Footer />\r\n                </Grid.Column>\r\n            </Grid.Row>\r\n        </Grid>\r\n    );\r\n};","import React from 'react';\r\nimport 'semantic-ui-css/semantic.min.css';\r\nimport './App.css';\r\n\r\nimport Main from './Components/Main';\r\n\r\nexport default function App() { return ( <Main /> ); }\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.1/8 is considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import * as Actions from './actions';\r\nimport * as Constants from '../constants';\r\nimport { combineReducers } from 'redux';\r\n\r\nconst init = {\r\n    currentlySelectedSection: Constants.Home\r\n};\r\n\r\nfunction global(state = init, action) {\r\n    switch(action.type) {\r\n        case Actions.UPDATE_SELECTED_SECTION:\r\n            return {...state, currentlySelectedSection: action.section};\r\n        default: \r\n            return state;\r\n    }\r\n};\r\n\r\nconst workflow = combineReducers({global});\r\nexport default workflow;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nimport { Provider } from 'react-redux';\r\nimport { createStore } from 'redux'\r\nimport workflow from './Stores/reducers';\r\n\r\nconst store = createStore(workflow);\r\n\r\nReactDOM.render(\r\n    <Provider store={store}>\r\n        <App />\r\n    </Provider>\r\n    , document.getElementById('root'));\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n","module.exports = __webpack_public_path__ + \"static/media/full-logo.0c3b1f49.png\";"],"sourceRoot":""}