{"version":3,"sources":["Device/Device.tsx","styles/colors.tsx","Components/Nav/logo/Phoenix.tsx","styles/menu.tsx","styles/link2.tsx","Components/Nav/flat_logo/LogoPxdbFlat.tsx","styles/gradient-background.png","styles/button.tsx","Components/Nav/Nav.tsx","Components/Footer/Footer.tsx","Backgrounds/dark-background-2.png","Graphics/About-Graphic.png","Components/AboutHero/AboutHero.tsx","Backgrounds/TeamBackground-01.svg","Components/AboutTeam/AboutTeam.tsx","Components/NewsLetter/HubspotEmailForm.tsx","Components/NewsLetter/NewsLetter.tsx","Pages/About.tsx","Graphics/Project_Phoenix_360x360.png","Graphics/pxdb-logo-square-240x240.png","Pages/Support.tsx","Pages/Careers.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["size","device","mobileS","mobileM","mobileL","tabletS","tablet","laptop","laptopL","desktop","desktopL","colors","SvgPhoenix","props","id","xmlns","viewBox","width","height","d","fill","className","Burger","useState","open","setOpen","StyledBurger","onClick","Ul","to","styled","ul","div","StyledLink2","a","SvgLogoPxdbFlat","x","y","xmlSpace","Button","button","Gradient","NavContainer","NavLogo","SmallLogo","LargeLogo","NavLinkContainer","NavLink","NavButton","SmallNavButton","Nav","splitLocation","useLocation","pathname","split","href","target","FooterContainer","FooterContact","FooterButton","SvgContainer","LinkIcon","FooterLink","LinkList","FooterCopyrightContainer","Footer","currentYear","Date","getFullYear","AboutHeroContainer","AboutHeroTitle","h1","AboutHeroImageContainer","AboutHeroContent","AboutHero","src","AboutGraphic","team_sort_active","sort","b","last_name","toLowerCase","filter","element","index","active","AboutTeamContainer","TeamHeaderContainer","TeamHeader","AboutTeamContent","TeamGridContainer","TeamContainerBackground","GridTeamItem","LinkedInItem","FaLinkedin","AboutTeam","map","teamMember","team_picture","linkedIn","first_name","title","HubspotEmailForm","region","portalId","formId","useEffect","script","document","createElement","body","appendChild","addEventListener","window","hbspt","forms","create","NewsLetterContainer","NewsLetterWrapper","NewsLetter","p","About","scrollTo","AboutContainer","DarkBackground","SupportContainer","SupportImageContainer","Support","logoImage","setLLogoImage","prevMode","logo2","logo","alt","ProductStyledCardContainer","CareersContainer","li","CareersCurrentOpenings","CareersHeroContainer","CareersHeroTitle","Careers","App","exact","path","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.16ae8c25.chunk.js","sourcesContent":["const size = {\r\n    mobileS: \"0px\",\r\n    mobileM: \"375px\",\r\n    mobileL: \"425px\",\r\n    tabletS: \"576px\",\r\n    tablet: \"768px\",\r\n    laptop: \"1024px\",\r\n    laptopL: \"1440px\",\r\n    desktop: \"2560px\"\r\n  };\r\n  \r\n  export const device = {\r\n    mobileS: `(min-width: ${size.mobileS})`,\r\n    mobileM: `(min-width: ${size.mobileM})`,\r\n    mobileL: `(min-width: ${size.mobileL})`,\r\n    tabletS: `(min-width: ${size.tabletS})`,\r\n    tablet: `(min-width: ${size.tablet})`,\r\n    laptop: `(min-width: ${size.laptop})`,\r\n    laptopL: `(min-width: ${size.laptopL})`,\r\n    desktop: `(min-width: ${size.desktop})`,\r\n    desktopL: `(min-width: ${size.desktop})`\r\n  }","export const colors = {\r\n    white: \"rgb(255,255,255)\",\r\n    black: \"#000000\",\r\n    primary: \"rgb(0,104,178)\",\r\n    secondary: \"rgb(232,118,71)\",\r\n    orange: \"rgb(255,165,0)\",\r\n    lightBlack: \"rgb(32,32,32)\",\r\n    lightGray: \"rgb(88.89,91)\",\r\n}","import * as React from \"react\";\r\nimport {colors} from '../../../styles/colors';\r\nfunction SvgPhoenix(props: React.SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg\r\n      id=\"phoenix_svg__Layer_1\"\r\n      data-name=\"Layer 1\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 280 40\"\r\n      width=\"20em\"\r\n      height=\"3em\"\r\n      {...props}\r\n    >\r\n      <defs>\r\n        <style>{\".phoenix_svg__cls-2{fill:white}\"}</style>\r\n      </defs>\r\n      <path\r\n        d=\"M23.51 4.89A15.44 15.44 0 118.07 20.33 15.46 15.46 0 0123.51 4.89m0-.84a16.28 16.28 0 1016.28 16.28A16.28 16.28 0 0023.51 4.05z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        className=\"phoenix_svg__cls-2\"\r\n        d=\"M18.51 18.74a3.48 3.48 0 00.2 3.43 3.52 3.52 0 001 1 7.82 7.82 0 018.81-12.92 12.46 12.46 0 00-13.77-.13 12.3 12.3 0 00-3.33 3.17A13.89 13.89 0 0115.9 8.5a14 14 0 11-2.34 21.64 12.49 12.49 0 0010.61 2.56 9.56 9.56 0 00.65-8.17 8.92 8.92 0 00-.82-1.69.41.41 0 00-.07-.11 9.52 9.52 0 00-5.42-3.99zM47 11.81h5.18A7 7 0 0156.46 13 4.15 4.15 0 0158 16.56a4.2 4.2 0 01-1.57 3.58 6.89 6.89 0 01-4.28 1.2h-3.34v8.26H47zm1.81 7.87h2.91a7.5 7.5 0 002.05-.25 3.87 3.87 0 001.35-.67 2.45 2.45 0 00.72-1 3.27 3.27 0 00.23-1.22 3.19 3.19 0 00-.23-1.19 2.48 2.48 0 00-.72-1 3.56 3.56 0 00-1.35-.67 7.54 7.54 0 00-2.05-.24h-2.91zM63.23 29.6h-1.81V11.81h5.48A6.93 6.93 0 0171.18 13a4.15 4.15 0 011.57 3.56 4.45 4.45 0 01-1.17 3.13 5 5 0 01-3.38 1.47l5.13 8.44h-2.21l-4.87-8.26h-3zm0-9.92h3.22a7.48 7.48 0 002-.25 3.87 3.87 0 001.35-.67 2.48 2.48 0 00.73-1 3.27 3.27 0 00.22-1.22 3.18 3.18 0 00-.22-1.19 2.51 2.51 0 00-.73-1 3.56 3.56 0 00-1.35-.67 7.51 7.51 0 00-2-.24h-3.22zM93.66 20.71a9.73 9.73 0 01-.66 3.74 8.93 8.93 0 01-2 2.95 8.79 8.79 0 01-2.94 2 10 10 0 01-7.36 0 8.81 8.81 0 01-4.88-4.9 10.23 10.23 0 010-7.49 9.17 9.17 0 011.94-3 8.81 8.81 0 012.94-1.94 9.89 9.89 0 017.36 0A8.62 8.62 0 0191 14a9 9 0 012 3 9.75 9.75 0 01.66 3.71zm-2 0a8.48 8.48 0 00-.51-2.93 7.24 7.24 0 00-1.44-2.45 7.09 7.09 0 00-2.3-1.68 7.77 7.77 0 00-6.13 0A7.09 7.09 0 0079 15.33a7.24 7.24 0 00-1.44 2.45 8.48 8.48 0 00-.51 2.93 8.38 8.38 0 00.51 2.92A7.24 7.24 0 0079 26.08a7 7 0 002.3 1.69 7.77 7.77 0 006.13 0 7 7 0 002.3-1.69 7.24 7.24 0 001.44-2.45 8.38 8.38 0 00.53-2.92zM97 26a3.46 3.46 0 001 1.74 2.63 2.63 0 001.9.66 3 3 0 001.6-.39 2.81 2.81 0 001-1 4.33 4.33 0 00.46-1.41A9.49 9.49 0 00103 24V11.81h1.81v12.92a7.38 7.38 0 01-.24 1.84 4.69 4.69 0 01-.83 1.71 4.61 4.61 0 01-1.54 1.27 5.06 5.06 0 01-2.39.5 4.87 4.87 0 01-3.06-.94 4.15 4.15 0 01-1.54-2.77zM111.19 27.94h9.52v1.66h-11.33V11.81h11v1.66h-9.22v6.06h8.62v1.66h-8.62zM138.93 26.79a7 7 0 01-1.12 1.28 6.91 6.91 0 01-1.52 1 8.51 8.51 0 01-1.85.69 8.39 8.39 0 01-2.1.25 9.5 9.5 0 01-3.68-.7 8.81 8.81 0 01-4.88-4.9 10.23 10.23 0 010-7.49 9.17 9.17 0 011.94-3 8.81 8.81 0 012.94-1.94 9.5 9.5 0 013.68-.71 8.89 8.89 0 013.32.66 6.6 6.6 0 012.84 2.16l-1.58 1.18a4.51 4.51 0 00-.76-.86 5.51 5.51 0 00-1.09-.75 7 7 0 00-1.32-.53 5.28 5.28 0 00-1.41-.2 7.19 7.19 0 00-3.06.63 7.09 7.09 0 00-2.3 1.68 7.24 7.24 0 00-1.44 2.45 8.48 8.48 0 00-.51 2.93 8.38 8.38 0 00.51 2.92 7.24 7.24 0 001.46 2.54 7 7 0 002.3 1.69 7.19 7.19 0 003.06.63 8.19 8.19 0 001.4-.13 5.8 5.8 0 001.36-.43 5.14 5.14 0 001.25-.81 6.2 6.2 0 001.09-1.3zM147.67 29.6h-1.81V13.47h-6v-1.66h13.71v1.66h-6zM163.37 11.81h5.18a7 7 0 014.28 1.19 4.15 4.15 0 011.57 3.56 4.2 4.2 0 01-1.57 3.58 6.89 6.89 0 01-4.28 1.2h-3.37v8.26h-1.81zm1.81 7.87h2.92a7.48 7.48 0 002-.25 3.87 3.87 0 001.35-.67 2.58 2.58 0 00.73-1 3.27 3.27 0 00.22-1.22 3.18 3.18 0 00-.22-1.19 2.61 2.61 0 00-.73-1 3.56 3.56 0 00-1.35-.67 7.51 7.51 0 00-2-.24h-2.92zM177.79 11.81h1.81v7.72h9.7v-7.72h1.81V29.6h-1.81v-8.41h-9.7v8.41h-1.81zM213.27 20.71a9.73 9.73 0 01-.71 3.74 8.81 8.81 0 01-4.88 4.9 10 10 0 01-7.36 0 8.87 8.87 0 01-4.89-4.9 9.73 9.73 0 01-.7-3.74 9.74 9.74 0 01.7-3.75 9 9 0 011.95-3 8.81 8.81 0 012.94-1.94 9.89 9.89 0 017.36 0 8.81 8.81 0 012.94 1.98 9 9 0 011.94 3 9.75 9.75 0 01.71 3.71zm-2 0a8.71 8.71 0 00-.5-2.93 7.43 7.43 0 00-1.45-2.45 7 7 0 00-2.3-1.68A7.15 7.15 0 00204 13a7.23 7.23 0 00-3.07.63 7.09 7.09 0 00-2.3 1.68 7.24 7.24 0 00-1.44 2.45 8.47 8.47 0 00-.5 2.93 8.38 8.38 0 00.5 2.92 7.24 7.24 0 001.44 2.45 7 7 0 002.3 1.69 7.23 7.23 0 003.07.63 7.15 7.15 0 003.06-.63 6.87 6.87 0 002.3-1.69 7.43 7.43 0 001.45-2.45 8.61 8.61 0 00.5-2.9zM218.69 27.94h9.53v1.66h-11.34V11.81h11v1.66h-9.22v6.06h8.62v1.66h-8.62zM244.65 26.89V11.81h1.81V29.6h-2.26l-10.56-15.22V29.6h-1.81V11.81H234zM253.14 29.6h-1.81V11.81h1.81zM263.49 18.92l5-7.11h2.26l-6 8.45 6.53 9.34h-2.39l-5.43-8.06L258 29.6h-2.3l6.51-9.34-6-8.45h2.44z\"\r\n        \r\n      />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport default SvgPhoenix;\r\n","import React, { useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { colors } from './colors';\r\nimport { device} from '../Device/Device';\r\n\r\n\r\nimport {\r\n  BrowserRouter as Router,\r\n  Switch,\r\n  Route,\r\n  Link\r\n} from \"react-router-dom\";\r\ninterface StyledBurgerProps{\r\n    open?: boolean\r\n}\r\n\r\n\r\nconst Burger = () => {\r\n  const [open, setOpen] = useState(false);\r\n\r\n  return (\r\n    <>\r\n      <StyledBurger open={open} onClick={() => setOpen(!open)}>\r\n        <div />\r\n        <div />\r\n        <div />\r\n        \r\n      </StyledBurger>\r\n    \r\n\r\n    <Ul open={open}>\r\n\r\n        <li onClick={() => setOpen(!open)}><Link to=\"/\" >Home</Link></li>\r\n        <li onClick={() => setOpen(!open)}><Link to=\"/careers\">Careers</Link></li>\r\n        \r\n\r\n        {/*\r\n        <li> <Link to=\"/pxdbcloud\">products</Link></li>\r\n        <li onClick={() => setOpen(!open)}><Link to=\"/about\">About</Link></li>\r\n        <li onClick={() => setOpen(!open)}> <Link to=\"/process\">Process</Link></li>\r\n        */}\r\n\r\n    </Ul>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default Burger\r\n\r\n\r\nconst Ul = styled.ul<StyledBurgerProps>`\r\nlist-style: none;\r\ndisplay: flex;\r\nflex-flow: row nowrap;\r\nflex-flow: column nowrap;\r\nbackground-color: #000000;\r\nposition: fixed;\r\nz-index:1;\r\ntransform: ${({ open }) => open ? 'translateX(0)' : 'translateX(100%)'};\r\ntop: -16px;\r\nright:0;\r\nheight: 100vh;\r\nwidth: 60vw;\r\npadding-top: 3.5rem;\r\ntransition: transform 0.3s ease-in-out;\r\n\r\n  \r\n  li {\r\n    padding: 18px 10px;\r\n    text-transform: uppercase;\r\n    color: ${colors.white};\r\n  }\r\n  a{\r\n    color:white;\r\n    text-decoration:none;\r\n  }\r\n`;\r\n\r\nconst StyledBurger = styled.div<StyledBurgerProps>`\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  position: fixed;\r\n  z-index:2;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  flex-flow: column nowrap;\r\n\r\n\r\n  div {  \r\n    background-color:white;\r\n    width: 2.5rem;\r\n    height: 0.25rem;\r\n    border-radius: 10px;\r\n    transform-origin: 1px;\r\n    transition: all 0.3s linear;\r\n\r\n    &:nth-child(1) {\r\n        transform: ${({ open }) => open ? 'rotate(45deg)' : 'rotate(0)'};\r\n    }\r\n    &:nth-child(2) {\r\n        transform: ${({ open }) => open ? 'translateX(-100%)' : 'translateX(0)'};\r\n        opacity: ${({ open }) => open ? 0 : 1};\r\n    }\r\n    &:nth-child(3) {\r\n        transform: ${({ open }) => open ? 'rotate(-45deg)' : 'rotate(0)'};\r\n    }\r\n\r\n  }\r\n\r\n\r\n  @media ${device.mobileS} {\r\n    width: 1.5rem;\r\n    height: 1.5rem;\r\n    top: 3.8%;\r\n   right: 36px;\r\n    div{\r\n        width: 1.5rem;\r\n        height: .1rem; \r\n    }\r\n    \r\n\r\n\r\n\r\n    @media ${device.laptop}{\r\n        display: none;\r\n    }\r\n   \r\n`;","import styled from \"styled-components\"\r\n\r\nconst StyledLink2 = styled.a `\r\ndisplay: inline-block;\r\nposition: relative;\r\n\r\n\r\ncursor:pointer;\r\n&:before{\r\n    content:\"\";\r\n    position: absolute;\r\n    bottom: -8px;\r\n    left:0;\r\n    width: 100%;\r\n    height:2px;\r\n    background-color: white;\r\n    transition: all 0.5s;\r\n    transform: scale(0);\r\n    transform-origin: left;\r\n\r\n}\r\n\r\n&:hover:before{\r\n    transform: scale(1);\r\n\r\n}\r\n  \r\n`\r\nexport default StyledLink2","import * as React from \"react\";\r\n\r\nfunction SvgLogoPxdbFlat(props: React.SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg\r\n      id=\"Logo_PXDB_Flat_svg__Layer_1\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      x={0}\r\n      y={0}\r\n      viewBox=\"0 0 200 195.9\"\r\n      xmlSpace=\"preserve\"\r\n      width=\"3em\"\r\n      height=\"3em\"\r\n      {...props}\r\n    >\r\n      <style />\r\n      <switch>\r\n        <g>\r\n          <path\r\n            d=\"M100 14.4c47 0 85.3 38.3 85.3 85.3S147 185 100 185s-85.3-38.3-85.3-85.3S53 14.4 100 14.4m0-4.7c-49.7 0-90 40.3-90 90s40.3 90 90 90 90-40.3 90-90-40.3-90-90-90z\"\r\n            fill=\"white\"\r\n          />\r\n          <path\r\n            d=\"M72.4 90.9c-2.9 5.9-2.7 13.1 1.1 19 1.4 2.2 3.3 4 5.3 5.4l-.1.2c-4.6-3.1-8.6-7.2-11.8-12.1-3-4.5-4.9-9.4-6-14.4-3.7-17 3.2-35.3 18.7-45.3 15-9.7 33.8-9 47.8.4l.1-.2c-22.2-15.1-52.2-16.3-76.1-.7C44 48 37.8 53.9 32.9 60.7c5.9-10.3 14.3-19.5 25-26.4 36-23.3 84-13.1 107.4 22.8s13.1 84-22.8 107.4C111.1 184.9 70.3 179.7 45 154c16.3 13.5 38.1 18.7 58.7 14.1 7.8-13.6 9.3-30.2 3.6-45.2-1.2-3.2-2.8-6.3-4.7-9.3-.1-.2-.3-.4-.4-.6-7.3-11.2-18-18.7-29.8-22.1z\"\r\n            fill=\"white\"\r\n          />\r\n        </g>\r\n      </switch>\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport default SvgLogoPxdbFlat;\r\n","export default __webpack_public_path__ + \"static/media/gradient-background.7b94a83a.png\";","import styled from \"styled-components\"\r\nimport { colors } from \"./colors\"\r\nimport Gradient from \"./gradient-background.png\";\r\n\r\nconst Button = styled.button`\r\ncursor:pointer;\r\ncolor: ${colors.white};\r\nborder: solid 3px transparent;\r\nbackground-image: url(${Gradient});\r\nbackground-origin: border-box;\r\nbackground-clip: content-box,\r\nbackground-size: cover;\r\nbackground-repeat: no-repeat;\r\nbackground-position: 45% center;\r\nborder-radius: 100rem;\r\nfont-size: 1rem;\r\npadding: .5rem 1rem;\r\nfont-weight: 700;\r\nborder-box;\r\n  box-shadow: 2px 1000px 1px #000000 inset;\r\n`\r\n\r\nexport default Button","\r\nimport styled from 'styled-components';\r\nimport { device } from '../../Device/Device';\r\nimport { colors } from '../../styles/colors';\r\nimport SvgPhoenix from './logo/Phoenix';\r\nimport Burger from '../../styles/menu';\r\nimport StyledLink from '../../styles/link';\r\nimport StyledLink2 from '../../styles/link2';\r\nimport SvgLogoPxdbFlat from './flat_logo/LogoPxdbFlat';\r\nimport SvgProjectPhoenixNav05 from \"./NavLogo/ProjectPhoenixNav05\";\r\nimport Button from '../../styles/button';\r\nimport {\r\n    BrowserRouter as Router,\r\n    Switch,\r\n    Route,\r\n    Link\r\n  } from \"react-router-dom\";\r\n  import { useLocation } from \"react-router-dom\";\r\nfunction Nav(){\r\n    //assigning location variable\r\n    const location = useLocation();\r\n\r\n    //destructuring pathname from location\r\n    const { pathname } = location;\r\n\r\n    //Javascript split method to get the name of the path in array\r\n    const splitLocation = pathname.split(\"/\");\r\n    return(\r\n        <>\r\n            <NavContainer>\r\n                <NavLogo> \r\n                 \r\n                   <SmallLogo>\r\n                   <Link to=\"/\">\r\n                    <SvgLogoPxdbFlat/>\r\n                    </Link>\r\n                    </SmallLogo>\r\n\r\n                    <LargeLogo>\r\n                    <Link to=\"/\">\r\n                    <SvgPhoenix/>\r\n                    </Link>\r\n                    </LargeLogo>\r\n                 \r\n                </NavLogo>\r\n\r\n\r\n                <NavLinkContainer>\r\n                  \r\n                    <NavLink>\r\n                    <li className={splitLocation[1] === \"careers\" ?  \"active\" : \"\"}><Link to=\"/careers\"><StyledLink2>Careers</StyledLink2></Link></li>\r\n                    <li><a href=\"https://devii.io\" target=\"_blank\">Devii</a></li>\r\n                    \r\n                        {/*\r\n                        <li className={splitLocation[1] === \"about\" ?  \"active\" : \"\"}><Link to=\"/about\"><StyledLink2>About</StyledLink2></Link></li>\r\n                        <li className={splitLocation[1] === \"process\" ? \"active\" : \"\"}> <Link to=\"/process\"><StyledLink2>process</StyledLink2> </Link></li>\r\n                        <li> <Link to=\"/portfolio\"> <StyledLink2>portfolio</StyledLink2></Link> </li>\r\n                      \r\n                        <li> <Link to=\"/pxdbcloud\"><StyledLink2>products</StyledLink2></Link></li>\r\n                         */}\r\n                        <li><NavButton ><a href=\"https://outlook.office365.com/owa/calendar/Bookings@projectphoenix.io/bookings/\" target=\"_blank\">GET IN TOUCH </a></NavButton></li>\r\n                    </NavLink>\r\n                    \r\n                    <SmallNavButton> <a href=\"https://outlook.office365.com/owa/calendar/Bookings@projectphoenix.io/bookings/\" target=\"_blank\">GET IN TOUCH </a></SmallNavButton>\r\n                    \r\n                    <Burger></Burger>\r\n                    \r\n                   \r\n                </NavLinkContainer>\r\n            </NavContainer>\r\n        </>\r\n    )\r\n}\r\n\r\nconst NavContainer = styled.div`\r\n\r\ndisplay: flex;\r\nflex-direction: row;\r\njustify-content: space-between;\r\nalign-items: center;\r\ncolor: ${colors.white};\r\nbackground-color: #000000;\r\nheight: 10vh;\r\n/*\r\nbox-shadow: inset 0px -1px 0px 0px ${colors.white}, 0px 0px 20px 0px #20202088 ;\r\n*/\r\nz-index: 3;\r\nposition: relative;\r\n@media ${device.mobileS} {\r\n    position: fixed;\r\n    top:0;\r\n    width: 100%;\r\n  }\r\na{\r\n    color:white;\r\n    text-decoration: none;\r\n}\r\n\r\n`\r\nconst NavLogo = styled.div`\r\n\r\ndisplay: flex;\r\nflex-direction: row;\r\nalign-items: baseline;\r\n\r\nmargin-left: 5%;\r\n\r\n\r\n@media ${device.mobileS} {\r\n    width: 50px;\r\n\r\n  }\r\na{\r\n   \r\n}\r\n\r\n`\r\n\r\nconst SmallLogo = styled.div`\r\n@media ${device.tablet}{\r\n    display:none;\r\n}\r\n`\r\n\r\nconst LargeLogo = styled.div`\r\n\r\n@media ${device.mobileS}{\r\ndisplay:none;\r\n}\r\n@media ${device.tablet}{\r\n    display:unset;\r\n    display: inline-block;\r\n    \r\n}\r\n`\r\n\r\nconst NavLinkContainer = styled.div`\r\ndisplay: flex;\r\nflex-direction: row;\r\njustify-content: flex-end;\r\nmargin-right: 32px;\r\n@media ${device.laptopL}{\r\n   \r\n}\r\n`\r\n\r\nconst NavLink = styled.ul`\r\ndisplay: flex;\r\nflex-direction: row; \r\nlist-style-type: none;\r\ngap: 34px;\r\ntext-transform: uppercase;\r\ncolor:white;\r\nalign-items: baseline;\r\na{\r\n    color:white;\r\ntext-decoration:none;\r\n\r\n}\r\nli{\r\n    color:white;\r\n    letter-spacing: 1px;\r\n    font-weight: 700;\r\n    position:relative;\r\n    &.active{\r\n        position:relative;\r\n        &:before{\r\n            content:\"\";\r\n            position: absolute;\r\n            bottom: -8px;\r\n            left:0;\r\n            width: 100%;\r\n            height:2px;\r\n            background-color: white;\r\n            transition: all 0.5s;\r\n            transform: scale(1);\r\n            transform-origin: left;\r\n        \r\n        }\r\n    }\r\n  \r\n}\r\n@media ${device.mobileS}{\r\n    display: none;\r\n    \r\n}\r\n\r\n@media${device.laptop}{\r\n    display: unset;\r\n    display: flex;\r\n    flex-direction: row; \r\n    list-style-type: none;\r\n    text-transform: uppercase;\r\n    align-items: baseline;\r\n    gap: 20px;\r\n}\r\n\r\n`\r\n\r\n\r\nconst NavButton = styled(Button)`\r\nmin-width: 155px;\r\n`\r\n\r\nconst SmallNavButton = styled(Button)`\r\nfont-size: 12px;\r\nbackground-color: ${colors.primary};\r\ntext-transform: uppercase;\r\nwidth:140px;\r\nmargin-right: 54px;\r\n@media ${device.mobileS}{\r\n    display:none\r\n}\r\n@media ${device.mobileM}{\r\n    display:unset;\r\n}\r\n@media ${device.laptop}{\r\n    display:none\r\n}\r\n`\r\n\r\n\r\n\r\nexport default Nav;\r\n","import styled from \"styled-components\";\r\nimport { colors } from \"../../styles/colors\";\r\nimport { FaLinkedin } from \"react-icons/fa\";\r\nimport { HiOutlineMail } from \"react-icons/hi\";\r\nimport { device } from \"../../Device/Device\";\r\nimport StyledLink2 from \"../../styles/link2\";\r\nimport Button from \"../../styles/button\";\r\nimport { BrowserRouter as Router, Switch, Route, Link } from \"react-router-dom\";\r\nfunction Footer() {\r\n  const companyName = \"Project Phoenix Technologies, Inc.\";\r\n  const currentYear = new Date().getFullYear();\r\n\r\n  return (\r\n    <>\r\n      <FooterContainer>\r\n        <FooterContact>\r\n          <h2>Let's Talk</h2>\r\n\r\n          <FooterButton>\r\n            {\" \"}\r\n            <a\r\n              href=\"https://outlook.office365.com/owa/calendar/Bookings@projectphoenix.io/bookings/\"\r\n              target=\"_blank\"\r\n            >\r\n              GET IN TOUCH\r\n            </a>\r\n          </FooterButton>\r\n\r\n          <p>\r\n            1854 NDSU Research Park Dr N #209<br />\r\n            Fargo, North Dakota 58102\r\n          </p>\r\n          <p>contact@projectphoenix.io</p>\r\n          <SvgContainer>\r\n            <LinkIcon\r\n              href=\"https://www.linkedin.com/company/project-phoenix-fargo\"\r\n              target=\"_blank\"\r\n            >\r\n              <FaLinkedin></FaLinkedin>\r\n            </LinkIcon>\r\n            <LinkIcon href=\"mailto:contact@projectphoenix.io\" target=\"_blank\">\r\n              <HiOutlineMail></HiOutlineMail>\r\n            </LinkIcon>\r\n          </SvgContainer>\r\n        </FooterContact>\r\n\r\n        <FooterLink>\r\n          <h2>Explore</h2>\r\n          <LinkList>\r\n            <div>\r\n              <ul>\r\n                <li>\r\n                  {\" \"}\r\n                  <Link to=\"/\">\r\n                    {\" \"}\r\n                    <StyledLink2>Home</StyledLink2>\r\n                  </Link>\r\n                </li>\r\n                <li>\r\n                  {\" \"}\r\n                  <Link to=\"/careers\">\r\n                    {\" \"}\r\n                    <StyledLink2>Careers</StyledLink2>\r\n                  </Link>\r\n                </li>\r\n                <li>\r\n                  {\" \"}\r\n                  <a href=\"https://devii.io\" target=\"_blank\">\r\n                    {\" \"}\r\n                    <StyledLink2>Devii</StyledLink2>\r\n                  </a>\r\n                </li>\r\n                \r\n                {/*\r\n                <li>\r\n                  {\" \"}\r\n                  <Link to=\"/process\">\r\n                    <StyledLink2>Process</StyledLink2>\r\n                  </Link>\r\n                </li>\r\n                    <li> <Link to=\"/portfolio\"><StyledLink2>Portfolio</StyledLink2></Link></li>\r\n                     <li><Link to=\"/pxdbcloud\"><StyledLink2>Products</StyledLink2></Link></li>\r\n                     <li>\r\n                  <Link to=\"/about\">\r\n                    <StyledLink2>About</StyledLink2>\r\n                  </Link>\r\n                </li>\r\n                    \r\n                    */}\r\n                \r\n              </ul>\r\n            </div>\r\n          </LinkList>\r\n        </FooterLink>\r\n      </FooterContainer>\r\n      <FooterCopyrightContainer>\r\n        <p>{`Brought to you and powered by ${companyName} © ${currentYear}. All rights reserved.`}</p>\r\n      </FooterCopyrightContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nconst FooterContainer = styled.div`\r\n  min-height: 20vh;\r\n  display: flex;\r\n  padding-top: 100px;\r\n  color: white;\r\n  @media ${device.mobileS} {\r\n    flex-direction: column-reverse;\r\n  }\r\n  @media ${device.tabletS} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\nconst FooterContact = styled.div`\r\n  flex: 1;\r\n  text-align: left;\r\n  margin-left: 10%;\r\n  h2 {\r\n    margin-bottom: 15px;\r\n  }\r\n  p {\r\n    font-size: 12px;\r\n  }\r\n`;\r\nconst FooterButton = styled(Button)`\r\n  box-shadow: 2px 1000px 1px #0b014b inset;\r\n  a {\r\n    color: white;\r\n    text-decoration: none;\r\n  }\r\n`;\r\nconst SvgContainer = styled.div`\r\n  display: flex;\r\n  gap: 16px;\r\n  font-size: 24px;\r\n`;\r\nconst LinkIcon = styled.a`\r\n  cursor: pointer;\r\n  color: white;\r\n  text-decoration: none;\r\n  &:hover {\r\n    color: ${colors.orange};\r\n  }\r\n`;\r\n\r\nconst FooterLink = styled.div`\r\n  flex: 2;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  h2 {\r\n    margin-bottom: 15px;\r\n  }\r\n  @media ${device.mobileS} {\r\n    margin-left: 10%;\r\n  }\r\n  @media ${device.laptop} {\r\n    margin: 0;\r\n  }\r\n`;\r\n\r\nconst LinkList = styled.div`\r\n  ul {\r\n    list-style: none;\r\n    text-align: left;\r\n    padding: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  li {\r\n    padding-bottom: 26px;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n  }\r\n  a {\r\n    color: white;\r\n    text-decoration: none;\r\n  }\r\n\r\n  @media ${device.mobileS} {\r\n    li {\r\n      width: 50%;\r\n    }\r\n  }\r\n  @media ${device.laptop} {\r\n    li {\r\n      width: 30%;\r\n    }\r\n  }\r\n`;\r\n\r\nconst FooterCopyrightContainer = styled.div`\r\n  color: white;\r\n\r\n  border-style: none;\r\n  text-align: left;\r\n  padding-top: 50px;\r\n  padding-bottom: 30px;\r\n  p {\r\n    margin-left: 10%;\r\n    margin-right: 10%;\r\n    border-style: none;\r\n    font-size: 11px;\r\n    color: #789;\r\n  }\r\n`;\r\nexport default Footer;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPwAAACQCAYAAAAsnQZGAAAACXBIWXMAAAsSAAALEgHS3X78AAAB2UlEQVR4nO3cgQ3DMBADMX3h/VdOBzlyheCgFnZy274BCT+PGToEDyGChxDBQ4jgIUTwECJ4CBE8hAgeQgQPIYKHEMFDiOAhRPAQIngIETyECB5CBA8hgocQwUOI4CFE8BAieAgRPIQIHkIEDyGChxDBQ4jgIUTwECJ4CBE8hAgeQgQPIYKHEMFDiOAhRPAQIngIETyECB5CBA8hgocQwUOI4CFE8BAieAgRPIQIHkIEDyGChxDBQ4jgIUTwECJ4CBE8hAgeQgQPIYKHEMFDyNvO84YICw8hFh5CBA8h7wQPGRYeQgQPIYKHEMFDiOAhxMUbCHmnechQO4T4Dw8hgocQwUOI4CFE8BAieAjxeiyEWHgIcfEGQiw8hAgeQgQPIYKHEMdyEGLhIUTwECJ4CBE8hLhpByEWHkIEDyHO4SHEwkOI4CFE8BAieAgRPIS4eAMhFh5C3p3gocLCQ4jgIUTwECJ4CBE8hAgeQp7cocPCQ4jgIUTwECJ4CBE8hAgeQgQPIT5TDSEWHkIEDyG+aQchFh5CBA8hgocQx3IQYuEhRPAQIngIETyEuHgDIRYeQgQPIc7hIcTCQ4jgIUTwECJ4CBE8hAgeQty0gxDn8BDiJz2ECB4qtv0Br0UDCRbmJnQAAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/About-Graphic.7ab8c1cb.png\";","import styled from \"styled-components\";\r\nimport LeftImage from \"./work1.jpg\";\r\nimport RightImage from \"./work2.jpg\";\r\nimport { device } from '../../Device/Device'\r\nimport AboutGraphic from \"../../Graphics/About-Graphic.png\"\r\nfunction AboutHero() {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<AboutHeroContainer>\r\n\t\t\t\t<AboutHeroTitle>\r\n\t\t\t\t\t<h1>Project Phoenix is on</h1>\r\n\t\t\t\t\t<h1><span>your team</span></h1>\r\n\t\t\t\t</AboutHeroTitle>\r\n\t\t\t\t<AboutHeroContent>\r\n\t\t\t\t\t<p>Project Phoenix empowers engineers to do what they do best - create more solutions in less time, leaving you free to keep honing your team's skillset at solving problems.</p>\r\n\t\t\t\t\t<AboutHeroImageContainer>\r\n\t\t\t\t\t\t<img src={AboutGraphic}></img>\r\n\t\t\t\t\t</AboutHeroImageContainer>\r\n\t\t\t\t</AboutHeroContent>\r\n\r\n\t\t\t</AboutHeroContainer>\r\n\r\n\t\t</>\r\n\t)\r\n}\r\n\r\nconst AboutHeroContainer = styled.div`\r\n\r\nposition: relative;\r\nmargin-top: 10vh;\r\npadding-left: 10%;\r\npadding-top: 2px;\r\n\r\n@media ${device.mobileS}{\r\n    margin-right: 10%;\r\n    h1{\r\n        font-size: 1.6rem;\r\n        margin-bottom: 16px;\r\n        text-align: left;\r\n\r\n    }\r\n    p{\r\n        font-size: 1rem;\r\n        text-align: left;\r\n        z-index: 2;\r\n        line-height: 24px;\r\n        \r\n    }\r\n}\r\n@media ${device.tabletS}{\r\n    h1{font-size: 1.8rem;\r\n      \r\n        }\r\n        p{\r\n            font-size:1rem;\r\n            width: 370px;\r\n        }\r\n}\r\n\r\n@media ${device.laptopL}{\r\n    h1{\r\n        font-size: 2rem;\r\n    \r\n    }\r\n    p{font-size:1rem;\r\n        width: 370px;\r\n}\r\n`\r\nconst AboutHeroTitle = styled.h1`\r\ncolor: white;\r\npadding-top: 60px;\r\nz-index: 2;\r\nh1{\r\n    margin: 0;\r\n}\r\n&:before{\r\nposition: absolute;\r\ncontent:\"\";\r\nwidth:48px;\r\nheight: 4px;\r\nbackground-color:white;\r\nmargin-top: -8px;\r\n}\r\nspan{\r\n    color: #ff9933;\r\n}\r\n`\r\nconst AboutHeroImageContainer = styled.div`\r\ndisplay: flex;\r\nwidth: 100%;\r\nz-index: 0;\r\nimg{\r\n    width: 100%;\r\n    z-index:0;\r\n    \r\n   \r\n}\r\n@media ${device.mobileS}{\r\n    margin-bottom: 50px;\r\n}\r\n@media ${device.laptop}{\r\n    transform: translateY(-200px);\r\n    margin-bottom:0;\r\n}\r\n`\r\n\r\nconst AboutHeroContent = styled.div`\r\ncolor: white;\r\n\r\n\r\n`\r\nexport default AboutHero;","export default __webpack_public_path__ + \"static/media/TeamBackground-01.8895f843.svg\";","import styled from \"styled-components\";\r\nimport { device } from \"../../Device/Device\";\r\nimport { FaLinkedin } from \"react-icons/fa\";\r\nimport TeamContainerBackground from \"../../Backgrounds/TeamBackground-01.svg\";\r\nimport team from \"../../Data/team.json\";\r\ninterface teamRecord {\r\n  id: string;\r\n  first_name: string;\r\n  last_name: string;\r\n  title: string;\r\n  active: boolean;\r\n  team_picture: string;\r\n  linkedIn: string;\r\n}\r\n\r\nlet team_sort_active = team.sort((a, b) =>\r\n  a.last_name.toLowerCase() > b.last_name.toLowerCase() ? 1 : -1\r\n);\r\nteam_sort_active = team_sort_active.filter((element, index) => {\r\n  return element.active;\r\n});\r\n\r\nfunction AboutTeam() {\r\n  return (\r\n    <>\r\n      <AboutTeamContainer>\r\n        <TeamHeaderContainer>\r\n          <TeamHeader>\r\n            <h1>MEET OUR TEAM</h1>\r\n          </TeamHeader>\r\n        </TeamHeaderContainer>\r\n        <AboutTeamContent>\r\n          <div>\r\n            <p>\r\n              Our team has been where you are and we get it! The burnout from\r\n              boring, repetitive tasks is something we all deal with, especially\r\n              when it comes to writing code (like APIs).{\" \"}\r\n            </p>\r\n            <p>\r\n              That's why we built Devii, so you can write the code that really\r\n              matters —code for your projects, for your team, and for your\r\n              customers— and cut down the burnout.\r\n            </p>\r\n          </div>\r\n        </AboutTeamContent>\r\n        <TeamGridContainer>\r\n          {team_sort_active.map((teamMember) => (\r\n            <GridTeamItem key={teamMember.id}>\r\n              <img src={teamMember.team_picture}></img>\r\n              <a href={teamMember.linkedIn} target=\"_blank\">\r\n                <LinkedInItem></LinkedInItem>\r\n              </a>\r\n              <h3>\r\n                {teamMember.first_name} {teamMember.last_name}\r\n              </h3>\r\n              <p>{teamMember.title}</p>\r\n            </GridTeamItem>\r\n          ))}\r\n        </TeamGridContainer>\r\n      </AboutTeamContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nconst AboutTeamContainer = styled.div``;\r\n\r\nconst TeamHeaderContainer = styled.div`\r\n  display: flex;\r\n  margin-left: 10%;\r\n  @media ${device.laptop} {\r\n    margin-left: 28%;\r\n  }\r\n`;\r\n\r\nconst TeamHeader = styled.h1`\r\n  color: white;\r\n  text-align: center;\r\n  position: relative;\r\n  display: inline-block;\r\n  @media ${device.mobileS} {\r\n    h1 {\r\n      font-size: 1.6rem;\r\n      margin: 0;\r\n    }\r\n  }\r\n  @media ${device.tabletS} {\r\n    h1 {\r\n      font-size: 1.8rem;\r\n    }\r\n  }\r\n\r\n  @media ${device.laptopL} {\r\n    h1 {\r\n      font-size: 2rem;\r\n    }\r\n  }\r\n`;\r\nconst AboutTeamContent = styled.div`\r\n  color: white;\r\n  position: relative;\r\n  div {\r\n    display: inline-block;\r\n    text-align: left;\r\n    line-height: 80%;\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      background-color: white;\r\n      height: 3px;\r\n      width: 60px;\r\n      top: 0;\r\n    }\r\n  }\r\n\r\n  @media ${device.mobileS} {\r\n    margin-left: 10%;\r\n    margin-right: 10%;\r\n    p {\r\n      font-size: 1rem;\r\n      line-height: 24px;\r\n    }\r\n  }\r\n  @media ${device.tabletS} {\r\n    font-size: 1rem;\r\n  }\r\n  @media ${device.laptop} {\r\n    margin-left: 28%;\r\n    p {\r\n      font-size: 1rem;\r\n      width: 400px;\r\n      line-height: 24px;\r\n    }\r\n  }\r\n`;\r\nconst TeamGridContainer = styled.div`\r\n  display: grid;\r\n  justify-content: center;\r\n  column-gap: 32px;\r\n  row-gap: 60px;\r\n  position: relative;\r\n  z-index: 1;\r\n  @media ${device.laptopL} {\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n      z-index: -1;\r\n      opacity: 0.2;\r\n      background: url(${TeamContainerBackground});\r\n      background-repeat: no-repeat;\r\n      background-size: cover;\r\n      background-position: 50% 50%;\r\n    }\r\n  }\r\n\r\n  padding-top: 100px;\r\n  padding-bottom: 100px;\r\n  @media ${device.mobileS} {\r\n    grid-template-columns: repeat(auto-fill, 260px);\r\n  }\r\n  @media ${device.laptop} {\r\n    grid-template-columns: repeat(3, 260px);\r\n  }\r\n`;\r\n\r\nconst GridTeamItem = styled.div`\r\n  position: relative;\r\n  height: 300px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: left;\r\n  color: white;\r\n  padding-top: 32px;\r\n  h3 {\r\n    margin-bottom: 8px;\r\n    padding-left: 8px;\r\n  }\r\n  p {\r\n    margin: 0;\r\n    position: relative;\r\n    padding-left: 16px;\r\n    font-style: italic;\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      height: 100%;\r\n      width: 2px;\r\n      background-color: #e87647;\r\n      margin-left: 9px;\r\n    }\r\n  }\r\n  a {\r\n    height: 300px;\r\n    width: 100%;\r\n  }\r\n  img {\r\n    height: 300px;\r\n    width: 100%;\r\n    border-radius: 16px;\r\n    object-fit: cover;\r\n    object-position: top;\r\n  }\r\n`;\r\n\r\nconst LinkedInItem = styled(FaLinkedin)`\r\n  color: white;\r\n  position: absolute;\r\n  font-size: 1.4rem;\r\n  right: 10px;\r\n  bottom: 44px;\r\n`;\r\nexport default AboutTeam;\r\n","import React, { useEffect } from \"react\";\r\n\r\nconst HubspotEmailForm = (props: any) => {\r\n  const { region, portalId, formId } = props;\r\n  useEffect(() => {\r\n    const script = document.createElement(\"script\");\r\n    script.src = \"https://js.hsforms.net/forms/shell.js\";\r\n    document.body.appendChild(script);\r\n\r\n    script.addEventListener(\"load\", () => {\r\n      // @ts-ignore\r\n      if (window.hbspt) {\r\n        // @ts-ignore\r\n        window.hbspt.forms.create({\r\n          region: region,\r\n          portalId: portalId,\r\n          formId: formId,\r\n          target: \"#hubspotForm\",\r\n        });\r\n      }\r\n    });\r\n    // @ts-ignore\r\n  }, [window.hbspt]);\r\n\r\n  return (\r\n    <div>\r\n      <div id=\"hubspotForm\"></div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default HubspotEmailForm;\r\n","import styled from \"styled-components\";\r\nimport { colors } from \"../../styles/colors\";\r\nimport Button from \"../../styles/button\";\r\nimport { device } from \"../../Device/Device\";\r\nimport React, { useState } from \"react\";\r\nimport validator from \"validator\";\r\nimport axios from \"axios\";\r\nimport HubspotEmailForm from \"./HubspotEmailForm\";\r\n\r\nfunction NewsLetter() {\r\n  return (\r\n    <>\r\n      <NewsLetterContainer id=\"waitlist\">\r\n        <NewsLetterWrapper>\r\n          <h1>STAY IN TOUCH</h1>\r\n          <p>Get Updates on Devii's Commercialization.</p>\r\n          <HubspotEmailForm\r\n            region=\"na1\"\r\n            portalId=\"21871927\"\r\n            formId=\"b3c08a3d-288c-4d86-9c1c-7091fd1834ee\"\r\n          />\r\n        </NewsLetterWrapper>\r\n      </NewsLetterContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nconst NewsLetterContainer = styled.div`\r\n  margin-top: 100px;\r\n  border-top-right-radius: 380px;\r\n  margin-right: 5%;\r\n  @media ${device.mobileS} {\r\n    h1 {\r\n      font-size: 1.6rem;\r\n    }\r\n    p {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n  @media ${device.tabletS} {\r\n    h1 {\r\n      font-size: 1.8rem;\r\n    }\r\n    p {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n\r\n  @media ${device.laptopL} {\r\n    h1 {\r\n      font-size: 2rem;\r\n    }\r\n    p {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n`;\r\nconst NewsLetterWrapper = styled.div`\r\n  color: ${colors.white};\r\n  margin-left: 10%;\r\n  margin-bottom: 60px;\r\n  max-width: 400px;\r\n\r\n  h1 {\r\n    position: relative;\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -21.4px;\r\n      height: 4px;\r\n      background-color: ${colors.white};\r\n      width: 50px;\r\n    }\r\n  }\r\n  input[type=\"text\"] {\r\n    border: none;\r\n    border-bottom: 2px solid ${colors.white};\r\n    background: transparent;\r\n    color: ${colors.white};\r\n\r\n    ::placeholder {\r\n      color: ${colors.white};\r\n      font-style: italic;\r\n    }\r\n  }\r\n\r\n  input:focus {\r\n    outline: none;\r\n  }\r\n\r\n  @media ${device.mobileS} {\r\n    p {\r\n      min-width: 90%;\r\n    }\r\n    input[type=\"text\"] {\r\n      width: 240px;\r\n    }\r\n  }\r\n  @media ${device.tabletS} {\r\n    input[type=\"text\"] {\r\n      width: 320px;\r\n    }\r\n  }\r\n  @media ${device.tablet} {\r\n    input[type=\"text\"] {\r\n      align-self: end;\r\n      height: 40px;\r\n    }\r\n  }\r\n  @media ${device.laptop} {\r\n    input[type=\"text\"] {\r\n      width: 410px;\r\n    }\r\n  }\r\n`;\r\n// const NewsLetterForm = styled.div`\r\n//   display: flex;\r\n\r\n//   padding-top: 12px;\r\n//   @media ${device.mobileS} {\r\n//     flex-direction: column;\r\n//   }\r\n//   @media ${device.tabletS} {\r\n//     flex-direction: row;\r\n//   }\r\n//   @media ${device.tabletS} {\r\n//     gap: 40px;\r\n//   }\r\n// `;\r\n\r\n// const NewsletterButton = styled(Button)`\r\n//   box-shadow: 2px 1000px 1px #0b014b inset;\r\n//   @media ${device.mobileS} {\r\n//     width: 200px;\r\n//     margin-top: 40px;\r\n//   }\r\n//   @media ${device.tabletS} {\r\n//     margin-top: 0;\r\n//   }\r\n// `;\r\n\r\nconst ErrorAlert = styled.p`\r\n  color: red;\r\n  font-size: 10px;\r\n`;\r\n\r\nexport default NewsLetter;\r\n","import Footer from \"../Components/Footer/Footer\";\r\nimport styled from \"styled-components\";\r\nimport Background from \"..Backgrounds/dark-backgound.png\";\r\nimport DarkBackground from \"../Backgrounds/dark-background-2.png\";\r\nimport AboutHero from \"../Components/AboutHero/AboutHero\";\r\nimport AboutProjectPhoenix from \"../Components/AboutProjectPhoenix/AboutProjectPhoenix\";\r\nimport AboutTeam from \"../Components/AboutTeam/AboutTeam\";\r\nimport NewsLetter from \"../Components/NewsLetter/NewsLetter\";\r\nimport { useEffect } from \"react\";\r\nfunction About() {\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n  return (\r\n    <>\r\n      <AboutContainer>\r\n        <AboutHero />\r\n        <AboutTeam />\r\n        <NewsLetter />\r\n        <Footer />\r\n      </AboutContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default About;\r\n\r\nconst AboutContainer = styled.div`\r\n  background-image: url(${DarkBackground});\r\n  background-size: cover;\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/Project_Phoenix_360x360.19ae0c39.png\";","export default __webpack_public_path__ + \"static/media/pxdb-logo-square-240x240.d42de74e.png\";","import styled from \"styled-components\";\r\nimport Footer from \"../Components/Footer/Footer\";\r\nimport DarkBackground from \"../Backgrounds/dark-background-2.png\";\r\nimport logo from \"../Graphics/Project_Phoenix_360x360.png\";\r\nimport logo2 from \"../Graphics/pxdb-logo-square-240x240.png\";\r\n//import logo2 from \"../Graphics/Devii_logo_512.png\";\r\nimport { useState, useEffect } from \"react\";\r\n\r\nfunction Support() {\r\n    const [logoImage, setLLogoImage ] = useState(false)\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n  return (\r\n    <>\r\n      <SupportContainer>\r\n        <SupportImageContainer>\r\n          <img onClick={() => setLLogoImage(prevMode => !prevMode)}\r\n          width={500} \r\n          height={500} \r\n           src={logoImage ? logo2 : logo}\r\n           alt=\"lightning-bolt\">\r\n          </img>\r\n        </SupportImageContainer>\r\n        <Footer />\r\n      </SupportContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nconst SupportContainer = styled.div`\r\n  background-image: url(${DarkBackground});\r\n  background-size: cover;\r\n`;\r\n\r\nconst SupportImageContainer = styled.div`\r\n  padding-top: 15vh;\r\n  height: 75vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport default Support;\r\n","import styled from \"styled-components\";\r\nimport { device } from \"../Device/Device\";\r\nimport Footer from \"../Components/Footer/Footer\";\r\nimport DarkBackground from \"../Backgrounds/dark-background-2.png\";\r\nimport logo from \"../Graphics/Project_Phoenix_360x360.png\";\r\nimport logo2 from \"../Graphics/pxdb-logo-square-240x240.png\";\r\nimport TeamContainerBackground from \"../Backgrounds/TeamBackground-01.svg\";\r\nimport Button from \"../styles/button\";\r\nimport opening from \"../Data/openings.json\";\r\n//import logo2 from \"../Graphics/Devii_logo_512.png\";\r\nimport { useState, useEffect } from \"react\";\r\n\r\nfunction Careers() {\r\n  const [logoImage, setLLogoImage] = useState(false);\r\n\r\n  const showOpenings = false;\r\n\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n  const ApplyButtonHandler = (event: any) => {\r\n    event.preventDefault();\r\n    let URL = \"\";\r\n    switch (event.target.id) {\r\n      case \"apply-front-end\":\r\n        console.log(\"case apply-front-end\");\r\n        URL = \"https://www.linkedin.com/jobs/view/3108039926/\";\r\n        window.open(URL, \"_blank\");\r\n        break;\r\n      case \"apply-back-end\":\r\n        URL = \"https://www.linkedin.com/jobs/view/3153662438/\";\r\n        window.open(URL, \"_blank\");\r\n        break;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div></div>\r\n      <CareersContainer>\r\n        {!showOpenings ? (\r\n          <CareersHeroContainer>\r\n            <CareersHeroTitle>\r\n              <h1>Project Phoenix is currently</h1>\r\n              <h1>\r\n                <span>NOT</span> hiring!\r\n              </h1>\r\n            </CareersHeroTitle>\r\n            <CareersCurrentOpenings>\r\n              <h1>Current Openings</h1>\r\n              <ProductStyledCardContainer>\r\n                <div> There are currently no openings.</div>\r\n              </ProductStyledCardContainer>\r\n            </CareersCurrentOpenings>\r\n          </CareersHeroContainer>\r\n        ) : (\r\n          <CareersHeroContainer>\r\n            <CareersHeroTitle>\r\n              <h1>Project Phoenix is </h1>\r\n              <h1>\r\n                <span>hiring!</span>\r\n              </h1>\r\n            </CareersHeroTitle>\r\n            <CareersHeroContent>\r\n              <p>\r\n                We are looking for talented team members with a shared sense of\r\n                ownership who enjoy working on projects from inception to\r\n                scaling in production. If this describes you, please consider\r\n                joining our team and assisting us in bringing our new SaaS\r\n                software product, Devii, to market!\r\n              </p>\r\n            </CareersHeroContent>\r\n            <CareersCurrentOpenings>\r\n              <h1>Current Openings</h1>\r\n              <ProductStyledCardContainer>\r\n                <ProductStyledCard>\r\n                <h2>Senior Software Engineer</h2>\r\n                <h3>Front-End Engineering</h3>\r\n                <h3>Fargo, ND</h3>\r\n                <JobLink\r\n                  href=\"/jd/Project_Phoenix_Front-end_Senior_Software_Engineer.pdf\"\r\n                  target=\"_blank\"\r\n                >\r\n                  View Position Description\r\n                </JobLink>\r\n                <SmallNavButton\r\n                  onClick={ApplyButtonHandler}\r\n                  id=\"apply-front-end\"\r\n                >\r\n                  APPLY ON LINKEDIN\r\n                </SmallNavButton>\r\n              </ProductStyledCard>\r\n                <ProductStyledCard>\r\n                <h2>Senior Software Engineer</h2>\r\n                <h3>Back-End Engineering</h3>\r\n                <h3>Fargo, ND</h3>\r\n                <JobLink\r\n                  href=\"/jd/Project_Phoenix_Back-end_Senior_Software_Engineer.pdf\"\r\n                  target=\"_blank\"\r\n                >\r\n                  View Position Description\r\n                </JobLink>\r\n                <SmallNavButton\r\n                  onClick={ApplyButtonHandler}\r\n                  id=\"apply-back-end\"\r\n                >\r\n                  APPLY ON LINKEDIN\r\n                </SmallNavButton>\r\n              </ProductStyledCard>\r\n              </ProductStyledCardContainer>\r\n            </CareersCurrentOpenings>\r\n          </CareersHeroContainer>\r\n        )}\r\n\r\n        <Footer />\r\n      </CareersContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nconst ProductStyledCardContainer = styled.ul`\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  list-style-type: none;\r\n  gap: 60px;\r\n`;\r\n\r\nconst ProductStyledCard = styled.li`\r\n  color: white;\r\n  border: solid white 2px;\r\n  border-radius: 16px;\r\n  padding-left: 10px;\r\n  padding-bottom: 10px;\r\n\r\n  width: 300px;\r\n  height: 225px;\r\n  position: relative;\r\n\r\n  h2 {\r\n    padding-left: 10px;\r\n    font-size: 1.2rem;\r\n  }\r\n  h3 {\r\n    padding-left: 10px;\r\n    font-size: 1rem;\r\n    font-weight: normal;\r\n  }\r\n`;\r\n\r\nconst CareersContainer = styled.div`\r\n  background-image: url(${DarkBackground});\r\n  background-size: cover;\r\n`;\r\n\r\nconst JobLink = styled.a`\r\n  padding-left: 10px;\r\n  color: white;\r\n  text-decoration: underline;\r\n  font-size: 1rem;\r\n`;\r\n\r\nconst SmallNavButton = styled(Button)`\r\n  margin-left: 50px;\r\n  margin-top: 25px;\r\n  font-size: 0.75rem;\r\n  text-transform: uppercase;\r\n  width: 160px;\r\n  text-align: center;\r\n  box-shadow: 2px 1000px 1px #0b014b inset;\r\n`;\r\n\r\nconst CareersCurrentOpenings = styled.div`\r\n  padding-top: 20px;\r\n  color: white;\r\n  h1 {\r\n    font-size: 1rem;\r\n    margin-bottom: 16px;\r\n    text-align: left;\r\n  }\r\n`;\r\n\r\nconst CareersHeroContainer = styled.div`\r\nposition: relative;\r\nmargin-top: 10vh;\r\npadding-left: 10%;\r\npadding-top: 2px;\r\nz-index: 1;  \r\nmin-height: 1000px;\r\n&:after {\r\n  position: absolute;\r\n  content: \"\";\r\n  opacity: 0.2;\r\n  background: url(${TeamContainerBackground});\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  background-position: 50% 50%;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  z-index: -1;\r\n}\r\n\r\n  @media ${device.mobileS}{\r\n      margin-right: 10%;\r\n      h1{\r\n          font-size: 1.6rem;\r\n          margin-bottom: 16px;\r\n          text-align: left;\r\n\r\n      }\r\n      p{\r\n          font-size: 1rem;\r\n          text-align: left;\r\n          z-index: 2;\r\n          line-height: 24px;\r\n          \r\n      }\r\n  }\r\n  @media ${device.tabletS}{\r\n      h1{\r\n        font-size: 1.8rem;\r\n      }\r\n      p{\r\n          font-size:1rem;\r\n          width: 370px;\r\n      }\r\n  }\r\n\r\n  @media ${device.laptopL}{\r\n      h1{\r\n        font-size: 2rem;\r\n      }\r\n      p{\r\n        font-size:1rem;\r\n        width: 370px;\r\n  }\r\n  `;\r\n\r\nconst CareersHeroTitle = styled.h1`\r\n  color: white;\r\n  padding-top: 60px;\r\n  z-index: 2;\r\n  h1 {\r\n    margin: 0;\r\n  }\r\n  &:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    width: 48px;\r\n    height: 4px;\r\n    background-color: white;\r\n    margin-top: -8px;\r\n  }\r\n  span {\r\n    color: #ff9933;\r\n  }\r\n`;\r\n\r\nconst CareersHeroContent = styled.div`\r\n  color: white;\r\n`;\r\n\r\nexport default Careers;\r\n","import \"./App.css\";\r\nimport Nav from \"../src/Components/Nav/Nav\";\r\nimport Home from \"./Pages/Home\";\r\nimport About from \"./Pages/About\";\r\nimport Support from \"./Pages/Support\";\r\nimport Careers from \"./Pages/Careers\";\r\n\r\n// import Portfolio from \"./Pages/Portfolio\";\r\n// import Process from \"./Pages/Process\";\r\n// import Progress from \"./Pages/Progress\";\r\n// import PXDBCloud from \"./Pages/PXDBCloud\";\r\n// import Construction from \"./Pages/Construction\";\r\n// import ComingSoon from \"./Pages/ComingSoon\";\r\nimport NewsLetter from \"./Components/NewsLetter/NewsLetter\";\r\nimport {\r\n  BrowserRouter as Router,\r\n  Switch,\r\n  Route,\r\n  Link,\r\n  HashRouter,\r\n  BrowserRouter,\r\n} from \"react-router-dom\";\r\nimport { useEffect } from \"react\";\r\nfunction App() {\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <HashRouter>\r\n        <Nav></Nav>\r\n        <Switch>\r\n          <Route exact path=\"/\">\r\n            <About></About>\r\n          </Route>\r\n          <Route path=\"/support\">\r\n            <Support></Support>\r\n          </Route>\r\n          <Route path=\"/careers\">\r\n            <Careers></Careers>\r\n          </Route>\r\n\r\n          {/* \r\n          <Route exact path =\"/\"><Home></Home></Route>\r\n          <Route path=\"/about\"><About></About></Route>\r\n          <Route path=\"/process\">\r\n            <Process></Process>\r\n          </Route>\r\n          <Route path=\"/progress\">\r\n            <Progress></Progress>\r\n          </Route>\r\n          <Route path=\"/pxdbcloud\">\r\n            <PXDBCloud></PXDBCloud>\r\n          </Route>\r\n          <Route path=\"/portfolio\">\r\n            <Portfolio></Portfolio>\r\n          </Route>\r\n          <Route exact path=\"/coming_soon\">\r\n            <ComingSoon></ComingSoon>\r\n          </Route>\r\n          */}\r\n        </Switch>\r\n      </HashRouter>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}