{"version":3,"sources":["Assets/icons/globe.svg","Assets/icons/menu.svg","Assets/herobg.jpeg","Assets/home/home01.jpg","Assets/logo-color.svg","Assets/portfolio/portfoliobg.jpg","Assets/icons/collaboration.svg","Assets/icons/chat-bubble.svg","Assets/icons/dashboard.svg","Assets/icons/book.svg","Assets/icons/file.svg","Assets/icons/microphone.svg","Assets/icons/play.svg","Assets/icons/monitor.svg","Assets/icons/shopping-bag.svg","Assets/about/aboutbg.jpg","Assets/about/process.png","Assets/careers/careersbg.jpg","Assets/favicon.png","Assets/portfolio/title sync nonrecursive /.(png|jpe?g|svg)$","Assets/portfolio/title/portfolio01.jpg","Assets/portfolio/title/portfolio02.jpg","Assets/portfolio/title/portfolio03.jpg","Assets/portfolio/title/portfolio04.jpg","Assets/portfolio/title/portfolio05.jpg","Assets/about/team sync nonrecursive /.(png|jpe?g|svg)$","Assets/about/team/team01.png","Assets/about/team/team02.png","Assets/about/team/team03.png","Assets/about/team/team04.png","Assets/about/team/team05.png","Assets/about/team/team06.png","Assets/about/bio sync nonrecursive /.(png|jpe?g|svg)$","Assets/about/bio/bio01.jpg","Assets/about/bio/bio02.jpg","Assets/about/bio/bio03.jpg","Assets/about/bio/bio04.jpg","Assets/about/bio/bio05.jpg","Assets/about/bio/bio06.jpg","Assets/portfolio/details sync nonrecursive /.(png|jpe?g|svg)$","Assets/portfolio/details/pd01.jpg","Assets/portfolio/details/pd02.jpg","Assets/portfolio/details/pd03.jpg","Assets/portfolio/details/pd04.jpg","Assets/portfolio/details/pd05.jpg","Assets/landing/info sync nonrecursive /.(png|jpe?g|svg)$","Assets/landing/info/landing01.jpg","Assets/landing/info/landing02.jpg","Components/Shared/Button01.jsx","Components/Home/Hero.jsx","Pages/public/HomePage.jsx","Data/linksData.js","Components/Layout/styled/NavbarStyled.jsx","Components/Layout/Navbar.jsx","Components/Layout/history.js","Contexts/StylingContext.jsx","Components/Layout/Sidebar.jsx","Components/Layout/Footer2.jsx","Components/Layout/Footer.jsx","Components/Layout/NavBg.jsx","Components/Layout/ScrollButton.jsx","Pages/public/ErrorPage.jsx","Data/imageImport.js","Data/portfolioData.js","Components/Portfolio/PortfolioCard.jsx","Components/Shared/Button02.jsx","Pages/public/PortfolioPage.jsx","Components/Shared/AppearWrapper.jsx","Components/Home/InfoVertical.jsx","Components/Home/InfoHorizontal.jsx","Data/homePageData.js","Pages/public/ServicesPage.jsx","Data/quoteFormData.js","Utility/windowDimensions.js","Components/Shared/CustomTextField.jsx","Utility/formatPhone.js","Pages/public/QuotePage.jsx","Components/Shared/LoadingSpinner.jsx","Components/Shared/ErrorSection.jsx","Pages/public/SinglePortfolioPage.jsx","Pages/public/AboutPage.jsx","Components/Contact/ContactInfo.jsx","Components/Contact/ContactForm.jsx","Pages/public/ContactPage.jsx","Pages/public/PrivacyPolicyPage.jsx","Data/careersData.js","Components/Careers/CarrerListing.jsx","Pages/public/CareersPage.jsx","Pages/public/SingleCareerPage.jsx","Components/Landing/Modal.jsx","Components/Landing/LandingForm.jsx","Components/Landing/LandingHero.jsx","Data/landingData.js","Components/Landing/Info.jsx","Pages/public/LandingPage.jsx","Components/Layout/Routes.jsx","Components/Layout/ScrollToTop.js","App.jsx","registerServiceWorker.js","ClearCache.jsx","index.jsx","Assets/landing/hero.png","Assets/icons/zoom.svg","Assets/icons/layout.svg"],"names":["module","exports","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","ButtonWrapper","styled","div","Button01","children","outlined","Button","variant","className","AnimationWrapper","h1","props","theme","d","bg","HeroWrapper","heroImg","videoReady","css","Hero","useState","setVideoReady","url","loop","muted","controls","playing","onPlay","playbackRate","to","Wrapper","HomePage","Helmet","src","home01","alt","navbarLinks","name","category","excerpt","viewLink","text","sublinks","sidebarLinks","target_outside","ref","footerLinks","NavbarWrapper","header","navScroll","Navbar","setSidebarOpen","setNavScroll","dropDownIndex","setDropDownIndex","dropDownOpen","setDropDownOpen","window","addEventListener","scrollY","link","index","key","onClick","handleDropDown","Collapse","isOpen","sublink","href","target","rel","createBrowserHistory","React","createContext","SidebarWrapper","aside","sidebarOpen","Sidebar","closeSidebar","footer","FooterWrapper","Footer","email","setEmail","sent","setSent","emailVal","setEmailVal","emailLoading","setEmailLoading","noValidate","type","disabled","value","onChange","placeholder","preventDefault","validator","isEmail","Date","getFullYear","NavBgWrapper","NavBg","toggleNav","useEffect","removeEventListener","ScrollButtonWrapper","button","pageScroll","ScrollButton","setPageScroll","scrollTo","top","behavior","ErrorPageWrapper","section","ErrorPage","content","data-react-helmet","importAll","path","titleImages","require","portfolioDetailsImages","landingImages","Row","left","Button02","click","disableElevation","background","AppearWrapper","alwaysAppear","topRef","useRef","appear","setAppear","toggleAppear","current","offsetTop","winHeight","innerHeight","InfoVerticalWrapper","InfoVertical","data","reverseOrder","title","cards","image","lg","item","xl","card","list","li","InfoHorizontaltWrapper","InfoHorizontal","infoData01","collaboration","chatBubble","dashboard","infoData02","book","layout","zoom","infoData03","globe","menu","infoData04","infoVertical01","monitor","shoppingBag","infoVertical02","file","play","microphone","ServicesPageWrapper","ServicesPage","useParams","projects","services","timeline","small","label","large","budgetLabel","getWindowDimensions","width","innerWidth","height","useWindowDimensions","windowDimensions","setWindowDimensions","handleResize","CustomTextField","withStyles","root","color","borderColor","borderWidth","borderRadius","padding","TextField","formatPhone","backgroundColor","previousValue","currentValue","replace","cvLength","length","slice","CustomCheckbox","position","zIndex","checked","Checkbox","QuotePageWrapper","QuotePage","modalOpen","setModalOpen","fromEntries","project","service","timelineValue","budget","setData","setName","company","setCompany","phone","setPhone","message","setMessage","messageVal","setMessageVal","loading","setLoading","classes","setClasses","validateForm","tempError","FormGroup","FormControlLabel","control","handleProjectsCheck","Slider","defaultValue","step","min","val","handleTimelineChange","max","marks","valueLabelDisplay","handleBudgetChange","handleServicesCheck","xs","md","fullWidth","InputLabelProps","style","error","required","prev","rows","join","setTimeout","SpinnerWrapper","LoadingSpinner","ErrorWrapper","ErrorSection","btn","AboutPageWrapper","AboutPage","aboutbg","processImg","ContactInfoWrapper","ContactInfo","Container","ContactFormWrapper","ContactForm","resetAll","Col","ContactPageWrapper","ContactPage","PrivacyPolicyPageWrapper","PrivacyPolicyPage","jobs","location","department","description","resp","exp","attr","bonus","CareerListingWrapper","CarrerListing","job","handleClick","status","CareersPageWrapper","CareersPage","collapseOpen","setCollapseOpen","open","tempArray","Array","fill","careersbg","SingleCareerPageWrapper","SingleCareerPage","setJob","singleJob","filter","j","getSingleJob","hero","Routes","exact","ScrollToTop","pathname","useLocation","AppWrapper","App","history","isLocalhost","Boolean","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","then","registration","onupdatefound","installingWorker","installing","onstatechange","state","controller","console","log","catch","withClearCache","ClearCacheApp","Component","isLatestBuildDate","setIsLatestBuildDate","fetch","response","json","meta","latestDate","currentDate","momLatestDateTime","moment","momCurrentDateTime","isAfter","buildDateGreaterThan","buildDate","packageJson","refreshCacheAndReload","caches","names","delete","reload","Fragment","ReactDOM","render","document","getElementById","URL","process","origin","headers","get","indexOf","ready","unregister","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.e9f75cfc.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/globe.cba19652.svg\";","module.exports = __webpack_public_path__ + \"static/media/menu.599cb304.svg\";","module.exports = __webpack_public_path__ + \"static/media/herobg.aa724819.jpeg\";","module.exports = __webpack_public_path__ + \"static/media/home01.d5ab35f4.jpg\";","module.exports = __webpack_public_path__ + \"static/media/logo-color.14f2e510.svg\";","module.exports = __webpack_public_path__ + \"static/media/portfoliobg.99564909.jpg\";","module.exports = __webpack_public_path__ + \"static/media/collaboration.b6e2cd74.svg\";","module.exports = __webpack_public_path__ + \"static/media/chat-bubble.751e5adb.svg\";","module.exports = __webpack_public_path__ + \"static/media/dashboard.0d62da82.svg\";","module.exports = __webpack_public_path__ + \"static/media/book.2f82d9eb.svg\";","module.exports = __webpack_public_path__ + \"static/media/file.c1c2c9a6.svg\";","module.exports = __webpack_public_path__ + \"static/media/microphone.2931cf5c.svg\";","module.exports = __webpack_public_path__ + \"static/media/play.e261a02b.svg\";","module.exports = __webpack_public_path__ + \"static/media/monitor.46c2f85c.svg\";","module.exports = __webpack_public_path__ + \"static/media/shopping-bag.5de5bcfa.svg\";","module.exports = __webpack_public_path__ + \"static/media/aboutbg.1698c561.jpg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/careersbg.d0826722.jpg\";","module.exports = \"data:image/png;base64,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\"","var map = {\n\t\"./portfolio01.jpg\": 384,\n\t\"./portfolio02.jpg\": 385,\n\t\"./portfolio03.jpg\": 386,\n\t\"./portfolio04.jpg\": 387,\n\t\"./portfolio05.jpg\": 388\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 383;","module.exports = __webpack_public_path__ + \"static/media/portfolio01.a5e8549f.jpg\";","module.exports = __webpack_public_path__ + \"static/media/portfolio02.2f283989.jpg\";","module.exports = __webpack_public_path__ + \"static/media/portfolio03.ff54592e.jpg\";","module.exports = __webpack_public_path__ + \"static/media/portfolio04.d2166c42.jpg\";","module.exports = __webpack_public_path__ + \"static/media/portfolio05.08799640.jpg\";","var map = {\n\t\"./team01.png\": 390,\n\t\"./team02.png\": 391,\n\t\"./team03.png\": 392,\n\t\"./team04.png\": 393,\n\t\"./team05.png\": 394,\n\t\"./team06.png\": 395\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 389;","module.exports = __webpack_public_path__ + \"static/media/team01.a9aa11cf.png\";","module.exports = __webpack_public_path__ + \"static/media/team02.43d0297b.png\";","module.exports = __webpack_public_path__ + \"static/media/team03.9d09d330.png\";","module.exports = __webpack_public_path__ + \"static/media/team04.73c0456a.png\";","module.exports = __webpack_public_path__ + \"static/media/team05.df0b87a1.png\";","module.exports = __webpack_public_path__ + \"static/media/team06.f1d96a2d.png\";","var map = {\n\t\"./bio01.jpg\": 397,\n\t\"./bio02.jpg\": 398,\n\t\"./bio03.jpg\": 399,\n\t\"./bio04.jpg\": 400,\n\t\"./bio05.jpg\": 401,\n\t\"./bio06.jpg\": 402\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 396;","module.exports = __webpack_public_path__ + \"static/media/bio01.d6b74096.jpg\";","module.exports = __webpack_public_path__ + \"static/media/bio02.03421ac9.jpg\";","module.exports = __webpack_public_path__ + \"static/media/bio03.e1621230.jpg\";","module.exports = __webpack_public_path__ + \"static/media/bio04.5b5e304d.jpg\";","module.exports = __webpack_public_path__ + \"static/media/bio05.a027babd.jpg\";","module.exports = __webpack_public_path__ + \"static/media/bio06.62cb849e.jpg\";","var map = {\n\t\"./pd01.jpg\": 404,\n\t\"./pd02.jpg\": 405,\n\t\"./pd03.jpg\": 406,\n\t\"./pd04.jpg\": 407,\n\t\"./pd05.jpg\": 408\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 403;","module.exports = __webpack_public_path__ + \"static/media/pd01.94351070.jpg\";","module.exports = __webpack_public_path__ + \"static/media/pd02.be1fba84.jpg\";","module.exports = __webpack_public_path__ + \"static/media/pd03.e1ab3ec6.jpg\";","module.exports = __webpack_public_path__ + \"static/media/pd04.372fb1b9.jpg\";","module.exports = __webpack_public_path__ + \"static/media/pd05.8dfb3e77.jpg\";","var map = {\n\t\"./landing01.jpg\": 410,\n\t\"./landing02.jpg\": 411\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 409;","module.exports = __webpack_public_path__ + \"static/media/landing01.956e1fd4.jpg\";","module.exports = __webpack_public_path__ + \"static/media/landing02.015817cf.jpg\";","import React from \"react\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Button01 = ({ children, outlined }) => {\r\n return (\r\n \r\n \r\n {children}\r\n \r\n \r\n );\r\n};\r\n\r\nconst ButtonWrapper = styled.div`\r\n margin: 0 16px;\r\n\r\n .btn {\r\n color: black;\r\n width: 163px;\r\n height: 48px;\r\n font-size: 16px;\r\n background-color: var(--color-p-2);\r\n }\r\n\r\n .contained {\r\n :hover {\r\n background: transparent;\r\n border: 1px solid var(--color-p-2);\r\n color: var(--color-p-2);\r\n }\r\n }\r\n\r\n .outlined {\r\n border: 1px solid white;\r\n background: transparent;\r\n color: white;\r\n :hover {\r\n color: black;\r\n background: white;\r\n }\r\n }\r\n`;\r\n\r\nexport default Button01;\r\n","import React, { useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport ReactPlayer from \"react-player/youtube\";\r\nimport { Container, Row, Col } from \"reactstrap/lib\";\r\nimport Button01 from \"../Shared/Button01\";\r\nimport { Link } from \"react-router-dom\";\r\nimport heroImg from \"../../Assets/herobg.jpeg\";\r\n\r\nconst Hero = () => {\r\n const [videoReady, setVideoReady] = useState(false);\r\n\r\n return (\r\n \r\n
\r\n setVideoReady(true)}\r\n playbackRate={0.9}\r\n >\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n Experienced,\r\n \r\n \r\n Personalized,\r\n \r\n \r\n IT Consulting\r\n \r\n {/* \r\n Digital Life\r\n */}\r\n
\r\n \r\n
\r\n \r\n \r\n Book Now\r\n \r\n \r\n About Us\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst AnimationWrapper = styled.h1`\r\n --td: 1s;\r\n --d: ${(props) => props.theme.d};\r\n --t: calc(var(--td) + var(--d));\r\n --animation-bg: ${(props) => props.theme.bg};\r\n\r\n color: transparent;\r\n padding: 4px;\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n animation: revealBlock 0s var(--t) forwards;\r\n\r\n @media screen and (min-width: 768px) {\r\n width: 80%;\r\n }\r\n\r\n @media screen and (min-width: 992px) {\r\n width: 70%;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n /* width: 50%; */\r\n }\r\n\r\n h1 {\r\n white-space: no-wrap;\r\n }\r\n\r\n :after {\r\n content: \"\";\r\n width: 0%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background: var(--animation-bg);\r\n z-index: 2;\r\n animation: revealingIn var(--td) var(--d) forwards,\r\n revealingOut var(--td) var(--t) forwards;\r\n }\r\n\r\n /* animations */\r\n @keyframes revealBlock {\r\n 100% {\r\n color: white;\r\n }\r\n }\r\n\r\n @keyframes revealingIn {\r\n 0% {\r\n width: 0;\r\n }\r\n 100% {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @keyframes revealingOut {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(102%);\r\n }\r\n }\r\n`;\r\n\r\nconst HeroWrapper = styled.div`\r\n min-height: 100vh;\r\n width: 100%;\r\n overflow: hidden;\r\n display: grid;\r\n align-items: center;\r\n\r\n .fade-in {\r\n opacity: 0;\r\n animation: fadeInFromNone 1.4s forwards;\r\n animation-delay: 1s;\r\n }\r\n\r\n @keyframes fadeInFromNone {\r\n 0% {\r\n opacity: 0;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n h1 {\r\n text-transform: uppercase;\r\n align-self: center;\r\n font-weight: 900;\r\n font-size: 40px;\r\n letter-spacing: 4px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n h1 {\r\n font-size: 50px;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 992px) {\r\n h1 {\r\n font-size: 65px;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n h1 {\r\n font-size: 80px;\r\n }\r\n }\r\n\r\n .video-container {\r\n /* background-color: black; */\r\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),\r\n url(${heroImg}) center/cover no-repeat;\r\n overflow: hidden;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100vh;\r\n width: 100%;\r\n z-index: -99;\r\n :after {\r\n content: \"\";\r\n min-width: 100vw;\r\n min-height: calc(100vh + 300px);\r\n top: 0;\r\n position: fixed;\r\n left: 0;\r\n background-color: rgba(0, 0, 0, 0.75);\r\n }\r\n }\r\n\r\n iframe {\r\n position: fixed;\r\n top: -60px;\r\n left: 0;\r\n width: 100%;\r\n height: calc(120px + (100vw * 9) / 16);\r\n overflow: hidden;\r\n pointer-events: none;\r\n opacity: 0;\r\n }\r\n\r\n ${({ videoReady }) =>\r\n videoReady &&\r\n css`\r\n iframe {\r\n animation: fadeInFromNone 1.4s forwards;\r\n opacity: 1;\r\n }\r\n `}\r\n\r\n @media (min-aspect-ratio: 16/9) {\r\n iframe {\r\n height: 300%;\r\n top: -100%;\r\n }\r\n }\r\n\r\n @media (max-aspect-ratio: 16/9) {\r\n .video-container {\r\n width: 100%;\r\n }\r\n iframe {\r\n width: calc((100vh * 16) / 9);\r\n height: calc(100vh + 120px);\r\n }\r\n }\r\n @media all and (max-width: 600px) {\r\n .vid-info {\r\n width: 50%;\r\n padding: 0.5rem;\r\n }\r\n .vid-info h1 {\r\n margin-bottom: 0.2rem;\r\n }\r\n }\r\n @media all and (max-width: 500px) {\r\n .vid-info .acronym {\r\n display: none;\r\n }\r\n }\r\n`;\r\n\r\nexport default Hero;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport Hero from \"../../Components/Home/Hero\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport home01 from \"../../Assets/home/home01.jpg\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\n\r\nconst HomePage = () => {\r\n return (\r\n
\r\n \r\n \r\n \r\n {/* place holder stuff */}\r\n
\r\n \"homepic01\"\r\n
\r\n

10 years of experience

\r\n

\r\n Over 10 years of experience in the information technology field\r\n and our experienced counselors are ready to help you!\r\n

\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n background-color: #464646;\r\n img {\r\n width: 100%;\r\n }\r\n .placeholder01 {\r\n @media screen and (min-width: 768px) {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n .home-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n padding: 0 100px;\r\n text-align: center;\r\n background-color: white;\r\n h1,\r\n p {\r\n color: #1b1b1b;\r\n padding-bottom: 2rem;\r\n }\r\n h1 {\r\n font-weight: 700;\r\n font-size: 48px;\r\n }\r\n p {\r\n font-size: 18px;\r\n }\r\n }\r\n`;\r\n\r\nexport default HomePage;\r\n","import React from \"react\";\r\nimport {\r\n AiOutlineLinkedin,\r\n // AiOutlineYoutube,\r\n AiOutlineFacebook,\r\n AiOutlineInstagram,\r\n} from \"react-icons/ai\";\r\nimport { FiYoutube } from \"react-icons/fi\";\r\n\r\nexport const socialLinks = [\r\n {\r\n url: \"https://www.linkedin.com/company/scm-inc/\",\r\n name: \"Linkedin\",\r\n imgUrl:\r\n \"https://res.cloudinary.com/dp94c6f82/image/upload/v1624854089/synic-new/icons/linkedin.svg\",\r\n icon: ,\r\n category: \"social media\",\r\n },\r\n {\r\n url: \"https://www.facebook.com/Synic-Creative-Marketing-110241608055743/\",\r\n name: \"Facebook\",\r\n imgUrl:\r\n \"https://res.cloudinary.com/dp94c6f82/image/upload/v1624854089/synic-new/icons/facebook.svg\",\r\n icon: ,\r\n category: \"social media\",\r\n },\r\n {\r\n url: \"https://www.instagram.com/syniccm/\",\r\n name: \"Instagram\",\r\n imgUrl:\r\n \"https://res.cloudinary.com/dp94c6f82/image/upload/v1624854089/synic-new/icons/instagram.svg\",\r\n icon: ,\r\n category: \"social media\",\r\n },\r\n {\r\n url: \"https://www.youtube.com/channel/UCH6I9f_zloDNc0mOL_Q3T1w\",\r\n name: \"Youtube\",\r\n imgUrl:\r\n \"https://res.cloudinary.com/dp94c6f82/image/upload/v1624854089/synic-new/icons/youtube.svg\",\r\n icon: ,\r\n category: \"social media\",\r\n },\r\n];\r\n\r\nexport const navbarLinks = [\r\n {\r\n name: \"Home\",\r\n category: \"home\",\r\n url: \"/\",\r\n },\r\n {\r\n name: \"About\",\r\n url: \"/about-us\",\r\n category: \"about\",\r\n excerpt:\r\n \"We take care of your problems so that they are not your problems anymore and then you can focus on what you do best.\",\r\n viewLink: {\r\n text: \"Get to know us »\",\r\n category: \"about\",\r\n url: \"/about-us\",\r\n },\r\n sublinks: [\r\n {\r\n name: \"About Us\",\r\n category: \"about\",\r\n url: \"/about-us\",\r\n },\r\n {\r\n name: \"Careers\",\r\n category: \"careers\",\r\n url: \"/careers\",\r\n },\r\n {\r\n name: \"Contact Us\",\r\n category: \"contact\",\r\n url: \"/contact\",\r\n },\r\n ],\r\n },\r\n {\r\n name: \"Services\",\r\n url: \"/services\",\r\n category: \"services\",\r\n excerpt:\r\n \"All your whizbangs, whosits and whatsits. Check out what our in-house experts have to offer.\",\r\n viewLink: {\r\n text: \"View all services »\",\r\n category: \"services\",\r\n url: \"/services\",\r\n },\r\n sublinks: [\r\n {\r\n name: \"Social Media Management\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Website and Development\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Content Creation\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Online Marketing\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Grant Writing\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Cyber Security\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Request a Quote\",\r\n category: \"quote\",\r\n url: \"/quote\",\r\n },\r\n ],\r\n },\r\n];\r\n\r\nexport const sidebarLinks = [\r\n {\r\n name: \"Home\",\r\n url: \"/\",\r\n category: \"home\",\r\n },\r\n {\r\n name: \"About\",\r\n url: \"/about-us\",\r\n category: \"about\",\r\n sublinks: [\r\n {\r\n name: \"About Us\",\r\n url: \"/about-us\",\r\n category: \"about\",\r\n },\r\n {\r\n name: \"Careers\",\r\n category: \"careers\",\r\n url: \"/careers\",\r\n },\r\n {\r\n name: \"Our Team\",\r\n category: \"Synic Software\",\r\n url: \"https://synicsw.com/about-us\",\r\n target_outside: true,\r\n },\r\n ],\r\n },\r\n {\r\n name: \"Services\",\r\n category: \"services\",\r\n url: \"/services\",\r\n sublinks: [\r\n {\r\n name: \"Social Media Management\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Website and Development\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Content Creation\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Online Marketing\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Grant Writing\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Cyber Security\",\r\n category: \"services\",\r\n url: \"services\",\r\n },\r\n {\r\n name: \"Request a Quote\",\r\n category: \"quote\",\r\n url: \"/quote\",\r\n ref: false,\r\n },\r\n ],\r\n },\r\n {\r\n name: \"Contact Us\",\r\n category: \"contact\",\r\n url: \"/contact\",\r\n },\r\n];\r\n\r\nexport const footerLinks = [\r\n {\r\n name: \"Company\",\r\n sublinks: [\r\n {\r\n name: \"About Us\",\r\n category: \"about\",\r\n url: \"/about-us\",\r\n },\r\n {\r\n name: \"Careers\",\r\n url: \"/careers\",\r\n category: \"careers\",\r\n },\r\n ],\r\n },\r\n {\r\n name: \"Resources\",\r\n sublinks: [\r\n {\r\n name: \"Contact Us\",\r\n category: \"contact\",\r\n url: \"/contact\",\r\n },\r\n ],\r\n },\r\n // {\r\n // name: \"Partners\",\r\n // sublinks: [\r\n // {\r\n // name: \"Synic Software\",\r\n // category: \"Synic Software\",\r\n // target_outside: true,\r\n // url: \"https://synicsw.com\",\r\n // },\r\n // // {\r\n // // name: \"Synic Creative Marketing\",\r\n // // category: \"Synic Creative Marketing\",\r\n // // target_outside: true,\r\n // // url: \"https://syniccreative.marketing\",\r\n // // },\r\n // ],\r\n // },\r\n];\r\n","import styled, { css } from \"styled-components\";\r\n\r\nexport const NavbarWrapper = styled.header`\r\n background-color: transparent;\r\n position: fixed;\r\n transition: 0.25s;\r\n top: 0;\r\n left: 0;\r\n min-width: 100%;\r\n max-width: 100%;\r\n z-index: 99;\r\n\r\n .intro {\r\n max-width: 310px;\r\n h4 {\r\n font-weight: 700;\r\n color: rgba(0, 0, 0, 0.9);\r\n }\r\n p {\r\n color: rgba(0, 0, 0, 0.8);\r\n }\r\n a {\r\n :hover {\r\n color: rgba(0, 0, 0, 0.8);\r\n }\r\n }\r\n }\r\n .sublinks {\r\n display: grid;\r\n grid-template-rows: 1fr;\r\n justify-content: center;\r\n gap: 8px;\r\n a,\r\n button {\r\n color: #404647;\r\n border: none;\r\n background: none;\r\n text-align: left;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n font-weight: 600;\r\n transition: 0.1s;\r\n :hover {\r\n color: var(--color-blue-2);\r\n }\r\n }\r\n }\r\n\r\n .dropDown {\r\n min-width: 100%;\r\n max-width: 100%;\r\n background: white;\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 2px 7px -4px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n @media screen and (max-width: 1200px) {\r\n .openDropDown {\r\n display: none;\r\n }\r\n }\r\n\r\n img {\r\n margin: 10px 0;\r\n transition: 0.2s;\r\n }\r\n\r\n nav {\r\n padding-top: 25px;\r\n padding-bottom: 25px;\r\n transition: 0.4s;\r\n z-index: 12;\r\n }\r\n\r\n .nav-container {\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .logo {\r\n height: 38px;\r\n font-weight: 700;\r\n color: white;\r\n }\r\n\r\n .logo-invert {\r\n filter: brightness(0) invert(1);\r\n font-weight: 700;\r\n color: black;\r\n }\r\n\r\n .sidebar-btn button {\r\n border: none;\r\n outline: none;\r\n background: none;\r\n color: #b3b3b3;\r\n font-size: 32px;\r\n }\r\n\r\n @media screen and (min-width: 600px) {\r\n .sidebar-btn button {\r\n margin-right: 0;\r\n }\r\n .branding {\r\n margin-left: 0;\r\n }\r\n }\r\n\r\n .links-container {\r\n display: none;\r\n }\r\n\r\n .links-container {\r\n ul {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 0;\r\n margin: 0;\r\n margin-right: 16px;\r\n }\r\n li {\r\n padding: 17px 14px;\r\n font-size: 1.125rem;\r\n line-height: 1.2;\r\n }\r\n a,\r\n button {\r\n transition: 0.2s;\r\n color: #b3b3b3;\r\n border: none;\r\n background: none;\r\n min-height: 100%;\r\n outline: 0;\r\n }\r\n li:hover a,\r\n li:hover button,\r\n li:active a,\r\n li:active button,\r\n li:focus a,\r\n li:focus button {\r\n color: white;\r\n }\r\n .active-link {\r\n color: white;\r\n }\r\n }\r\n\r\n .quote-button {\r\n display: flex;\r\n align-self: center;\r\n text-transform: uppercase;\r\n background-color: var(--color-p-2);\r\n border: 1px solid var(--color-p-2);\r\n margin-right: 20px;\r\n padding: 0 24px;\r\n a {\r\n color: var(--color-g-5);\r\n align-self: center;\r\n }\r\n :hover {\r\n background-color: transparent;\r\n a {\r\n color: var(--color-p-2);\r\n }\r\n }\r\n }\r\n\r\n @media screen and (max-width: 520px) {\r\n .quote-button {\r\n display: none;\r\n }\r\n }\r\n ${({ navScroll }) =>\r\n navScroll &&\r\n css`\r\n background-color: white;\r\n box-shadow: 0 2px 7px -4px rgba(0, 0, 0, 0.2);\r\n .sidebar-btn button {\r\n color: #454545;\r\n }\r\n\r\n .links-container {\r\n li a,\r\n li button {\r\n color: #454545;\r\n }\r\n li:hover a,\r\n li:hover button,\r\n li:active a,\r\n li:active button,\r\n li:focus a,\r\n li:focus button {\r\n color: #0b88ee;\r\n }\r\n\r\n .active-link {\r\n color: #0b88ee;\r\n }\r\n }\r\n .quote-button {\r\n :hover {\r\n /* border: 1px solid var(--color-g-5); */\r\n background-color: transparent;\r\n a {\r\n color: var(--color-g-5);\r\n }\r\n }\r\n }\r\n `}\r\n\r\n @media screen and (min-width: 1200px) {\r\n .sidebar-btn {\r\n display: none;\r\n }\r\n\r\n .links-container {\r\n display: block;\r\n }\r\n }\r\n`;\r\n","import React, { useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { BsList } from \"react-icons/bs\";\r\nimport { GoTriangleDown } from \"react-icons/go\";\r\nimport { Collapse } from \"reactstrap\";\r\nimport { navbarLinks } from \"../../Data/linksData\";\r\nimport { NavbarWrapper } from \"./styled/NavbarStyled\";\r\n\r\nconst Navbar = ({ setSidebarOpen }) => {\r\n const [navScroll, setNavScroll] = useState(false);\r\n const [dropDownIndex, setDropDownIndex] = useState(0);\r\n const [dropDownOpen, setDropDownOpen] = useState(false);\r\n\r\n const toggleNav = () => {\r\n if (window.scrollY > 2) {\r\n setNavScroll(true);\r\n } else {\r\n setNavScroll(false);\r\n }\r\n };\r\n\r\n window.addEventListener(\"scroll\", toggleNav);\r\n\r\n const handleDropDown = (index) => {\r\n if (index === dropDownIndex && dropDownOpen) {\r\n setDropDownOpen(false);\r\n } else {\r\n setDropDownIndex(index);\r\n setDropDownOpen(true);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {navbarLinks[dropDownIndex].sublinks && (\r\n
\r\n
\r\n
\r\n
\r\n

\r\n {navbarLinks[dropDownIndex].name}\r\n

\r\n

\r\n {navbarLinks[dropDownIndex].excerpt}\r\n

\r\n {\r\n setDropDownOpen(false);\r\n }}\r\n >\r\n {navbarLinks[dropDownIndex].viewLink.text}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {navbarLinks[dropDownIndex].sublinks.map((sublink, index) => {\r\n if (sublink.target_outside)\r\n return (\r\n {\r\n setDropDownOpen(false);\r\n }}\r\n >\r\n {sublink.name}\r\n \r\n );\r\n return (\r\n {\r\n setDropDownOpen(false);\r\n }}\r\n >\r\n {sublink.name}\r\n \r\n );\r\n })}\r\n
\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Navbar;\r\n","import { createBrowserHistory } from \"history\";\r\n\r\nexport default createBrowserHistory();\r\n","import React, { useContext, useState, useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nconst StylingContext = React.createContext();\r\n\r\nexport const StylingProvider = ({ children }) => {\r\n const location = useLocation();\r\n const [isLandingPage, setIsLandingPage] = useState(true);\r\n\r\n useEffect(() => {\r\n if (location.pathname === \"/online-advertising\") {\r\n setIsLandingPage(true);\r\n } else {\r\n setIsLandingPage(false);\r\n }\r\n }, [location]);\r\n\r\n const value = {\r\n isLandingPage,\r\n };\r\n\r\n return (\r\n {children}\r\n );\r\n};\r\n\r\nexport const useStylingContext = () => {\r\n return useContext(StylingContext);\r\n};\r\n","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { IoCloseOutline } from \"react-icons/io5\";\r\nimport { sidebarLinks } from \"../../Data/linksData\";\r\nimport { scrollToElement } from \"../../Utility\";\r\nimport history from \"./history\";\r\nimport { useStylingContext } from \"../../Contexts/StylingContext\";\r\n\r\nconst Sidebar = ({ sidebarOpen, setSidebarOpen }) => {\r\n const closeSidebar = () => {\r\n setSidebarOpen(false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
    \r\n {sidebarLinks.map((link, index) => {\r\n return (\r\n
  • \r\n {\r\n closeSidebar();\r\n }}\r\n >\r\n {link.name}\r\n \r\n {/* check if sublinks exists */}\r\n {link.sublinks && (\r\n
    \r\n {link.sublinks.map((sublink, index) => {\r\n return sublink.target_outside ? (\r\n {\r\n closeSidebar();\r\n }}\r\n >\r\n {sublink.name}\r\n \r\n ) : (\r\n {\r\n closeSidebar();\r\n }}\r\n >\r\n {sublink.name}\r\n \r\n );\r\n })}\r\n
    \r\n )}\r\n
  • \r\n );\r\n })}\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst SidebarWrapper = styled.aside`\r\n min-width: 100vw;\r\n min-height: 100vh;\r\n z-index: 999;\r\n position: fixed;\r\n overflow-y: auto;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n transform: translateX(100%);\r\n background: linear-gradient(-151deg, var(--color-p-1) 40%, #fff 100%);\r\n transition: 0.25s;\r\n\r\n .sidebar-header {\r\n display: flex;\r\n padding: 20px 30px;\r\n justify-content: right;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n flex-grow: 1;\r\n }\r\n\r\n .sidebar-close {\r\n display: flex;\r\n height: 30px;\r\n align-items: center;\r\n font-size: 35px;\r\n button {\r\n color: var(--color-g-3);\r\n outline: none;\r\n border: none;\r\n background: none;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .sidebar-body {\r\n margin: 0;\r\n padding: 0 30px;\r\n min-width: 100vw;\r\n min-height: 100vh;\r\n background: none;\r\n a {\r\n transition: 0.2s;\r\n }\r\n li:not(:first-child) {\r\n border-top: 1px solid var(--color-g-2);\r\n }\r\n\r\n li > a {\r\n letter-spacing: 0em;\r\n display: block;\r\n line-height: 1.5;\r\n text-transform: none;\r\n padding: 10px 0;\r\n font-size: 22px;\r\n color: rgba(255, 255, 255, 0.7);\r\n color: var(--color-g-3);\r\n font-weight: 700;\r\n line-height: 1.5;\r\n :hover,\r\n :focus,\r\n :active {\r\n /* padding-left: 7px; */\r\n color: var(--color-g-4);\r\n }\r\n }\r\n\r\n .sublinks {\r\n margin-bottom: 15px;\r\n display: grid;\r\n grid-template-rows: 1fr;\r\n a,\r\n button {\r\n font-size: 18px;\r\n color: #fff;\r\n color: var(--color-g-3);\r\n border: none;\r\n background: none;\r\n text-align: left;\r\n padding: 5px 15px;\r\n transition: 0.25s;\r\n :hover,\r\n :focus,\r\n :active {\r\n padding-left: 25px;\r\n color: #686868;\r\n background-color: rgba(0, 0, 0, 0.15);\r\n }\r\n }\r\n }\r\n }\r\n\r\n ${({ sidebarOpen }) =>\r\n sidebarOpen &&\r\n css`\r\n transform: translateX(0%);\r\n `}\r\n\r\n @media screen and (min-width: 1200px) {\r\n display: none;\r\n }\r\n`;\r\n\r\nexport default Sidebar;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport Logo from \"../../Assets/logo-color.svg\";\r\nimport { Container } from \"reactstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nconst Footer2 = () => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n \"C&R\r\n
