{"version":3,"sources":["theme/index.js","utils/index.js","components/Svg/SvgStyles.js","components/Svg/index.js","components/Line.js","components/Navbar/NavbarElements.js","components/Navbar/index.js","components/Sidebar/SidebarElements.js","components/Sidebar/index.js","video/Hero.mp4","img/heroimg.png","components/Button.js","components/Hero/HeroElements.js","components/Hero/index.js","components/Services/SvgStyles.js","components/Services/Svg.js","components/Services/ServiceElements.js","components/Services/data.js","components/Services/index.js","video/Portfolio.mp4","img/portfolioBG.png","components/Card/CardElements.js","components/Card/Svg.js","components/Card/data.js","components/Card/index.js","components/Portfolio/PortfolioElements.js","components/Portfolio/index.js","img/contactbg.png","components/Contact/form/clientKeys.js","components/Contact/form/FormElements.js","components/Contact/form/index.js","components/Contact/ContactElements.js","components/Contact/index.js","components/TechLogos/Svg.js","components/TechLogos/TechLogosElements.js","components/TechLogos/index.js","components/Footer/FooterElements.js","components/Footer/index.js","pages/index.js","App.js","index.js"],"names":["theme","light","name","accent","heading","p","bg","navBg","techLogoBg","mixBlend","dark","orangedark","toggleHome","scroll","scrollToTop","NavLogo","styled","svg","scrollNav","HeroIcon","FcxOrange","width","height","viewBox","fill","xmlns","id","d","FcxLogoFull","Line","span","MenuBar","isOpen","css","Nav","nav","NavbarContainer","div","LinkR","NavLineBar","NavMenu","ul","NavItem","li","NavLinks","LinkScroll","attrs","smooth","duration","spy","exact","offset","Navbar","img","a","toggle","toggleTheme","useState","setScrollNav","changeNav","window","scrollY","useEffect","addEventListener","to","onClick","SidebarContainer","aside","CloseIcon","SidebarWrapper","SidebarMenu","SidebarLink","Sidebar","Button","Link","HeroContainer","HeroBg","VideoBg","video","HeroBigLogo","HeroContent","HeroH1","h1","HeroP","HeroSection","autoPlay","loop","muted","src","Video","poster","type","ServiceSvg","DataSvg","clipPath","CloudSvg","DevSvg","ServicesContainer","section","HeadingWrapper","article","ServicesWrapper","ServicesRow","imgStart","TextWrapper","TopLine","HSpan","Heading","TextCol","ServiceTitle","ServiceP","ImageCol","ImgWrap","servicesObj","uid","title","description","Services","map","item","CardContent","CardsWrapper","ProjCard","ProjTitle","h2","ProjDesc","CardSvg","button","CityIcon","opacity","ExamIcon","TicketIcon","FinancialIcon","EnrollmentIcon","projectsObj","index","icon","desc","ariaLabel","Card","document","getElementsByClassName","event","preventDefault","deltaY","slider","slickNext","slickPrev","style","outline","ref","dots","lazyLoad","infinite","speed","swipeToSlide","autoplay","autoplaySpeed","pauseOnHover","centerMode","slidesToShow","responsive","breakpoint","settings","slidesToScroll","initialSlide","card","React","PureComponent","PortfolioContainer","PortfolioBg","HeadingDiv","Portfolio","textTransform","keys","serviceId","templateId","userId","GRECAPTCHA_CLIENT_KEY","InputDiv","InputName","input","defaultValue","autoComplete","placeholder","InputEmail","InputMsg","textarea","BtnDiv","InputBtn","disabled","ValidateAlert","SucessAlert","Form","color","message","emailStat","setEmailStat","isSubmit","setIsSubmit","isCaptchaPass","setIsCaptchaPass","useForm","register","handleSubmit","errors","formState","sendEmail","emailParams","emailjs","send","then","response","console","log","status","text","error","onSubmit","data","templateParams","user_name","trim","user_email","boxShadow","borderLeft","required","maxLength","value","minLength","pattern","display","justifyContent","marginRight","sitekey","onChange","Object","length","position","left","readOnly","ContactContainer","ContactBg","ImgBg","ContactContents","ContactTextWrapper","FormWrapper","ContactH1","ContactP","Contact","image","Aws","fillRule","clipRule","Mongo","MySql","NextJs","NodeJs","mask-type","maskUnits","x","y","mask","x1","y1","x2","y2","gradientUnits","stopColor","PostgreSql","Python","cx","cy","r","gradientTransform","stopOpacity","ReactLogo","stroke","strokeWidth","TechLogosDivFilter","TechLogosContainer","TechLogosWrapper","TechIcons","logoKey","TechLogos","arrows","FooterContainer","footer","FooterContent","FooterCol","FooterTitle","h4","FooterLinks","FooterBottom","Logo","FooterRights","SocMedDiv","Footer","Date","getFullYear","HomeContainer","Home","setIsOpen","setTheme","Theme","App","path","component","ReactDOM","render","getElementById"],"mappings":"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","file":"static/js/main.b2453542.chunk.js","sourcesContent":["const theme = {\r\n\tlight: {\r\n\t\tname: 'light',\r\n\t\taccent: '#FF7302',\r\n\t\theading: 'white',\r\n\t\tp: 'black',\r\n\t\tbg: 'white',\r\n\t\tnavBg: 'rgba(255, 255, 255, 0.95)',\r\n\t\ttechLogoBg: 'rgba(0, 0, 0, 1)',\r\n\t\tmixBlend: 'soft-light',\r\n\t},\r\n\tdark: {\r\n\t\tname: 'dark',\r\n\t\taccent: '#459989',\r\n\t\theading: 'white',\r\n\t\tp: '#FFFFFF',\r\n\t\tbg: '#222222',\r\n\t\tnavBg: 'rgba(34, 34, 34, 0.95)',\r\n\t\ttechLogoBg: 'rgba(250, 250, 250, .98)',\r\n\t\tmixBlend: 'difference',\r\n\t},\r\n\torangedark: {\r\n\t\tname: 'orangedark',\r\n\t\taccent: '#FF7302',\r\n\t\theading: 'white',\r\n\t\tp: 'white',\r\n\t\tbg: '#222222',\r\n\t\tnavBg: 'rgba(34, 34, 34, 0.95)',\r\n\t\ttechLogoBg: 'rgba(250, 250, 250, .98)',\r\n\t\tmixBlend: 'darken',\r\n\t},\r\n}\r\n\r\nexport default theme;","import { animateScroll as scroll } from 'react-scroll'\r\n\r\nexport const toggleHome = () => {\r\n\tscroll.scrollToTop()\r\n}","import styled from 'styled-components'\r\n\r\nexport const NavLogo = styled.svg`\r\n\r\n\t#logoText path{\r\n\t\ttransition: 800ms fill ease-in-out;\r\n\t\tfill: ${({ scrollNav, theme }) => (scrollNav ? theme.accent : '#FFFFFF')};\r\n\t\t\t\t\r\n\t\t&:hover {\r\n\t\t\tfill: ${({ theme }) => ((theme.accent === '#FF7302') ? '#459989' : '#FF7302')};\r\n\t\t}\r\n }\r\n\r\n\t#logoOrange path {\r\n\t\ttransition: 800ms opacity ease-in-out;\r\n\t\topacity: ${({ theme }) => ((theme.accent === '#FF7302') ? '1' : '0')};\r\n\t}\r\n\r\n\t#logoGreen path {\r\n\t\ttransition: 800ms opacity ease-in-out;\r\n\t\topacity: ${({ theme }) => ((theme.accent === '#FF7302') ? '0' : '1')};\r\n\t}\r\n`\r\n\r\nexport const HeroIcon = styled.svg`\r\n\r\n\t/* targets logoGreen SVG */\r\n\t#logoGreen path {\r\n\t\ttransition: 800ms opacity ease-in-out;\r\n\t\topacity: ${({ theme }) => ((theme.accent === '#FF7302') ? '0' : '1')};\r\n\t}\r\n\r\n\t/* targets logoOrange SVG */\r\n\t#logoOrange path {\r\n\t\ttransition: 800ms opacity ease-in-out;\r\n\t\topacity: ${({ theme }) => ((theme.accent === '#FF7302') ? '1' : '0')};\r\n\t}\r\n`","import React from \"react\"\r\nimport { NavLogo, HeroIcon } from './SvgStyles'\r\n\r\nexport const FcxOrange = ({ theme }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport const FcxLogoFull = ({ scrollNav }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport const ArrowPrev = ({ theme }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const ArrowNext = ({ theme }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}","import styled, { css } from 'styled-components';\r\n\r\nexport const ColorDiv = styled.span`\r\n\tbackground: ${({ theme }) => theme.accent};\r\n\tmin-width: 240px;\r\n\theight:20px;\r\n\tdisplay:block;\r\n\ttransition: 500ms background ease-in-out;\r\n`\r\n\r\nexport const Line = styled.span`\r\n\tfont-size: 20px;\r\n\tpadding: 0.3em 0;\r\n\tmargin-bottom: 0.4em;\r\n\tborder-bottom: 2px solid ${({ theme }) => theme.p};\r\n\tdisplay: block;\r\n\ttransition: 1000ms border ease-in-out;\r\n`\r\n\r\nexport const MenuBar = styled.span`\r\n\tdisplay: block;\r\n\twidth: auto;\r\n\theight: 2.5px;\r\n\tbackground: ${({ scrollNav, theme }) => scrollNav ? theme.p : theme.heading};\r\n\ttransition: 800ms transform ease;\r\n\r\n\t&:not(:last-child) {\r\n\t\tmargin-bottom: 0.35em;\r\n\t}\r\n\r\n\t${({ isOpen }) =>\r\n\t\tisOpen &&\r\n\t\tcss`\r\n\t\ttransform-origin: 14px 1px;\r\n\t\ttransform: rotate(45deg);\r\n\t\t\r\n\t\t\t&:last-child {\r\n\t\t\ttransform: rotate(-45deg);\r\n\t\t\t}\r\n\t\t`}\r\n`","import styled from 'styled-components'\r\nimport { Link as LinkR } from 'react-router-dom'\r\nimport { Link as LinkScroll } from 'react-scroll'\r\n\r\nexport const Nav = styled.nav`\r\n\tbackground: ${({ scrollNav, theme }) => (scrollNav ? theme.navBg : '0.75')} ;\r\n\tcolor: ${({ scrollNav, theme }) => (scrollNav ? theme.p : theme.heading)};\r\n\topacity: ${({ scrollNav }) => (scrollNav ? '1' : '0.99')} ;\r\n\theight: ${({ scrollNav }) => (scrollNav ? 'max(9vh, 80px)' : '16vh')} ;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmin-width: 240px;\r\n\tletter-spacing: 0.2em;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tz-index: 10;\r\n\ttransition: 800ms all ease;\r\n\r\n`\r\n\r\nexport const NavbarContainer = styled.div`\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tz-index: 1;\r\n\twidth: 100%;\r\n\tpadding: 0 2em;\r\n`\r\n\r\nexport const NavLogo = styled(LinkR)`\r\n\tcursor: pointer;\r\n\tmargin-right: auto;\r\n\tmargin-left: 1em;\r\n\tmax-width: min(25vw, 13em);\r\n\tmin-width: 150px;\r\n\ttext-decoration: none;\r\n`\r\n\r\nexport const NavLineBar = styled.div`\r\n\t\tdisplay: block;\r\n\t\tmin-width: min(40px, 10vw);\r\n\t\tbackground: transparent;\r\n\t\tcursor: pointer;\r\n\r\n\t@media screen and (min-width: 768px) {\r\n\t\tdisplay: none;\r\n\t}\r\n`\r\nexport const NavMenu = styled.ul`\r\n\tdisplay: none;\r\n\r\n\t@media screen and (min-width: 768px) {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tlist-style: none;\r\n\ttext-align: center;\r\n\tmargin-right: -22px;\r\n\t}\r\n`\r\nexport const NavItem = styled.li`\r\n\theight: 8vh;\r\n`\r\nexport const NavLinks = styled(LinkScroll).attrs({\r\n\tsmooth: true,\r\n\tduration: 500,\r\n\tspy: true,\r\n\texact: 'true',\r\n\toffset: -80,\r\n})`\r\n\tfont-family: Oswald;\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n\tfont-size: 1.1rem;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\ttext-decoration: none;\r\n\tpadding: 0 1rem;\r\n\theight: 100%;\r\n\tcursor: pointer;\r\n\ttransition: 100ms all ease-in-out;\r\n\r\n\t&.active {\r\n\t\tcolor: ${({ theme }) => theme.accent};\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: ${({ theme }) => theme.accent};\r\n\t}\r\n`\r\n\r\nexport const Img = styled.img`\r\n\twidth: 100%;\r\n\tmargin: 10px 0 10px 0;\r\n\tpadding-right: 0;\r\n\tmax-width: 125px\r\n`\r\n\r\nexport const ThemeToggle = styled.a`\r\n\tmargin: 1em;\r\n\tmin-width: 40px;\r\n`","import React, { useState, useEffect } from 'react'\r\nimport { toggleHome } from '../../utils'\r\nimport { FcxLogoFull } from '../Svg'\r\nimport { MenuBar } from '../Line'\r\nimport {\r\n\tNav,\r\n\tNavbarContainer,\r\n\tNavLogo,\r\n\tNavLineBar,\r\n\tNavMenu,\r\n\tNavItem,\r\n\tNavLinks,\r\n} from './NavbarElements'\r\n\r\nconst Navbar = ({ toggle, toggleTheme }) => {\r\n\tconst [scrollNav, setScrollNav] = useState(false)\r\n\r\n\tconst changeNav = () => {\r\n\t\tif (window.scrollY >= 80) return setScrollNav(true)\r\n\t\tsetScrollNav(false)\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\twindow.addEventListener('scroll', changeNav)\r\n\t}, [])\r\n\r\n\tconst logoClick = () => {\r\n\t\ttoggleTheme()\r\n\t}\r\n\r\n\treturn (\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport default Navbar;\r\n","import styled from 'styled-components'\r\nimport { Link as LinkScroll } from 'react-scroll';\r\n\r\nexport const SidebarContainer = styled.aside`\r\n\tposition: fixed;\r\n\tz-index: 999;\r\n\twidth: 100%;\r\n\theight: 100vh;\r\n\tbackground: ${({ theme }) => (theme.name === 'light') ? theme.accent : theme.bg};\r\n\tdisplay: grid;\r\n\talign-items: center;\r\n\ttop: 0;\r\n\tright: 0;\r\n\ttransition: 0.2s ease-in-out;\r\n\topacity: ${({ isOpen }) => (isOpen ? '100%' : '0')};\r\n\tright: ${({ isOpen }) => (isOpen ? '0' : '-100%')};\t\r\n`\r\n\r\nexport const CloseIcon = styled.div`\r\n\tposition: absolute;\r\n\ttop: 4rem;\r\n\tleft: 2.5rem;\r\n\tmin-width: 40px;\r\n\tfont-size: 2rem;\r\n\tdisplay: block;\r\n\tcursor: pointer;\r\n`\r\n\r\nexport const SidebarWrapper = styled.div`\r\n\tcolor: #FF7302;\r\n`\r\n\r\nexport const SidebarMenu = styled.ul`\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr;\r\n\tgrid-template-rows: repeat(6, 80px);\r\n\ttext-align: center;\r\n\r\n\t@media screen and (max-width: 480px) {\r\n\t\tgrid-template-rows: repeat(6, 60px);\r\n\t}\r\n`\r\n\r\nexport const SidebarLink = styled(LinkScroll)`\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tfont-size: 1.5rem;\r\n\ttext-decoration: none;\r\n\tlist-style: none;\r\n\ttransition: 0.2s ease-in-out;\r\n\ttext-decoration: none;\r\n\tcolor:${({ theme }) => (theme.name === 'light') ? theme.bg : theme.accent};\r\n\ttransition: 0.2s color ease-in-out;\r\n\tcursor: pointer;\r\n\r\n\t&:hover {\r\n\t\tcolor:${({ theme }) => (theme.name === 'light') ? '#222222' : theme.heading};\r\n\t}\r\n`","import React from 'react'\r\nimport { MenuBar } from '../Line'\r\nimport {\r\n\tSidebarContainer,\r\n\tCloseIcon,\r\n\tSidebarWrapper,\r\n\tSidebarMenu,\r\n\tSidebarLink,\r\n} from './SidebarElements'\r\n\r\nconst Sidebar = ({ isOpen, toggle }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tHome\r\n\t\t\t\t\tServices\r\n\t\t\t\t\tPortfolio\r\n\t\t\t\t\tContact Us\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport default Sidebar;\r\n","export default __webpack_public_path__ + \"static/media/Hero.06870896.mp4\";","export default __webpack_public_path__ + \"static/media/heroimg.b501cfd6.png\";","import styled from 'styled-components'\r\nimport { Link } from 'react-scroll'\r\n\r\nexport const Button = styled(Link)`\r\n\tborder-radius: 2px;\r\n\tbackground-color: ${({ theme }) => theme.accent};\r\n\tborder: 2px solid ${({ theme }) => theme.accent};\r\n\tcolor: white;\r\n\tpadding: 1em 0.425em;\r\n\twhite-space: nowrap;\r\n\tfont-size: 0.625rem;\r\n\tcursor: pointer;\r\n\ttext-align: center;\r\n\tmax-width: 80px;\r\n\ttransition: 400ms all ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbackground-color: white;\r\n\t\tcolor: ${({ theme }) => theme.accent};\r\n\t\tborder: 2px solid ${({ theme }) => theme.accent};\r\n\t}\r\n\r\n\t@media (min-width:480px) {\r\n\t\tfont-size: 1.2rem;\r\n\t\tmax-width: 200px;\r\n\t}\r\n\r\n\t@media (min-width:768px) {\r\n\t\tfont-size: 1.6em;\r\n\t\tmax-width: 250px;\r\n\t}\r\n\r\n\t//for vertical responsiveness\r\n\t@media (max-height:480px) {\r\n\t\tfont-size: 0.625rem;\r\n\t\tmax-width: 80px;\r\n\t}\r\n`","import styled, { css } from 'styled-components'\r\n\r\nexport const HeroContainer = styled.div`\r\n\tbackground: #000;\r\n\tdisplay: flex;\r\n\theight: 100vh;\r\n\twidth: 100%;\r\n\tmin-width: 240px;\r\n\tmin-height: 480px;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\r\n\t:before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tz-index: 2;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tbackground: \r\n\t\t\tlinear-gradient(\r\n\t\t\t\t180deg, \r\n\t\t\t\trgba(255, 115, 2, 0.43) 0%, \r\n\t\t\t\trgba(0, 0, 0, 0.1806) 100%);\r\n\t\t\t\r\n\t\t${({ theme }) =>\r\n\t\t!(theme.accent === '#FF7302') &&\r\n\t\tcss`\r\n\t\t\tbackground: \r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t180deg, \r\n\t\t\t\t\trgba(69, 153, 137, 0.23) 0%, \r\n\t\t\t\t\trgba(0, 0, 0, 0.1806) 100%);\r\n\t\t`}\r\n\t}\r\n`\r\n\r\nexport const HeroBg = styled.div`\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n`\r\n\r\nexport const VideoBg = styled.video`\r\n\tobject-fit: cover;\r\n\tmin-width: 100%;\r\n\tmin-height: 100vh;\r\n\tbackground: #000;\r\n\tbackground-size: cover;\r\n`\r\n\r\nexport const HeroBigLogo = styled.div`\r\n\tposition: absolute;\r\n\topacity: 0.7;\r\n\ttop: 0;\r\n\twidth: 1500%;\r\n\tmargin-top: calc(40vh + 35%);\r\n\tmargin-left: calc(-50vw + 10%);\r\n\r\n\t@media (min-width: 768px) {\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 12864px;\r\n\t\tmargin-top: calc(30vh + 40%);\r\n\t\tmargin-left: calc(-20vh + 5%);\r\n\t}\r\n\r\n\t@media (min-width: 1080px) {\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 15360px;\r\n\t\tmargin-top: calc(-40vh + 5%);\r\n\t\tmargin-left: calc(20vh + 11%);\r\n\t}\r\n`\r\n\r\nexport const HeroContent = styled.div`\r\n\tz-index: 3;\r\n\tdisplay: flex;\r\n\tmargin-top: 5em;\r\n\tmargin-left: 1em;\r\n\tflex-direction: column;\r\n\tmax-width: 20em;\r\n\tpadding: 0.5em 2.5em;\r\n\r\n\t@media (min-width: 768px) {\r\n\t\tmax-width: 40em;\r\n\t\tmargin-left: 4em;\r\n\t}\r\n\r\n\t@media (min-height: 480px) {\r\n\t\tmargin-top: 6em;\r\n\t}\r\n\t@media (min-height: 768px) {\r\n\t\tmargin-top: 10em;\r\n\t}\r\n\t@media (min-height: 1080px) {\r\n\t\tmargin-top: 20em;\r\n\t}\r\n`\r\n\r\nexport const TechContent = styled.div`\r\nposition: absolute;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\tz-index: 3;\r\n\r\n\tbackdrop-filter: blur(10px);\r\n\tbackground: rgba(255, 255, 255, 0.82);\r\n\ttransition: 500ms background ease-in-out;\r\n\r\n\t${({ theme }) =>\r\n\t\t!(theme.accent === '#FF7302') &&\r\n\t\tcss`\r\n\t\t\tbackground: rgba(34, 34, 34, 0.74);\r\n\t\t`}\r\n`\r\n\r\nexport const HeroH1 = styled.h1`\r\n\tcolor: white;\r\n\tfont-family: Oswald;\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n\tletter-spacing: 0.2rem;\r\n\ttext-align: left;\r\n\ttext-transform: uppercase;\r\n\tfont-size: calc(0.5vmin + 1.4rem );\r\n\ttext-shadow: 2px 3px 8px rgba(0, 0, 0, 0.75);\r\n\r\n\t@media (min-width: 768px) {\r\n\t\tfont-size: 3rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t\tfont-size: 4rem;\r\n\t}\r\n\r\n\t//for vertical resposiveness\r\n\t@media (max-height: 480px) {\r\n\t\tfont-size: 1.5rem;\r\n\t}\r\n`\r\n\r\nexport const HeroP = styled.p`\r\n\tcolor: #C4C4C4;\r\n\ttext-align: left;\r\n\tmargin: 1.4em 0;\r\n\tmax-width: 15em;\r\n\tfont-size: 0.8rem;\r\n\r\n\t@media (min-width: 480px) {\r\n\t\tfont-size: 1rem;\r\n\t}\r\n\r\n\t@media (min-width: 768px) {\r\n\t\tfont-size: 1.6rem;\r\n\t\tmax-width: 20em;\r\n\t}\r\n\r\n\t@media (max-height: 480px) {\r\n\t\tfont-size: 0.8rem;\r\n\t}\r\n`","import React from 'react'\r\nimport Video from '../../video/Hero.mp4'\r\nimport poster from '../../img/heroimg.png'\r\nimport { FcxOrange } from '../Svg'\r\nimport { Button } from '../Button'\r\nimport {\r\n\tHeroContainer,\r\n\tHeroBg,\r\n\tVideoBg,\r\n\tHeroBigLogo,\r\n\tHeroContent,\r\n\tHeroH1,\r\n\tHeroP,\r\n} from './HeroElements'\r\n\r\nconst HeroSection = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\tModern Solutions for Modern Problems\r\n\t\t\t\t\r\n\t\t\t\t\tWe create intelligent solutions for web applications, softwares, cloud managements and analytics.\r\n\t\t\t\t\r\n\t\t\t\tOur Works\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport default HeroSection;","import styled from 'styled-components'\r\n\r\nexport const ServiceSvg = styled.svg`\r\n\tpath {\r\n\t\ttransition: 800ms fill ease-in-out;\r\n\t\tfill: ${({ theme }) => theme.accent};\r\n\t}\r\n`","import React from \"react\"\r\nimport { ServiceSvg } from './SvgStyles'\r\n\r\nexport const DataSvg = () => {\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport const CloudSvg = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport const DevSvg = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}","import styled from 'styled-components'\r\n\r\nexport const ServicesContainer = styled.section`\r\n\tz-index: 2;\r\n\tposition: relative;\r\n\tcolor: #000;\r\n\tbackground: ${({ theme }) => theme.bg};\r\n\topacity: 90%;\r\n\ttransition: 500ms background ease-in-out;\r\n`\r\nexport const HeadingWrapper = styled.article`\r\n\tpadding: 0 1em;\r\n\tpadding-top: 4em; \r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n`\r\n\r\nexport const ServicesWrapper = styled.article`\r\n\tdisplay: grid;\r\n\tz-index: 1;\r\n\twidth: 100%;\r\n\tmax-width: 1100px;\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n\tpadding: 0 1.4em;\r\n\tjustify-content: center;\r\n\t\r\n\t@media (min-width: 768px) {\r\n\t}\r\n`\r\n\r\nexport const ServicesRow = styled.div`\r\n\tdisplay: grid;\r\n\tpadding-bottom: 3em;\r\n\talign-items: center;\r\n\tgrid-template-areas: ${({ imgStart }) => (imgStart ? `'img txt'` : `'txt img'`)};\r\n\t\r\n\t@media screen and (min-width: 480px) {\r\n\tpadding: 0 2em;\t\r\n\t}\r\n\t@media screen and (max-width: 768px) {\r\n\t\tgrid-template-areas: 'img' 'txt';\r\n\t\tmargin-bottom: 1em;\r\n\t}\r\n`\r\n\r\nexport const TextWrapper = styled.div`\r\n\tmax-width: 540px;\r\n\tpadding-top: 0;\r\n\tpadding-bottom: 60px;\r\n`\r\n\r\nexport const TopLine = styled.p`\r\n\tcolor: ${({ theme }) => theme.p};\r\n\ttext-align: center;\r\n\tfont-style: normal;\r\n\tfont-weight: bold;\r\n\tletter-spacing: 0.3em;\r\n\ttext-transform: uppercase;\r\n\tline-height: 1em;\r\n\tmargin-bottom: 1em;\r\n\tfont-size: 0.69rem;\r\n\ttransition: 500ms color ease-in-out;\r\n\r\n\t@media (min-width: 480px) {\r\n\tfont-size: calc(0.2vw + 1rem);\r\n\tletter-spacing: 0.5em\r\n\t}\r\n`\r\n\r\nexport const HSpan = styled.span`\r\n\tfont-size: 1.4rem;\r\n\tletter-spacing: 0.04em;\r\n\tline-height: 1.1;\r\n\tfont-weight: 600;\r\n\tcolor: ${({ theme }) => theme.accent};\r\n\ttransition: 500ms color ease-in-out;\r\n\r\n\t@media (min-width: 480px) {\r\n\t\tfont-size: 2.3rem;\r\n\t}\r\n`\r\n\r\nexport const Heading = styled.p`\r\n\tfont-family: Oswald;\r\n\tmax-width: 440px;\r\n\tmargin: 0 auto;\r\n\tfont-size: 1.2rem;\r\n\tline-height: 1.2em;\r\n\ttext-align: center;\r\n\tcolor: ${({ theme }) => theme.p};\r\n\ttransition: 500ms color ease-in-out;\r\n\r\n\t@media (min-width: 480px) {\r\n\tfont-size: 1.7rem;\r\n\t}\r\n`\r\n\r\nexport const TextCol = styled.div`\r\n\tmargin-bottom: 15px;\r\n\tpadding: 0 15px;\r\n\tgrid-area: txt;\r\n`\r\n\r\nexport const ServiceTitle = styled.h1`\r\n\ttext-transform: uppercase;\r\n\tfont-style: normal;\r\n\tfont-weight: bold;\r\n\tletter-spacing: 0.05em;\r\n\tpadding-bottom: 0.5em;\r\n\ttransition: 500ms color ease-in-out;\r\n\tcolor: ${({ theme }) => theme.accent};\r\n\tfont-size: calc(0.7vw + 1.1rem);\r\n\r\n\t@media (min-width: 480px) {\r\n\t\tfont-size: calc(1vw + 1.4rem);\r\n\t}\r\n`\r\n\r\nexport const ServiceP = styled.p`\r\n\tcolor: ${({ theme }) => theme.p};\r\n\ttransition: 500ms color ease-in-out;\r\n\tpadding-bottom: 0.4em;\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n\tfont-size: calc(0.8vw + 0.65rem);\r\n\tmax-width: max(85%, 15em);\r\n\r\n\t@media screen and (min-width: 480px) {\r\n\t\tfont-size: calc(0.7vw + 0.75rem);\r\n\t}\r\n`\r\n\r\nexport const ImageCol = styled.div`\r\n\tmargin-bottom: 15px;\r\n\tpadding: 0 15px;\r\n\tgrid-area: img;\r\n`\r\n\r\nexport const ImgWrap = styled.div`\r\n\tmax-width: 555px;\r\n\t\r\n\t@media (max-width: 768px) {\r\n\t\tmax-width: 100px;\r\n\t}\r\n`\r\n","export const servicesObj = [\r\n\t{\r\n\t\tuid: 'item_service1',\r\n\t\timgStart: false,\r\n\t\ttitle: 'Software Development',\r\n\t\tdescription: 'Bring life to your vision and provide great experience to your customers by developing intelligent and high-valued applications with us.'\r\n\t}, {\r\n\t\tuid: 'item_service2',\r\n\t\timgStart: true,\r\n\t\ttitle: 'Data Analytics',\r\n\t\tdescription: 'Understand your customer\\'s needs and anticipate the trends to create opportunities and quickly adapt to the business environment.'\r\n\t}, {\r\n\t\tuid: 'item_service3',\r\n\t\timgStart: false,\r\n\t\ttitle: 'Cloud Solutions',\r\n\t\tdescription: 'Go online with scalable, reliable and highly available solutions. We scale your business in and out without maintaining data centers by utilizing secure cloud computing.'\r\n\t}\r\n];","import React from 'react'\r\nimport { Line } from '../Line'\r\nimport { DevSvg, DataSvg, CloudSvg } from './Svg'\r\nimport {\r\n\tServicesContainer,\r\n\tHeadingWrapper,\r\n\tServicesWrapper,\r\n\tServicesRow,\r\n\tTextCol,\r\n\tImageCol,\r\n\tTextWrapper,\r\n\tTopLine,\r\n\tHeading,\r\n\tHSpan,\r\n\tServiceTitle,\r\n\tServiceP,\r\n\tImgWrap,\r\n} from './ServiceElements'\r\nimport { servicesObj } from './data'\r\n\r\nconst Services = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tWHAT ARE YOUR NEEDS\r\n\t\t\t\t\t\r\n\t\t\t\t\tFOURCOREX \r\n\t\t\t\t\t\t\tdevelops tailor-fit software applications and web-based solutions to streamline business processes.\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\r\n\t\t\t\t{/* loop service rows */}\r\n\t\t\t\t{servicesObj.map(item => {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{item.title}\r\n\t\t\t\t\t\t\t\t{item.description}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{(item.title === 'Software Development') && }\r\n\t\t\t\t\t\t\t\t\t{(item.title === 'Data Analytics') && }\r\n\t\t\t\t\t\t\t\t\t{(item.title === 'Cloud Solutions') && }\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport default Services;\r\n","export default __webpack_public_path__ + \"static/media/Portfolio.7916e2cd.mp4\";","export default __webpack_public_path__ + \"static/media/portfolioBG.2ddc0ee2.png\";","import styled from 'styled-components'\r\n\r\nexport const CardContent = styled.div`\r\n\tz-index: 2;\r\n\tposition: relative;\r\n\tpadding: 0 2.5em;\r\n\tmin-width: 200px;\r\n\tjustify-content: space-around;\r\n`\r\n\r\nexport const CardsWrapper = styled.div`\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: stretch; \r\n\tjustify-content: space-around;\r\n\tmargin: 0 0;\r\n\tpadding-bottom:50px;\r\n\tpadding-left: 1em;\r\n\tpadding-right: 1em;\r\n`\r\n\r\nexport const ProjCard = styled.div`\r\n\tmargin: 1em auto;\r\n\tpadding: 1.5em 1.5em;\r\n\tborder-radius: 2px;\r\n\ttext-decoration: none;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.2);\r\n\ttransition: 500ms all ease-in-out;\r\n\t\r\n\tmax-width: 300px;\r\n\tmin-height: 300px;\r\n\toverflow:hidden;\r\n\theight:calc(100%);\r\n\tbackground: ${({ theme }) => theme.bg};\r\n\t\r\n\t&:hover {\r\n\t\ttransform: scale(1.08);\r\n\t}\r\n`\r\n\r\nexport const ProjTitle = styled.h2`\r\n\tcolor: ${({ theme }) => theme.p};\r\n\ttransition: 500ms color ease-in-out;\r\n\tfont-size: 1rem;\r\n\tpadding: 0.5em 0;\r\n\r\n\t@media (min-width: 768px) {\r\n\tfont-size: 1.15rem;\r\n\t}\r\n\r\n\t@media (min-width: 1000px) {\r\n\tfont-size: 1.4rem;\r\n\t}\r\n`\r\n\r\nexport const ProjDesc = styled.p`\r\n display: flex;\r\n\tcolor: ${({ theme }) => theme.p};\r\n\ttransition: 500ms color ease-in-out;\r\n\tfont-size: 0.8rem;\r\n\tpadding-bottom: 1rem;\r\n\t\r\n overflow-wrap: break-word;\r\n word-wrap: break-word;\r\n\r\n\t@media (min-width: 768px) {\r\n\t\tfont-size: 0.9rem;\r\n\t}\r\n\r\n\t@media (min-width: 1000px) {\r\n\tfont-size: 1.05rem;\r\n\t}\r\n`\r\nexport const CardButton = styled.button`\r\n\tcolor: ${({ theme }) => theme.p};\r\n\ttransition: 500ms color ease-in-out;\r\n\tfont-size: 1rem;\r\n\tpadding: 0.5em 2em;\r\n border-radius: 4px;\r\n border: none;\r\n\tposition:relative;\r\n\tdisplay:inline-block;\r\n\tbackground:${({ theme }) => theme.accent};\r\n display: flex;\r\n\talign-items: stretch; \r\n\tjustify-content: space-around;\r\n`\r\n\r\nexport const CardSvg = styled.svg`\r\n\t#windows path {\r\n\t\ttransition: 800ms fill ease-in-out;\r\n\t\tfill: ${({ theme }) => theme.bg};\r\n\t}\r\n\r\n\t#accent path {\r\n\t\ttransition: 800ms fill ease-in-out;\r\n\t\tfill: ${({ theme }) => theme.accent};\r\n\t}\r\n`","import { CardSvg } from './CardElements'\r\n\r\nexport const CityIcon = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const ExamIcon = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\r\n\t);\r\n}\r\n\r\nexport const TicketIcon = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\r\n\t);\r\n}\r\n\r\nexport const FinancialIcon = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\r\n\t);\r\n}\r\n\r\nexport const EnrollmentIcon = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\r\n\t);\r\n}","export const projectsObj = [\r\n\t{\r\n\t\tuid: 'item_proj1',\r\n\t\tindex: 0,\r\n\t\ticon: 'ticketIcon',\r\n\t\th2: 'Ticketing System',\r\n\t\tdesc: 'This application is created to monitor all internal and external transactions for a school. It allows creation of unique forms depending on the requirement of a campus department. Reports for transaction status and staff performance matrix can be viewed on-demand.',\r\n\t\tariaLabel: 'Ticketing System'\r\n\t},\r\n\t{\r\n\t\tuid: 'item_proj2',\r\n\t\tindex: 1,\r\n\t\ticon: 'examIcon',\r\n\t\th2: 'Examination Module',\r\n\t\tdesc: 'This application was made to assist schools in providing and organizing exams for students. Instructors/teachers are no longer required to print exam sheets and students will take exams via terminal with a supported web browser. Exam results can be viewed by the instructor online or be printed for hard-copy reports.',\r\n\t\tariaLabel: 'Examination Module'\r\n\t}, {\r\n\t\tuid: 'item_proj3',\r\n\t\tindex: 2,\r\n\t\ticon: 'cityIcon',\r\n\t\th2: 'Smart City (Paperless Initiative)',\r\n\t\tdesc: 'This project aims to provide a solution towards a digitally integrated and paperless services for government agencies and private businesses thru a platform of smart forms.',\r\n\t\tariaLabel: 'Smart City'\r\n\t},\r\n\r\n\t{\r\n\t\tuid: 'item_proj4',\r\n\t\ticon: 'enrollmentIcon',\r\n\t\th2: 'Enrollment System',\r\n\t\tdesc: 'A customized system specific to our client\\'s need that provides an easy-to-use platform both for students and school faculties during the entire enrollment process. Students can register on the system and have their personal dashboard that tracks where they are on the enrollment process, payment history and their pending document requirements. ',\r\n\t\tindex: 3,\r\n\t\tariaLabel: 'Enrollment System'\r\n\t},\r\n\t{\r\n\t\tuid: 'item_proj5',\r\n\t\ticon: 'financialIcon',\r\n\t\th2: 'Financial Management System with Payroll',\r\n\t\tdesc: 'A cloud-based system developed for a Government agency as a financial accounting solution designed to streamline their existing manual process. This project also includes an online payroll system where the employees can login and get the detailed history of their compensation.',\r\n\t\tindex: 4,\r\n\t\tariaLabel: 'Financial Management'\r\n\t},\r\n]","import React from 'react';\nimport Slider from 'react-slick';\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport {\n\tCardContent,\n\tCardsWrapper,\n\tProjCard,\n\tProjTitle,\n\tProjDesc,\n} from './CardElements'\nimport {\n\tCityIcon,\n\tExamIcon,\n\tTicketIcon,\n\tFinancialIcon,\n\tEnrollmentIcon\n} from './Svg'\nimport { projectsObj } from './data'\n\n\nexport default class Card extends React.PureComponent {\n\n\tcomponentDidMount() {\n\t\tlet slickListDiv = document.getElementsByClassName('slick-list')[1]\n\t\tslickListDiv.addEventListener('wheel', event => {\n\t\t\tevent.preventDefault()\n\t\t\tevent.deltaY > 0 ? this.slider.slickNext() : this.slider.slickPrev()\n\t\t})\n\t}\n\n\trender() {\n\t\t//slider settings\n\t\tconst settings = {\n\t\t\tdots: true,\n\t\t\tlazyLoad: 'ondemand',\n\t\t\tinfinite: true,\n\t\t\tspeed: 500,\n\t\t\tswipeToSlide: true,\n\t\t\tautoplay: true,\n\t\t\tautoplaySpeed: 5000,\n\t\t\tpauseOnHover: true,\n\t\t\tcenterMode: true,\n\t\t\tslidesToShow: 5,\n\t\t\tresponsive: [\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 5000,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tslidesToShow: 5,\n\t\t\t\t\t\tinfinite: true,\n\t\t\t\t\t\tdots: true\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 2400,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tslidesToShow: 4,\n\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\tinfinite: true,\n\t\t\t\t\t\tdots: true\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 1700,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tslidesToShow: 3,\n\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\tinfinite: true,\n\t\t\t\t\t\tdots: true\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 1280,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tslidesToShow: 2,\n\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\tinitialSlide: 2,\n\t\t\t\t\t\tcenterMode: false,\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 540,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\t\tslidesToScroll: 1,\n\t\t\t\t\t\tcenterMode: false,\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t};\n\t\treturn (\n\t\t\t\n\t\t\t\t this.slider = slider} {...settings}>\n\t\t\t\t\t{projectsObj.map(card => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{(card.icon === \"cityIcon\") && }\n\t\t\t\t\t\t\t\t\t\t{(card.icon === \"examIcon\") && }\n\t\t\t\t\t\t\t\t\t\t{(card.icon === \"ticketIcon\") && }\n\t\t\t\t\t\t\t\t\t\t{(card.icon === \"financialIcon\") && }\n\t\t\t\t\t\t\t\t\t\t{(card.icon === \"enrollmentIcon\") && }\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{card.h2}\n\t\t\t\t\t\t\t\t\t{card.desc}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t
\n\t\t\t
\n\t\t)\n\t}\n}\n","import styled, { css } from 'styled-components'\r\n\r\nexport const PortfolioContainer = styled.section`\r\n\tz-index: 1;\r\n\tposition: relative;\r\n\tpadding: 5em 0;\r\n\tbackground: ${({ theme }) => theme.bg};\r\n\tmin-width: 240px;\r\n\t\r\n`\r\n\r\nexport const PortfolioBg = styled.div`\r\n\tposition:fixed;\r\n\tdisplay:block;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\r\n\t:before {\r\n\t\tcontent: '';\r\n\t\tz-index: 1;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tbackground: white;\r\n\t\tmix-blend-mode: ${({ theme }) => theme.mixBlend};\r\n\t}\r\n\r\n\t:after {\r\n\t\tcontent: '';\r\n\t\tz-index: 1;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\topacity: 0.8;\r\n\t\tbackground: #222;\r\n\t\tdisplay: ${({ theme }) => (theme.name === 'orangedark') ? 'block' : 'none'};\r\n\t}\r\n`\r\n\r\nexport const VideoBg = styled.video`\r\n\tobject-fit: cover;\r\n\tmin-width: 100%;\r\n\tmin-height: 100vh;\r\n\tbackground: #000;\r\n\tbackground-size: cover;\r\n`\r\n\r\nexport const HeadingDiv = styled.div`\r\n\tposition: relative;\r\n\tz-index:2;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tmargin-bottom: 2em;\r\n\tbackdrop-filter: blur(10px);\r\n\tbackground: rgba(34, 34, 34, 0.74);\r\n\ttransition: 500ms background ease-in-out;\r\n\r\n\t${({ theme }) =>\r\n\t\t(theme.name === 'light') &&\r\n\t\tcss`\r\n\t\t\tbackground: rgba(255, 255, 255, 0.52);\r\n\t`}\r\n`\r\n\r\nexport const TextWrapper = styled.div`\r\nmax-width: 540px;\r\npadding: 2em 1em;\r\nmargin: auto;\r\ntext-align: center;\r\n`","import React from 'react'\r\nimport Video from '../../video/Portfolio.mp4'\r\nimport poster from '../../img/portfolioBG.png'\r\nimport { Line } from '../Line'\r\nimport { TopLine, HSpan, Heading } from '../Services/ServiceElements'\r\nimport Card from '../Card/index';\r\nimport {\r\n\tPortfolioContainer,\r\n\tPortfolioBg,\r\n\tVideoBg,\r\n\tHeadingDiv,\r\n\tTextWrapper,\r\n} from './PortfolioElements'\r\n\r\nconst Portfolio = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tIntelligence by Design\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tOur Works \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t
\r\n\t)\r\n}\r\n\r\nexport default Portfolio;\r\n","export default __webpack_public_path__ + \"static/media/contactbg.c8d6d8be.png\";","let keys = {}\r\n\r\n//key ID for prod\r\nif (process.env.NODE_ENV === 'production') {\r\n\tkeys = {\r\n\t\tserviceId: 'service_juv5ozi',\r\n\t\ttemplateId: 'template_nxxld5r',\r\n\t\tuserId: 'user_9GTUPrFMa75LoelYlbRQL',\r\n\t\tGRECAPTCHA_CLIENT_KEY: '6LcR_qcaAAAAABcIj3SYF8bgEj4yCGTkCTPstigj',\r\n\t}\r\n\r\n\t//key ID for dev\r\n} else {\r\n\tkeys = {\r\n\t\tserviceId: 'service_juv5ozi',\r\n\t\ttemplateId: 'template_rsuflma',\r\n\t\tuserId: 'user_9GTUPrFMa75LoelYlbRQL',\r\n\t\tGRECAPTCHA_CLIENT_KEY: '6LeP56caAAAAANlrWoeaplTXX9sW9rIgC9S8bapF'\r\n\t}\r\n}\r\n\r\nexport default keys","import styled from 'styled-components'\r\n\r\nexport const InputDiv = styled.div`\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tjustify-content: space-between;\r\n\tmargin: 0 0.2em;\r\n`\r\n\r\nexport const InputName = styled.input.attrs({\r\n\ttype: \"text\",\r\n\tdefaultValue: \"\",\r\n\tautoComplete: \"off\",\r\n\tplaceholder: \"Name\",\r\n})`\r\n\toutline-color: #222222;\r\n\ttransition: 300ms box-shadow ease-in-out;\r\n\ttransition: 300ms border ease-in-out;\r\n\tborder-radius: 2px;\r\n\twidth: 100%;\r\n\tborder: 0px solid white;\r\n\tpadding: 0.2em;\r\n\tmargin-right: 0.3em;\r\n\tbackground: #E5E5E5;\r\n`\r\nexport const InputEmail = styled.input.attrs({\r\n\ttype: \"email\",\r\n\tdefaultValue: \"\",\r\n\tautoComplete: \"new-password\",\r\n\tplaceholder: \"Email\",\r\n})`\r\n\toutline-color: #222222;\r\n\ttransition: 500ms box-shadow ease-in-out;\r\n\ttransition: 300ms border ease-in-out;\r\n\tborder-radius: 2px;\r\n\twidth: 100%;\r\n\tpadding: 0.2em;\r\n\tborder: 0px solid white;\r\n\tbackground: #E5E5E5;\r\n`\r\n\r\nexport const InputMsg = styled.textarea.attrs({\r\n\ttype: \"text\",\r\n\tdefaultValue: \"\",\r\n\tplaceholder: \"Message\",\r\n})`\r\n\toutline-color: #222222;\r\n\ttransition: 300ms box-shadow ease-in-out;\r\n\ttransition: 300ms border ease-in-out;\r\n\tborder-radius: 2px;\r\n\twidth: 100%;\r\n\tpadding: 0.2em;\r\n\tmargin: 0.2em;\r\n\tmargin-top: 0.45em;\r\n\tborder: 0px solid white;\r\n\theight: 10em;\r\n\tbackground: #E5E5E5;\r\n\r\n\t@media (min-width: 480px) {\r\n\theight: 15em;\r\n\t}\r\n`\r\n\r\nexport const BtnDiv = styled.div`\r\n\tmargin: 0.2em;\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n`\r\nexport const InputBtn = styled.input`\r\n\toutline-color: #222222;\r\n\tborder-radius: 2px;\r\n\tpadding: 0.5em 2em;\r\n\tbackground: ${({ theme }) => theme.accent};\r\n\tcolor: white;\r\n\tborder: 1px solid ${({ theme }) => theme.accent};\r\n\ttransition: 500ms all ease-in-out;\r\n\tfont-size: 1rem;\r\n\r\n\t${({ disabled }) => (disabled) ? 'background: white' : ''};\r\n\t${({ disabled, theme }) => (disabled) ? 'color: ' + theme.accent : ''};\r\n\t${({ disabled, theme }) => (disabled) ? 'border: 1px solid' + theme.accent : ''};\r\n\r\n\t@media (min-width: 720px) {\r\n\t\tfont-size: calc(1rem + 0.2vmin);\r\n\t}\r\n`\r\n\r\nexport const ValidateAlert = styled.p`\r\n\tfont-size: 0.8rem;\r\n\tcolor: #FF350F;\r\n\tmargin-bottom: 0.5em;\r\n`\r\n\r\nexport const SucessAlert = styled.p`\r\n\tfont-size: 1rem;\r\n\tcolor: #459989;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n`","import React, { useState } from 'react';\r\nimport emailjs from 'emailjs-com';\r\nimport { useForm } from 'react-hook-form';\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\nimport keys from './clientKeys';\r\nimport {\r\n\tInputDiv,\r\n\tInputName,\r\n\tInputEmail,\r\n\tInputMsg,\r\n\tBtnDiv,\r\n\tInputBtn,\r\n\tValidateAlert,\r\n\tSucessAlert,\r\n} from './FormElements'\r\n\r\nconst Form = () => {\r\n\tconst [emailStat, setEmailStat] = useState({ color: '', message: '' });\r\n\tconst [isSubmit, setIsSubmit] = useState(false);\r\n\tconst [isCaptchaPass, setIsCaptchaPass] = useState(false);\r\n\tconst { register, handleSubmit, formState: { errors } } = useForm();\r\n\tconst { serviceId, templateId, userId, GRECAPTCHA_CLIENT_KEY } = keys\r\n\r\n\t//form submit handler\r\n\tconst onSubmit = data => {\r\n\t\tvar templateParams = {\r\n\t\t\tuser_name: data.user_name.trim(),\r\n\t\t\tuser_email: data.user_email.trim(),\r\n\t\t\tmessage: data.message.trim(),\r\n\t\t}\r\n\t\tsetIsSubmit(true)\r\n\t\tsendEmail(templateParams)\r\n\t\ttemplateParams = {}\r\n\t}\r\n\r\n\t//captcha onchange\r\n\tfunction onChange() {\r\n\t\tsetIsCaptchaPass(true)\r\n\t\tsetEmailStat({ color: \"#459989\", message: '' })\r\n\t}\r\n\r\n\tconst sendEmail = (emailParams) => {\r\n\t\tif (isCaptchaPass) {\r\n\t\t\temailjs.send(serviceId, templateId, emailParams, userId)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tsetEmailStat({ color: \"#459989\", message: 'Email sent!' })\r\n\t\t\t\t\tconsole.log('EMAIL SENT!', response.status, response.text)\r\n\t\t\t\t}, (error) => {\r\n\t\t\t\t\tconsole.log('EMAIL FAILED...', error)\r\n\t\t\t\t\tsetIsSubmit(false)\r\n\t\t\t\t\tif (error.text === \"The g-recaptcha-response parameter not found\") return setEmailStat({ color: \"#FF350F\", message: 'Please confirm if you\\'re a human.' })\r\n\t\t\t\t\tsetEmailStat({ color: \"#FF350F\", message: 'There was a problem sending email. You can directly email us at contact@fourcorex.com' })\r\n\t\t\t\t});\r\n\r\n\t\t} else {\r\n\t\t\tsetIsSubmit(false)\r\n\t\t\tsetEmailStat({ color: \"#FF350F\", message: 'Please confirm if you\\'re a human.' })\r\n\t\t}\r\n\t}\r\n\r\n\treturn (\r\n\t\t
\r\n\t\t\t{errors.user_name && {errors.user_name.message}}\r\n\t\t\t{errors.user_email && {errors.user_email.message}}\r\n\t\t\t{errors.message && {errors.message.message}}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\r\n\t\t\t\r\n\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t{emailStat.message}\r\n\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default Form;","import styled from 'styled-components'\r\nimport {\r\n\tTopLine,\r\n\tHeading,\r\n\tServiceP,\r\n} from '../Services/ServiceElements'\r\n\r\nexport const ContactContainer = styled.section`\r\n\tz-index: 1;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmin-width: 240px;\r\n\r\n\t:before {\r\n\t\tcontent: '';\r\n\t\tz-index: 1;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\ttransition: 500ms background ease-in-out;\r\n\t\tbackground: ${({ theme }) => (theme.name === 'light') ? 'rgba(255, 255, 255, 0.95)' : 'rgba(41, 41, 41, 0.95)'};\r\n\t}\r\n\r\n`\r\nexport const ContactBg = styled.div`\r\n\tz-index: 0;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n`\r\n\r\nexport const ImgBg = styled.img`\r\n\tmin-width: 100%;\r\n\tbackground: #000;\r\n\tbackground-size: cover;\r\n`\r\n\r\nexport const ContactContents = styled.article`\r\n\tdisplay: grid;\r\n\tjustify-content: space-evenly;\r\n\tgrid-template-columns: auto;\r\n\tpadding: 3em 0;\r\n\tmin-height: 60vh;\r\n\r\n\t@media (min-width: 720px) {\r\n\tgrid-template-columns: auto auto;\r\n\t}\r\n\r\n\t@media (min-width: 1280px) {\r\n\t\tgrid-template-columns: auto 500px;\r\n\t}\r\n`\r\nexport const ContactTextWrapper = styled.div`\r\n\tz-index: 9;\r\n\tpadding: 1em;\r\n`\r\nexport const FormWrapper = styled.div`\r\n\tz-index: 9;\r\n\tmin-height: 100px;\r\n\tpadding: 0.8em;\r\n`\r\n\r\nexport const ContactTopLine = styled(TopLine)`\r\n\ttransition: 500ms color ease-in-out;\r\n\ttext-align: left;\r\n\tfont-size: 0.6rem;\r\n\tmargin: 0.2em 0;\r\n\r\n\t@media (min-width: 480px) {\r\n\t\tfont-size: calc(0.5vw + 0.5rem);\r\n\t}\r\n`\r\n\r\nexport const ContactH1 = styled(Heading)`\r\n\ttext-align: left;\r\n\ttext-transform: uppercase;\r\n\ttransition: 500ms color ease-in-out;\r\n\tcolor: ${({ theme }) => theme.accent};\r\n\tmargin: 0.2em 0;\r\n\tpadding-bottom: 0.5em;\r\n\r\n\t@media (min-width: 480px) {\r\n\t\tfont-size: calc(0.5vw + 1.5rem);\r\n\t}\r\n`\r\n\r\nexport const ContactP = styled(ServiceP)`\r\n\ttext-align: left;\r\n\ttransition: 500ms color ease-in-out;\r\n\tmargin: 0;\r\n\tline-height: 0.8em;\r\n`","import React from 'react';\r\nimport image from '../../img/contactbg.png';\r\nimport Form from './form'\r\nimport {\r\n\tContactContainer,\r\n\tContactBg,\r\n\tImgBg,\r\n\tContactContents,\r\n\tContactTextWrapper,\r\n\tContactH1,\r\n\tContactP,\r\n\tFormWrapper,\r\n} from './ContactElements'\r\n\r\nconst Contact = () => {\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tSolve With Us\r\n\t\t\t\t\tNeed to Optimize your Business?\r\n\t\t\t\t\tReach us out!\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport default Contact;\r\n","export const Aws = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const Mongo = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const MySql = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const NextJs = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const NodeJs = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const PostgreSql = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const Python = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport const ReactLogo = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}","import styled from 'styled-components'\r\n\r\nexport const TechLogosDivFilter = styled.div`\r\n\tposition:absolute;\r\n\tdisplay:block;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\r\n\t:before {\r\n\t\tcontent: '';\r\n\t\tz-index: 1;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\topacity:90%;\r\n\t\tbackground: ${({ theme }) => theme.techLogoBg};\r\n\t\ttransition: 500ms background ease-in-out;\r\n\t\tmix-blend-mode: difference;\r\n\t}\r\n`\r\n\r\nexport const TechLogosContainer = styled.section`\r\n\tz-index: 2;\r\n\tposition: relative;\r\n\ttransition: 500ms background ease-in-out;\r\n\topacity: 90%;\r\n`\r\n\r\nexport const TechLogosWrapper = styled.div`\r\n\tpadding: 1em 0em;\r\n\tbackground: rgba(255, 255, 255, 1);\r\n`\r\n\r\nexport const TechIcons = styled.div`\r\n\tpadding: 0 0.55em;\r\n\ttransition: 200ms transform ease-in-out;\r\n\t\r\n\t@media (min-width: 768px){\r\n\t\tpadding: 0 0.8em;\r\n\t}\r\n\t@media (min-width: 1080px){\r\n\t\tpadding: 0 2em;\r\n\t}\r\n`","import React from 'react'\r\nimport Slider from 'react-slick';\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport {\r\n\tAws,\r\n\tMongo,\r\n\tMySql,\r\n\tNextJs,\r\n\tNodeJs,\r\n\tPostgreSql,\r\n\tPython,\r\n\tReactLogo\r\n} from './Svg'\r\nimport {\r\n\tTechLogosContainer,\r\n\tTechLogosWrapper,\r\n\tTechIcons,\r\n\tTechLogosDivFilter,\r\n} from './TechLogosElements'\r\n\r\nconst logoKey = [1, 2, 3, 4, 5, 6, 7, 8]\r\n\r\nconst TechLogos = () => {\r\n\t//slider settings\r\n\tconst settings = {\r\n\t\tswipeToSlide: false,\r\n\t\tlazyLoad: 'ondemand',\r\n\t\tspeed: 3000,\r\n\t\tautoplaySpeed: 0,\r\n\t\tslidesToShow: 8,\r\n\t\tarrows: false,\r\n\t\tinfinite: true,\r\n\t\tautoplay: true,\r\n\t\tcenterMode: true,\r\n\t\tpauseOnHover: false,\r\n\t\tresponsive: [\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 5000,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 8,\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 1920,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 7,\r\n\t\t\t\t\tslidesToScroll: 1,\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 1440,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 6,\r\n\t\t\t\t\tslidesToScroll: 1,\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 768,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 4,\r\n\t\t\t\t\tslidesToScroll: 1,\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 512,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 3,\r\n\t\t\t\t\tslidesToScroll: 1,\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 280,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 2,\r\n\t\t\t\t\tslidesToScroll: 1,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t]\r\n\t\t// variableWidth: true,\r\n\t};\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{logoKey.map((item) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{(item === 1) && }\r\n\t\t\t\t\t\t\t\t{(item === 2) && }\r\n\t\t\t\t\t\t\t\t{(item === 3) && }\r\n\t\t\t\t\t\t\t\t{(item === 4) && }\r\n\t\t\t\t\t\t\t\t{(item === 5) && }\r\n\t\t\t\t\t\t\t\t{(item === 6) && }\r\n\t\t\t\t\t\t\t\t{(item === 7) && }\r\n\t\t\t\t\t\t\t\t{(item === 8) && }\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default TechLogos;","import styled from 'styled-components'\r\nimport { NavLogo } from '../Navbar/NavbarElements'\r\nimport { Link as LinkScroll } from 'react-scroll'\r\n\r\nexport const FooterContainer = styled.footer`\r\n\ttransition: 300ms background ease-in-out;\r\n\tbackground: ${({ theme }) => (theme.name === 'dark') ? 'rgba(50, 50, 50, 0.98)' : 'rgba(100, 100, 100, 0.88)'};\r\n\tposition: relative;\r\n\tz-index: 2;\r\n`\r\n\r\nexport const FooterContent = styled.article`\r\n\tdisplay: grid;\r\n\tjustify-content: space-evenly;\r\n\tpadding: 2em 0;\r\n\r\n\t@media (min-width: 768px ) {\r\n\t\tgrid-template-columns: auto auto auto;\r\n\t}\r\n`\r\n\r\nexport const FooterCol = styled.div`\r\n\tpadding: 1em;\r\n`\r\n\r\nexport const FooterTitle = styled.h4`\r\n\tpadding: 0.5em 0;\r\n\tcolor: white;\r\n\tfont-size: calc(0.2vmin + 1.2rem);\r\n`\r\n\r\nexport const FooterLinks = styled(LinkScroll).attrs({\r\n\tsmooth: true,\r\n\tduration: 450,\r\n\tspy: true,\r\n\texact: 'true',\r\n})`\r\n\ttext-decoration: none;\r\n\tcolor: #E5E5E5;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tcursor: pointer;\r\n\tpadding: 0.1em 0;\r\n\tfont-size: calc(0.2vmin + 1rem);\r\n\ttransition: 100ms color ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tcolor: ${({ theme }) => theme.accent};\r\n\t}\r\n`\r\n\r\nexport const FooterBottom = styled.div`\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tposition: relative;\r\n\tpadding: 3em 0;\r\n\r\n\t@media (min-width: 768px){\r\n\tflex-direction: row;\r\n\tjustify-content: space-evenly;\r\n\t}\r\n`\r\n\r\nexport const Logo = styled(NavLogo)`\r\n\tmargin: auto;\r\n\t\r\n\t@media (min-width: 768px){\r\n\t\tmargin-right: 0;\r\n\t\tmargin-left: auto;\r\n\t}\r\n`\r\n\r\nexport const FooterRights = styled.p`\r\n\tposition: relative;\r\n\tcolor: white;\r\n\tfont-style: normal;\r\n\ttext-align: center;\r\n\tfont-size: 1rem;\r\n\tline-height: 2rem;\r\n\tmargin: auto;\r\n`\r\n\r\n//div for social media links\r\nexport const SocMedDiv = styled.div`\r\n\t\r\n`","import React from 'react'\r\nimport { toggleHome } from '../../utils'\r\nimport { FcxLogoFull } from '../Svg'\r\nimport {\r\n\tFooterContainer,\r\n\tFooterContent,\r\n\tFooterCol,\r\n\tFooterTitle,\r\n\tFooterLinks,\r\n\tFooterBottom,\r\n\tLogo,\r\n\tFooterRights,\r\n\tSocMedDiv,\r\n} from './FooterElements'\r\n\r\nconst Footer = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tCompany\r\n\t\t\t\t\tAbout Us\r\n\t\t\t\t\tOur Works\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tServices\r\n\t\t\t\t\tSoftware Development\r\n\t\t\t\t\tData Analytics\r\n\t\t\t\t\tCloud Solutions\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tContact\r\n\t\t\t\t\tcontact@fourcorex.com\r\n\t\t\t\t\tOffice\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\tFOURCOREX © {new Date().getFullYear()} All rights reserved\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport default Footer;","import React, { useState } from 'react'\r\n\r\nimport styled from 'styled-components'\r\nimport { ThemeProvider } from 'styled-components'\r\nimport Theme from '../theme'\r\n\r\nimport Navbar from '../components/Navbar'\r\nimport Sidebar from '../components/Sidebar'\r\nimport Hero from '../components/Hero'\r\nimport Services from '../components/Services'\r\nimport Portfolio from '../components/Portfolio'\r\nimport Contact from '../components/Contact'\r\nimport TechLogos from '../components/TechLogos'\r\nimport Footer from '../components/Footer'\r\n\r\nconst HomeContainer = styled.div`\r\n\t@media (max-width: 320px) {\r\n\t\tmin-width: 320px;\r\n\t}\r\n`\r\n\r\nconst Home = () => {\r\n\tconst [isOpen, setIsOpen] = useState(false)\r\n\tconst [theme, setTheme] = useState('orangedark');\r\n\r\n\t//toggle sidebar\r\n\tconst toggle = () => {\r\n\t\tsetIsOpen(!isOpen)\r\n\t}\r\n\r\n\tconst toggleTheme = () => {\r\n\t\tif (theme === 'orangedark') return setTheme('dark');\r\n\t\tif (theme === 'dark') return setTheme('light');\r\n\t\tif (theme === 'light') return setTheme('orangedark');\r\n\t}\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t