{"version":3,"file":"static/js/278.b0be7c14.chunk.js","mappings":"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","sources":["../node_modules/@mui/icons-material/esm/Place.js","pages/website/Home.tsx"],"sourcesContent":["import createSvgIcon from './utils/createSvgIcon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\n}), 'Place');","import { Box, Button, Card, CardContent, Drawer, Fab } from \"@mui/material\";\nimport { FC, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport BookingModal from \"pages/booking/BookingModal\";\nimport ResponsiveAppBar from \"components/ResponsiveAppBar\";\nimport Footer from \"./Footer\";\nimport { primary, secondary } from \"theme/themeColors\";\nimport { H1, H2 } from \"components/Typography\";\nimport useWindowDimensions from \"components/hooks/useWindowDimensions\";\nimport \"./Home.css\";\nimport React from \"react\";\nimport { Phone, Place } from \"@mui/icons-material\";\n\nconst Home: FC = () => {\n  \n  const [showBooking, setShowBooking] = useState(true);\n  const { wHeight, wWidth } = useWindowDimensions();\n  const [open, setOpen] = React.useState(false);\n\n  const toggleDrawer = (newOpen: boolean) => () => {\n    setOpen(open => newOpen);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  }\n\n  return (\n    <>\n      {/*<div className=\"holy-grail-grid\">\n        <div className=\"header\">*/}\n          <ResponsiveAppBar />\n\n          <div className=\"---main-content---\" style={{backgroundColor: \"white\", paddingBottom: 10}}>\n            <video width=\"100%\" height=\"auto\" controls={false} playsInline autoPlay loop muted>\n              <source src={wWidth<768? \"/videos/main-video-md.mov\" : \"/videos/main-video-lg.mov\"} type=\"video/mp4\"/>\n            </video>\n            <Fab variant=\"extended\" color=\"primary\" sx={{position: \"sticky\", left: 10, bottom: 50}}>\n              <Button onClick={toggleDrawer(true)}>Get An Instant Quote</Button>\n            </Fab>\n          </div>\n\n          <div>\n            \n            <Drawer open={open} onClose={toggleDrawer(false)} sx={{width: \"100%\", minWidth: \"360px\"}}>\n              <CardContent id=\"home-anchor\" sx={{padding: 2, minWidth: \"360px\"}}>\n                {showBooking && (\n                  <BookingModal\n                    open={showBooking}\n                    isEdit={false}\n                    data={null}\n                    onClose={handleClose}\n                  />\n                )}\n              </CardContent>\n            </Drawer>\n          </div>\n\n          <Card /*className=\"left-sidebar\"*/ sx={{paddingTop: 1}}>\n            {/*<CardContent id=\"home-anchor\" sx={{padding: 2}}>\n              {showBooking && (\n                <BookingModal\n                  open={showBooking}\n                  isEdit={false}\n                  data={null}\n                  onClose={() => setShowBooking(false)}\n                />\n              )}\n            </CardContent>*/}\n\n            {/* ABOUT US */}\n            <CardContent id=\"about-anchor\">\n              <Card sx={{ borderColor: primary.main, borderWidth: 2, padding: 2}}>\n                <H1 sx={{mr: 1, color: primary.main}}>About Us</H1>\n                <hr />\n                <Box sx={{m: 1, mt: 3, mb: 3}}>\n                  The Harbour Hopper is a locally owned and operated water taxi and tender service. Our owners grew up on Sydney Harbour and have lived and loved the harbour life since childhood! Our goal is to make fast, easy and affordable travel on Sydney Harbour for all to enjoy.\n                  <br /><br />\n                  Our sleek little vessel is perfect for smaller groups and individuals, and is licensed to take up to 7 passengers.\n                  <br /><br />\n                  We can pick up and drop off at any private wharf with owners permissions, most public ferry wharves and some beaches. We can even pick up and drop off from other boats. Whether you are going out for dinner, meeting friends for a picnic or heading out for a day on the water, we are there for you.\n                  <br /><br />\n                  Harbour Hopper is environmentally conscious, we carefully select and design our vessels for efficiency and operate them to minimise environmental impact. Our vessel is maintained and operated in accordance with AMSA commercial survey requirements.\n                  <br /><br />\n                  If our easy-to-use booking system doesn’t answer all of your questions, please contact us via the details above. We are here to help in whatever way we can!\n                  <br /><br />\n                  We look forward to seeing you soon. \n                  <br /><br />  \n                  The Harbour Hopper.\n                </Box>\n                <hr/>\n                <Box sx={{my: 2, mt: 4, display: \"block\"}} id=\"contact-anchor\">\n                  <Button\n                    sx={{width: \"10px\", maxWidth: \"10px\", minWidth: \"10px\", display: \"inline\", mr: 2}}\n                    size=\"small\"\n                    type=\"submit\"\n                    variant=\"contained\"\n                  >\n                    <Phone sx={{mb: -0.5, mx: -2, px: -2}} />\n                  </Button>\n                  <Box sx={{display: \"inline\"}}>\n                    Please call&nbsp;\n                    <a href=\"callto://+61419633746\" style={{textDecoration: \"underline\", color: primary.main, fontWeight: 700}}>\n                      0419 633 746\n                    </a> \n                    &nbsp;for all enquiries.\n                  </Box>\n                </Box>\n                <Box sx={{my: 2, display: \"block\"}} id=\"contact-anchor\">\n                  <Button\n                    sx={{width: \"10px\", maxWidth: \"10px\", minWidth: \"10px\", display: \"inline\", mr: 2}}\n                    size=\"small\"\n                    type=\"submit\"\n                    variant=\"contained\"\n                  >\n                    <Place sx={{mb: -0.5, mx: -2, px: -2}} />\n                  </Button>\n                  <Box sx={{display: \"inline\"}}>\n                    Download a map of our stops&nbsp;\n                    <a href=\"/maps/wharf-map.pdf\" download style={{textDecoration: \"underline\", color: primary.main, fontWeight: 700}}>\n                      here\n                    </a>\n                  </Box>\n                </Box>\n              </Card>\n            </CardContent>\n          </Card>\n\n          <Box sx={{height: wHeight > 700? 56 : 35}}></Box>\n\n          {/*<aside className=\"right-sidebar\">Right sidebar</aside>\n          <div className=\"footer\">*/}\n          <Footer/>\n          {/*</div>\n\n        </div>\n      </div>*/}\n    </>\n  );\n};\n\nexport default observer(Home);"],"names":["createSvgIcon","_jsx","d","observer","_useState","useState","_useState2","_slicedToArray","showBooking","_useWindowDimensions","useWindowDimensions","wHeight","wWidth","_React$useState","React","_React$useState2","open","setOpen","toggleDrawer","newOpen","_jsxs","_Fragment","children","ResponsiveAppBar","className","style","backgroundColor","paddingBottom","width","height","controls","playsInline","autoPlay","loop","muted","src","type","Fab","variant","color","sx","position","left","bottom","Button","onClick","Drawer","onClose","minWidth","CardContent","id","padding","BookingModal","isEdit","data","Card","paddingTop","borderColor","primary","main","borderWidth","H1","mr","Box","m","mt","mb","my","display","maxWidth","size","Phone","mx","px","href","textDecoration","fontWeight","Place","download","Footer"],"sourceRoot":""}