\r\n\r\n
\r\n

\r\n Copyright © {new Date().getFullYear()} All Rights reserved.\r\n

\r\n

C&R Digital Consulting INC.

\r\n
\r\n
\r\n
\r\n
    \r\n
  • \r\n About Us\r\n
  • \r\n
  • \r\n Contact Us\r\n
  • \r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst Footer2Wrapper = styled.footer`\r\n @media screen and (min-width: 1200px) {\r\n .container {\r\n max-width: 1300px !important;\r\n }\r\n }\r\n\r\n width: 100%;\r\n padding-top: 20px;\r\n padding-bottom: 20px;\r\n background-color: white;\r\n\r\n .footer-left {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n }\r\n\r\n p {\r\n padding: 0;\r\n margin: 0;\r\n color: rgba(0, 0, 0, 0.8);\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n img {\r\n height: 45px;\r\n }\r\n\r\n .links-container {\r\n font-weight: 600;\r\n }\r\n a {\r\n font-size: 14px;\r\n color: rgba(0, 0, 0, 0.8);\r\n :hover {\r\n color: var(--color-p-5);\r\n }\r\n }\r\n ul {\r\n display: grid;\r\n grid-template-rows: 1fr 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n @media screen and (min-width: 992px) {\r\n padding-top: 25px;\r\n padding-bottom: 25px;\r\n a,\r\n p {\r\n font-size: 16px;\r\n }\r\n\r\n .copyright {\r\n display: flex;\r\n }\r\n }\r\n`;\r\n\r\nexport default Footer2;\r\n","import React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { socialLinks } from \"../../Data/linksData\";\r\nimport { FaEnvelope, FaCheck } from \"react-icons/fa\";\r\nimport { footerLinks } from \"../../Data/linksData\";\r\nimport validator from \"validator\";\r\n\r\nimport { useStylingContext } from \"../../Contexts/StylingContext\";\r\nimport Footer2 from \"./Footer2\";\r\nconst Footer = () => {\r\n const [email, setEmail] = useState(\"\");\r\n const [sent, setSent] = useState(false);\r\n const [emailVal, setEmailVal] = useState(\"\");\r\n const [emailLoading, setEmailLoading] = useState(false);\r\n\r\n const handleEmailSubmit = (e) => {\r\n e.preventDefault();\r\n setEmailVal(\"\");\r\n setEmailLoading(true);\r\n if (!email) {\r\n setEmailVal(\"Email Required\");\r\n } else if (!validator.isEmail(email)) {\r\n setEmailVal(\"Please provide valid email\");\r\n }\r\n\r\n if (email && validator.isEmail(email)) {\r\n setEmail(\"\");\r\n setSent(true);\r\n setEmailVal(\"\");\r\n } else {\r\n }\r\n setEmailLoading(false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n {footerLinks.map((link, index) => {\r\n return (\r\n
