{"version":3,"sources":["features/home/Home.js","features/services/ServiceBlock.js","global/headers/SectionHeader.js","features/services/Services.js","features/projects/ProjectItem.js","features/projects/ProjectInfoDialog.js","features/projects/Projects.js","features/contact/Contact.js","features/contact/ContactBlock.js","features/contact/ContactMap.js","features/footer/Footer.js","global/navigation/MenuItems.js","global/navigation/AppMenu.js","global/navigation/Header.js","global/navigation/Navigation.js","App.js","index.js"],"names":["Home","props","theme","useTheme","smallScreen","useMediaQuery","breakpoints","down","particlesInit","useCallback","engine","a","loadFull","Box","component","id","sx","display","justifyContent","flexDirection","backgroundRepeat","backgroundImage","backgroundSize","backgroundPosition","width","height","zIndex","Grid","container","direction","alignItems","item","xs","sm","md","lg","triggerOnce","Typography","variant","color","fontWeight","paddingTop","effect","delay","Link","to","marginTop","borderRadius","background","palette","primary","main","textTransform","textDecoration","cursor","spy","smooth","offset","duration","src","init","options","particles","links","enable","opacity","move","value","size","ServiceBlock","title","description","padding","marginBottom","Icon","margin","SectionHeader","subtitle","textAlign","gutterBottom","Services","paddingBottom","flexGrow","xl","ProjectItem","icon","client","text","imageUrl","techUsed","technical","useState","open","setOpen","TimelineItem","TimelineOppositeContent","TimelineSeparator","TimelineConnector","TimelineDot","TimelineContent","py","px","Card","CardActionArea","onClick","CardContent","maxHeight","maxWidth","alt","handleClose","ProjectInfoDialog","fullScreen","Dialog","scroll","onClose","aria-labelledby","DialogTitle","DialogContent","DialogContentText","DialogActions","Button","autoFocus","Projects","Timeline","position","Contact","paddingLeft","paddingRight","ContactBlock","CardHeader","avatar","Avatar","backgroundColor","children","containerStyle","center","lat","lng","ContactMap","googleMapsApiKey","mapContainerStyle","zoom","React","memo","Footer","Date","getFullYear","year","fontSize","MenuItems","path","AppMenu","anchorEl","toggleDrawer","Menu","anchorOrigin","vertical","horizontal","keepMounted","transformOrigin","Boolean","map","page","activeClass","MenuItem","Header","AppBar","marginLeft","drawer","boxShadow","Toolbar","Hidden","smUp","implementation","IconButton","aria-label","marginRight","smDown","key","Navigation","setAnchorEl","handleDrawerToggle","event","target","App","mixins","toolbar","createTheme","typography","useNextVariants","fontFamily","secondary","default","appBar","ReactDOM","render","StrictMode","ThemeProvider","CssBaseline","document","getElementById"],"mappings":"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","file":"static/js/main.8b0887c4.chunk.js","sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { Link } from \"react-scroll\";\nimport { AttentionSeeker, Fade } from \"react-awesome-reveal\";\nimport Particles from \"react-particles\";\nimport { loadFull } from \"tsparticles\";\n\nimport { Box, Grid, Typography, useMediaQuery } from \"@mui/material\";\nimport { useTheme } from \"@mui/system\";\n\nconst Home = (props) => {\n    const theme = useTheme(); // Details of the current theme\n    const smallScreen = useMediaQuery(theme.breakpoints.down('md')); // Whether this device has a small screen or not\n\n    const particlesInit = useCallback(async (engine) => {\n        await loadFull(engine);\n    }, []);\n\n    return (\n        <Box component=\"div\" id=\"home\" sx={{\n            display: \"flex\",\n            justifyContent: \"center\",\n            flexDirection: \"column\",\n            backgroundRepeat: \"no-repeat\",\n            backgroundImage: `url(\"/images/home/hero.png\")`,\n            backgroundSize: \"cover\",\n            backgroundPosition: \"bottom\",\n            width: \"100%\",\n            height: \"calc(100% - 64px)\",\n            zIndex: 20,\n        }}>\n            <Grid\n                container\n                direction=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"center\">\n                <Grid item xs={10} sm={10} md={5} lg={4}>\n                    <Fade direction=\"left\" triggerOnce={true}>\n                        <Typography\n                            variant=\"h4\"\n                            sx={{\n                                color: \"white !important\",\n                                fontWeight: \"600 !important\"\n                            }}>\n                            Making your organisation more efficient\n                        </Typography>\n                        <Typography\n                            sx={{\n                                color: \"white !important\",\n                                paddingTop: \"0.5em\"\n                            }}>\n                            We work with organisations of all sizes to create custom software solutions that help streamline your day to day activities, saving your staff time and your organisation money.\n                        </Typography>\n                        <AttentionSeeker effect=\"flash\" delay={2000}>\n                            <Box component={Link} to=\"services\" sx={{\n                                height: \"2em\",\n                                width: \"10em\",\n                                marginTop: \"0.75em\",\n                                borderRadius: \"50px\",\n                                background: \"#fff\",\n                                color: (theme) => theme.palette.primary.main,\n                                textTransform: \"uppercase\",\n                                textDecoration: \"none\",\n                                display: \"flex\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                                fontWeight: \"600\",\n                                cursor: \"pointer\"\n                            }} spy={true} smooth={true} offset={-150} duration={500}>See more</Box>\n                        </AttentionSeeker>\n                    </Fade>\n                </Grid>\n                <Grid item xs={10} sm={10} md={6} lg={4}>\n                    <Box component=\"img\" sx={{\n                        width: smallScreen ? \"60%\" : \"100%\",\n                        display: { xs: \"none\", sm: 'none', md: 'block' },\n                        marginTop: smallScreen ? \"2vh\" : \"0\"\n                    }} src=\"images/home/report.jpg\"></Box>\n                </Grid>\n            </Grid>\n            <Particles\n                id=\"tsparticles\"\n                init={particlesInit}\n                options={{\n                    particles: {\n                        links: {\n                            enable: true,\n                            opacity: 0.5\n                        },\n                        move: {\n                            enable: true\n                        },\n                        opacity: {\n                            value: 0.5\n                        },\n                        size: {\n                            value: 3\n                        }\n                    }\n                }}\n            />\n        </Box>\n    );\n}\n\nexport default Home;","import React from \"react\";\n\nimport { Fade } from \"react-awesome-reveal\";\n\nimport { Box, Icon, Typography } from \"@mui/material\";\n\nconst ServiceBlock = (props) => {\n    const { title, description } = props;\n\n    return (\n        <Fade direction=\"up\" triggerOnce={true}>\n            <Box component=\"div\" sx={{\n                padding: 1.5,\n            }}>\n                <Typography sx={{\n                    fontWeight: 600,\n                    marginBottom: \"1vh\"\n                }} variant=\"h5\">\n                    <Icon sx={{\n                        margin: \"-5px 5px\",\n                    }} color=\"primary\">check_circle</Icon>{title}\n                </Typography>\n                <Typography>\n                    {description}\n                </Typography>\n            </Box>\n        </Fade>\n    );\n}\n\nexport default ServiceBlock;","import React from \"react\";\n\nimport { Fade } from \"react-awesome-reveal\";\n\nimport { Grid, Typography } from \"@mui/material\";\n\nconst SectionHeader = (props) => {\n    const { title, subtitle } = props;\n\n    return (\n        <Grid item md={12}>\n            <Fade triggerOnce={true}>\n                <Typography variant=\"h4\" sx={{\n                    textAlign: \"center\",\n                    fontWeight: 600\n                }} gutterBottom>\n                    {title}\n                </Typography>\n                <Typography sx={{\n                    textAlign: \"center\",\n                    padding: \"0 25%\"\n                }} gutterBottom>\n                    {subtitle}\n                </Typography>\n            </Fade>\n        </Grid>\n    );\n}\n\nexport default SectionHeader;","import React from \"react\";\n\nimport { Box, Grid, useMediaQuery } from \"@mui/material\";\nimport { useTheme } from \"@mui/system\";\n\nimport { SectionHeader } from \"../../global/headers\";\nimport { ServiceBlock } from \"./\";\n\nconst Services = (props) => {\n    const theme = useTheme(); // Details of the current theme\n    const smallScreen = useMediaQuery(theme.breakpoints.down('lg')); // Whether this device has a small screen or not\n\n    return (\n        <Box component=\"div\" id=\"services\" sx={{\n            paddingTop: 5,\n            paddingBottom: 5,\n            flexGrow: 1\n        }}>\n            <SectionHeader title=\"How we work\" subtitle=\"We sit down with you to build a system that suits your organisation's needs. Here's what all our systems have in common.\" />\n            <Grid container\n                justifyContent=\"center\"\n                alignItems=\"center\">\n                <Grid item xl={4} lg={6} md={12} sm={12}>\n                    <Box component=\"img\" sx={{\n                        display: \"block\",\n                        margin: \"0 auto\",\n                        width: smallScreen ? \"60%\" : \"100%\",\n                    }} src=\"images/services/devices.jpg\"></Box>\n                </Grid>\n                <Grid item xl={4} lg={6} md={12} sm={12}>\n                    <ServiceBlock\n                        title=\"Flexible designs\"\n                        description=\"Your new system will work comfortably on a desktop or a mobile device, allowing you the flexibility to work from the office or remotely.\" />\n                    <ServiceBlock\n                        title=\"Secure and reliable\"\n                        description=\"Our solutions are built on the Microsoft platform for the best available speed, security and reliability.\" />\n                    <ServiceBlock\n                        title=\"Reporting built in\"\n                        description=\"We create interactive reports which will deliver key insights into how you work and how to improve.\" />\n                </Grid>\n            </Grid>\n        </Box>\n    );\n}\n\nexport default Services;","import React, { useState } from \"react\";\n\nimport { Box, Icon, Card, CardActionArea, CardContent, Typography, useMediaQuery } from \"@mui/material\";\nimport { TimelineItem, TimelineContent, TimelineOppositeContent, TimelineSeparator, TimelineDot, TimelineConnector } from \"@mui/lab\";\nimport { useTheme } from \"@mui/system\";\n\nimport { ProjectInfoDialog } from \".\";\n\nconst ProjectItem = (props) => {\n  const { icon, title, client, text, imageUrl, techUsed, technical } = props;\n\n  const [open, setOpen] = useState(false);\n\n  const theme = useTheme(); // Details of the current theme\n  const smallScreen = useMediaQuery(theme.breakpoints.down('md')); // Whether this device has a small screen or not\n\n  function handleClickOpen() {\n    setOpen(true);\n  }\n\n  function handleClose() {\n    setOpen(false);\n  }\n\n  return (\n    <TimelineItem>\n      <TimelineOppositeContent sx={{ display: smallScreen ? \"none\" : \"block\" }}></TimelineOppositeContent>\n      <TimelineSeparator>\n        <TimelineConnector />\n        <TimelineDot color=\"primary\">\n          <Icon>{icon}</Icon>\n        </TimelineDot>\n        <TimelineConnector />\n      </TimelineSeparator>\n      <TimelineContent sx={{ py: '12px', px: 2 }}>\n        <Card variant=\"outlined\">\n          <CardActionArea onClick={handleClickOpen}>\n            <CardContent>\n              <Typography variant=\"h6\" component=\"span\">\n                {title}\n              </Typography>\n              <Typography color=\"textSecondary\" variant=\"subtitle2\" gutterBottom>\n                {client}\n              </Typography>\n              <Typography>{text}</Typography>\n              {imageUrl && <Box\n                component=\"img\"\n                sx={{ maxHeight: \"20vh\", maxWidth: \"100%\" }}\n                src={imageUrl}\n                alt=\"green iguana\"\n              />}\n            </CardContent>\n          </CardActionArea>\n        </Card>\n        <ProjectInfoDialog open={open} handleClose={handleClose} title={title} text={text} techUsed={techUsed} technical={technical} />\n      </TimelineContent>\n    </TimelineItem>\n  );\n}\n\nexport default ProjectItem;","import React from \"react\";\n\nimport { Button, Typography, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from \"@mui/material\";\n\nconst ProjectInfoDialog = (props) => {\n  const { fullScreen, open, handleClose, title, techUsed, technical } = props;\n\n  return (\n    <Dialog\n      fullScreen={fullScreen}\n      open={open}\n      scroll=\"paper\"\n      onClose={handleClose}\n      aria-labelledby=\"responsive-dialog-title\"\n    >\n      <DialogTitle id=\"responsive-dialog-title\">\n        {title}\n        <Typography color=\"textSecondary\" variant=\"subtitle2\" gutterBottom>\n          {techUsed}\n        </Typography>\n      </DialogTitle>\n      <DialogContent>\n        <DialogContentText>\n          <Typography component=\"p\">\n            {technical}\n          </Typography>\n        </DialogContentText>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={handleClose} color=\"primary\" autoFocus>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nexport default ProjectInfoDialog;","import React from \"react\";\n\nimport { Box, useMediaQuery } from \"@mui/material\";\nimport { Timeline } from '@mui/lab';\nimport { useTheme } from \"@mui/system\";\n\nimport { SectionHeader } from \"../../global/headers\";\nimport { ProjectItem } from \".\";\n\nconst Projects = (props) => {\n    const theme = useTheme(); // Details of the current theme\n    const smallScreen = useMediaQuery(theme.breakpoints.down('md')); // Whether this device has a small screen or not\n\n    return (\n        <Box component=\"div\" id=\"projects\" sx={{\n            paddingTop: 5,\n            paddingBottom: 5,\n            flexGrow: 1,\n            background: \"#fbfeff\"\n        }}>\n            <SectionHeader title=\"Projects\" subtitle=\"Some examples of systems we have worked on recently. Tap an item if you are interested in more technical information.\" />\n\n            <Timeline position={smallScreen ? \"right\" : \"alternate\"}>\n                <ProjectItem\n                    icon=\"home\"\n                    title=\"Homes for Ukraine\"\n                    client=\"Wirral Borough Council\"\n                    text=\"Customising and implementing a Case Management System to help a Local Authority manage sponsors who wished to offer their homes to Ukrainian refugees. Replaced a number of hard to manage Excel spreadsheets with a modern system with reporting and automation to save staff time.\"\n                    techUsed=\"Microsoft Model-driven PowerApps, Power Automate, Granicus CRM\"\n                    technical=\"Built tables in the Microsoft Dataverse along with associated forms for data entry and integrated the Council's Granicus CRM to allow sponsors to complete their information online and have it fed directly into the system rather than by completing a Word document and manually updating records. Power Automate was also used to automate importing of records from the Central Government's Foundry system.\"\n                />\n                <ProjectItem\n                    icon=\"videocam\"\n                    title=\"Video Booth\"\n                    client=\"Wirral Borough Council\"\n                    imageUrl=\"/images/projects/wirral-video.jpg\"\n                    text=\"Built an app to run on a touch screen device which could call into a Microsoft Teams meeting so residents accessing the device in a public library could have video calls with Council Officers who since the pandemic now often work remotely.\"\n                    techUsed=\"Azure Services, React, Power Automate, Logic Apps\"\n                    technical=\"The system is built using React for the front-end, utilising Power Automate/Logic Apps to query into the Outlook calendar behind the scenes; it then uses Azure Communication Services APIs to connect directly into a Microsoft Teams call with the Council Officer joining from their existing Teams client, as they would any other call.\"\n                />\n                <ProjectItem\n                    icon=\"store_front\"\n                    title=\"COVID-19 Grants\"\n                    client=\"Wirral Borough Council\"\n                    text=\"Built application forms and payment integrations which paid out millions of pounds in grants to businesses and support payments to residents whilst dramatically reducing admin workloads.\"\n                    techUsed=\"Granicus GovService (Firmstep), .NET Core Web API\"\n                    technical=\"Integrated a workflow using Granicus CRM with integrations to government APIs to automatically validate the data provided by businesses while other Councils were doing each check by hand. Built a connector between the application process and the Council's payment systems to allow payments to be made speedily to businesses once approved, helping assure their survival through the COVID-19 pandemic.\"\n                />\n                <ProjectItem\n                    icon=\"forest\"\n                    title=\"Building digital forms, training and advising\"\n                    client=\"Epping Forest District Council\"\n                    text=\"Working to replace a number of paper application processes with digital forms, developing integrations into back-office systems using APIs in order to reduce admin workload. Delivering training sessions on the development of Granicus CRM processes in an attempt to up-skill the new team and spread knowledge which was previously held by only a few people.\"\n                    techUsed=\"Granicus GovService (Firmstep), JavaScript, HTML, Azure, SQL Server\"\n                    technical=\"Produced options papers on best practice for delivering one cohesive customer account experience as well as leveraging modern Microsoft Azure technologies to move the Council away from on-premise resources towards a cloud future.\"\n                />\n                <ProjectItem\n                    icon=\"list_alt\"\n                    title=\"Custom Case Management System\"\n                    client=\"Wirral Borough Council\"\n                    imageUrl=\"/images/projects/wicam.jpg\"\n                    text=\"Custom-built a Case Management web app to move a number of Council services from outdated and failing Microsoft Access databases to a more modern platform to allow the introduction of reporting and automating recurring tasks.\"\n                    techUsed=\"React, .NET Core, C#, Azure AD, SQL Server\"\n                    technical=\"Developed using SQL Database and .Net Core Web API back-end, React front-end and integrations with Azure AD for security; this has meant data is stored securely, is better reported on and admin costs have been greatly reduced through the improved usability of the system which has really come into its own with the increase in home-working due to COVID-19.\"\n                />\n                <ProjectItem\n                    icon=\"school\"\n                    title=\"Pupil progress and attainment tool\"\n                    client=\"Newby Primary School, Bradford\"\n                    text=\"Contacted by the deputy-head to help put his ideas for a pupil achievement data entry and analysis tool into action. The application allows teachers to record a child's progress through their time at the school across different subjects, with comprehensive reporting tools to analyse issues or improvements.\"\n                    techUsed=\"C#, WinForms, SSRS, Azure, SQL Server, CSLA\"\n                    technical=\"Built a desktop application using C# WinForms which uses the CSLA framework to deliver a cloud-based system with the data stored in Azure SQL databases. Plans for a web-based version in the future.\"\n                />\n            </Timeline>\n        </Box>\n    );\n}\n\nexport default Projects;","import React from \"react\";\n\nimport { Box, Grid } from \"@mui/material\";\n\nimport { SectionHeader } from \"../../global/headers\";\nimport { ContactMap, ContactBlock } from \"./\";\n\nconst Contact = (props) => {\n    return (\n        <Box component=\"div\" id=\"contact\" sx={{\n            paddingTop: 5,\n            paddingBottom: 5,\n            paddingLeft: 2,\n            paddingRight: 2,\n        }}>\n            <SectionHeader title=\"Contact us\" subtitle=\"Let's arrange a time to talk through how our software can benefit your organisation.\" />\n            <Grid\n                container\n                direction=\"row\"\n                justifyContent=\"space-between\"\n                alignItems=\"stretch\">\n                <ContactBlock\n                    title=\"Email\"\n                    icon=\"mail\">\n                    chris@ryedalesoftware.com\n                </ContactBlock>\n                <ContactBlock\n                    title=\"Address\"\n                    icon=\"map\">\n                    38 Goslipgate<br />\n                    Pickering<br />\n                    North Yorkshire<br />\n                    YO18 8DQ\n                </ContactBlock>\n                <ContactBlock\n                    title=\"Phone\"\n                    icon=\"phone\">\n                    07788215556\n                </ContactBlock>\n            </Grid>\n            <Grid\n                container\n                direction=\"row\"\n                justifyContent=\"space-around\"\n                alignItems=\"stretch\">\n                <Grid item xs={12} md={6}>\n                    <Box component=\"div\" sx={{\n                        margin: \"20px\",\n                        height: \"50vh\",\n                    }}>\n                        <ContactMap />\n                    </Box>\n                </Grid>\n            </Grid>\n        </Box>\n    );\n}\n\nexport default Contact;","import React from \"react\";\n\nimport { Box, Grid, CardHeader, Avatar, Typography, Icon, useMediaQuery } from \"@mui/material\";\nimport { useTheme } from \"@mui/system\";\n\nconst ContactBlock = (props) => {\n    const { title, icon } = props;\n\n    const theme = useTheme(); // Details of the current theme\n    const smallScreen = useMediaQuery(theme.breakpoints.down('md')); // Whether this device has a small screen or not\n\n    return (\n        <Grid item xs={12} sm={4}>\n            <Box component=\"div\" sx={{\n                margin: \"auto\",\n                display: smallScreen ? \"block\": \"table\"\n            }}>\n                <CardHeader\n                    avatar={\n                        <Avatar sx={{\n                            backgroundColor: (theme) => `${theme.palette.primary.main} !important`,\n                        }}>\n                            <Icon sx={{\n                                color: \"white\"\n                            }}>{icon}</Icon>\n                        </Avatar>\n                    }\n                    title={title}\n                />\n                <Typography component=\"p\" sx={{\n                    paddingLeft: \"16px\"\n                }}>\n                    {props.children}\n                </Typography>\n            </Box>\n        </Grid>\n    );\n}\n\nexport default ContactBlock;","import React from 'react'\n\nimport { GoogleMap, LoadScript, Marker } from \"@react-google-maps/api\";\n\nconst containerStyle = {\n  height: \"100%\"\n};\n\nconst center = {\n  lat: 54.105710,\n  lng: -1.273274\n};\n\nconst ContactMap = () => {\n  return (\n    <LoadScript\n      googleMapsApiKey=\"AIzaSyBn3L06P3Zi51MJlC2lJZSl6MI0vzsp2Yk\"\n    >\n      <GoogleMap\n        mapContainerStyle={containerStyle}\n        center={center}\n        zoom={8}\n      >\n        <Marker\n          icon=\"/images/contact/loc-marker.png\"\n          position={{\n            lat: 54.239180, // latitude to position the marker\n            lng: -0.783810 // longitude to position the marker\n          }}\n        />\n      </GoogleMap>\n    </LoadScript>\n  )\n}\n\nexport default React.memo(ContactMap)","import React, { useState } from \"react\";\n\nimport { Box, Typography } from \"@mui/material\";\n\n\nconst Footer = (props) => {\n    const [year,] = useState(new Date().getFullYear());\n\n    return (\n        <Box component=\"footer\" sx={{\n            backgroundColor: \"white\",\n        }}>\n            <Box component=\"div\" sx={{\n                textAlign: \"center\",\n                maxWidth: 800,\n                margin: \"auto\",\n                padding: 2,\n            }}>\n                <Typography sx={{\n                    fontSize: \"10pt !important\",\n                }} gutterBottom>\n                    ©{year} Ryedale Software. All rights reserved. Ryedale Software is a registered trade mark of Ryedale Software Ltd. Incorporated in England & Wales with Company Number 9881655. Registered Office Address: 38 Goslipgate, Pickering, North Yorkshire, YO18 8DQ. VAT No.: 347107901.\n                </Typography>\n            </Box>\n        </Box>\n    );\n}\n\nexport default Footer;","const MenuItems = [\n    {\n        path: \"home\",\n        text: \"Home\"\n    },\n    {\n        path: \"services\",\n        text: \"About\"\n    },\n    {\n        path: \"projects\",\n        text: \"Projects\"\n    },\n    {\n        path: \"contact\",\n        text: \"Contact\"\n    },\n];\n\nexport default MenuItems;","import React from \"react\";\n\nimport { Link } from \"react-scroll\";\n\nimport { Menu, MenuItem, Typography } from \"@mui/material\";\n\nimport MenuItems from \"./MenuItems\";\n\nconst AppMenu = (props) => {\n    const { anchorEl, toggleDrawer } = props;\n\n    return (\n        <nav>\n            <Menu\n                id=\"menu-appbar\"\n                anchorEl={anchorEl}\n                anchorOrigin={{\n                    vertical: 'bottom',\n                    horizontal: 'left',\n                }}\n                keepMounted\n                transformOrigin={{\n                    vertical: 'top',\n                    horizontal: 'left',\n                }}\n                open={Boolean(anchorEl)}\n                onClose={toggleDrawer}\n                sx={{\n                    display: { xs: 'block', md: 'none' },\n                }}\n            >\n                {MenuItems.map((page) => (\n                    <Link key={page.path} activeClass=\"active\" to={page.path} spy={true} smooth={true} offset={-70} duration={500}>\n                        <MenuItem onClick={toggleDrawer}>\n                            <Typography textAlign=\"center\">{page.text}</Typography>\n                        </MenuItem>\n                    </Link>\n                ))}\n            </Menu>\n        </nav>\n    )\n}\n\nexport default AppMenu;","import React from \"react\";\n\nimport { Link } from \"react-scroll\";\n\nimport { AppBar, IconButton, Toolbar, Button, Hidden, Icon, Box, useMediaQuery } from \"@mui/material\";\nimport { useTheme } from \"@mui/system\";\n\nimport MenuItems from \"./MenuItems\";\n\nconst drawerWidth = 240;\n\nconst Header = (props) => {\n    const { toggleDrawer } = props;\n\n    const theme = useTheme(); // Details of the current theme\n    const smallScreen = useMediaQuery(theme.breakpoints.down('md')); // Whether this device has a small screen or not\n\n    return (\n        <AppBar position=\"fixed\" sx={{\n            marginLeft: drawerWidth,\n            zIndex: (theme) => theme.zIndex.drawer + 1,\n            boxShadow: \"none\"\n        }}>\n            <Toolbar>\n                <Hidden smUp implementation=\"css\">\n                    <IconButton\n                        color=\"inherit\"\n                        aria-label=\"Open drawer\"\n                        onClick={toggleDrawer}\n                        sx={{\n                            marginRight: 2,\n                            display: smallScreen ? \"block\" : \"none\",\n                        }}\n                    >\n                        <Icon>menu</Icon>\n                    </IconButton>\n                </Hidden>\n                <Box component=\"div\" sx={{\n                    flexGrow: 1,\n                }}>\n                    <Box component=\"img\" sx={{\n                        height: 45,\n                    }} src=\"/images/navigation/ryedalesoftware_white.png\" alt=\"Ryedale Software\"></Box>\n                </Box>\n                <Hidden smDown implementation=\"css\">\n                    {MenuItems.map((item, key) => {\n                        return (\n                            <Link key={key} to={item.path} spy={true} smooth={true} offset={-150} duration={500}>\n                                <Button color=\"inherit\" sx={{\n                                    textTransform: \"none\"\n                                }}>{item.text}</Button>\n                            </Link>\n                        )\n                    })}\n                </Hidden>\n            </Toolbar>\n        </AppBar>\n    )\n}\n\nexport default Header;","import React, { Fragment, useState } from \"react\";\n\nimport { Header, AppMenu } from \".\";\n\nconst Navigation = (props) => {\n    const [anchorEl, setAnchorEl] = useState(null);\n\n    const handleDrawerToggle = (event) => {\n        setAnchorEl(anchorEl ? null : event.target);\n    }\n\n    return (\n        <Fragment>\n            <Header toggleDrawer={handleDrawerToggle} />\n            <AppMenu toggleDrawer={handleDrawerToggle} anchorEl={anchorEl} />\n        </Fragment>\n    )\n}\n\nexport default Navigation;","import React from \"react\";\n\nimport { Box } from \"@mui/material\";\n\nimport { Home, Services, Projects, Contact, Footer } from \"./features\";\nimport Navigation from \"./global/navigation/Navigation\";\n\nconst App = (props) => {\n    return (\n        <Box component=\"div\" sx={{\n            display: \"flex\",\n            height: \"100%\",\n        }}>\n            <Navigation />\n            <Box component=\"main\" sx={{\n                flexGrow: 1,\n            }}>\n                <Box component=\"div\" sx={theme => theme.mixins.toolbar}></Box>\n                <Home />\n                <Services />\n                <Projects />\n                <Contact />\n                <Footer />\n            </Box>\n        </Box>\n    );\n}\n\nexport default App;","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { CssBaseline } from \"@mui/material\"\nimport { createTheme, ThemeProvider } from \"@mui/material/styles\";\n\nimport './index.css';\nimport App from './App';\n\nconst theme = createTheme({\n  typography: {\n    useNextVariants: true,\n    fontFamily: \"'Rubik', sans-serif\",\n    fontSize: 16,\n  },\n  palette: {\n    primary: {\n      main: \"#006fad\"\n    },\n    secondary: {\n      main: \"#2196f3\"\n    },\n    text: {\n      primary: \"#323336\",\n      secondary: \"#6b6d6f\",\n    },\n    background: {\n      default: \"#e8f7ff\"\n    }\n  },\n  appBar: {\n    color: \"primary\"\n  }\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ThemeProvider theme={theme}>\n      <CssBaseline />\n      <App />\n    </ThemeProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}