{"version":3,"sources":["images/bk.jpeg","images/scene.svg","images/run.svg","images/flowers.svg","images/love.svg","images/this.svg","images/something.svg","images/bkw.png","images/book.svg","videos/arm.mp4","videos/shop.mp4","images/srfb1.jpeg","images/srfb2.jpeg","images/srfb3.jpeg","components/Navbar/NavbarElements.js","components/Navbar/index.js","components/Sidebar/SidebarElements.js","components/Sidebar/index.js","components/ButtonElement.js","components/ServiceCard/ServiceCardElements.js","components/Footer/FooterElements.js","components/Services/ServicesElements.js","components/Footer/index.js","components/InfoSection/InfoElements.js","components/InfoSection/index.js","components/ScrollToTop.js","components/InfoSection/Data.js","components/BannerSection/BannerElements.js","components/BannerSection/index.js","components/BannerSection/Data.js","pages/index.js","components/Services/Data.js","pages/BriStoryPage.js","pages/AboutPage.js","App.js","index.js"],"names":["Nav","styled","nav","_templateObject","_taggedTemplateLiteral","_ref","scrollNav","_ref2","_ref3","NavbarContainer","div","_templateObject2","LogoBG","img","_templateObject3","_templateObject4","NavLogo","LinkR","_templateObject5","MobileIcon","_templateObject6","NavMenu","ul","_templateObject7","NavItem","li","_templateObject8","NavHardLink","LinkS","_templateObject9","_templateObject10","_templateObject11","_templateObject12","Navbar","toggle","_useState","useState","_useState2","_slicedToArray","setScrollNav","changeNav","window","scrollY","useEffect","addEventListener","_jsx","_Fragment","children","IconContext","Provider","value","color","_jsxs","onClick","FaBars","to","smooth","duration","spy","exact","offset","scroll","scrollToTop","src","require","default","SidebarContainer","aside","isOpen","CloseIcon","FaTimes","Icon","SidebarWrapper","SidebarMenu","SidebarHardLink","SideBtnWrap","SidebarRoute","Sidebar","Button","isSelected","h2","p","Link","primary","big","dark","_ref4","fontBig","_ref5","_ref6","FooterContainer","h1","footer","FooterWrap","FooterLinksContainer","FooterLinksWrapper","FooterLinkItem","FooterLinkTitle","FooterLink","SocialMedia","section","SocialMediaWrap","SocialLogo","WebsiteRights","small","SocialIcons","SocialIconLink","a","_templateObject13","Footer","Date","getFullYear","href","target","FaFacebook","FaInstagram","FaYoutube","FaTwitter","FaLinkedin","InfoContainer","lightBg","InfoWrapper","InfoRow","imgStart","Column1","Column2","TextWrapper","TopLine","Heading","lightText","Subtitle","darkText","BtnWrap","ImgWrap","Img","InfoSection","id","topLine","headline","description","route","buttonLabel","alt","dark2","haveButton","ScrollToTop","pathname","useLocation","scrollTo","homeObjOneA","lightTextDesc","homeObjOneB","homeObjOneC","homeObjOneD","homeObjTwo","homeObjThree","eventObj","BannerContainer","height","darkTop","_ref7","_ref8","_ref9","ImgBg","VideoBg","video","BannerBg","BannerContent","BannerH1","BannerP","BannerBtnWrapper","BannerBtnLink","ArrowForward","MdArrowForward","ArrowRight","MdKeyboardArrowRight","BannerSection","large","mediaSrc","fade","hover","setHover","handleHover","autoPlay","loop","muted","playsInline","type","onMouseEnter","onMouseLeave","bannerObjOne","bannerObjTwo","bannerObjThree","bannerObjFour","Home","setIsOpen","Box","sx","flexGrow","_objectSpread","BriStoryPage","_useState3","_useState4","AboutPage","App","Router","Switch","Route","path","component","ReactDOM","render","React","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.4074a861.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/bk.76756edd.jpeg\";","export default __webpack_public_path__ + \"static/media/scene.babd9afe.svg\";","export default __webpack_public_path__ + \"static/media/run.d5fae18b.svg\";","export default __webpack_public_path__ + \"static/media/flowers.75766537.svg\";","export default __webpack_public_path__ + \"static/media/love.31a5d714.svg\";","export default __webpack_public_path__ + \"static/media/this.188c1ca6.svg\";","export default __webpack_public_path__ + \"static/media/something.25619a4e.svg\";","export default __webpack_public_path__ + \"static/media/bkw.16a56af5.png\";","export default __webpack_public_path__ + \"static/media/book.9b9a0588.svg\";","export default __webpack_public_path__ + \"static/media/arm.4bf4c3d6.mp4\";","export default __webpack_public_path__ + \"static/media/shop.26e6a34d.mp4\";","export default __webpack_public_path__ + \"static/media/srfb1.47262871.jpeg\";","export default __webpack_public_path__ + \"static/media/srfb2.4c24800e.jpeg\";","export default __webpack_public_path__ + \"static/media/srfb3.00e8e695.jpeg\";","import styled from 'styled-components';\nimport { Link as LinkR } from 'react-router-dom';\nimport { Link as LinkS } from 'react-scroll';\n\n\nexport const Nav = styled.nav`\n  height: 160px;\n  margin-top: -160px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1rem;\n  position: sticky;\n  top: 0;\n  z-index: 5;\n\n  &:before {\n    background: ${({scrollNav}) => (scrollNav ? '#F362743' : 'transparent')};\n\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.2),\n      rgba(255,207,235, 1) 100%\n    );\n    opacity: ${({ scrollNav }) => (scrollNav ? 1 : 0)};\n    transition: opacity 0.2s ease;\n    z-index: -1;\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: -4px; // Adjust as needed\n    left: 0;\n    right: 0;\n    height: 4px; // Adjust the thickness of the bar\n    background-color: white;\n    transform: scaleX(${({ scrollNav }) => (scrollNav ? 1 : 0)});\n    transform-origin: left;\n    transition: transform 0.8s ease 0.1s; // Starts after the background transition ends\n    z-index: -1;\n  }\n\n\n  @media screen and (max-width: 960px) {\n    transition: .8s all ease;\n  }\n`\n\nexport const NavbarContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 160px:\n  z-index: 1;\n  width: 100%;\n  padding: 0 24px;\n  max-width: 1100px;\n`\n\nexport const Logo = styled.img`\n  width: 100%;\n  height: 160px;\n  -o-object-fit: cover;\n  object-fit: cover;\n  z-index: 0;\n  display: block;\n  position: absolute;\n\n`\n\nexport const LogoBG = styled.img`\n  width: 100%;\n  height: 160px;\n  -o-object-fit: cover;\n  object-fit: cover;\n  z-index: 1;\n  display: block;\n`\n\nexport const NavLogo = styled(LinkR)`\n  color: #ffcfeb;\n  justify-self: flex-start;\n  cursor: pointer;\n  font-size: 1rem;\n  align-items: center;\n  text-align: center;\n  margin-left: 24px;\n  font-weight: bold;\n  text-decoration: none;\n\n  position: relative;\n  display: inline-block;\n  z-index: 999;\n\n  &:hover {\n    color: #fff;\n    transition: 0.3s ease-out\n  }\n`\n\nexport const MobileIcon = styled.div`\n  display: none;\n\n  @media screen and (max-width: 768px) {\n    display: block;\n    position: absolute;\n    top: 30%;\n    right: 0;\n    transform: translate(-100%, 60%);\n    font-size: 1.8rem;\n    cursor: pointer;\n    color: #fff;\n    z-index: 1000;\n  }\n`\nexport const NavMenu = styled.ul`\n  display: flex;\n  align-items: center;\n  list-style: none;\n  text-align: center;\n  margin-right: -22px;\n\n  @media screen and (max-width: 768px) {\n    display: none;\n  }\n`\n\nexport const NavItem = styled.li`\n  height: 80px;\n`\n\nexport const NavLink = styled(LinkS)`\n  color: #fff;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  padding: 0 2rem;\n  height: 100%;\n  cursor: pointer;\n\n  &:hover {\n    color: #d3e6ff;\n    transition: 0.3s ease-out\n  }\n\n  &.active {\n    border-bottom: 3px solid #ffcfeb;\n  }\n`\n\nexport const NavHardLink = styled(LinkR)`\n  color: #fff;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: bold;\n  padding: 0 auto;\n  height: 100%;\n  cursor: pointer;\n\n  &:hover {\n    color: #d3e6ff;\n    transition: 0.3s ease-out\n  }\n\n  &:active {\n    border-bottom: 3px solid #ffcfeb;\n  }\n`\n\nexport const NavBtn = styled.nav`\n  display: flex;\n  align-items: center;\n\n  @media screen and (max-width: 768px) {\n    display: none;\n  }\n`\n\nexport const NavBtnLink = styled(LinkR)`\n  border-radius: 50px;\n  background: #F362743;\n  white-space: nowrap;\n  padding: 10px 22px;\n  color: #FFF;\n  font-size: 16px;\n  outline: none;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n\n  &:hover {\n    transition: all 0.3s ease-in-out;\n    background: #fff;\n    color: #70808f;\n  }\n`\n","import React, {useState, useEffect} from 'react';\nimport {FaBars} from 'react-icons/fa';\nimport {IconContext} from 'react-icons/lib';\nimport {animateScroll as scroll} from 'react-scroll';\nimport {\n  Nav,\n  NavbarContainer,\n  NavLogo,\n  MobileIcon,\n  NavMenu,\n  NavItem,\n  NavLink,\n  NavHardLink,\n  NavBtn,\n  NavBtnLink,\n  Logo,\n  LogoBG\n} from './NavbarElements';\n\nconst Navbar = ({ toggle }) => {\n  const [scrollNav, setScrollNav] = useState(false);\n\n  //const {pathname} = useLocation();\n\n/*<NavItem>\n  <NavLink to='ourImpact'\n    smooth={true}\n    duration={500}\n    spy={true}\n    exact='true'\n    offset={-80}\n  >Our Impact</NavLink>\n</NavItem>\n<NavItem>\n  <NavLink to='events'\n  smooth={true}\n  duration={500}\n  spy={true}\n  exact='true'\n  offset={-80}\n  >Events</NavLink>\n</NavItem>\n<NavItem>\n  <NavLink to='waysToGive'\n  smooth={true}\n  duration={500}\n  spy={true}\n  exact='true'\n  offset={-80}\n  >Ways To Give</NavLink>\n</NavItem>\n  */\n\n  const changeNav = () => {\n    if(window.scrollY >= 80) {\n      setScrollNav(true);\n    } else {\n      setScrollNav(false);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('scroll', changeNav)\n  }, []);\n\n  const toggleHome = () => {\n    scroll.scrollToTop();\n  };\n\n  return (\n    <>\n    <IconContext.Provider value={{ color : '#fff' }}>\n        <Nav scrollNav={scrollNav}>\n          <NavbarContainer>\n            <MobileIcon onClick={toggle} >\n              <FaBars />\n            </MobileIcon>\n            <NavMenu>\n              <NavItem>\n                <NavHardLink to='/brisStory'\n                  smooth={true}\n                  duration={500}\n                  spy={true}\n                  exact='true'\n                  offset={-80}\n                >Bri's Story</NavHardLink>\n              </NavItem>\n            </NavMenu>\n            <NavLogo to='/' onClick={toggleHome}>\n              <LogoBG src={require('../../images/bkw.png').default} />\n            </NavLogo>\n          </NavbarContainer>\n        </Nav>\n      </IconContext.Provider>\n    </>\n  );\n}\n\nexport default Navbar;\n","import styled from 'styled-components';\nimport { Link as LinkS } from 'react-scroll';\nimport { Link as LinkR } from 'react-router-dom';\nimport { FaTimes } from 'react-icons/fa';\n\nexport const SidebarContainer = styled.aside`\n  position: fixed;\n  z-index: 999;\n  width: 100%;\n  height: 100%;\n  background: #0d0d0d;\n  display: grid;\n  align-items: center;\n  top: 0;\n  left: 0;\n  transition: 0.3s ease-in-out;\n  opacity: ${({ isOpen }) => (isOpen ? '100%' : '0')};\n  top: ${({ isOpen }) => (isOpen ? '0' : '-100%')};\n`\n\nexport const CloseIcon = styled(FaTimes)`\n  color: #fff;\n`\n\nexport const Icon = styled.div`\n  position: absolute;\n  top: 1.2rem;\n  right: 1.5rem;\n  background:transparent;\n  font-size: 2rem;\n  cursor: pointer;\n  outline: none;\n`\n\nexport const SidebarWrapper = styled.div`\n  color: #fff;\n`\n\nexport const SidebarMenu = styled.ul`\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(6, 80px);\n  text-align: center;\n\n  @media screen and (max-width: 480px) {\n    grid-template-rows: repeat(6,60px);\n  }\n`\n\nexport const SidebarLink = styled(LinkS)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.5rem;\n  text-decoration: none;\n  list-style: none;\n  transition: 0.2s ease-in-out;\n  color: #fff;\n  cursor: pointer;\n\n  &:hover {\n    color: #ffcfeb;\n    transtion: 0.2s ease-in-out;\n  }\n`\n\n\nexport const SidebarHardLink = styled(LinkR)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.5rem;\n  text-decoration: none;\n  list-style: none;\n  transition: 0.2s ease-in-out;\n  color: #fff;\n  cursor: pointer;\n\n  &:hover {\n    color: #ffcfeb;\n    transtion: 0.2s ease-in-out;\n  }\n`\n\nexport const SideBtnWrap = styled.div`\n  display: flex;\n  justify-content: center;\n`\n\n\n\nexport const SidebarRoute = styled(LinkR)`\n  border-radius: 50px;\n  background: #ffcfeb;\n  white-space: nowrap;\n  padding: 16px 64px;\n  color: #010606;\n  font-size: 16px;\n  outline: none;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n\n  &:hover {\n    transition: all 0.2s ease-in-out;\n    background: #fff;\n    color: #010606;\n  }\n`\n","import React from 'react';\nimport {\n  SidebarContainer,\n  Icon,\n  CloseIcon,\n  SidebarWrapper,\n  SidebarMenu,\n  SidebarLink,\n  SideBtnWrap,\n  SidebarHardLink,\n  SidebarRoute\n} from './SidebarElements';\n\n//<SidebarLink to=\"ourImpact\" onClick={toggle}>Our Impact</SidebarLink>\n//<SidebarLink to=\"events\" onClick={toggle}>Events</SidebarLink>\n//<SidebarLink to=\"waysToGive\" onClick={toggle}>Ways To Give</SidebarLink>\n\n\nconst Sidebar = ({ isOpen, toggle }) => {\n  return (\n    <SidebarContainer isOpen={isOpen} onClick={toggle} >\n      <Icon onClick={toggle}>\n        <CloseIcon />\n      </Icon>\n      <SidebarWrapper>\n        <SidebarMenu>\n          <SidebarHardLink to=\"/\" onClick={toggle}>Home</SidebarHardLink>\n          <SidebarHardLink to=\"/brisStory\" onClick={toggle}>Bri's Story</SidebarHardLink>\n        </SidebarMenu>\n        <SideBtnWrap>\n          <SidebarRoute to=\"/donate\">Donate</SidebarRoute>\n        </SideBtnWrap>\n      </SidebarWrapper>\n    </SidebarContainer>\n  );\n}\n\nexport default Sidebar\n","import styled from 'styled-components';\nimport {Link} from 'react-router-dom';\n\nexport const Button = styled(Link)`\n  border-radius: 50px;\n  background: ${({primary}) => (primary ? '#ffcfeb' : '#010606')};\n  white-space: nowrap;\n  padding: ${({big}) => (big ? '14px 48px' : '12px 30px')};\n  color: ${({dark}) => (dark ? '#010606' : '#fff')};\n  font-size: ${({fontBig}) => (fontBig ? '20px' : '16px')};\n  outline: none;\n  text-decoration: none;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n\n  &:hover {\n    transition: all 0.2s ease-in-out;\n    background: ${({primary}) => (primary ? '#fff' : '#ffcfeb')};\n    color: ${({primary}) => (primary ? '#000' : '#000')};\n  }\n`\n","import styled from 'styled-components';\n\nexport const ServiceCardWrap = styled.div`\n  background: #fff;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 10px;\n  max-height: 340px;\n  padding: 30px;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n  transition: all 0.2s ease-in-out;\n  opacity: ${({ isSelected }) => (isSelected ? '100%' : '50%')};\n\n  &:hover {\n    transform: scale(${({ isSelected }) => (isSelected ? 1.06 : 1.06 )});\n    transition: all 0.2s ease-in-out;\n    cursor: pointer;\n  }\n`\n\nexport const ServiceIcon = styled.img`\n  height: 160px;\n  width: 160px;\n  margin-bottom: 10px;\n`\n\nexport const ServiceH2 = styled.h2`\n  font-size: 1rem;\n  margin-bottom: 10px;\n`\n\nexport const ServiceP = styled.p`\n  font-size: 1rem;\n  text-align: center;\n`\n","import styled from 'styled-components';\nimport {Link} from 'react-router-dom';\n\nexport const FooterContainer = styled.footer`\n  background-color: #ffcfeb;\n  background-image : linear-gradient(\n                    rgba(255, 207, 235, 1),\n                    rgba(255,255,255, 0),\n                    rgba(249,249,249, 1) 100%);\n`\n\nexport const FooterWrap = styled.div`\n  padding: 48px 24px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  max-width: 1100px;\n  margin: 0 auto;\n`\n\nexport const FooterLinksContainer = styled.div`\n  display: flex;\n  justify-content: center;\n\n  @media screen and (max-width: 820px) {\n    padding-top: 32px;\n  }\n`\n\nexport const FooterLinksWrapper = styled.div`\n  display: flex;\n\n  @media screen and (max-width: 820px) {\n    flex-direction: column;\n  }\n`\n\nexport const FooterLinkItem = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  margin: 16px;\n  text-align: left;\n  width: 160px;\n  box-sizing: border-box;\n  color: #000;\n\n  @media screen and (max-width: 420px) {\n    margin: 0;\n    padding: 10px;\n    width: 100%;\n  }\n`\n\nexport const FooterLinkTitle = styled.h1`\n  font-size: 14px;\n  margin-bottom: 16px\n`\n\nexport const FooterLink = styled(Link)`\n  color: #000;\n  text-decoration: none;\n  margin-bottom: 0.5rem;\n  font-size: 14px;\n\n  &:hover {\n    color: #e683bd;\n    transition: 0.3s ease-out\n  }\n`\n\nexport const SocialMedia = styled.section`\n  max-width: 1000px;\n  width: 100%;\n`\n\nexport const SocialMediaWrap = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  max-width: 1100px;\n  margin: 40px auto 0 auto;\n\n  @media screen and (max-width: 820px) {\n    flex-direction: column;\n  }\n`\n\nexport const SocialLogo = styled(Link)`\n  color: #000;\n  justify-self: start;\n  cursor: pointer;\n  text-decoration: none;\n  font-size: 1.5rem;\n  display: flex;\n  align-items: center;\n  margin-bottom: 16px;\n  font-weight: bold;\n\n  &:hover {\n    color: #e683bd;\n    transition: 0.3s ease-out\n  }\n`\n\nexport const WebsiteRights = styled.small`\n  color: #000;\n  margin-bottom: 16px;\n`\n\nexport const SocialIcons = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 240px\n`\n\nexport const SocialIconLink = styled.a`\n  color: #000;\n  font-size: 24px;\n\n  &:hover {\n    color: #e683bd;\n    transition: 0.3s ease-out\n  }\n`\n","import styled from 'styled-components';\n\nexport const ServicesContainer = styled.div`\n  height: 800px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-image : linear-gradient(\n                    180deg,\n                    rgba(255,207,235, 1),\n                    rgba(255,207,235, .6),\n                    rgba(255,255,255, 0),\n                    rgba(255,207,235, 1) 100%),\n                    linear-gradient(180deg, rgba(0,0,0,0.2) 0%, transparent 100%);\n  @media screen and (max-width: 768px) {\n    height: 1100px;\n  }\n\n  @media screen and (max-width: 480px) {\n    height: 1300px;\n  }\n`\n\nexport const ServicesWrapper = styled.div`\n  max-width: 1000px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  align-items: center;\n  grid-gap: 16px;\n  padding: 0 50px;\n\n  @media screen and (max-width: 1000px) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media screen and (max-width: 768px) {\n    grid-template-columns: 1fr;\n    padding: 0 20px;\n  }\n`\n\nexport const ServicesH1 = styled.h1`\n  font-size: 2.5rem;\n  color: #000;\n  margin-bottom: 64px;\n\n  @media screen and (max-width: 480px) {\n    font-size: 2rem;\n  }\n`\n\nexport const BtnWrap = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  font-size: 2.5rem;\n  color: #fff;\n  margin-bottom: 64px;\n  margin-top: 64px;\n\n  @media screen and (max-width: 480px) {\n    font-size: 2rem;\n  }\n`\n","import React from 'react';\nimport {animateScroll as scroll} from 'react-scroll';\nimport {\n  FaFacebook,\n  FaInstagram,\n  FaYoutube,\n  FaTwitter,\n  FaLinkedin\n} from 'react-icons/fa';\nimport {\n  FooterContainer,\n  FooterWrap,\n  FooterLinksContainer,\n  FooterLinksWrapper,\n  FooterLinkItem,\n  FooterLinkTitle,\n  FooterLink,\n  SocialMedia,\n  SocialMediaWrap,\n  SocialLogo,\n  SocialIcons,\n  WebsiteRights,\n  SocialIconLink\n} from './FooterElements'\n\nconst Footer = () => {\n  const toggleHome = () => {\n    scroll.scrollToTop();\n  };\n\n  return (\n    <FooterContainer>\n      <FooterWrap>\n        <FooterLinksContainer>\n          <FooterLinksWrapper>\n            <FooterLinkItem>\n              <FooterLinkTitle>About Us</FooterLinkTitle>\n              <FooterLink to=\"/donate\">How it works</FooterLink>\n              <FooterLink to=\"/donate\">Testimonials</FooterLink>\n              <FooterLink to=\"/donate\">Careers</FooterLink>\n              <FooterLink to=\"/donate\">Investors</FooterLink>\n              <FooterLink to=\"/donate\">Terms of Service</FooterLink>\n            </FooterLinkItem>\n            <FooterLinkItem>\n              <FooterLinkTitle>Videos</FooterLinkTitle>\n              <FooterLink to=\"/donate\">Submit Video</FooterLink>\n              <FooterLink to=\"/donate\">Ambassadors</FooterLink>\n              <FooterLink to=\"/donate\">Agency</FooterLink>\n              <FooterLink to=\"/donate\">Influencer</FooterLink>\n            </FooterLinkItem>\n          </FooterLinksWrapper>\n          <FooterLinksWrapper>\n            <FooterLinkItem>\n              <FooterLinkTitle>Contact Us</FooterLinkTitle>\n              <FooterLink to=\"/donate\">Contact</FooterLink>\n              <FooterLink to=\"/donate\">Support</FooterLink>\n              <FooterLink to=\"/donate\">Destinations</FooterLink>\n              <FooterLink to=\"/donate\">Sponsorships</FooterLink>\n            </FooterLinkItem>\n            <FooterLinkItem>\n              <FooterLinkTitle>Social Media</FooterLinkTitle>\n              <FooterLink to=\"/donate\">Instagram</FooterLink>\n              <FooterLink to=\"/donate\">Facebook</FooterLink>\n              <FooterLink to=\"/donate\">Youtube</FooterLink>\n              <FooterLink to=\"/donate\">Twitter</FooterLink>\n            </FooterLinkItem>\n          </FooterLinksWrapper>\n        </FooterLinksContainer>\n        <SocialMedia>\n          <SocialMediaWrap>\n            <SocialLogo to='/' onClick={toggleHome}>BKF</SocialLogo>\n            <WebsiteRights>The Brianna Kupfer Foundation © {new Date().getFullYear()} All rights reserved.<br/>For more info contact us at briannakupferfoundation@gmail.com</WebsiteRights>\n            <SocialIcons>\n              <SocialIconLink href=\"/\" target=\"_blank\" aria-label=\"Facebook\">\n                <FaFacebook />\n              </SocialIconLink>\n              <SocialIconLink href=\"/\" target=\"_blank\" aria-label=\"Instagram\">\n                <FaInstagram />\n              </SocialIconLink>\n              <SocialIconLink href=\"/\" target=\"_blank\" aria-label=\"Youtube\">\n                <FaYoutube />\n              </SocialIconLink>\n              <SocialIconLink href=\"/\" target=\"_blank\" aria-label=\"Twitter\">\n                <FaTwitter />\n              </SocialIconLink>\n              <SocialIconLink href=\"/\" target=\"_blank\" aria-label=\"Linkedin\">\n                <FaLinkedin />\n              </SocialIconLink>\n            </SocialIcons>\n          </SocialMediaWrap>\n        </SocialMedia>\n      </FooterWrap>\n    </FooterContainer>\n  );\n}\n\nexport default Footer\n","import styled from 'styled-components';\n\nexport const InfoContainer = styled.div`\n  color: #fff;\n  background: ${({lightBg}) => (lightBg ? '#f9f9f9' : '#ffcfeb')};\n  background-image : linear-gradient(\n                    180deg,\n                    rgba(255,207,235, 1),\n                    rgba(255,207,235, .6),\n                    rgba(255,255,255, 0),\n                    rgba(255,207,235, 1) 100%),\n                    linear-gradient(180deg, rgba(0,0,0,0.2) 0%, transparent 100%);\n\n  @media screen and (max-width: 768px) {\n    padding: 100px 0;\n  }\n`\n\nexport const InfoWrapper = styled.div`\n  display: grid;\n  z-index: 1;\n  width: 100%;\n  max-width: 1100px;\n  margin-right: auto;\n  margin-left: auto;\n  padding: 0 24px;\n  justify-content: 'stretch';\n`\n\nexport const InfoRow = styled.div`\n  display: grid;\n  grid-auto-columns: minmax(auto, 1fr);\n  align-items: center;\n  grid-template-areas: ${({imgStart}) => (imgStart ? `'col2 col1'` : `'col1 col2'`)};\n\n  @media screen and (max-width: 768px) {\n    grid-template-areas: ${({imgStart}) => (imgStart ? `'col1' 'col2'` : `'col1 col1' 'col2 col2'`)}\n  }\n`\n\nexport const Column1 = styled.div`\n  margin-bottom: 15px;\n  padding: 0 15px;\n  grid-area: col1;\n`\n\nexport const Column2 = styled.div`\n  margin-bottom: 15px;\n  padding: 0 15px;\n  grid-area: col2;\n`\n\nexport const TextWrapper = styled.div`\n  max-width: 540px;\n  padding-top: 0;\n  padding-bottom: 60px;\n`\n\nexport const TopLine = styled.p`\n  color: #e683bd;\n  text-shadow: 2px 2px 8px #fff;\n  font-size: 16px;\n  line-height: 16px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n`\n\nexport const Heading = styled.h1`\n  margin-bottom: 24px;\n  font-size: 48px;\n  line-height: 1.1;\n  font-weight: 600;\n  color: ${({lightText}) => (lightText ? '#f7f8f8' : '#010606')};\n  text-shadow: 2px 2px 8px #fff;\n\n  @media screen and (max-width: 480px) {\n    font-size: 32px;\n  }\n`\n\nexport const Subtitle = styled.p`\n  max-width: 440px;\n  margin-bottom: 35px;\n  font-size: 18px;\n  line-height: 24px;\n  color: ${({darkText}) => (darkText ? '#010606' : '#fff')};\n  text-shadow: 2px 2px 8px #fff;\n`\n\nexport const BtnWrap = styled.div`\n  display: flex;\n  justify-content: flex-start;\n`\n\nexport const ImgWrap = styled.div`\n  max-width: 555px;\n  height: 100%;\n`\n\nexport const Img = styled.img`\n  width: 100%;\n  margin: 0 0 10px 0;\n  padding-right: 0;\n`\n","import React from 'react';\nimport { Button } from '../ButtonElement';\nimport {\n  InfoContainer,\n  InfoWrapper,\n  InfoRow,\n  Column1,\n  Column2,\n  TextWrapper,\n  TopLine,\n  Heading,\n  Subtitle,\n  BtnWrap,\n  ImgWrap,\n  Img\n} from './InfoElements';\n\nconst InfoSection = ({\n  lightBg,\n  id,\n  imgStart,\n  topLine,\n  lightText,\n  headline,\n  darkText,\n  description,\n  route,\n  buttonLabel,\n  img,\n  alt,\n  primary,\n  dark,\n  dark2,\n  haveButton\n}) => {\n  return (\n    <>\n      <InfoContainer lightBg={lightBg} id={id}>\n        <InfoWrapper>\n          <InfoRow imgStart={imgStart}>\n            <Column1>\n              <TextWrapper>\n                  <TopLine>{topLine}</TopLine>\n                <Heading lightText={lightText}>{headline}</Heading>\n                <Subtitle darkText={darkText}>{description}</Subtitle>\n                {haveButton ?\n                <BtnWrap>\n                  <Button to={route}\n                    smooth={true}\n                    duration={500}\n                    spy={true}\n                    exact=\"true\"\n                    offset={-80}\n                    primary={primary ? 1 : 0}\n                    dark={dark ? 1 : 0}\n                    dark2={dark2 ? 1 : 0}\n                    >{buttonLabel}</Button>\n                </BtnWrap> : null\n              }\n              </TextWrapper>\n            </Column1>\n            <Column2>\n              <ImgWrap>\n                <Img src={img} alt={alt}/>\n              </ImgWrap>\n            </Column2>\n          </InfoRow>\n        </InfoWrapper>\n      </InfoContainer>\n    </>\n  );\n}\n\nexport default InfoSection\n","import {useEffect} from 'react';\nimport {useLocation} from 'react-router-dom';\n\nexport default function ScrollToTop() {\n  const {pathname} = useLocation();\n\n  useEffect(\n    () => {\n      window.scrollTo(0,0)\n    }, [pathname]\n  );\n\n  return null;\n}\n","export const homeObjOneA = {\n  id: 'brisStory',\n  lightBg: true,\n  lightText: false,\n  lightTextDesc: false,\n  topLine: 'Bri\\'s Story by Mikaela Kupfer',\n  headline: '',\n  description: \"Just 24 years old, Brianna was already one of the most courageous, kind, and loving people you would ever meet. She was always trying to avoid the spotlight, yet it always seemed to find her, simply because she radiated such goodness and love. Brianna made an impact on everyone she interacted with; they were met with beauty and grace that was unmatched. Brianna was all good. This is not something you can say about many people on this earth, and it made her into the pure person she was. Brianna’s caring, compassionate nature led her to champion causes that promoted the betterment of people, society, and the environment alike. She cared about people and the planet equally. She was a member of her neighborhood sustainability group, Resilient Palisades, and was always seeking out ways and spreading awareness to her friends about how to live more sustainably. Brianna was inquisitive and always looking to better herself and learn whenever and however she could. She was always creating lists of things she wanted to learn, places she wanted to see, books she wanted to read, and taking notes on historical events she wanted to learn more about.\",\n  buttonLabel: 'Donate',\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  imgStart: true,\n  img: require('../../images/book.svg').default,\n  alt: '',\n  dark: false,\n  primary: false,\n  darkText: true,\n  haveButton: false\n}\nexport const homeObjOneB = {\n  id: 'brisStory',\n  lightBg: true,\n  lightText: false,\n  lightTextDesc: false,\n  topLine: '',\n  headline: '',\n  description: \"From a very young age, Brianna was an avid reader, staying up until all hours of the night to finish her book while everyone else was sound asleep. She was always found with a book or two in tow. If you needed a book recommendation, Brianna was the one to ask. If you needed someone to get as excited as you were to learn about something, Brianna was the one to go to. She lived life with big eyes and even bigger ears, the most observant and understanding person. This is what made Brianna such an incredible friend, daughter, and sister. On top of her kind and seemingly reserved demeanor, Brianna was adventurous and daring. She loved life and lived it fearlessly and fiercely. She was always pushing everyone to be more courageous and brave, insisting life was more fun if you lived it with a little less hesitation. She loved traveling, and would often draw out maps and keep notes of all the places she had visited and wanted to visit. Brianna loved to make life more interesting and go on adventures whenever she could, whether it be a drive with the windows down playing her favorite music, convincing her sister who is afraid of heights to go skydiving in Australia, car camping in national parks, or staying in a tiny home in the wilderness of Costa Rica for the night. No matter what Bri was doing, she did it with a contagious smile and free spirit that made everyone feel safe and excited. She lived a very active lifestyle and loved yoga, running, boxing, and dance. No matter what activity, she moved in a way that outshone everyone around her without any effort.\",\n  buttonLabel: 'Donate',\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  imgStart: false,\n  img: require('../../images/scene.svg').default,\n  alt: '',\n  dark: false,\n  primary: false,\n  darkText: true,\n  haveButton: false\n}\nexport const homeObjOneC = {\n  id: 'brisStory',\n  lightBg: true,\n  lightText: false,\n  lightTextDesc: false,\n  topLine: '',\n  headline: '',\n  description: \"She was always scampering up rock formations so fast, or putting herself upside down in handstand positions, or kicking her leg so high in boxing; everyone was always in awe of her. Brianna excelled at everything she did, but she was modest in all aspects of her life. Where she truly came into herself was through her creativity. Brianna was always surprising people by designing her own clothing from scratch, or upcycling her mom’s old clothing into something that was unique and on trend. Something that was effortless to her, looked so intricate and detailed, it was hard to believe she had created it with her own two hands and imagination. Brianna’s dream was to create her own clothing line someday and was always sketching new ideas, creating outfits others were too afraid to wear, and rocking every style. In her last few months of her life, Brianna was always seen sporting her favorite knee high white cowboy boots. Brianna studied design in graduate school and worked at a sustainable interior design store, Croft House. She always had an eye for design and was the one you would go to for any creative endeavor. She single handedly decorated her room, her sister’s room, and didn’t hold back with her ideas on how to redecorate her family home. Above all, Brianna was truly a role model for caring and for love. She loved deeply and strongly and put others before her. Brianna was an angel on and off this earth. It’s hard to find people like Brianna, who truly represent the good in this world.\",\n  buttonLabel: 'Donate',\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  imgStart: true,\n  img: require('../../images/run.svg').default,\n  alt: '',\n  dark: false,\n  primary: false,\n  darkText: true,\n  haveButton: false\n}\nexport const homeObjOneD = {\n  id: 'brisStory',\n  lightBg: true,\n  lightText: false,\n  lightTextDesc: false,\n  topLine: '',\n  headline: '',\n  description: \"On January 13th, our beautiful Brianna was taken from us in a senseless and horrific act. Brianna, while working alone at Croft House, was stabbed to death. It’s hard to live in a world where evil wins over good, but this foundation is meant to serve as a representation of the world Brianna deserved and wanted. We will be championing causes dear to Brianna, such as environmental and social justice issues, as well as honoring victims like Brianna through the protection of women and social betterment. We believe that Brianna was and continues to be a guiding light of pure love and that with more love in this world, we can transform it into one she would be proud of. It starts with the family and with the community, and if we love each other and this earth as fiercely as Brianna did, we can mold this world into a better place. Hold your loved ones tight and live wild like Brianna would encourage you to live.\",\n  buttonLabel: 'Donate',\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  imgStart: false,\n  img: require('../../images/flowers.svg').default,\n  alt: '',\n  dark: false,\n  primary: false,\n  darkText: true,\n  haveButton: false\n}\n\n\n\nexport const homeObjTwo = {\n  id: 'ourImpact',\n  lightBg: true,\n  lightText: false,\n  lightTextDesc: false,\n  topLine: 'Our Impact',\n  headline: 'The Brianna Kupfer Foundation',\n  description: \"Through its charitable giving, the foundation intends to improve conditions for mankind by supporting sustainability, resiliency, social and environmental betterment, and the protection and empowerment of women.\",\n  buttonLabel: 'Donate',\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  imgStart: false,\n  img: require('../../images/scene.svg').default,\n  alt: '',\n  dark: false,\n  primary: false,\n  darkText: true,\n  haveButton: false\n}\n\nexport const homeObjThree =  {\n  id: 'events',\n  lightBg: true,\n  lightText: false,\n  lightTextDesc: false,\n  topLine: 'Donations by Wire Transfer',\n  headline: 'First Republic Bank - 111 Pine Street - San Fransisco, CA 94111 - ABA/Routing # 321 081 669 - Credit to Acct # 80010716925',\n  description: 'For credit card donations, see our donation portal',\n  buttonLabel: 'Donation Portal',\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  imgStart: true,\n  img: require('../../images/run.svg').default,\n  alt: '',\n  dark: false,\n  primary: false,\n  darkText: true,\n  haveButton: false\n}\n\nexport const eventObj = {\n  id: 'waysToGive',\n  lightBg: true,\n  lightText: false,\n  lightTextDesc: false,\n  topLine: 'Check Donations',\n  headline: '',\n  description: 'The Brianna Kupfer Foundation - 15332 Antioch Street #354 - Pacific Palisades, CA 90272. For credit card donations, see our donation portal',\n  buttonLabel: 'Donation Portal',\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  imgStart: false,\n  img: require('../../images/flowers.svg').default,\n  alt: '',\n  dark: false,\n  primary: false,\n  darkText: true,\n  haveButton: false\n}\n","import styled from 'styled-components';\nimport {MdKeyboardArrowRight, MdArrowForward} from 'react-icons/md';\nimport { Link } from 'react-router-dom';\n\nexport const BannerContainer = styled.div`\n  background: #0c0c0c;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 30px;\n  height: ${({height}) => (height ? '800px' : '400px')};\n  position: relative;\n  z-index: 1;\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: background: linear-gradient(\n      180deg,\n      rgba(0,0,0,0.1) 0%,\n      rgba(0,0,0,0.3) 100%),\n      linear-gradient(180deg, rgba(0,0,0,0.2) 0%, transparent 100%);\n    z-index: 2;\n\n    background-image : linear-gradient(\n                      180deg,\n                      rgba(${({darkTop}) => (darkTop ? 1 : 255)},${({darkTop}) => (darkTop ? 6 : 207)},${({darkTop}) => (darkTop ? 6 : 235)}, ${({darkTop}) => (darkTop ? .6 : 1)}),\n                      rgba(${({darkTop}) => (darkTop ? 1 : 255)},${({darkTop}) => (darkTop ? 6 : 255)},${({darkTop}) => (darkTop ? 6 : 255)}, ${({darkTop}) => (darkTop ? .2 : 0)}),\n                      rgba(255,255,255, 0),\n                      rgba(255,207,235, 1) 100%),\n                      linear-gradient(180deg, rgba(0,0,0,0.2) 0%, transparent 100%);\n\n  }\n`\n\nexport const ImgBg = styled.img`\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n  object-fit: cover;\n  background: #232a34;\n`\n\nexport const VideoBg = styled.video`\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n  object-fit: cover;\n  background: #232a34;\n`\n\nexport const BannerBg = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n`\n\nexport const BannerContent = styled.div`\n  z-index: 3;\n  max-width: 1200px;\n  position: absolute;\n  padding: 8px 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`\n\nexport const BannerH1 = styled.h1`\ncolor: white;\ntext-shadow: 2px 2px 8px #000;\n  font-size: 48px;\n  text-align: center;\n\n  @media screen and (max-width: 768px) {\n    font-size: 40px;\n  }\n\n  @media screen and (max-width: 480px) {\n    font-size: 32px;\n  }\n`\n\nexport const BannerP = styled.p`\n  margin-top: 24px;\n  color: white;\n  text-shadow: 2px 2px 8px #000;\n  font-size: 24px;\n  text-align: center;\n  max-width: 600px;\n\n  @media screen and (max-width: 768px) {\n    font-size: 24px;\n  }\n\n  @media screen and (max-width: 480px) {\n    font-size: 18px;\n  }\n`\nexport const BannerBtnWrapper = styled.div`\n  margin-top: 32px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n    width: 90%;\n`\n\nexport const BannerBtnLink = styled.a`\n  border-radius: 50px;\n  background: #ffcfeb;\n  white-space: nowrap;\n  padding: 10px 22px;\n  color: #010606;\n  font-size: 16px;\n  outline: none;\n  border: none;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n\n  &:hover {\n    transition: all 0.2s ease-in-out;\n    background: #fff;\n    color: #010606;\n  }\n`\n\nexport const ArrowForward = styled(MdArrowForward)`\n  margin-left: 8px;\n  font-size: clamp(16px, 2.5vw, 20px);\n`;\n\nexport const ArrowRight = styled(MdKeyboardArrowRight)`\n  margin-left: 8px;\n  font-size: clamp(16px, 2.5vw, 20px);\n`;\n","import React, {useState} from 'react';\nimport {Button} from '../ButtonElement'\nimport {animateScroll as scroll} from 'react-scroll';\nimport {\n  BannerContainer,\n  BannerBg,\n  VideoBg,\n  ImgBg,\n  BannerContent,\n  BannerH1,\n  BannerP,\n  BannerBtnWrapper,\n  BannerBtnLink,\n  ArrowForward,\n  ArrowRight\n} from './BannerElements';\n\nconst BannerSection = ({\n  darkTop,\n  large,\n  id,\n  video,\n  mediaSrc,\n  headline,\n  description,\n  haveButton,\n  route,\n  buttonLabel,\n  fade\n}) => {\n  const [hover, setHover] = useState(false);\n\n  const handleHover = () => {\n    setHover(!hover)\n  }\n\n  const toggleHome = () => {\n    scroll.scrollToTop();\n  };\n\n  return (\n    <BannerContainer darkTop = {darkTop ? 1:0 } height = {large ? 1 : 0} id={id}>\n      <BannerBg>\n        {video ?\n        <VideoBg autoPlay loop muted playsInline src={mediaSrc} type='video/mp4'/> : <ImgBg src={mediaSrc} />\n      }\n      </BannerBg>\n      <BannerContent>\n        <BannerH1>{headline}</BannerH1>\n        <BannerP>{description}</BannerP>\n          {haveButton ?\n          <BannerBtnWrapper>\n            <BannerBtnLink\n              onClick={toggleHome}\n              href={route}\n              smooth={true}\n              duration={500}\n              spy={true}\n              exact=\"true\"\n              offset={-40}\n              onMouseEnter={handleHover}\n              onMouseLeave={handleHover}\n              >{buttonLabel}{hover ? <ArrowForward /> : <ArrowRight />}</BannerBtnLink>\n          </BannerBtnWrapper> : null\n        }\n      </BannerContent>\n    </BannerContainer>\n  );\n}\n\nexport default BannerSection;\n","export const bannerObjOne = {\n  darkTop: true,\n  large: true,\n  id: 'home',\n  video: true,\n  mediaSrc: require('../../videos/arm.mp4').default,\n  headline: 'We are a Nonprofit Aiming to Change the World in Brianna\\'s Vision.',\n  description: 'Donate to help make the world a better place.',\n  haveButton: true,\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  buttonLabel: \"Donate\",\n  fade: true\n}\n\nexport const bannerObjTwo = {\n  darkTop: false,\n  large: false,\n  id: 'hands',\n  video: false,\n  mediaSrc: require('../../images/bk.jpeg').default,\n  headline: '',\n  description: '',\n  haveButton: true,\n  route: 'https://donate.stripe.com/14kg0A8mWcFqesg8ww',\n  buttonLabel: '',\n  fade: true\n}\n\nexport const bannerObjThree = {\n  darkTop: true,\n  large: false,\n  id: 'brisStory',\n  video: false,\n  mediaSrc: require('../../images/bk.jpeg').default,\n  headline: '',\n  description: '',\n  haveButton: false,\n  route: '',\n  buttonLabel: 'Return To Site',\n  fade: true\n}\n\nexport const bannerObjFour = {\n  darkTop: false,\n  large: false,\n  id: 'brisStory',\n  video: false,\n  mediaSrc: require('../../images/bk.jpeg').default,\n  headline: '',\n  description: '',\n  haveButton: true,\n  route: '',\n  buttonLabel: '>',\n  fade: true\n}\n\nexport const bannerObjFive = {\n  darkTop: true,\n  large: true,\n  id: 'shop',\n  video: true,\n  mediaSrc: require('../../videos/shop.mp4').default,\n  headline: 'Shop Coming Soon',\n  description: '',\n  haveButton: true,\n  route: '',\n  buttonLabel: 'Return To Site',\n  fade: true\n}\n\n\nexport const bannerObjSixA = {\n  darkTop: true,\n  large: true,\n  id: 'run',\n  video: false,\n  mediaSrc: require('../../images/srfb1.jpeg').default,\n  headline: '',\n  description: '',\n  haveButton: false,\n  route: '',\n  buttonLabel: 'Return To Site',\n  fade: false\n}\n\nexport const bannerObjSixB = {\n  darkTop: false,\n  large: true,\n  id: 'run',\n  video: false,\n  mediaSrc: require('../../images/srfb2.jpeg').default,\n  headline: '',\n  description: '',\n  haveButton: false,\n  route: '',\n  buttonLabel: 'Return To Site',\n  fade: false\n}\n\nexport const bannerObjSixC = {\n  darkTop: false,\n  large: true,\n  id: 'run',\n  video: false,\n  mediaSrc: require('../../images/srfb3.jpeg').default,\n  headline: '',\n  description: '',\n  haveButton: false,\n  route: '',\n  buttonLabel: 'Return To Site',\n  fade: false\n}\n","import React, {useState} from 'react';\nimport Navbar from '../components/Navbar';\nimport Sidebar from '../components/Sidebar';\nimport Services from '../components/Services';\nimport Footer from '../components/Footer';\nimport InfoSection from '../components/InfoSection';\nimport ScrollToTop from '../components/ScrollToTop';\nimport {\n  homeObjTwo,\n  homeObjThree,\n  eventObj\n} from '../components/InfoSection/Data';\nimport BannerSection from '../components/BannerSection';\nimport {\n  bannerObjOne,\n  bannerObjTwo\n} from '../components/BannerSection/Data';\nimport { Grid, Container, Box } from '@mui/material';\n\n\n//<Services {...runEvent}/>\n//<Services {...standardDonation}/>\n\nimport {\n  runEvent,\n  standardDonation\n} from '../components/Services/Data';\n\nconst Home = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <>\n    <ScrollToTop />\n\n      <Sidebar isOpen={isOpen} toggle={toggle} />\n      <Navbar toggle={toggle} />\n        <Box sx={{ flexGrow: 1 }}>\n\n\n\n      <BannerSection {...bannerObjOne} />\n        <InfoSection {...homeObjTwo} />\n\n        <InfoSection {...homeObjThree} />\n\n        <InfoSection {...eventObj} />\n\n        <BannerSection {...bannerObjTwo} />\n          <Footer />\n\n      </Box>\n    </>\n  );\n}\n\nexport default Home\n","export const runEvent = {\n  id: '',\n  topLine: 'Event Registration Options',\n  option1: '1',\n  option1Desc: '',\n  option2: '2',\n  option2Desc: '2 description',\n  option3: '3',\n  option3Desc: '3 description longer than 2',\n  buttonLabel: 'Register',\n  route: '/eventRegistration',\n  img1: require('../../images/love.svg').default,\n  img2: require('../../images/this.svg').default,\n  img3: require('../../images/something.svg').default\n}\n\nexport const standardDonation = {\n  id: '',\n  topLine: 'Our Donation Options',\n  option1: 'Supporter',\n  option1Desc: '',\n  option2: 'Benefactor',\n  option2Desc: 'Benefactor tier benefits',\n  option3: 'Bri\\'s List',\n  option3Desc: 'Make the change Bri wanted to make',\n  buttonLabel: 'Donate',\n  route: '/donate',\n  img1: require('../../images/love.svg').default,\n  img2: require('../../images/this.svg').default,\n  img3: require('../../images/something.svg').default\n}\n","import React, {useState} from 'react';\nimport Navbar from '../components/Navbar';\nimport Sidebar from '../components/Sidebar';\nimport Footer from '../components/Footer';\nimport ScrollToTop from '../components/ScrollToTop';\nimport InfoSection from '../components/InfoSection';\nimport BannerSection from '../components/BannerSection';\nimport {\n  homeObjOneA,\n  homeObjOneB,\n  homeObjOneC,\n  homeObjOneD\n} from '../components/InfoSection/Data';\nimport {\n  bannerObjThree,\n  bannerObjFour\n} from '../components/BannerSection/Data';\n\n\nconst BriStoryPage = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const [hover, setHover] = useState(false);\n\n  const onHover = () => {\n    setHover(!hover)\n  }\n\n  return (\n    <>\n      <ScrollToTop />\n      <Sidebar isOpen={isOpen} toggle={toggle} />\n      <Navbar toggle={toggle} />\n      <BannerSection {...bannerObjThree} />\n      <InfoSection {...homeObjOneA} />\n      <InfoSection {...homeObjOneB} />\n      <InfoSection {...homeObjOneC} />\n      <InfoSection {...homeObjOneD} />\n      <BannerSection {...bannerObjFour} />\n      <Footer />\n    </>\n  );\n}\n\nexport default BriStoryPage\n","import React, {useState} from 'react';\nimport Navbar from '../components/Navbar';\nimport Sidebar from '../components/Sidebar';\nimport Footer from '../components/Footer';\nimport ScrollToTop from '../components/ScrollToTop';\n\nconst AboutPage = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <>\n      <ScrollToTop />\n      <Sidebar isOpen={isOpen} toggle={toggle} />\n      <Navbar toggle={toggle} />\n      <Footer />\n    </>\n  );\n}\n\nexport default AboutPage\n","import './App.css';\nimport {BrowserRouter as Router, Switch, Route} from 'react-router-dom';\nimport Home from './pages';\nimport BriStoryPage from './pages/BriStoryPage';\nimport AboutPage from './pages/AboutPage';\n\nfunction App() {\n  return (\n    <Router>\n      <Switch>\n        <Route path=\"/\" component={Home} exact />\n        <Route path=\"/brisStory\" component={BriStoryPage} exact />\n        <Route path=\"/about\" component={AboutPage} exact />\n        <Route path=\"/success\" component={Home} exact />\n      </Switch>\n    </Router>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}