\r\n
\r\n

\r\n {link.name}\r\n

\r\n\r\n
\r\n
    \r\n {link.sublinks.map((sublink, index) => {\r\n return (\r\n
  • \r\n {sublink.target_outside ? (\r\n \r\n {sublink.name}\r\n \r\n ) : (\r\n \r\n {sublink.name}\r\n \r\n )}\r\n
  • \r\n );\r\n })}\r\n
\r\n
\r\n
\r\n );\r\n })}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n

\r\n C&R Digital Consulting\r\n

\r\n
\r\n
\r\n \r\n #555-409 Granville St, Vancouver, BC, Canada\r\n \r\n
\r\n
\r\n \r\n admin@crdigital.ca\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n setEmail(e.target.value)}\r\n className=\"form-control rounded-right fz-14\"\r\n placeholder={\r\n sent\r\n ? \"Thanks! We'll keep you updated\"\r\n : \"Let's Connect!\"\r\n }\r\n />\r\n \r\n {emailVal}\r\n
\r\n
\r\n
\r\n \r\n {sent ? : }\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n © {new Date().getFullYear()} Rights Reserved |{\" \"}\r\n \r\n Privacy Policy\r\n {\" \"}\r\n
\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FooterWrapper = styled.footer`\r\n background-color: black;\r\n color: white;\r\n\r\n a {\r\n transition: 0.15s;\r\n :hover {\r\n color: var(--color-p-2) !important;\r\n }\r\n }\r\n\r\n hr {\r\n color: white !important;\r\n background-color: white;\r\n max-width: 135px;\r\n margin: 1rem 0;\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n opacity: 1;\r\n }\r\n\r\n .no-padding-right {\r\n padding-right: 0;\r\n }\r\n .extra-padding-left {\r\n @media screen and (min-width: 992px) {\r\n padding-left: 30px;\r\n }\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n }\r\n\r\n .links-container {\r\n padding: 0;\r\n }\r\n .social-networks {\r\n display: flex;\r\n margin: 0;\r\n padding: 0;\r\n li {\r\n margin-right: 15px;\r\n }\r\n }\r\n\r\n input {\r\n height: 48px;\r\n border: none;\r\n }\r\n\r\n button {\r\n outline: none;\r\n padding: 0 26px;\r\n background-color: var(--color-blue-2);\r\n border: 1px solid var(--color-blue-2);\r\n :hover {\r\n background: transparent;\r\n color: var(--color-blue-2);\r\n }\r\n }\r\n\r\n .sent {\r\n padding: 0 26px;\r\n background-color: #30bf5b;\r\n border: 1px solid #30bf5b;\r\n :hover {\r\n background: #30bf5b;\r\n color: white;\r\n cursor: not-allowed;\r\n }\r\n }\r\n .invalid-email {\r\n padding-top: 5px;\r\n color: #dc3545;\r\n }\r\n\r\n valid-email {\r\n color: #30bf5b;\r\n }\r\n`;\r\n\r\nexport default Footer;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\nconst NavBg = () => {\r\n const [navScroll, setNavScroll] = useState(false);\r\n\r\n const toggleNav = () => {\r\n if (window.scrollY > 2) {\r\n setNavScroll(true);\r\n } else {\r\n setNavScroll(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", toggleNav);\r\n return () => window.removeEventListener(\"scroll\", toggleNav);\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst NavBgWrapper = styled.div`\r\n div {\r\n position: fixed;\r\n z-index: 1;\r\n top: 0;\r\n left: 0;\r\n min-width: 100%;\r\n height: 108px;\r\n transition: 0.25s;\r\n background: black;\r\n }\r\n\r\n .scroll {\r\n height: 58px;\r\n }\r\n`;\r\n\r\nexport default NavBg;\r\n","import React, { useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { RiArrowDropUpLine } from \"react-icons/ri\";\r\n\r\nconst ScrollButton = () => {\r\n const [pageScroll, setPageScroll] = useState(false);\r\n\r\n const toggleNav = () => {\r\n if (window.scrollY > 150) {\r\n setPageScroll(true);\r\n } else {\r\n setPageScroll(false);\r\n }\r\n };\r\n\r\n window.addEventListener(\"scroll\", toggleNav);\r\n\r\n const handleClick = () => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst ScrollButtonWrapper = styled.button`\r\n position: fixed;\r\n z-index: 99990;\r\n right: 0px;\r\n bottom: -60px;\r\n opacity: 0;\r\n height: 60px;\r\n width: 60px;\r\n outline: 0 none;\r\n border-radius: 50%;\r\n /* background-color: var(--color-p-2); */\r\n background-color: var(--color-p-2);\r\n border: none;\r\n display: grid;\r\n place-content: center;\r\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n /* box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%),\r\n 0 3px 1px -2px rgb(0 0 0 / 20%); */\r\n box-shadow: rgb(0 0 0 / 10%) 0px 1px 6px, rgb(0 0 0 / 20%) 0px 2px 24px;\r\n color: var(--color-g-4);\r\n font-size: 50px;\r\n outline: none;\r\n :hover {\r\n box-shadow: rgb(0 0 0 / 20%) 0px 2px 10px, rgb(0 0 0 / 30%) 0px 4px 28px;\r\n }\r\n\r\n ${({ pageScroll }) =>\r\n pageScroll &&\r\n css`\r\n /* right: 30px; */\r\n @media screen and (min-width: 768px) {\r\n bottom: 38px;\r\n opacity: 1;\r\n right: 100px;\r\n }\r\n `}\r\n`;\r\n\r\nexport default ScrollButton;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { NavBg } from \"../../Components/Layout\";\r\nimport { Helmet } from \"react-helmet\";\r\nconst ErrorPage = () => {\r\n return (\r\n \r\n \r\n Error404 | Not Found \r\n \r\n \r\n \r\n
\r\n

\r\n Page Not Found ¯\\_(ツ)_/¯\r\n

\r\n

\r\n We cannot find the page you have requested. Please contact{\" \"}\r\n support@synicsw.com for\r\n assistance.\r\n

\r\n

\r\n We apologise for any inconvenience caused.\r\n

\r\n

\r\n Return to the Homepage\r\n

\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst ErrorPageWrapper = styled.section`\r\n h1 {\r\n color: black;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n span {\r\n color: var(--color-p-4);\r\n }\r\n`;\r\n\r\nexport default ErrorPage;\r\n","function importAll(path) {\r\n return path.keys().map(path);\r\n}\r\n\r\nexport const titleImages = importAll(\r\n require.context(\"../Assets/portfolio/title\", false, /\\.(png|jpe?g|svg)$/)\r\n);\r\n\r\nexport const teamImages = importAll(\r\n require.context(\"../Assets/about/team\", false, /\\.(png|jpe?g|svg)$/)\r\n);\r\n\r\nexport const bioImages = importAll(\r\n require.context(\"../Assets/about/bio\", false, /\\.(png|jpe?g|svg)$/)\r\n);\r\n\r\nexport const portfolioDetailsImages = importAll(\r\n require.context(\"../Assets/portfolio/details\", false, /\\.(png|jpe?g|svg)$/)\r\n);\r\n\r\nexport const landingImages = importAll(\r\n require.context(\"../Assets/landing/info\", false, /\\.(png|jpe?g|svg)$/)\r\n);\r\n","import { titleImages, portfolioDetailsImages } from \"./imageImport\";\r\n\r\nexport const portfolioData = [\r\n {\r\n title: \"Max Merge Solutions\",\r\n id: \"max-merge-solutions\",\r\n // excerpt: \"A bespoke document merging solution!\",\r\n image: titleImages[0],\r\n details: {\r\n name: \"Max Merge Solutions\",\r\n excerpt:\r\n \"A bespoke document merging solution for mortgage professionals, by mortgage professionals.\",\r\n img: portfolioDetailsImages[0],\r\n lists: [\r\n {\r\n heading: \"Obstacle\",\r\n points: [\r\n \"Full preliminary design and launch of a new brand\",\r\n \"Brand recognition and visibility\",\r\n \"Brand accessibility and engagement\",\r\n \"Social Media expansion and management\",\r\n ],\r\n },\r\n {\r\n heading: \"Resolution\",\r\n points: [\r\n \"Discovery + Branding\",\r\n \"Explainer + Tutorial Videos\",\r\n \"Digital Marketing\",\r\n \"Social Media Management\",\r\n \"Live Webinars\",\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n {\r\n title: \"heymate!\",\r\n id: \"heymate\",\r\n // excerpt: \"One app, one system. Limitless potential\",\r\n image: titleImages[1],\r\n details: {\r\n name: \"heymate!\",\r\n excerpt:\r\n \"heymate! means less divide, more conquer. Handling all your business operations in one platform, in minutes. \",\r\n img: portfolioDetailsImages[1],\r\n lists: [\r\n {\r\n heading: \"Obstacle\",\r\n points: [\r\n \"Full preliminary design and launch of a new brand\",\r\n \"Kick-start audience and traction\",\r\n \"Make the platform accessible and engaging\",\r\n \"Optimize user flow\",\r\n ],\r\n },\r\n {\r\n heading: \"Resolution\",\r\n points: [\" Branding consultation\", \"Explainer video\"],\r\n },\r\n ],\r\n },\r\n },\r\n {\r\n title: \"Liberal Party of Canada\",\r\n // excerpt: \"Digital Marketing and Social Services\",\r\n image: titleImages[2],\r\n id: \"liberal-party-of-canada\",\r\n details: {\r\n name: \"Liberal Party of Canada\",\r\n excerpt:\r\n \"Amir Alavi is the Liberal Candidate for Prince George-Peace River-Northern Rockies in Canada’s 2021 election.\",\r\n img: portfolioDetailsImages[2],\r\n lists: [\r\n {\r\n heading: \"Obstacle\",\r\n points: [\r\n \"Develop public awareness\",\r\n \"Refine image for clear messaging\",\r\n \"Manage public perception\",\r\n ],\r\n },\r\n {\r\n heading: \"Resolution\",\r\n points: [\r\n \"Social Media Branding + Management\",\r\n \"Public Relations\",\r\n \"Digital Advertising\",\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n {\r\n title: \"Terre+Eau\",\r\n id: \"terre+eau\",\r\n // excerpt: \"Digital Marketing and Social Services\",\r\n image: titleImages[3],\r\n details: {\r\n name: \"Terre+Eau\",\r\n excerpt:\r\n \"Terre+Eau draws on elements from earth and sea to craft premium sanitizers. Concocted with the finest ingredients and essential oils from around the world.\",\r\n img: portfolioDetailsImages[3],\r\n lists: [\r\n {\r\n heading: \"Obstacle\",\r\n points: [\r\n \"Develop a clear brand voice\",\r\n \"Disseminate messaging\",\r\n \"Grow audience and conversion rates\",\r\n ],\r\n },\r\n {\r\n heading: \"Resolution\",\r\n points: [\r\n \"Product Photography\",\r\n \"Professional Editing\",\r\n \"Social Media\",\r\n \"Advertising Campaigns\",\r\n \"Influencer Marketing\",\r\n ],\r\n },\r\n ],\r\n },\r\n },\r\n // {\r\n // title: \"Roomvu\",\r\n // // excerpt: \"Digital Marketing and Social Services\",\r\n // image: titleImages[4],\r\n // details: {\r\n // name: \"Roomvu\",\r\n // excerpt:\r\n // \"Roomvu is a professional real estate marketing and analytics platform curated by and for realtors.\",\r\n // img: portfolioDetailsImages[4],\r\n // lists: [\r\n // {\r\n // heading: \"Obstacle\",\r\n // points: [\"Increase brand awareness\", \"Refine marketing approach\"],\r\n // },\r\n // {\r\n // heading: \"Resolution\",\r\n // points: [\"Live Webinars\", \"Social Media Consultation + Strategy\"],\r\n // },\r\n // ],\r\n // },\r\n // },\r\n];\r\n\r\nexport const getSinglePortfolio = (id) => {\r\n const singlePortfolio = portfolioData.filter((p) => {\r\n return p.id === id;\r\n });\r\n\r\n return singlePortfolio[0] ? singlePortfolio[0].details : null;\r\n};\r\n","import React from \"react\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { FiArrowRight, FiArrowLeft } from \"react-icons/fi\";\r\nconst PortfolioCard = ({ portfolio, left, index }) => {\r\n const { image, title, excerpt, id } = portfolio;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n {title}\r\n
\r\n
\r\n {left ? (\r\n
\r\n \r\n \r\n \r\n Learn More\r\n
\r\n ) : (\r\n
\r\n Learn More\r\n \r\n \r\n \r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n

{title}

\r\n \r\n

{excerpt}

\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nconst PortfolioCardWrapper = styled(Row)`\r\n .img-wrapper {\r\n box-shadow: 0 2px 20px rgb(0 0 0 / 6%);\r\n border-radius: 5px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .text-content {\r\n width: 100%;\r\n }\r\n\r\n .overlay {\r\n width: 50%;\r\n height: 100%;\r\n position: absolute;\r\n background-color: white;\r\n transition: 0.5s;\r\n top: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: end;\r\n align-items: flex-end;\r\n transform: ${(props) =>\r\n props.left ? \"translateX(100%)\" : \"translateX(-100%)\"};\r\n\r\n .overlay-heading {\r\n color: black;\r\n font-size: 17px;\r\n font-weight: 700;\r\n padding: 5rem 1rem;\r\n @media screen and (min-width: 992px) {\r\n padding: 5rem 1.3rem;\r\n }\r\n display: flex;\r\n align-items: center;\r\n span {\r\n margin: 0 6px;\r\n font-size: 20px;\r\n text-align: center;\r\n }\r\n }\r\n }\r\n\r\n .black-bar {\r\n width: 30%;\r\n height: 7px;\r\n position: absolute;\r\n right: 0;\r\n bottom: 3.5rem;\r\n background-color: black;\r\n }\r\n\r\n ${({ left }) =>\r\n !left &&\r\n css`\r\n .overlay {\r\n left: 0;\r\n justify-content: start;\r\n }\r\n\r\n .black-bar {\r\n left: 0;\r\n }\r\n `}\r\n\r\n .screen {\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.4);\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n border-radius: 5px;\r\n transition: 0.4s;\r\n opacity: 0;\r\n }\r\n\r\n .img-link :hover {\r\n .screen {\r\n opacity: 1;\r\n }\r\n .overlay {\r\n transform: translateX(0%);\r\n }\r\n }\r\n img {\r\n width: 100%;\r\n min-height: 100%;\r\n border-radius: 6px;\r\n object-fit: cover;\r\n }\r\n\r\n h2 {\r\n color: #383838;\r\n font-weight: 700;\r\n font-size: 27px;\r\n transition: 0.4s;\r\n :hover {\r\n color: var(--color-p-5);\r\n }\r\n }\r\n p {\r\n color: #454545;\r\n font-size: 16px;\r\n }\r\n`;\r\n\r\nexport default PortfolioCard;\r\n","import React from \"react\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Button02 = ({ children, click }) => {\r\n return (\r\n \r\n \r\n {children}\r\n \r\n \r\n );\r\n};\r\n\r\nconst ButtonWrapper = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n height: 100%;\r\n .btn {\r\n /* min-width: 100%; */\r\n background: var(--color-p-2);\r\n color: var(--color-g-5);\r\n padding: 0 36px;\r\n position: relative;\r\n border: 2px solid var(--color-p-2);\r\n height: 3.25rem;\r\n font-size: 15px;\r\n transition: 0.4s;\r\n white-space: nowrap;\r\n :after {\r\n content: \"»\";\r\n position: absolute;\r\n opacity: 0;\r\n right: -20px;\r\n transition: 0.4s;\r\n }\r\n :hover {\r\n padding-right: 60px;\r\n padding-left: 12px;\r\n background: var(--color-p-2);\r\n }\r\n :hover:after {\r\n opacity: 1;\r\n right: 20px;\r\n }\r\n }\r\n`;\r\n\r\nexport default Button02;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Col, Row } from \"reactstrap\";\r\nimport portfoliobg from \"../../Assets/portfolio/portfoliobg.jpg\";\r\nimport { portfolioData } from \"../../Data/portfolioData\";\r\nimport PortfolioCard from \"../../Components/Portfolio/PortfolioCard\";\r\nimport Button02 from \"../../Components/Shared/Button02\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nconst PortfolioPage = () => {\r\n return (\r\n \r\n \r\n Portfolio\r\n \r\n \r\n
\r\n \r\n \r\n

Portfolio

\r\n

\r\n Electrifying your brand, and theirs. Our diverse clientele have\r\n seen tangible ROI and elevated engagement as a result of our\r\n collaboration. Here's the latest.\r\n

\r\n \r\n
\r\n
\r\n \r\n {portfolioData.map((portfolio, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n get started now\r\n \r\n \r\n \r\n

\r\n Check out Our Team's{\" \"}\r\n \r\n Portfolio »\r\n \r\n

\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst PortfolioPageWrapper = styled.div`\r\n background-color: var(--color-bg);\r\n\r\n .link-outside {\r\n font-size: 16px;\r\n @media screen and (min-width: 768px) {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n .header {\r\n background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),\r\n url(${(props) => props.background}) center/cover no-repeat;\r\n\r\n h1 {\r\n line-height: 1.285;\r\n font-size: 40px;\r\n margin-bottom: 20px;\r\n color: white;\r\n font-weight: 600;\r\n }\r\n p {\r\n font-size: 17px;\r\n color: white;\r\n }\r\n @media screen and (min-width: 996px) {\r\n h1 {\r\n font-size: 50px;\r\n }\r\n p {\r\n font-size: 18px;\r\n }\r\n }\r\n @media screen and (min-width: 1200px) {\r\n h1 {\r\n font-size: 58px;\r\n margin-bottom: 30px;\r\n }\r\n }\r\n }\r\n`;\r\n\r\nexport default PortfolioPage;\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\n// import useWindowDimensions from \"../../Utility/windowDimensions\";\r\nconst AppearWrapper = ({ children, alwaysAppear }) => {\r\n const topRef = useRef(null);\r\n const [appear, setAppear] = useState(false);\r\n // const { width } = useWindowDimensions();\r\n\r\n const toggleAppear = () => {\r\n if (topRef && topRef.current) {\r\n const top = topRef.current.offsetTop;\r\n const winHeight = window.innerHeight;\r\n // const offSet = width > 768 ? winHeight / 3 : winHeight / 1.5;\r\n if (window.scrollY > top - winHeight) {\r\n setAppear(true);\r\n } else {\r\n // setAppear(false);\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", toggleAppear);\r\n if (alwaysAppear) {\r\n setAppear(alwaysAppear);\r\n } // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nexport default AppearWrapper;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport Container from \"reactstrap/lib/Container\";\r\nimport Row from \"reactstrap/lib/Row\";\r\nimport Col from \"reactstrap/lib/Col\";\r\nimport Button02 from \"../Shared/Button02\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AppearWrapper from \"../Shared/AppearWrapper\";\r\nconst InfoVertical = ({ data, bg, reverseOrder, alwaysAppear }) => {\r\n const { title, text, cards, button, image } = data;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n {title.map((item, index) => {\r\n return (\r\n

\r\n {item}\r\n
\r\n

\r\n );\r\n })}\r\n
\r\n \r\n
\r\n \r\n {text &&

{text}

}
\r\n {cards.map((card, index) => {\r\n return (\r\n \r\n \r\n
\r\n {card.name}\r\n
\r\n \r\n \r\n

{card.name}

\r\n {card.text &&

{card.text}

}\r\n {card.list && (\r\n
    \r\n {card.list.map((li, index) => {\r\n return (\r\n
  • \r\n {li}\r\n
  • \r\n );\r\n })}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n })}\r\n
\r\n \r\n {button.text}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst InfoVerticalWrapper = styled.section`\r\n background-color: ${(props) => (props.bg ? props.bg : \"white\")};\r\n\r\n img {\r\n height: 100%;\r\n width: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .vertical-img {\r\n border-radius: 25px;\r\n /* border: 1px solid var(--color-p-2); */\r\n /* box-shadow: 0 5px 10px 8px rgba(0, 0, 0, 0.1); */\r\n }\r\n\r\n .divider {\r\n margin: 0;\r\n }\r\n\r\n li {\r\n white-space: nowrap;\r\n }\r\n\r\n h4 {\r\n font-weight: 500;\r\n }\r\n\r\n p {\r\n line-height: 1.7;\r\n color: #3e4243;\r\n font-size: 16px;\r\n }\r\n\r\n ul {\r\n list-style: inside;\r\n color: black;\r\n font-size: 16px;\r\n line-height: 2;\r\n }\r\n`;\r\n\r\nexport default InfoVertical;\r\n","import React from \"react\";\r\nimport Container from \"reactstrap/lib/Container\";\r\nimport Row from \"reactstrap/lib/Row\";\r\nimport styled from \"styled-components\";\r\nimport Col from \"reactstrap/lib/Col\";\r\nimport Button02 from \"../Shared/Button02\";\r\nimport { Link } from \"react-router-dom\";\r\nimport AppearWrapper from \"../Shared/AppearWrapper\";\r\n\r\nconst InfoHorizontal = ({\r\n data: { title, cards, button },\r\n bg,\r\n alwaysAppear,\r\n}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {title.map((item, index) => {\r\n return (\r\n

\r\n {item}\r\n
\r\n

\r\n );\r\n })}\r\n \r\n
\r\n
\r\n \r\n {cards.map((card, index) => {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n {card.name}\r\n
\r\n
\r\n

{card.name}

\r\n

{card.text}

\r\n
\r\n
\r\n
\r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n {button.text}\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst InfoHorizontaltWrapper = styled.section`\r\n overflow-y: hidden;\r\n background-color: ${(props) => (props.bg ? props.bg : \"white\")};\r\n h4 {\r\n font-weight: 600;\r\n }\r\n p {\r\n color: #3e4243;\r\n }\r\n`;\r\n\r\nexport default InfoHorizontal;\r\n","import collaboration from \"../Assets/icons/collaboration.svg\";\r\nimport chatBubble from \"../Assets/icons/chat-bubble.svg\";\r\nimport dashboard from \"../Assets/icons/dashboard.svg\";\r\nimport zoom from \"../Assets/icons/zoom.svg\";\r\nimport book from \"../Assets/icons/book.svg\";\r\nimport layout from \"../Assets/icons/layout.svg\";\r\nimport globe from \"../Assets/icons/globe.svg\";\r\nimport menu from \"../Assets/icons/menu.svg\";\r\nimport file from \"../Assets/icons/file.svg\";\r\nimport microphone from \"../Assets/icons/microphone.svg\";\r\nimport play from \"../Assets/icons/play.svg\";\r\nimport monitor from \"../Assets/icons/monitor.svg\";\r\nimport shoppingBag from \"../Assets/icons/shopping-bag.svg\";\r\n\r\nexport const infoData01 = {\r\n title: [\"Digital Transformation\"],\r\n cards: [\r\n {\r\n name: \"Consulting\",\r\n text: \"Consulting at C&R is building a better working world by realizing business transformation through the power of people, technology and innovation.\",\r\n image: collaboration,\r\n },\r\n {\r\n name: \"Digitalize your Business\",\r\n text: \"We help you convert your manual pen & paper processes into digitalized ones\",\r\n image: chatBubble,\r\n },\r\n {\r\n name: \"Focus on your Business\",\r\n text: \"We will introduce software systems that are tailored for your business so you don't have to worry about the mundane chores anymore\",\r\n image: dashboard,\r\n },\r\n ],\r\n button: {\r\n url: \"/contact\",\r\n text: \"Talk to Us\",\r\n },\r\n};\r\n\r\nexport const infoData02 = {\r\n title: [\"Online Marketing\"],\r\n cards: [\r\n {\r\n name: \"Name your platform\",\r\n text: \"From Google to YouTube, we'll help you create and implement a campaign on any platform you fancy. With a brainy development team, you'll get optimum functionality. Anytime, anyplace.\",\r\n image: book,\r\n },\r\n {\r\n name: \"Curate your content\",\r\n text: \"As a full-service digital media agency, we create advertisements from concept to implementation, or help you distribute your centrepiece swag. Your vision. Your brand. Front and centre.\",\r\n image: layout,\r\n },\r\n {\r\n name: \"In-house Expertise\",\r\n text: \"A bigger logo of your company isn’t enough for gaining attention. Our in-house experts not only geek out on keywords to get your brand marketed but aim for conversion rate optimisation and search engine optimisation.\",\r\n image: zoom,\r\n },\r\n ],\r\n button: {\r\n url: \"/contact\",\r\n text: \"Hold Inquiry\",\r\n },\r\n};\r\n\r\nexport const infoData03 = {\r\n title: [\"Grant Writing\"],\r\n cards: [\r\n {\r\n name: \"Researching Opportunities\",\r\n text: \"Need wage subsidies? Looking to fund a new venture? Seeking support for specific communities? We're here to help. Collating eligible opportunities, in alignment with your goals.\",\r\n image: globe,\r\n },\r\n {\r\n name: \"Formal Proposals\",\r\n text: \"Whether it's from scratch to submission, or if you're just looking for a structure overhaul, we've got your back. We'll highlight your core purpose and prioritize your evidence for the strongest case possible.\",\r\n image: menu,\r\n },\r\n {\r\n name: \"Pitch Deck\",\r\n text: \"Curated for your goals, targets and tone. Whether it's a horror film or an SaaS solution, our team will package your project to perfection. Speech prompts are also available for oral presentation.\",\r\n image: zoom,\r\n },\r\n ],\r\n button: {\r\n url: \"/contact\",\r\n text: \"Get our attention\",\r\n },\r\n};\r\n\r\nexport const infoData04 = {\r\n title: [\"Cyber Security\"],\r\n cards: [\r\n {\r\n name: \"Managed Security Services\",\r\n text: \"Alerting, Correlation Investigation & Escalation powered by HG Analytics\",\r\n image: globe,\r\n },\r\n {\r\n name: \"Advisory Services\",\r\n text: \"Governance, Risk & Compliance, Privacy & PCI Compliance Support\",\r\n image: menu,\r\n },\r\n {\r\n name: \"Security Assessments & Testing\",\r\n text: \"Vulnerability Management, Penetration Testing, Red Team Operations\",\r\n image: zoom,\r\n },\r\n ],\r\n button: {\r\n url: \"/contact\",\r\n text: \"Get our attention\",\r\n },\r\n};\r\n\r\nexport const infoVertical01 = {\r\n title: [\"Website &\", \"Development\"],\r\n cards: [\r\n {\r\n name: \"UX/UI Design & Testing\",\r\n text: \"The immediacy of the 21st century means that if an interface, i.e. website, isn't intuitive to use or easy to look at, it'll lose rep. This is especially true for millennials and Gen Z. We develop in a responsive way, with live-time feedback for fast-tracked evolution. Grounded in research (which we take care of) and tested by our team. All you'll need to do is drop.\",\r\n image: monitor,\r\n },\r\n {\r\n name: \"E-Commerce\",\r\n list: [\r\n \"Consultant/Groupie\",\r\n \"Copywriter\",\r\n \"Amazon\",\r\n \"Alibaba\",\r\n \"Shopify\",\r\n ],\r\n image: shoppingBag,\r\n },\r\n ],\r\n button: {\r\n text: \"Let's initiate\",\r\n url: \"/contact\",\r\n },\r\n image:\r\n \"https://res.cloudinary.com/dp94c6f82/image/upload/w_668,h_625,c_crop,f_auto,q_auto/v1623995747/synic-new/marketing/website-landing_yybemy.jpg\",\r\n};\r\n\r\nexport const infoVertical02 = {\r\n title: [\"Content Creation\"],\r\n text: \"Our studio team is made up of multi-talented consultants with real-world experience. They will define your content in the context of its industry. Whether you need ongoing support for world domination, or literally a one-and-done blog post, we got you.\",\r\n cards: [\r\n {\r\n name: \"Copy-writing & SEO\",\r\n list: [\"Creative script writing\", \"SEO consulting\"],\r\n image: file,\r\n },\r\n {\r\n name: \"Visual Arts\",\r\n list: [\"Visual content\", \"Custom logo design\", \"Brand strategy\"],\r\n image: layout,\r\n },\r\n {\r\n name: \"Media Production\",\r\n list: [\r\n \"Digital storyboards\",\r\n \"Custom logo design\",\r\n \"On-site photography & videography\",\r\n ],\r\n image: play,\r\n },\r\n {\r\n name: \"Podcast Creation\",\r\n list: [\"Audio\", \"Visual\"],\r\n image: microphone,\r\n },\r\n ],\r\n button: {\r\n text: \"Let's Create\",\r\n url: \"/contact\",\r\n },\r\n image:\r\n \"https://res.cloudinary.com/dp94c6f82/image/upload/w_619,h_836,c_crop,f_auto,q_auto/v1623996220/synic-new/marketing/content_nvuwrd.jpg\",\r\n};\r\n","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport InfoVertical from \"../../Components/Home/InfoVertical\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport InfoHorizontal from \"../../Components/Home/InfoHorizontal\";\r\nimport { scrollToElement } from \"../../Utility\";\r\nimport Container from \"reactstrap/lib/Container\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nimport {\r\n infoData01,\r\n infoData02,\r\n infoData03,\r\n infoData04,\r\n infoVertical01,\r\n infoVertical02,\r\n} from \"../../Data/homePageData\";\r\n\r\nconst paramName = {\r\n \"social-media-management\": 0,\r\n \"website-and-development\": 1,\r\n \"content-creation\": 2,\r\n marketing: 3,\r\n \"grant-writing\": 4,\r\n};\r\n\r\nconst ServicesPage = () => {\r\n const { id } = useParams();\r\n\r\n return (\r\n \r\n \r\n Services\r\n \r\n \r\n
\r\n \r\n

Services

\r\n
\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst ServicesPageWrapper = styled.div`\r\n .header {\r\n min-width: 100%;\r\n background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),\r\n url(\"https://res.cloudinary.com/dp94c6f82/image/upload/h_480,c_scale,f_auto,q_auto/v1623981348/synic-new/service2.jpg\")\r\n center/cover no-repeat;\r\n h1 {\r\n color: rgba(255, 255, 255, 1);\r\n font-size: 38px;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n .header {\r\n h1 {\r\n font-size: 48px;\r\n }\r\n }\r\n }\r\n @media screen and (min-width: 992px) {\r\n .header {\r\n h1 {\r\n font-size: 58px;\r\n }\r\n }\r\n }\r\n`;\r\n\r\nexport default ServicesPage;\r\n","export const projects = [\r\n \"Social Media Management\",\r\n \"Web Design & Development\",\r\n \"Content Creation\",\r\n \"Digital Marketing Services\",\r\n \"Grant Writing\",\r\n];\r\n\r\nexport const services = [\r\n \"Consultation\",\r\n \"User Research\",\r\n \"Design\",\r\n \"Development\",\r\n \"Testing\",\r\n \"Launch\",\r\n \"Ongoing Support\",\r\n];\r\n\r\nexport const timeline = {\r\n small: [\r\n {\r\n value: 0,\r\n label: \"not sure\",\r\n },\r\n {\r\n value: 1,\r\n label: \"1mo\",\r\n },\r\n {\r\n value: 2,\r\n label: \"6mo\",\r\n },\r\n {\r\n value: 3,\r\n label: \"1yr\",\r\n },\r\n {\r\n value: 4,\r\n label: \"1.5yr\",\r\n },\r\n {\r\n value: 5,\r\n label: \"2yr\",\r\n },\r\n {\r\n value: 6,\r\n label: \"∞\",\r\n },\r\n ],\r\n large: [\r\n {\r\n value: 0,\r\n label: \"not sure\",\r\n },\r\n {\r\n value: 1,\r\n label: \"1 month\",\r\n },\r\n {\r\n value: 2,\r\n label: \"6 month\",\r\n },\r\n {\r\n value: 3,\r\n label: \"1 year\",\r\n },\r\n {\r\n value: 4,\r\n label: \"1.5 year\",\r\n },\r\n {\r\n value: 5,\r\n label: \"2 years\",\r\n },\r\n {\r\n value: 6,\r\n label: \"∞\",\r\n },\r\n ],\r\n};\r\n\r\nexport const budget = [\r\n \"$100 - $500\",\r\n \"$500 - $1000\",\r\n \"$1000 - $2000\",\r\n \"$2000 - $3000\",\r\n \"$3000 - $4000\",\r\n \"$4000 - $5000\",\r\n \"$5000+\",\r\n];\r\n\r\nexport const budgetLabel = [\r\n {\r\n value: 100,\r\n label: \"$100\",\r\n },\r\n {\r\n value: 2500,\r\n label: \"$2500\",\r\n },\r\n {\r\n value: 5000,\r\n label: \"$5000\",\r\n },\r\n {\r\n value: 7500,\r\n label: \"$7500\",\r\n },\r\n {\r\n value: 10000,\r\n label: \"$10000+\",\r\n },\r\n];\r\n","import { useState, useEffect } from \"react\";\r\n\r\nfunction getWindowDimensions() {\r\n const { innerWidth: width, innerHeight: height } = window;\r\n return {\r\n width,\r\n height,\r\n };\r\n}\r\n\r\nexport default function useWindowDimensions() {\r\n const [windowDimensions, setWindowDimensions] = useState(\r\n getWindowDimensions()\r\n );\r\n\r\n useEffect(() => {\r\n function handleResize() {\r\n setWindowDimensions(getWindowDimensions());\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, []);\r\n\r\n return windowDimensions;\r\n}\r\n","import { TextField } from \"@material-ui/core\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\n\r\nconst CustomTextField = withStyles({\r\n root: {\r\n \"& label.Mui-focused\": {\r\n color: \"var(--color-p-3)\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n color: \"var(--color-p-3)\",\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"#ced4da\",\r\n borderWidth: \"1px\",\r\n width: \"100%\",\r\n borderRadius: \"5px\",\r\n },\r\n \"&:hover fieldset\": {\r\n borderWidth: \"1px\",\r\n borderColor: \"#ced4da\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderWidth: \"1px\",\r\n borderColor: \"var(--color-p-3)\",\r\n },\r\n\r\n \"& .MuiOutlinedInput-input\": {\r\n padding: \"15px 14px\",\r\n },\r\n },\r\n },\r\n})(TextField);\r\n\r\nexport default CustomTextField;\r\n\r\nexport const CustomTextField2 = withStyles({\r\n root: {\r\n \"& label.Mui-focused\": {\r\n color: \"var(--color-p-3)\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n color: \"var(--color-p-3)\",\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"#ced4da\",\r\n borderWidth: \"1px\",\r\n width: \"100%\",\r\n borderRadius: \"5px\",\r\n },\r\n \"&:hover fieldset\": {\r\n borderWidth: \"1px\",\r\n borderColor: \"#ced4da\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderWidth: \"1px\",\r\n borderColor: \"var(--color-p-3)\",\r\n },\r\n\r\n \"& .MuiOutlinedInput-input\": {\r\n padding: \"15px 14px\",\r\n color: \"#fff\",\r\n backgroundColor: \"rgba(0,0,0,0.6)\",\r\n borderRadius: \"5px\",\r\n },\r\n },\r\n },\r\n})(TextField);\r\n","export const formatPhone = (value, previousValue) => {\r\n if (!value) return value;\r\n const currentValue = value.replace(/[^\\d]/g, \"\");\r\n const cvLength = currentValue.length;\r\n\r\n if (!previousValue || value.length > previousValue.length) {\r\n if (cvLength < 4) return currentValue;\r\n if (cvLength < 7)\r\n return `(${currentValue.slice(0, 3)}) ${currentValue.slice(3)}`;\r\n return `(${currentValue.slice(0, 3)}) ${currentValue.slice(\r\n 3,\r\n 6\r\n )}-${currentValue.slice(6, 10)}`;\r\n }\r\n};\r\n","import React, { useState } from \"react\";\r\nimport { Container, Row, Col } from \"reactstrap/lib\";\r\nimport styled from \"styled-components\";\r\nimport Button02 from \"../../Components/Shared/Button02\";\r\nimport NavBg from \"../../Components/Layout/NavBg\";\r\nimport validator from \"validator\";\r\nimport { IoCloseOutline } from \"react-icons/io5\";\r\nimport {\r\n projects,\r\n services,\r\n timeline,\r\n budgetLabel,\r\n} from \"../../Data/quoteFormData\";\r\nimport {\r\n Checkbox,\r\n FormGroup,\r\n FormControlLabel,\r\n Slider,\r\n} from \"@material-ui/core\";\r\nimport useWindowDimensions from \"../../Utility/windowDimensions\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport CustomTextField from \"../../Components/Shared/CustomTextField\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nimport { formatPhone } from \"../../Utility/formatPhone\";\r\n\r\nconst CustomCheckbox = withStyles({\r\n root: {\r\n color: \"var(--color-g-2)\",\r\n \"&$checked\": {\r\n color: \"var(--color-p-3)\",\r\n \"& .MuiIconButton-label\": {\r\n position: \"relative\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiIconButton-label:after\": {\r\n content: '\"\"',\r\n left: 4,\r\n top: 4,\r\n height: 15,\r\n width: 15,\r\n position: \"absolute\",\r\n backgroundColor: \"var(--color-g-3)\",\r\n zIndex: -1,\r\n },\r\n },\r\n },\r\n\r\n checked: {},\r\n})((props) => );\r\n\r\nconst QuotePage = () => {\r\n const { width } = useWindowDimensions();\r\n\r\n const [modalOpen, setModalOpen] = useState(false);\r\n const [data, setData] = useState({\r\n projects: Object.fromEntries(projects.map((project) => [project, false])),\r\n services: Object.fromEntries(services.map((service) => [service, false])),\r\n timelineValue: timeline.large[0].value,\r\n timeline: timeline.large[0].label,\r\n budget: budgetLabel[0].value,\r\n });\r\n\r\n const [name, setName] = useState(\"\");\r\n const [company, setCompany] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n const [phone, setPhone] = useState(\"\");\r\n const [message, setMessage] = useState(\"\");\r\n const [emailVal, setEmailVal] = useState(\"\");\r\n const [messageVal, setMessageVal] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [classes, setClasses] = useState([]);\r\n\r\n const resetAll = () => {\r\n setData({\r\n projects: Object.fromEntries(projects.map((project) => [project, false])),\r\n services: Object.fromEntries(services.map((service) => [service, false])),\r\n timeline: timeline.large[0].label,\r\n timelineValue: timeline.large[0].value,\r\n budget: budgetLabel[0].value,\r\n });\r\n setEmail(\"\");\r\n setName(\"\");\r\n setCompany(\"\");\r\n setPhone(\"\");\r\n setMessage(\"\");\r\n setTimeout(() => {\r\n setModalOpen(false);\r\n }, 700);\r\n };\r\n\r\n const handlePhone = ({ target: { value } }) => {\r\n setPhone((prev) => formatPhone(value, prev));\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n let tempError = validateForm();\r\n setLoading(true);\r\n setClasses([\"animated\", \"state-1\"]);\r\n\r\n if (tempError) {\r\n setTimeout(() => {\r\n setClasses([]);\r\n setLoading(false);\r\n }, 1000);\r\n } else {\r\n setClasses([\"animated\", \"state-1\", \"state-2\"]);\r\n setTimeout(() => {\r\n resetAll();\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n }, 500);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const validateForm = () => {\r\n let tempError = false;\r\n if (!email) {\r\n setEmailVal(\"Email is required\");\r\n tempError = true;\r\n } else if (!validator.isEmail(email)) {\r\n setEmailVal(\"Please check if your email is correct\");\r\n tempError = true;\r\n } else {\r\n setEmailVal(\"\");\r\n }\r\n if (!message) {\r\n setMessageVal(\"Please include a message for us!\");\r\n tempError = true;\r\n } else {\r\n setMessageVal(\"\");\r\n }\r\n return tempError;\r\n };\r\n\r\n const handleProjectsCheck = (project) => {\r\n setData({\r\n ...data,\r\n projects: {\r\n ...data.projects,\r\n [project]: !data.projects[project],\r\n },\r\n });\r\n };\r\n\r\n const handleServicesCheck = (service) => {\r\n setData({\r\n ...data,\r\n services: {\r\n ...data.services,\r\n [service]: !data.services[service],\r\n },\r\n });\r\n };\r\n\r\n const handleTimelineChange = (e, val) => {\r\n e.preventDefault();\r\n setData({\r\n ...data,\r\n timeline: timeline.large[val].label,\r\n timelineValue: val,\r\n });\r\n };\r\n\r\n const handleBudgetChange = (e, val) => {\r\n e.preventDefault();\r\n setData({ ...data, budget: val });\r\n };\r\n\r\n return (\r\n \r\n \r\n Request a Quote\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n

Request a Quote

\r\n

Tell Us About Your Project

\r\n
\r\n \r\n \r\n

Projects

\r\n \r\n \r\n {projects.map((project, index) => {\r\n return (\r\n \r\n handleProjectsCheck(project)}\r\n checked={data.projects[project]}\r\n >\r\n }\r\n className=\"form-check-label\"\r\n label={project}\r\n />\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n

Timeline

\r\n \r\n \r\n handleTimelineChange(e, val)}\r\n max={timeline.small.length - 1}\r\n marks={width > 992 ? timeline.large : timeline.small}\r\n />\r\n \r\n
\r\n \r\n \r\n

Budget

\r\n \r\n \r\n budgetLabel[0].value ? \"on\" : \"auto\"\r\n }`}\r\n onChange={(e, val) => handleBudgetChange(e, val)}\r\n max={budgetLabel[budgetLabel.length - 1].value}\r\n marks={budgetLabel}\r\n />\r\n \r\n
\r\n \r\n \r\n

Services

\r\n \r\n \r\n {services.map((service, index) => {\r\n return (\r\n \r\n handleServicesCheck(service)}\r\n checked={data.services[service]}\r\n >\r\n }\r\n className=\"form-check-label\"\r\n label={service}\r\n />\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n setModalOpen(true)}>Continue\r\n \r\n \r\n
\r\n setModalOpen(false)}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n

Fill in your...

\r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setModalOpen(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n setName(e.target.value)}\r\n />\r\n \r\n \r\n setCompany(e.target.value)}\r\n fullWidth\r\n variant=\"outlined\"\r\n InputLabelProps={{\r\n style: {\r\n top: \"-2px\",\r\n },\r\n }}\r\n />\r\n \r\n\r\n \r\n setEmail(e.target.value)}\r\n required\r\n InputLabelProps={{\r\n style: {\r\n top: \"-2px\",\r\n },\r\n }}\r\n />\r\n
{emailVal}
\r\n \r\n \r\n \r\n \r\n \r\n setMessage(e.target.value)}\r\n >\r\n
{messageVal}
\r\n \r\n
\r\n \r\n \r\n \r\n Submit\r\n Sending...\r\n Done\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst QuotePageWrapper = styled.div`\r\n position: relative;\r\n color: rgba(0, 0, 0, 0.7);\r\n\r\n button {\r\n outline: none;\r\n }\r\n\r\n .header {\r\n h2 {\r\n color: black;\r\n font-size: 36px;\r\n font-weight: 600;\r\n }\r\n p {\r\n color: var(--color-g-4);\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n h4 {\r\n padding-left: 20px;\r\n font-size: 18px;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n h2 {\r\n font-size: 42px;\r\n }\r\n p {\r\n font-size: 18px;\r\n }\r\n }\r\n @media screen and (min-width: 992px) {\r\n h2 {\r\n font-size: 48px;\r\n }\r\n p {\r\n font-size: 20px;\r\n }\r\n }\r\n @media screen and (min-width: 1200px) {\r\n h2 {\r\n font-size: 50px;\r\n }\r\n p {\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n .checkgroup {\r\n margin-bottom: 10px;\r\n white-space: nowrap;\r\n }\r\n\r\n .MuiSlider-root {\r\n color: var(--color-p-4);\r\n width: 90%;\r\n margin-left: 25px;\r\n\r\n .MuiSlider-rail {\r\n height: 3px;\r\n }\r\n .MuiSlider-thumb {\r\n margin-top: -4px;\r\n }\r\n .MuiSlider-valueLabel {\r\n left: -23px;\r\n top: -20px;\r\n }\r\n .MuiSlider-valueLabel > span {\r\n height: 25px;\r\n width: 55px;\r\n transform: rotate(0);\r\n border-radius: 7px;\r\n }\r\n .MuiSlider-valueLabel > span > span {\r\n font-size: 14px;\r\n color: var(--color-g-4);\r\n transform: rotate(0);\r\n :before {\r\n content: \"$\";\r\n }\r\n }\r\n }\r\n\r\n .custom-modal {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n background-color: white;\r\n min-width: 100%;\r\n height: 80vh;\r\n overflow: scroll;\r\n ::-webkit-scrollbar-track {\r\n border-radius: 10px;\r\n background-color: #f5f5f5;\r\n }\r\n\r\n ::-webkit-scrollbar {\r\n width: 12px;\r\n background-color: #f5f5f5;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n border-radius: 10px;\r\n background-color: var(--color-p-2);\r\n }\r\n @media screen and (min-width: 768px) {\r\n height: 75vh;\r\n }\r\n @media screen and (min-width: 992px) {\r\n height: 70vh;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n height: 65vh;\r\n }\r\n\r\n transform: translateY(100%);\r\n transition: 0.3s;\r\n z-index: 2;\r\n .close-button {\r\n background: none;\r\n border: none;\r\n font-size: 30px;\r\n }\r\n .modal-text {\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n p {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n }\r\n\r\n input,\r\n textarea {\r\n resize: none;\r\n background: #f8f8f8;\r\n :focus {\r\n background: white;\r\n }\r\n }\r\n\r\n textarea {\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n box-sizing: border-box;\r\n :focus {\r\n box-shadow: none;\r\n border: 1px solid var(--color-p-4);\r\n }\r\n }\r\n }\r\n\r\n .modal-open {\r\n transform: translateY(0%);\r\n }\r\n\r\n .screen {\r\n position: fixed;\r\n top: 0;\r\n display: none;\r\n background: rgba(0, 0, 0, 0.5);\r\n min-height: 100vh;\r\n min-width: 100vw;\r\n z-index: 1;\r\n }\r\n\r\n .screen-open {\r\n display: block;\r\n }\r\n`;\r\n\r\nexport default QuotePage;\r\n","import React from \"react\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport Spinner from \"reactstrap/lib/Spinner\";\r\nimport { NavBg } from \"../Layout\";\r\nimport styled from \"styled-components\";\r\nconst LoadingSpinner = ({ title }) => {\r\n return (\r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\nconst SpinnerWrapper = styled.div`\r\n min-height: calc(100vh - 343px);\r\n min-width: 100%;\r\n display: grid;\r\n place-items: center;\r\n .spinner-border {\r\n margin-top: -140px;\r\n color: var(--color-p-3) !important;\r\n }\r\n`;\r\nexport default LoadingSpinner;\r\n","import React from \"react\";\r\nimport Button02 from \"./Button02\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport { NavBg } from \"../Layout\";\r\nimport { Container, Row, Col } from \"reactstrap/lib\";\r\nimport { Link } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nconst ErrorSection = ({ title, category, btn, link }) => {\r\n return (\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n

Oops, the {category} you're looking for doesn't exist

\r\n \r\n \r\n \r\n {btn}\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst ErrorWrapper = styled.div`\r\n min-height: calc(100vh - 343px);\r\n min-width: 100%;\r\n display: grid;\r\n place-items: center;\r\n\r\n h1 {\r\n font-size: 30px;\r\n }\r\n\r\n .error-center {\r\n margin-top: --108px;\r\n h1 {\r\n margin-bottom: 40px;\r\n }\r\n }\r\n`;\r\nexport default ErrorSection;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Container, Row, Col } from \"reactstrap/lib\";\r\nimport NavBg from \"../../Components/Layout/NavBg\";\r\nimport { getSinglePortfolio } from \"../../Data/portfolioData\";\r\nimport useWindowDimensions from \"../../Utility/windowDimensions\";\r\nimport Button02 from \"../../Components/Shared/Button02\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport LoadingSpinner from \"../../Components/Shared/LoadingSpinner\";\r\nimport ErrorSection from \"../../Components/Shared/ErrorSection\";\r\nconst SinglePortfolioPage = () => {\r\n const { id } = useParams();\r\n const [portfolio, setPortfolio] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n const { width } = useWindowDimensions();\r\n\r\n useEffect(() => {\r\n setLoading(() => true);\r\n const singlePortfolio = getSinglePortfolio(id);\r\n setPortfolio(singlePortfolio);\r\n setLoading(() => false);\r\n }, [id, loading]);\r\n\r\n if (loading) {\r\n return ;\r\n }\r\n\r\n if (!portfolio) {\r\n return (\r\n \r\n );\r\n }\r\n\r\n const { name, excerpt, img, lists } = portfolio;\r\n\r\n return (\r\n \r\n \r\n Portfolio | {name}\r\n \r\n \r\n \r\n {width > 1200 ? (\r\n \r\n \r\n

{name}

\r\n

{excerpt}

\r\n {lists.map((list, index) => {\r\n const { heading, points } = list;\r\n return (\r\n \r\n \r\n

{heading}

\r\n \r\n \r\n
    \r\n {points.map((point, index) => {\r\n return
  • {point}
  • ;\r\n })}\r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \"\"\r\n \r\n
\r\n ) : (\r\n \r\n \r\n

{name}

\r\n

{excerpt}

\r\n \r\n \r\n \"\"\r\n \r\n \r\n {lists.map((list, index) => {\r\n const { heading, points } = list;\r\n return (\r\n \r\n \r\n

{heading}

\r\n \r\n \r\n
    \r\n {points.map((point, index) => {\r\n return
  • {point}
  • ;\r\n })}\r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n )}\r\n \r\n \r\n Get Started Now\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst SinglePortfolioPageWrapper = styled.div`\r\n h1,\r\n h2 {\r\n color: #1e1d28;\r\n font-size: 44px;\r\n }\r\n\r\n h2 {\r\n font-size: 22px;\r\n }\r\n\r\n p {\r\n color: #454545;\r\n font-size: 18px;\r\n }\r\n\r\n img {\r\n height: 300px;\r\n object-fit: cover;\r\n @media screen and (min-width: 576px) {\r\n height: 400px;\r\n }\r\n @media screen and (min-width: 768px) {\r\n height: 450px;\r\n }\r\n @media screen and (min-width: 992px) {\r\n height: 500px;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n height: 550px;\r\n }\r\n }\r\n\r\n ul {\r\n margin-left: 40px;\r\n list-style-type: disc;\r\n }\r\n li {\r\n color: #454545;\r\n font-size: 18px;\r\n }\r\n`;\r\n\r\nexport default SinglePortfolioPage;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Row, Col } from \"reactstrap/lib\";\r\nimport aboutbg from \"../../Assets/about/aboutbg.jpg\";\r\nimport processImg from \"../../Assets/about/process.png\";\r\nimport { Helmet } from \"react-helmet\";\r\nconst AboutPage = () => {\r\n return (\r\n \r\n \r\n About Us\r\n \r\n
\r\n \r\n \r\n \r\n

About Us

\r\n

\r\n Digital branding for the 21st-century entrepreneur.\r\n

\r\n

\r\n We not only provide you with the answers to specific problems,\r\n like a paid advertisement, web development but also provide you\r\n with a tactical follow through with a team approach.{\" \"}\r\n

\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n

Who We Are

\r\n

\r\n Our team is made up of career professionals with diverse\r\n experience, driven by a passion for equality of access. We\r\n thrive on the variety that digital marketing brings. Eking out\r\n the particular magic of your brand, putting your purpose front\r\n and center.\r\n

\r\n

\r\n Our approach is holistic, knowing it’s not just about what you\r\n present; it's how you present. Everything with intentionality,\r\n so that from a simple post to a campaign event, all can be\r\n distilled to a clear message. Your message!\r\n

\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n

Core Values

\r\n

\r\n The core value of C&R Digital Consulting is non-negotiable\r\n during projects, with deliverables driven by integrity and\r\n intentionality. From needing social media management to grant\r\n writing, when you work with C&R Digital Consulting, this is\r\n what you can expect.\r\n

\r\n \r\n
\r\n \r\n \r\n

Quality

\r\n

\r\n At SCM we aim to deliver a strategic plan in accordance with its\r\n client’s needs. Whether it’s SEO services, social media, email,\r\n B2B marketing or paid advertisements etc. We have your brand’s\r\n back in exploring, strategizing, executing and optimizing.{\" \"}\r\n

\r\n \r\n \r\n

Efficiency

\r\n

\r\n A marketing approach that is efficient today might not work two\r\n years from now. Here at SCM we have marketing plans from direct\r\n to web marketing based on the market research of current and\r\n future trends.{\" \"}\r\n

\r\n \r\n \r\n

Collaboration

\r\n

\r\n The brand story of SCM is quite simple as a few cool lads got\r\n together with{\" \"}\r\n \r\n Synic Software\r\n {\" \"}\r\n to help you market your brand. We built our brand with trust and\r\n have an empathetic environment where we could share ideas.{\" \"}\r\n

\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n

Process

\r\n

\r\n The life cycle of a project occurs in several stages to ensure\r\n your satisfaction with form, usability, and efficacy. From\r\n creative design to innovative custom marketing solutions, we're\r\n at the forefront of manifesting tomorrow's genius, today.\r\n

\r\n \r\n \r\n \"processes\"\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n

Team

\r\n

\r\n Our team is career professionals who value growth and community.\r\n Hiring individuals who are innovators in their field mean\r\n collaborative enrichment for exceptional results.\r\n

\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst AboutPageWrapper = styled.div`\r\n .section {\r\n padding: 115px 0px;\r\n }\r\n\r\n .limit-width {\r\n max-width: 55rem;\r\n }\r\n\r\n .title {\r\n color: black;\r\n }\r\n\r\n .team-text {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n font-weight: 600;\r\n color: #2d2d2d;\r\n }\r\n\r\n p {\r\n font-size: 16px;\r\n color: #3e4243;\r\n }\r\n\r\n h2 {\r\n font-size: 20px;\r\n color: #454545;\r\n }\r\n\r\n @media screen and (min-width: 992px) {\r\n h1 {\r\n font-size: 48px;\r\n }\r\n p {\r\n font-size: 18px;\r\n }\r\n .core-section {\r\n p {\r\n font-size: 16px;\r\n }\r\n }\r\n h2 {\r\n font-size: 28px;\r\n }\r\n }\r\n\r\n .header {\r\n min-width: 100%;\r\n background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),\r\n url(${(props) => props.background}) center/cover no-repeat;\r\n h1,\r\n p {\r\n color: white;\r\n }\r\n }\r\n .bg-1 {\r\n background-color: #f1f1f1;\r\n }\r\n .bg-2 {\r\n background-color: #080808;\r\n p,\r\n h1 {\r\n color: white;\r\n }\r\n }\r\n`;\r\n\r\nexport default AboutPage;\r\n","import React from \"react\";\r\nimport {\r\n IoPhonePortraitOutline,\r\n IoLocationOutline,\r\n IoMailOpenOutline,\r\n} from \"react-icons/io5\";\r\nimport { Row, Container } from \"reactstrap\";\r\nimport styled from \"styled-components\";\r\nimport { socialLinks } from \"../../Data/linksData\";\r\nconst ContactInfo = () => {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n

Address

\r\n
\r\n
\r\n \r\n #555-409 Granville Street Vancouver, BC, Canada\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n

Phone

\r\n
\r\n
\r\n (604) 681-1184\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n

Email

\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst ContactInfoWrapper = styled.div`\r\n .header {\r\n display: flex;\r\n align-items: center;\r\n .icon-wrapper {\r\n font-size: 35px;\r\n display: flex;\r\n align-items: center;\r\n color: #282c30;\r\n margin-left: -5px;\r\n margin-right: 20px;\r\n }\r\n .extra-margin-left {\r\n margin-left: -3px;\r\n }\r\n\r\n h2 {\r\n text-align: center;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #343a40;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n }\r\n a {\r\n color: #0b88ee;\r\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n font-size: 14px;\r\n :hover {\r\n color: #096cbd;\r\n }\r\n }\r\n\r\n .header {\r\n a {\r\n :visited {\r\n color: #343a40;\r\n }\r\n }\r\n }\r\n\r\n .body {\r\n border-bottom: 1px solid rgb(238, 238, 238);\r\n }\r\n\r\n .icon-container {\r\n a {\r\n margin-right: 8px;\r\n font-size: 22px;\r\n color: var(--color-g-4);\r\n :hover {\r\n color: var(--color-g-5);\r\n }\r\n }\r\n }\r\n`;\r\n\r\nexport default ContactInfo;\r\n","import React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Row, Col, Container } from \"reactstrap\";\r\nimport CustomTextField from \"../Shared/CustomTextField\";\r\nimport validator from \"validator\";\r\n\r\nconst ContactForm = () => {\r\n const [email, setEmail] = useState(\"\");\r\n const [emailVal, setEmailVal] = useState(\"\");\r\n const [name, setName] = useState(\"\");\r\n const [message, setMessage] = useState(\"\");\r\n const [messageVal, setMessageVal] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [classes, setClasses] = useState([]);\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n let tempError = validateForm();\r\n setLoading(true);\r\n setClasses([\"animated\", \"state-1\"]);\r\n\r\n if (tempError) {\r\n setTimeout(() => {\r\n setClasses([]);\r\n setLoading(false);\r\n }, 1000);\r\n } else {\r\n //submit\r\n setClasses([\"animated\", \"state-1\", \"state-2\"]);\r\n setTimeout(() => {\r\n resetAll();\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n }, 500);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const resetAll = () => {\r\n setEmail(\"\");\r\n setName(\"\");\r\n setMessage(\"\");\r\n };\r\n\r\n const validateForm = () => {\r\n let tempError = false;\r\n if (!email) {\r\n setEmailVal(\"Email is required\");\r\n tempError = true;\r\n } else if (!validator.isEmail(email)) {\r\n setEmailVal(\"Please check if your email is correct\");\r\n tempError = true;\r\n } else {\r\n setEmailVal(\"\");\r\n }\r\n if (!message) {\r\n setMessageVal(\"Please include a message for us!\");\r\n tempError = true;\r\n } else {\r\n setMessageVal(\"\");\r\n }\r\n return tempError;\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n

Contact Us

\r\n \r\n
\r\n \r\n \r\n setName(e.target.value)}\r\n InputLabelProps={{\r\n style: {\r\n top: \"-2px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n setEmail(e.target.value)}\r\n required\r\n InputLabelProps={{\r\n style: {\r\n top: \"-2px\",\r\n },\r\n }}\r\n />\r\n
{emailVal}
\r\n \r\n\r\n \r\n setMessage(e.target.value)}\r\n />\r\n
{messageVal}
\r\n \r\n
\r\n \r\n \r\n \r\n Submit\r\n Sending...\r\n Done\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst ContactFormWrapper = styled.div`\r\n h1 {\r\n color: #343a40;\r\n font-size: 45px;\r\n }\r\n\r\n input,\r\n textarea {\r\n resize: none;\r\n background: #f8f8f8;\r\n :focus {\r\n background: white;\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n textarea {\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n box-sizing: border-box;\r\n background-image: none !important;\r\n :focus {\r\n box-shadow: none !important;\r\n border: 1px solid var(--color-p-4) !important;\r\n }\r\n }\r\n`;\r\n\r\nexport default ContactForm;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Row, Col, Container } from \"reactstrap\";\r\nimport { NavBg } from \"../../Components/Layout\";\r\nimport ContactInfo from \"../../Components/Contact/ContactInfo\";\r\nimport ContactForm from \"../../Components/Contact/ContactForm\";\r\n// import Map from \"../../Components/Contact/Map\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nconst ContactPage = () => {\r\n return (\r\n \r\n \r\n Contact\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {/* */}\r\n \r\n );\r\n};\r\n\r\nconst ContactPageWrapper = styled.div``;\r\n\r\nexport default ContactPage;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container } from \"reactstrap\";\r\nimport { NavBg } from \"../../Components/Layout\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nconst PrivacyPolicyPage = () => {\r\n return (\r\n \r\n \r\n\r\n \r\n Privacy Policies\r\n \r\n \r\n \r\n
\r\n

Privacy Policy

\r\n

\r\n C&R Digital Consulting.Inc is committed to safeguarding the\r\n personally identifiable information that you share with us online.\r\n Generally, you can browse our website, www.syniccreative.marketing\r\n (this “Site”), without sharing any personal information. However,\r\n should you wish to retain access to our proprietary and confidential\r\n resources (the “Resources”), or subscribe to our newsletter, or\r\n submit a form, you will be required to voluntarily submit personal\r\n information.\r\n

\r\n

\r\n We may also collect information on how you use this Site, such as\r\n resources browsed, searched, and downloaded; the frequency and\r\n duration of visits, and your source Internet Protocol (“IP”)\r\n address. Please note, this policy does not apply to information we\r\n may collect offline.\r\n

\r\n

\r\n Please read the following statement to understand how we collect,\r\n use, maintain, and disclose your personal information. Your use of\r\n this platform indicates consent to the collection, use, and\r\n disclosure of your information as described in this Privacy Policy.\r\n

\r\n
\r\n
\r\n

What information do we collect?

\r\n
\r\n

Personally identifiable information

\r\n

\r\n This is information that may be used to identify you as an\r\n individual, such as your email address, name, home or work\r\n address, or telephone number. We may collect this information in a\r\n number of voluntary ways on this Site, including, but not limited\r\n to, the online request a quote form, the newsletter form, as well\r\n as the comments form and email messages to any\r\n syniccreative.marketing email address. This information is used to\r\n respond to your requests and questions. We may also use this\r\n information to communicate with you about other relevant topics\r\n that may be of interest.\r\n

\r\n

\r\n Non-personally identifiable information we collect by automated\r\n means\r\n

\r\n

\r\n Non-personally Identifiable Information refers to information that\r\n does not by itself identify a specific individual. We may collect\r\n this information in a number of ways on this Site, including, but\r\n not limited to, how you use this Site, such as resources browsed,\r\n searched, and downloaded, and the frequency and duration of\r\n visits. As well, the Site may automatically collect and record\r\n other non-personal information, such as your IP address, browser\r\n type, unique device identifiers, the referring webpage, pages\r\n visited, and search terms.{\" \"}\r\n

\r\n

\r\n We use this information to make your experience with our Site\r\n informative and relevant. By collecting this information, we learn\r\n how to tailor our Site to our visitors and create meaningful\r\n website experiences for our online users.\r\n

\r\n

Cookies

\r\n

\r\n A cookie is a data file that certain websites write to your\r\n computer’s hard drive when you visit such sites. A cookie file can\r\n contain information, such as a user identification code, that the\r\n site uses to track the pages you have visited, but the only\r\n personal information a cookie can contain is information you\r\n supply yourself.{\" \"}\r\n

\r\n

\r\n A cookie can’t read data off your hard disk or read cookie files\r\n created by other sites. We may collect information from your web\r\n sessions by using cookies, to determine, for example, user traffic\r\n patterns, and the effectiveness of our navigational structure.\r\n

\r\n

\r\n Most website browsers automatically accept cookies, but you can\r\n usually change your browser settings to display a warning before\r\n accepting a cookie, or to refuse all cookies. You don’t need to\r\n have cookies turned on to use/navigate through many parts of this\r\n Site. However, you may have to accept the receipt of cookies to\r\n access some Resources on this Site.\r\n

\r\n

\r\n Please note that if you choose not to accept cookies, or to delete\r\n the use of cookies, you may affect your website experience and\r\n render yourself unable to use all of the available Site features.\r\n

\r\n

Google Analytics

\r\n

\r\n We may use third-party web analytics services to analyze how users\r\n use the Site. This can include Google Analytics, which uses\r\n technologies such as cookies to gather user information. The\r\n information collected by the cookies about your use of the Site\r\n can include your IP address, the URL visited, or page view date\r\n and time, and will be transmitted and stored by Google on servers\r\n in the United States.\r\n

\r\n

\r\n Google may compile reports on the Site activity for other website\r\n operators who are providing services related to website activity\r\n and internet usage. Google may also transfer this information to\r\n third parties when required by law, or when such third parties\r\n process information on behalf of Google.{\" \"}\r\n

\r\n

\r\n For more information about Google's privacy policy in respect of\r\n Google Analytics, please refer to{\" \"}\r\n \r\n google analytics privacy policies.{\" \"}\r\n \r\n You may opt out of Google Analytics by visiting\r\n \r\n {\" \"}\r\n google analytics opt-out browser add-on.{\" \"}\r\n \r\n

\r\n

Children

\r\n

\r\n We respect the privacy of children. This Site is not intended for\r\n children and we do not knowingly solicit personal data from or\r\n communicate with children under the age of 13. As well, the Site\r\n is not intended for incapacitated persons and we do not knowingly\r\n solicit personal data from or communicate with incapacitated\r\n persons. Further, this Site is created for use by adults. By using\r\n the Site, you are consenting that you are at least 18 years old or\r\n using the Site with the permission of a parent or guardian. If you\r\n become aware that any child under your care, or person unable to\r\n prove valid consent, has provided us with information, please\r\n contact us by email at{\" \"}\r\n admin@crdigital.ca.{\" \"}\r\n You can also write to us at the address listed at the end of this\r\n policy.\r\n

\r\n
\r\n
\r\n

How we use your information

\r\n

\r\n If you choose to provide C&R Digital Consulting.Inc with your\r\n personal information, where appropriate, Synic Creative\r\n Marketing.Inc or subsidiary, representative, sales, or affiliated\r\n sales channel representative, may use this information to contact\r\n you, in order to further our relationship with you.\r\n

\r\n
    \r\n
  • \r\n We use the personal information collected during the use of this\r\n Site to personalize web content where applicable.\r\n
  • \r\n
  • \r\n We may also use your information to send you direct marketing\r\n information or contact you for market research.\r\n
  • \r\n
  • \r\n We may contact you when changes are made to our secure content\r\n site.\r\n
  • \r\n
  • \r\n We may periodically send emails for sales, marketing, and\r\n administrative purposes.\r\n
  • \r\n
  • \r\n We will periodically send you an email when you are subscribed\r\n to our customer notification list for the latest updates of our\r\n corporate and product news, and/or any other subscription\r\n list(s).\r\n
  • \r\n
  • \r\n We may disclose information about our users when we believe, in\r\n good faith, that the disclosure is required by law.\r\n
  • \r\n
  • \r\n We may process, evaluate, and respond to your requests or\r\n applications directly.\r\n
  • \r\n
  • \r\n We comply with all applicable legal requirements and industry\r\n standards within our policies.\r\n
  • \r\n
\r\n

Links to other websites

\r\n

\r\n The Site may provide links to other websites for your convenience\r\n and information. These websites may operate independently from us\r\n and users should note that linked sites may have their own privacy\r\n notices or policies. We strongly encourage our users to review any\r\n linked website policies in order to understand how they may\r\n collect, use, and disclose your personal information.{\" \"}\r\n

\r\n

\r\n This Privacy Policy applies solely to information collected by\r\n this Site. We do not take responsibility for the content of linked\r\n websites, any use of their sites, or the privacy practices or\r\n policies of these sites.{\" \"}\r\n

\r\n

Maintaining your information

\r\n

\r\n We take information security issues seriously. Consequently, any\r\n personally identifiable information is stored and protected on\r\n servers with adequate security measures. We will cease all\r\n communication and use of personally identifiable information upon\r\n your request. Your privileges for access to the Resources on this\r\n Site may then be suspended.\r\n

\r\n

\r\n We only keep personal information as long as it is necessary to\r\n fulfil the purposes for which it was collected. We also keep any\r\n information that is required by law.{\" \"}\r\n

\r\n

Security

\r\n

\r\n We take the security of information seriously. We are committed to\r\n using reasonable measured to protect any personal information we\r\n may collect. However, due to the oddity and open nature of the\r\n internet, we cannot fully guarantee that the information stored on\r\n this site, or direct communications between you and us, is\r\n absolutely secure.\r\n

\r\n

\r\n Although we take steps to protect your data, by using the Site you\r\n consent that the transmission of data is at your own risk. By\r\n using the Site, you agree to assume all risks in connection with\r\n data sent, collected, or stored by us.\r\n

\r\n

Access, updates, and your security choices

\r\n

\r\n At any time, you can ask us to halt any marketing communications\r\n by email by clicking on the Unsubscribe link within the marketing\r\n email.\r\n

\r\n

\r\n If you have provided personal information on the Site, you may\r\n request, at any time, that it be updated, modified, or deleted.\r\n

\r\n

\r\n You may complete either of these actions by sending a request to\r\n the following email:{\" \"}\r\n admin@crdigital.ca.{\" \"}\r\n

\r\n

\r\n You also have the ability to adjust your advertising preferences\r\n on social media websites by adjusting your Settings on the\r\n individual platform. For example, you can adjust the type of\r\n Instagram or Facebook ads you receive through your Facebook\r\n Settings or the type of Google ads you receive through your Google\r\n Settings.\r\n

\r\n
\r\n
\r\n

Consent

\r\n

\r\n By using this Site, you consent to the processing of your personal\r\n information as outlined in this Privacy Policy.\r\n

\r\n
\r\n
\r\n

Contact us

\r\n

\r\n If you have questions, concerns, requests, or amendments to make\r\n in regards to this Privacy Policy, please email us at:{\" \"}\r\n admin@crdigital.ca.{\" \"}\r\n

\r\n

\r\n Or, write to us at C&R Digital Consulting.Inc, 409 Granville St\r\n #702, Vancouver, BC V6C 1A3\r\n

\r\n

\r\n You may also contact us at the above addresses at any time to\r\n learn more or request a quote.\r\n

\r\n
\r\n
\r\n

Changes to this statement

\r\n

\r\n If there are changes or additions to the terms of this Privacy\r\n Policy, we will post those changes here prior to implementing the\r\n change, as such, C&R Digital Consulting.Inc encourages you to\r\n periodically review this Privacy Policy so you are informed on how\r\n your information is being protected and used.\r\n

\r\n

\r\n If there are material changes to this Privacy Policy, Synic\r\n Creative Marketing.Inc. will notify the users of such changes\r\n using the personally identifiable information collected on this\r\n Site.\r\n

\r\n

\r\n Privacy Notice Effective Date: September 1, 2021\r\n

\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst PrivacyPolicyPageWrapper = styled.div`\r\n h1,\r\n h2 {\r\n color: #1e1d28;\r\n font-size: 40px;\r\n margin-bottom: 1rem;\r\n margin-top: 2rem;\r\n font-weight: 700;\r\n }\r\n h2 {\r\n font-size: 30px;\r\n font-weight: 400;\r\n margin-top: 0;\r\n }\r\n p,\r\n li {\r\n font-size: 16px;\r\n color: #454545;\r\n }\r\n\r\n ul {\r\n list-style: outside;\r\n padding-left: 50px;\r\n }\r\n`;\r\nexport default PrivacyPolicyPage;\r\n","const job01 = {\r\n title: \"Marketing Specialist\",\r\n id: \"marketing-specialist\",\r\n location: \"Vancouver, BC\",\r\n type: \"Full-Time\",\r\n department: \"Marketing\",\r\n description:\r\n \"The Marketing Specialist, in conjunction with other members of the Marketing Department, designs specialized solutions for diverse projects at Synic and its partner ventures. Reporting to the Head of Marketing, the Specialist will participate in collaborative creative meetings to brainstorm and curate projects. They wiill design and implement a wide range of strategy, including but not limited to: social media presence; paid ad campaigns; in-person events; commercial shoots; direct outreach; email marketing and sponsored partnership. The role calls for responsiveness to performance metrics for ongoing growth.\",\r\n resp: [\r\n \"Develop marketing strategies and campaigns for in-house and partner ventures\",\r\n \"Content Creation for social media, email and other digital marketing solutions\",\r\n \"Co-ordinate with in-house team and outsourced contract players\",\r\n \"Prepare and maintain Media Kits, and respond to media enquiries\",\r\n \"Client and Company Presentations\",\r\n \"Prepare Performance Reports\",\r\n ],\r\n exp: [\r\n \"1 - 3 years experience in social media management\",\r\n \"2 - 5 years experience in content and campaign creation\",\r\n \"Or, degree relevant to field combined with experience\",\r\n \"Kick-ass copy, creative and technical writing abilities\",\r\n \"Instinct for appropriate aesthetic and solution for all kinds of ventures\",\r\n \"Exceptional ease marketing via all social and business media channels\",\r\n ],\r\n attr: [\r\n \"Exceptional communication skills\",\r\n \"Creative and open-minded\",\r\n \"Ability to establish positive connections with collaborators and partners\",\r\n \"Takes initiative and makes suggestions\",\r\n \"Positive attitude\",\r\n \"Values honest mistakes over poor communication\",\r\n ],\r\n bonus: [\r\n \"Video editing skills\",\r\n \"Experience with Canva or Figma\",\r\n \"Background in Software Development or Information Technology\",\r\n \"Ongoing Learning Certifications\",\r\n ],\r\n};\r\n\r\nconst job02 = {\r\n title: \"UX/UI Designer\",\r\n id: \"ui-ux-designer\",\r\n location: \"Vancouver, BC\",\r\n type: \"Full-Time\",\r\n department: \"Marketing\",\r\n description:\r\n \"The UX/UI Designer tackles a range of design challenges for diverse projects. They are responsible for shaping customer experience and therefore, the efficacy of the deliverable for the client. They ensure that all digital experiences are seamless, progressive and enjoyable, and suggest innovations. They are ardent researchers, knowledgable about our clients' industries, and prepared to present choices and methodologies to stakeholders.\",\r\n resp: [\r\n \"Steer, test and validate design direction through sprint cycles for diverse projects\",\r\n \"Research client industries to make informed choices with user metrics and competitve assessments\",\r\n \"Generate compelling ideas for innovation and optimization of digital experience\",\r\n \"Prepare and give presentations to colleagues and stakeholders with regard to UX & UI solutions and direction\",\r\n \"Define design direction while remaining open to feedback and collaboration\",\r\n ],\r\n exp: [\r\n \"2 - 4 years proven experience in a similar role, or relevant degree plus experience\",\r\n \"Demonstrable experience in user research and metrics\",\r\n \"Sound proficiency with Figma and Adobe XD\",\r\n \"Excellent communicator\",\r\n \"Intuitive and empiric understanding of UX and UI design\",\r\n \"Self-responsible and exceptional multi-tasker\",\r\n ],\r\n attr: [\r\n \"Tech-nerd\",\r\n \"Creative and open-minded\",\r\n \"Ability to establish positive connections with collaborators and partners\",\r\n \"Takes initiative and makes suggestions\",\r\n \"Positive attitude\",\r\n \"Values honest mistakes over poor communication\",\r\n ],\r\n bonus: [\r\n \"Agile Certified Practitioner Qualification\",\r\n \"Ongoing Learning Certifications\",\r\n \"Experience as a developer\",\r\n ],\r\n};\r\n\r\nconst job03 = {\r\n title: \"Creative and Copy Writer\",\r\n id: \"creative-copy-writer\",\r\n location: \"Vancouver, BC\",\r\n type: \"Part-Time\",\r\n department: \"Marketing\",\r\n description:\r\n \"This position at Synic has the opportunity to work on a wide range of projects. The Creative and Copy Writer will work on assignments provided by the Head of Marketing or Marketing Specialist. They will write compelling text for websites; apps; social media; blog posts; article logs; grant applications and other projects as assigned.\",\r\n resp: [\r\n \"Research and write blogs and articles on assigned topics\",\r\n \"Generate copy and text that is accessible and engaging\",\r\n \"Draft language for grant applications\",\r\n \"Write creative copy for social media campaigns, websites and other platforms\",\r\n \"Brainstorm marketing solutions with the Marketing Team\",\r\n \"Spell-check and level up text, left, right and centre\",\r\n ],\r\n exp: [\r\n \"1 - 3 years in an equivalent role\",\r\n \"Degree or certification in relevant field such as Journalism or Communications\",\r\n \"Working knowledge of Google Docs, Trello and Monday.com\",\r\n \"Strong attention-to-detail with exceptional spelling and grammar\",\r\n \"Organized, precise and efficient\",\r\n ],\r\n attr: [\r\n \"Kick-ass communicator\",\r\n \"A natural way with words and personal writing voice but...\",\r\n \"The ability to transform tone and assembly for the specific project\",\r\n \"Positive attitude and willing to take initiative\",\r\n \"Creative point of view\",\r\n ],\r\n bonus: [\r\n \"Workable knowledge of Canva or Figma\",\r\n \"Experience with paid ad campaigns for digital marketing\",\r\n \"Background in software development or information technology\",\r\n ],\r\n};\r\n\r\nexport const jobs = [job01, job02, job03];\r\n\r\nexport const getSingleJob = (id) => {\r\n const singleJob = jobs.filter((j) => {\r\n return j.id === id;\r\n });\r\n\r\n return singleJob[0] ? singleJob[0] : null;\r\n};\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Row, Col, Collapse } from \"reactstrap\";\r\nimport { BiDownArrowCircle, BiUpArrowCircle } from \"react-icons/bi\";\r\nimport { Link } from \"react-router-dom\";\r\nconst CarrerListing = ({ job, index, handleClick, status }) => {\r\n const click = (e) => {\r\n handleClick(e, index, !status);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n

{job.title}

\r\n

\r\n {job.location} | {job.type} | {job.department}\r\n

\r\n
\r\n
\r\n {status ? : }\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n

Role Description

\r\n \r\n

\r\n {job.description.slice(0, 320)}...{\" \"}\r\n read more »\r\n

\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst CareerListingWrapper = styled.div`\r\n .cursor {\r\n cursor: pointer;\r\n }\r\n .collapseMenu {\r\n width: 100%;\r\n h4 {\r\n font-size: 17px;\r\n font-weight: 600;\r\n color: #2d2d2d;\r\n }\r\n p,\r\n li {\r\n font-size: 16px;\r\n color: #4d5455;\r\n }\r\n ul {\r\n list-style: outside;\r\n padding-left: 20px;\r\n }\r\n h5 {\r\n font-size: 14px;\r\n }\r\n }\r\n .desc-heading {\r\n h3 {\r\n font-size: 24px;\r\n color: #0b88ee;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n :hover {\r\n color: #096cbd;\r\n }\r\n }\r\n p {\r\n color: #4d5455;\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n .border-btm {\r\n border-bottom: 1px solid #ddd;\r\n width: 100%;\r\n }\r\n\r\n .icon-wrapper {\r\n display: flex;\r\n align-items: center;\r\n font-size: 35px;\r\n color: #0b88ee;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n :hover {\r\n color: #096cbd;\r\n }\r\n }\r\n`;\r\n\r\nexport default CarrerListing;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Row, Container, Col } from \"reactstrap\";\r\nimport careersbg from \"../../Assets/careers/careersbg.jpg\";\r\nimport { jobs } from \"../../Data/careersData\";\r\nimport CarrerListing from \"../../Components/Careers/CarrerListing\";\r\nimport { Helmet } from \"react-helmet\";\r\nconst CareersPage = () => {\r\n const [collapseOpen, setCollapseOpen] = useState([]);\r\n\r\n const handleClick = (e, index, open) => {\r\n e.preventDefault();\r\n const tempArray = new Array(jobs.length).fill(false);\r\n tempArray[index] = open;\r\n setCollapseOpen(tempArray);\r\n };\r\n\r\n useEffect(() => {\r\n const tempArray = new Array(jobs.length).fill(false);\r\n setCollapseOpen(tempArray);\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n Careers\r\n \r\n
\r\n \r\n

Careers

\r\n

We're always looking for quality co-conspirators.

\r\n

\r\n Reach out to us with a short message, your resume, and your\r\n portfolio at{\" \"}\r\n admin@crdigital.ca.\r\n

\r\n
\r\n
\r\n \r\n \r\n \r\n

Current Job Openings

\r\n \r\n
\r\n
\r\n {jobs.map((job, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n
\r\n
\r\n
\r\n Interested in our Kool-Aid, but don't see an opening in your field?\r\n
\r\n
We're always looking for quality co-conspirators.
\r\n
\r\n Reach out to us with a short message, your resume and portfolio at{\" \"}\r\n admin@crdigital.ca\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst CareersPageWrapper = styled.div`\r\n h5 {\r\n color: #4d5455;\r\n font-size: 17px;\r\n }\r\n .header {\r\n background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),\r\n url(${(props) => props.bg}) center/cover no-repeat;\r\n\r\n a {\r\n color: var(--color-p-2);\r\n }\r\n\r\n h1 {\r\n line-height: 1.285;\r\n font-size: 40px;\r\n margin-bottom: 20px;\r\n color: white;\r\n font-weight: 600;\r\n }\r\n p {\r\n font-size: 17px;\r\n color: white;\r\n margin: 0;\r\n }\r\n @media screen and (min-width: 996px) {\r\n h1 {\r\n font-size: 50px;\r\n }\r\n p {\r\n font-size: 18px;\r\n }\r\n }\r\n @media screen and (min-width: 1200px) {\r\n h1 {\r\n font-size: 58px;\r\n margin-bottom: 30px;\r\n }\r\n }\r\n }\r\n\r\n h2 {\r\n color: #2d2d2d;\r\n font-size: 28px;\r\n }\r\n`;\r\n\r\nexport default CareersPage;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { getSingleJob } from \"../../Data/careersData\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport NavBg from \"../../Components/Layout/NavBg\";\r\nimport { Container, Row, Col } from \"reactstrap/lib\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Button02 from \"../../Components/Shared/Button02\";\r\nimport LoadingSpinner from \"../../Components/Shared/LoadingSpinner\";\r\nimport ErrorSection from \"../../Components/Shared/ErrorSection\";\r\nconst SingleCareerPage = () => {\r\n const { id } = useParams();\r\n const [job, setJob] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n\r\n useEffect(() => {\r\n setLoading(() => true);\r\n const singleJob = getSingleJob(id);\r\n setJob(singleJob);\r\n setLoading(() => false);\r\n }, [id, loading]);\r\n\r\n if (loading) {\r\n return ;\r\n }\r\n\r\n if (!job) {\r\n return (\r\n \r\n );\r\n }\r\n const {\r\n title,\r\n location,\r\n type,\r\n department,\r\n description,\r\n resp,\r\n exp,\r\n attr,\r\n bonus,\r\n } = job;\r\n return (\r\n \r\n \r\n Careers | {title}\r\n \r\n \r\n \r\n \r\n \r\n

\r\n Careers / {title}\r\n

\r\n \r\n
\r\n \r\n \r\n
\r\n

{title}

\r\n

\r\n {location} | {type} | {department}\r\n

\r\n
\r\n \r\n
\r\n \r\n \r\n

Role Description

\r\n \r\n

{description}

\r\n \r\n

Responsibilities

\r\n \r\n
    \r\n {resp.map((item, index) => {\r\n return
  • {item}
  • ;\r\n })}\r\n
\r\n \r\n

Experience & Skills

\r\n \r\n
    \r\n {exp.map((item, index) => {\r\n return
  • {item}
  • ;\r\n })}\r\n
\r\n \r\n

Desired Attributes

\r\n \r\n
    \r\n {attr.map((item, index) => {\r\n return
  • {item}
  • ;\r\n })}\r\n
\r\n \r\n

Bonus if you have...

\r\n \r\n
    \r\n {bonus.map((item, index) => {\r\n return
  • {item}
  • ;\r\n })}\r\n
\r\n \r\n
\r\n Interested? Send a brief cover letter and resume to{\" \"}\r\n admin@crdigital.ca\r\n
\r\n \r\n \r\n \r\n Back to Careers\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst SingleCareerPageWrapper = styled.div`\r\n .desc {\r\n width: 100%;\r\n h4 {\r\n font-size: 17px;\r\n font-weight: 600;\r\n color: #2d2d2d;\r\n }\r\n p,\r\n li {\r\n font-size: 16px;\r\n color: #4d5455;\r\n }\r\n ul {\r\n list-style: outside;\r\n padding-left: 20px;\r\n }\r\n h5 {\r\n font-size: 14px;\r\n }\r\n }\r\n .desc-heading {\r\n h3 {\r\n font-size: 32px;\r\n color: #0b88ee;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n }\r\n p {\r\n color: #4d5455;\r\n font-size: 15px;\r\n }\r\n }\r\n`;\r\n\r\nexport default SingleCareerPage;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport {\r\n AiFillLinkedin,\r\n AiFillFacebook,\r\n AiFillInstagram,\r\n} from \"react-icons/ai\";\r\nimport favicon from \"../../Assets/favicon.png\";\r\nimport { Link } from \"react-router-dom\";\r\nconst Modal = ({ text, close }) => {\r\n return (\r\n \r\n
\r\n {text === \"success\" && (\r\n
\r\n

\r\n Thank you for booking your free consultation.\r\n

\r\n

A team member will contact you shortly.

\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \"scm\r\n \r\n
\r\n
\r\n )}\r\n {text === \"error\" && (\r\n
\r\n

\r\n Oops. Something went wrong. Please try again later or contact us\r\n at{\" \"}\r\n

\r\n

\r\n admin@crdigital.ca\r\n

\r\n
\r\n )}\r\n\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst ModalWrapper = styled.div`\r\n display: grid;\r\n place-items: center;\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n background-color: rgba(0, 0, 0, 0.8);\r\n z-index: 99;\r\n\r\n .ok-btn {\r\n background-color: white;\r\n border: none;\r\n font-size: 14px;\r\n color: black;\r\n border-radius: 5px;\r\n padding: 8px 13px;\r\n @media screen and (min-width: 992px) {\r\n font-size: 16px;\r\n padding: 10px 15px;\r\n }\r\n }\r\n\r\n .text-container {\r\n display: grid;\r\n justify-content: center;\r\n a {\r\n color: var(--color-p-2);\r\n :hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n .social-container {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 10px;\r\n img {\r\n height: 19px;\r\n border-radius: 5px;\r\n margin-left: 3px;\r\n margin-right: 3px;\r\n }\r\n a {\r\n color: white;\r\n font-size: 24px;\r\n margin-left: 3px;\r\n margin-right: 3px;\r\n }\r\n @media screen and (min-width: 992px) {\r\n margin-top: 20px;\r\n a {\r\n font-size: 30px;\r\n }\r\n img {\r\n height: 24px;\r\n }\r\n }\r\n }\r\n\r\n .modal-center {\r\n width: 70%;\r\n height: 70%;\r\n position: relative;\r\n max-height: 260px;\r\n max-width: 260px;\r\n border: 10px solid var(--color-p-2);\r\n background-color: rgba(0, 0, 0, 0.75);\r\n display: grid;\r\n place-items: center;\r\n grid-template-rows: 1fr auto;\r\n padding: 20px;\r\n margin-right: -20px;\r\n @media screen and (min-width: 768px) {\r\n max-height: 300px;\r\n max-width: 300px;\r\n }\r\n @media screen and (min-width: 992px) {\r\n max-height: 350px;\r\n max-width: 350px;\r\n }\r\n &:before {\r\n content: \"\";\r\n width: 100%;\r\n height: 100%;\r\n max-height: 260px;\r\n max-width: 260px;\r\n border: 10px solid white;\r\n position: absolute;\r\n z-index: -1;\r\n top: -40px;\r\n left: -40px;\r\n @media screen and (min-width: 768px) {\r\n max-height: 300px;\r\n max-width: 300px;\r\n }\r\n @media screen and (min-width: 992px) {\r\n max-height: 350px;\r\n max-width: 350px;\r\n }\r\n }\r\n }\r\n\r\n h3 {\r\n color: #fff;\r\n display: inline-block;\r\n font-size: 14px;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n @media screen and (min-width: 992px) {\r\n h3 {\r\n font-size: 16px;\r\n }\r\n }\r\n`;\r\n\r\nexport default Modal;\r\n","import React, { useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { CustomTextField2 } from \"../Shared/CustomTextField\";\r\nimport { formatPhone } from \"../../Utility/formatPhone\";\r\nimport validator from \"validator\";\r\nimport axios from \"axios\";\r\nimport Spinner from \"reactstrap/lib/Spinner\";\r\nimport Modal from \"./Modal\";\r\nconst LandingForm = ({ hero }) => {\r\n const [name, setName] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n const [phone, setPhone] = useState(\"\");\r\n const [emailVal, setEmailVal] = useState(\"\");\r\n const [nameVal, setNameVal] = useState(\"\");\r\n const [phoneVal, setPhoneVal] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [modal, setModal] = useState(false);\r\n const [modalText, setModalText] = useState(\"\");\r\n\r\n const handlePhone = ({ target: { value } }) => {\r\n setPhone((prev) => formatPhone(value, prev));\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n setLoading(true);\r\n let err = validateForm();\r\n if (!err) {\r\n axios\r\n .post(process.env.REACT_APP_SYNIC_BE + \"/landing\", {\r\n email,\r\n name,\r\n phone,\r\n })\r\n .then((resp) => {\r\n setModal(true);\r\n if (resp.data.statusCode === 202) {\r\n //do succesfull\r\n setEmail(\"\");\r\n setName(\"\");\r\n setPhone(\"\");\r\n setModalText(\"success\");\r\n } else {\r\n // do failed shit\r\n setModalText(\"error\");\r\n }\r\n setLoading(false);\r\n })\r\n .catch(() => {\r\n //do failed shit\r\n setModal(true);\r\n setModalText(\"error\");\r\n setLoading(false);\r\n });\r\n } else {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const validateForm = () => {\r\n let tempErr = false;\r\n if (!email) {\r\n setEmailVal(\"Required\");\r\n tempErr = true;\r\n } else if (!validator.isEmail(email)) {\r\n setEmailVal(\"Not valid\");\r\n tempErr = true;\r\n } else {\r\n setEmailVal(\"\");\r\n }\r\n if (!name) {\r\n setNameVal(\"Required\");\r\n tempErr = true;\r\n } else {\r\n setNameVal(\"\");\r\n }\r\n if (!phone) {\r\n setPhoneVal(\"Required\");\r\n tempErr = true;\r\n } else if (phone.length !== 14) {\r\n setPhoneVal(\"Not valid\");\r\n tempErr = true;\r\n } else {\r\n setPhoneVal(\"\");\r\n }\r\n\r\n return tempErr;\r\n };\r\n\r\n return (\r\n \r\n {modal && (\r\n {\r\n setModal(false);\r\n }}\r\n />\r\n )}\r\n {loading && (\r\n
\r\n \r\n
\r\n )}\r\n

\r\n Book your free
consultation now\r\n

\r\n
\r\n
\r\n
\r\n setName(e.target.value)}\r\n required\r\n InputLabelProps={{\r\n style: {\r\n top: \"-2px\",\r\n color: \"#ebebeb\",\r\n },\r\n }}\r\n />\r\n
{nameVal}
\r\n
\r\n
\r\n \r\n
{phoneVal}
\r\n
\r\n
\r\n
\r\n setEmail(e.target.value)}\r\n required\r\n InputLabelProps={{\r\n style: {\r\n top: \"-2px\",\r\n color: \"#ebebeb\",\r\n },\r\n }}\r\n />\r\n
{emailVal}
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst LandingFormWrapper = styled.div`\r\n .screen {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 999;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n display: grid;\r\n place-items: center;\r\n }\r\n\r\n .btn-container {\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n h2 {\r\n color: var(--color-p-2);\r\n font-size: 28px;\r\n line-height: 1.8;\r\n text-align: center;\r\n }\r\n\r\n button {\r\n color: var(--color-p-2);\r\n font-size: 20px;\r\n text-transform: uppercase;\r\n background-color: transparent;\r\n cursor: pointer;\r\n font-weight: 600;\r\n box-shadow: inset 0 0 0 0 var(--color-p-2);\r\n -webkit-transition: ease-out 0.35s;\r\n -moz-transition: ease-out 0.35s;\r\n transition: ease-out 0.35s;\r\n letter-spacing: 1px;\r\n border: 1px solid var(--color-p-2);\r\n padding: 6px 18px;\r\n border-radius: 5px;\r\n :hover {\r\n box-shadow: inset 0 100px 0 0 var(--color-p-2);\r\n color: rgba(0, 0, 0, 0.8);\r\n }\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n h2 {\r\n font-size: 34px;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 992px) {\r\n h2 {\r\n font-size: 36px;\r\n }\r\n form {\r\n padding-right: 40px;\r\n }\r\n ${({ hero }) =>\r\n hero &&\r\n css`\r\n h2 {\r\n text-align: left;\r\n }\r\n .btn-container {\r\n justify-content: start;\r\n }\r\n `}\r\n }\r\n\r\n .field {\r\n position: relative;\r\n }\r\n\r\n .invalid-feedback {\r\n min-height: 19px;\r\n height: 19px;\r\n color: #ff7373;\r\n position: absolute;\r\n top: 47px;\r\n left: 5px;\r\n text-align: start;\r\n }\r\n\r\n .g-group {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n padding-right: 10px;\r\n }\r\n\r\n .spinner-border {\r\n color: var(--color-p-3) !important;\r\n }\r\n`;\r\n\r\nexport default LandingForm;\r\n","import React from \"react\";\r\nimport hero from \"../../Assets/landing/hero.png\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport useWindowDimensions from \"../../Utility/windowDimensions\";\r\nimport LandingForm from \"./LandingForm\";\r\nconst LandingHero = () => {\r\n const { width } = useWindowDimensions();\r\n return (\r\n \r\n \r\n \r\n \r\n {width >= 992 && (\r\n

\r\n Leave\r\n
\r\n Your Online\r\n
\r\n Advertising to us\r\n

\r\n )}\r\n {width < 992 && (\r\n

\r\n Leave Your\r\n
\r\n Online advertising\r\n
\r\n to us\r\n

\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst LandingHeroWrapper = styled.div`\r\n width: 100%;\r\n min-height: calc(100% - 91px);\r\n /* background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),\r\n url(${hero}) center/cover no-repeat;\r\n background-attachment: fixed; */\r\n padding-top: 100px;\r\n padding-bottom: 100px;\r\n\r\n @media screen and (max-width: 768px) {\r\n display: grid;\r\n place-items: center;\r\n }\r\n\r\n h1 {\r\n color: white;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n line-height: 1.7;\r\n }\r\n\r\n .small-h1 {\r\n font-size: 30px;\r\n }\r\n\r\n .large-h1 {\r\n font-size: 44px;\r\n line-height: 1.4;\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n .small-h1 {\r\n font-size: 38px;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n .large-h1 {\r\n font-size: 48px;\r\n }\r\n }\r\n\r\n .heading {\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .col {\r\n padding: 0;\r\n }\r\n\r\n .square {\r\n display: none;\r\n border: 14px solid var(--color-p-2);\r\n height: calc(80vh - 200px);\r\n min-height: 400px;\r\n position: relative;\r\n margin-left: 20px;\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n border: 8px solid white;\r\n width: 105%;\r\n height: calc(80vh - 200px);\r\n min-height: 400px;\r\n top: -40px;\r\n left: -40px;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 992px) {\r\n min-height: calc(100vh - 105px);\r\n padding-top: 100px;\r\n padding-bottom: 100px;\r\n .square {\r\n display: block;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 1080px) {\r\n .square {\r\n margin-left: 0px;\r\n width: 100%;\r\n }\r\n }\r\n @media screen and (min-width: 1400px) {\r\n .square {\r\n margin-left: 80px;\r\n width: 100%;\r\n }\r\n }\r\n`;\r\n\r\nexport default LandingHero;\r\n","import { landingImages } from \"./imageImport\";\r\n\r\nexport const landingData = [\r\n {\r\n title: \"what is online advertising?\",\r\n body: \"

Online advertising, also known as online marketing, Internet advertising, digital advertising or web advertising, is a form of marketing and advertising which uses the Internet to deliver promotional marketing messages to consumers.

\",\r\n direction: \"left\",\r\n image: landingImages[0],\r\n },\r\n {\r\n title: \"Types of online advertising\",\r\n body: \"
  1. Social Media advertising
    e.g Facebook, Instagram, and Linkedln
  2. Paid Search Advertising
  3. Display Advertising
\",\r\n direction: \"right\",\r\n image: landingImages[1],\r\n },\r\n];\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Container, Col } from \"reactstrap\";\r\nimport Parser from \"html-react-parser/dist/html-react-parser\";\r\n\r\nconst Info = ({ data: { title, body, image, direction } }) => {\r\n return (\r\n \r\n \r\n \r\n

{title}

\r\n
\r\n
\r\n {Parser(\"\" + body)}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst InfoWrapper = styled.div`\r\n .info-container {\r\n padding: 100px 0;\r\n @media screen and (min-width: 768px) {\r\n padding: 150px 0;\r\n }\r\n @media screen and (min-width: 992px) {\r\n padding: 200px 0;\r\n }\r\n background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),\r\n url(${(props) => props.background}) center/cover no-repeat;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n justify-content: center;\r\n h1 {\r\n color: white;\r\n text-transform: uppercase;\r\n text-align: center;\r\n font-weight: 700;\r\n font-size: 30px;\r\n padding: 20px 40px;\r\n @media screen and (min-width: 768px) {\r\n font-size: 32px;\r\n }\r\n @media screen and (min-width: 992px) {\r\n font-size: 34px;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n font-size: 38px;\r\n }\r\n }\r\n\r\n .body-container {\r\n padding: 0 30px;\r\n }\r\n\r\n .info-body {\r\n color: white;\r\n max-width: 700px;\r\n padding: 40px 40px;\r\n background-color: rgb(112, 112, 112, 0.5);\r\n margin: 15px 0;\r\n border-radius: 37px;\r\n position: relative;\r\n\r\n @media screen and (min-width: 768px) {\r\n background-color: rgb(112, 112, 112, 1);\r\n }\r\n\r\n :after {\r\n content: \"\";\r\n position: absolute;\r\n top: 10px;\r\n left: 10px;\r\n border: 6px solid var(--color-p-2);\r\n border-radius: 37px;\r\n width: 100%;\r\n height: 100%;\r\n font-size: 17px;\r\n @media screen and (min-width: 768px) {\r\n top: 12px;\r\n left: 12px;\r\n }\r\n @media screen and (min-width: 992px) {\r\n top: 14px;\r\n left: 14px;\r\n border: 7px solid var(--color-p-2);\r\n }\r\n }\r\n\r\n p {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n ol {\r\n list-style-position: inside;\r\n padding-top: 20px;\r\n li {\r\n text-align: left;\r\n padding-bottom: 20px;\r\n margin-left: 20%;\r\n }\r\n }\r\n @media screen and (min-width: 992px) {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 768px) {\r\n background: #272727;\r\n }\r\n }\r\n\r\n .side-bg {\r\n padding: 60px 0;\r\n width: 100%;\r\n background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),\r\n url(${(props) => props.background}) center/cover no-repeat;\r\n }\r\n`;\r\n\r\nexport default Info;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport LandingHero from \"../../Components/Landing/LandingHero\";\r\nimport { landingData } from \"../../Data/landingData\";\r\nimport Info from \"../../Components/Landing/Info\";\r\nimport { Container } from \"reactstrap\";\r\nimport LandingForm from \"../../Components/Landing/LandingForm\";\r\nimport hero from \"../../Assets/landing/hero.png\";\r\nconst LandingPage = () => {\r\n return (\r\n \r\n \r\n {landingData.map((val, index) => {\r\n return ;\r\n })}\r\n
\r\n \r\n

\r\n Find out which type suits
\r\n your business best\r\n

\r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst LandingPageWrapper = styled.div`\r\n background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),\r\n url(${hero}) center/cover no-repeat;\r\n background-attachment: fixed;\r\n\r\n @media screen and (min-width: 1200px) {\r\n .container {\r\n max-width: 1220px;\r\n }\r\n }\r\n\r\n .form-container {\r\n margin-top: -10px;\r\n padding: 150px 0;\r\n padding-bottom: 200px;\r\n /* background: #272727; */\r\n text-align: center !important;\r\n }\r\n\r\n .section-center {\r\n display: grid;\r\n place-items: center;\r\n }\r\n\r\n h1 {\r\n color: var(--color-p-2);\r\n font-weight: 700;\r\n font-size: 30px;\r\n margin-bottom: 30px;\r\n\r\n @media screen and (min-width: 992px) {\r\n font-size: 34px;\r\n }\r\n\r\n @media screen and (min-width: 1200px) {\r\n font-size: 40px;\r\n }\r\n }\r\n`;\r\n\r\nexport default LandingPage;\r\n","import React from \"react\";\r\nimport { Switch, Route } from \"react-router-dom\";\r\nimport {\r\n ErrorPage,\r\n HomePage,\r\n PortfolioPage,\r\n ServicesPage,\r\n QuotePage,\r\n ContactPage,\r\n PrivacyPolicyPage,\r\n AboutPage,\r\n SinglePortfolioPage,\r\n CareersPage,\r\n SingleCareerPage,\r\n LandingPage,\r\n} from \"../../Pages/public\";\r\n\r\nconst Routes = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n */}\r\n {/* \r\n \r\n \r\n }\r\n > */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n } />\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* } /> */}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Routes;\r\n","import { useEffect } from \"react\";\r\n\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nfunction ScrollToTop() {\r\n const { pathname } = useLocation();\r\n\r\n useEffect(() => {\r\n window.scrollTo({ top: 0, left: 0, behavior: \"instant\" });\r\n }, [pathname]);\r\n\r\n return null;\r\n}\r\nexport default ScrollToTop;\r\n","import React, { useState, useRef } from \"react\";\r\nimport { Router } from \"react-router-dom\";\r\nimport Routes from \"./Components/Layout/Routes\";\r\nimport { Navbar, Sidebar, Footer, ScrollButton } from \"./Components/Layout\";\r\nimport ScrollToTop from \"./Components/Layout/ScrollToTop\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport history from \"./Components/Layout/history\";\r\nimport styled from \"styled-components\";\r\n\r\nfunction App() {\r\n const [sidebarOpen, setSidebarOpen] = useState(false);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n