{"version":3,"sources":["components/footer/footerComponents.js","components/footer/index.js","components/ButtonComponents.js","videos/game-trailer.mp4","components/HeroSection/HeroComponents.js","components/HeroSection/index.js","components/InfoSection/infosectionComponents.js","components/InfoSection/index.js","images/about.svg","images/Feature-aset.png","images/5.png","images/6.png","components/InfoSection/data.js","components/InfoSection/info.js","components/Navbar/NavbarComponens.js","components/Navbar/index.js","components/sidebar/sidebarComponents.js","components/sidebar/index.js","pages/index.js","App.js","index.js"],"names":["FooterCointainer","styled","footer","FooterWrap","div","FooterLinksContainer","FooterLinksWrapper","SocialMedia","section","SocialMediaWrap","SocialLogo","Link","WebsiteRights","small","SocialIcons","SocialIconLink","a","Footer","id","to","Date","getFullYear","href","target","aria-label","Button","primary","big","dark","fontBig","HeroContainer","HeroBg","VideoBg","video","HeroContent","HeroH1","h1","HeroP","p","HeroBtnWrapper","ArrowForward","MdArrowForward","ArrowRight","MdKeyboardArrowRight","Herosection","useState","hover","setHover","onHover","autoPlay","loop","muted","src","Videomov","type","onMouseEnter","onMouseLeave","InfoContainer","lightBg","InfoWrapper","InfoRow","imgStart","Colum1","Colum2","TextWrapper","TopLine","Heading","lightText","Subtitle","darkText","BtnWrap","ImgWrap","Img","img","InfoSection","topLine","headLine","description","buttonLabel","path","scroll","onClick","e","preventDefault","window","open","smooth","duration","spy","exact","offset","homeObjOne","lightTextDesc","info_img2","homeObjTwo","info_img5","homeObjThree","info_img4","homeObjFour","info_img6","InfoHome","Nav","nav","scrollNav","NavContainer","NavLogo","LinkR","MobileIcon","NavMenu","ul","NavItem","li","NavLinks","LinkS","NavBtn","NavBtnLink","Navbar","toogle","setScrollNav","changeNav","scrollY","useEffect","addEventListener","scrollToTop","activeClass","SidebarContainer","aside","isOpen","CloseIcon","FaTimes","Icon","SidebarWrapper","SidebarMenu","SidebarLink","SideBtnWrap","SidebarRoute","Sidebar","Home","setIsOpen","App","className","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.148bdf02.chunk.js","sourcesContent":["import styled from'styled-components'\r\nimport {Link} from 'react-router-dom'\r\n\r\n{/* \r\n\r\n \r\n */}\r\n\r\n\r\nexport const FooterCointainer =styled.footer`\r\nbackground-color:#101522;\r\n`\r\nexport const FooterWrap =styled.div`\r\npadding:48px 24px;\r\ndisplay:flex;\r\nflex-direction:column;\r\njustify-content:center;\r\nalign-items:center;\r\nmax-width:1100px;\r\nmargin:0 auto;\r\n`\r\nexport const FooterLinksContainer =styled.div`\r\ndisplay:flex;\r\njustify-content: center;\r\n@media screen and (max-width: 820px){\r\n padding-top:32px;\r\n\r\n}\r\n`\r\nexport const FooterLinksWrapper =styled.div`\r\ndisplay:flex;\r\n@media screen and (max-width: 820px){\r\n flex-direction:column;\r\n}\r\n`\r\nexport const SocialMedia = styled.section`\r\nmax-width:1000px;\r\nwidth:100%;\r\n`\r\n\r\nexport const SocialMediaWrap =styled.div`\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\nmax-width:1100px;\r\nmargin:40px auto 0 auto;\r\n@media screen and (max-width: 820px){\r\n flex-direction:column;\r\n}\r\n`\r\n\r\nexport const SocialLogo =styled(Link)`\r\ncolor:#fff;\r\njustify-self:start;\r\ncursor:pointer;\r\ntext-decoration:none;\r\nfont-size:1.5rem;\r\ndisplay:flex;\r\nalign-items:center;\r\nmargin-bottom:16px;\r\nfont-weight:bold;\r\n`\r\n\r\nexport const WebsiteRights =styled.small`\r\ncolor:#fff;\r\nmargin-bottom:16px;\r\n`\r\nexport const SocialIcons =styled.div`\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\nwidth:240px;\r\n`\r\n\r\nexport const SocialIconLink = styled.a`\r\ncolor:#fff;\r\nfont-size:24px;\r\n`","import React from 'react'\r\nimport{FaYoutube,FaTwitch,FaSteam,FaGooglePlay} from 'react-icons/fa'\r\nimport{FooterCointainer,FooterWrap,FooterLinksContainer,FooterLinksWrapper,SocialMedia,SocialMediaWrap,SocialLogo,WebsiteRights,SocialIcons,SocialIconLink} from './footerComponents'\r\nconst Footer = ({id}) => {\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 rxarinta-games\r\n rxarinta-games {new Date().getFullYear()} © All rights reserved\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 Footer\r\n","import styled from 'styled-components'\r\nimport{Link} from'react-scroll'\r\n\r\nexport const Button =styled(Link)`\r\nborder-radius:50px;\r\nbackground:${({primary})=> primary ?'#01bF71': '#096C79' };\r\nwhite-space:nowrap;\r\npadding:${({big})=> big ?'14px 18px': '12px 30px'};\r\ncolor:${({dark})=> dark ?'#010606': '#fff'};\r\nfont-size: ${({fontBig})=> (fontBig? '20px':'16px')};\r\noutline:none;\r\nborder:none;\r\ncursor: pointer;\r\ndisplay:flex;\r\njustify-content: center;\r\nalign-items:center;\r\ntransition:all 0.2s ease-in-out;\r\n&:hover{\r\n transition:all 0.2s ease-in-out;\r\n background:${({primary})=> primary ?'#fff': '#ACE8F5' };\r\n}\r\n`\r\n","export default __webpack_public_path__ + \"static/media/game-trailer.8bfedb06.mp4\";","import styled from 'styled-components'\r\nimport{MdArrowForward,MdKeyboardArrowRight} from 'react-icons/md'\r\n\r\nexport const HeroContainer= styled.div`\r\nbackground: #0c0c0c;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\npadding: 0 30px;\r\nheight:800px;\r\nposition:relative;\r\nz-index:1;\r\n\r\n:before{\r\n content:'';\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n background:linear-gradient(180deg, rbga(0,0,0,0.2),0%,\r\n rgba(0,0,0,0.6) 100%),\r\n linear-gradient(180deg,rbga(0,0,0,0.2) 0%, transparent 100%);\r\n z-index:2;\r\n}\r\n`\r\nexport const HeroBg= styled.div`\r\nposition:absolute;\r\ntop:0;\r\nright:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\noverflow:hidden;\r\n`\r\n\r\nexport const VideoBg= styled.video`\r\nwidth:100%;\r\nheight:100%;\r\n-o-object-fit:cover;\r\nobject-fit:cover;\r\nbackground:#232a34;\r\n`\r\nexport const HeroContent =styled.div`\r\nz-index:3;\r\nmax-width:1200px;\r\nposition:absolute;\r\npadding:8px 24px;\r\ndisplay:flex;\r\nflex-direction:column;\r\nalign-items:center;\r\n`\r\nexport const HeroH1 = styled.h1`\r\ncolor:#fff;\r\nfont-size:48px;\r\ntext-align:center;\r\n@media screen and (max-width: 768px){\r\n font-size:40px;\r\n}\r\n\r\n@media screen and (max-width:480px){\r\n font-size:32px;\r\n}\r\n`\r\n\r\nexport const HeroP= styled.p`\r\nmargin-top:20px;\r\ncolor:#fff;\r\nfont-size:24px;\r\ntext-align:center;\r\nmax-width:600px;\r\n\r\n@media screen and (max-width: 768px){\r\n font-size:24px;\r\n}\r\n\r\n@media screen and (max-width:480px){\r\n font-size:18px;\r\n}\r\n\r\n`\r\nexport const HeroBtnWrapper= styled.div`\r\nmargin-top:32px;\r\ndisplay :flex;\r\nflex-direction:column;\r\nalign-items:center;\r\n`\r\nexport const ArrowForward =styled(MdArrowForward)`\r\nmargin-left:8px;\r\nfont-size:24px;\r\n`\r\nexport const ArrowRight= styled(MdKeyboardArrowRight)`\r\nmargin-left:8px;\r\nfont-size:24px;\r\n`","import React,{useState} from 'react'\r\n// import Video from '../../videos/video.mp4'\r\nimport{Button} from '../ButtonComponents'\r\nimport Videomov from '../../videos/game-trailer.mp4'\r\n\r\nimport{HeroContainer,HeroBg,VideoBg,HeroContent,HeroH1,HeroP,HeroBtnWrapper,ArrowForward,ArrowRight} from './HeroComponents'\r\n\r\nconst Herosection = () => {\r\n const[hover,setHover]=useState(false)\r\n const onHover=() =>{\r\n setHover(!hover)\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Cyber Grid: Tower Defense\r\n \r\n Download Now On Steam \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Herosection\r\n","import styled from 'styled-components'\r\nexport const InfoContainer = styled.div`\r\n\r\nbackground:${({lightBg})=>(lightBg ?'#f9f9f9': '#010606')};\r\n@media screen and (max-width: 768px){\r\n padding: 100px 0;\r\n}\r\n`\r\n\r\nexport const InfoWrapper=styled.div`\r\ndisplay:grid;\r\nz-index:1;\r\nheight:860px;\r\nwidth:100%;\r\nmax-width:1100px;\r\nmargin-right: auto;\r\nmargin-left: auto;\r\npadding: 0 24px;\r\njustify-content: center;\r\n`\r\n\r\nexport const InfoRow=styled.div`\r\ndisplay:grid;\r\ngrid-auto-columns:minmax(auto,1fr);\r\nalign-items:center;\r\ngrid-template-areas:${({imgStart})=>(imgStart ?`'col2 col1'`:`'col1 col2'`)};\r\n\r\n@media screen and (max-width : 768px){\r\n grid-template-areas:${({imgStart})=>(imgStart ?`'col1' 'col2'`:`'col1 col1' 'col2 col2'`)};\r\n}\r\n`\r\nexport const Colum1 =styled.div`\r\nmargin-bottom:15px;\r\npadding:0 15px;\r\ngrid-area:col1;\r\n`\r\nexport const Colum2 =styled.div`\r\nmargin-bottom:15px;\r\npadding:0 15px;\r\ngrid-area:col2;\r\n`\r\n\r\nexport const TextWrapper =styled.div`\r\nmax-width:540px;\r\npadding-top:0;\r\npadding-bottom:0;\r\n`\r\nexport const TopLine =styled.p`\r\ncolor:#047A83;\r\nfont-size:16px;\r\nline-height:16px;\r\nfont-weight:700;\r\nletter-spacing:1.4px;\r\ntext-transform: uppercase;\r\nmargin-bottom:16px;\r\n`\r\n\r\nexport const Heading =styled.h1`\r\nmargin-bottom:24px;\r\nfont-size:48px;\r\nline-height:1.1.%;\r\nfont-weight:600;\r\n\r\ncolor:${({lightText})=>(lightText ? '#010606' : '#ffff')};\r\n\r\n@media screen and (max-width:480px){\r\n font-size:32px;\r\n}\r\n`\r\n\r\nexport const Subtitle =styled.p`\r\nmax-width:440px;\r\nmargin-bottom:35px;\r\nfont-size:18px;\r\nline-height: 24px;\r\n\r\ncolor:${({darkText})=>(darkText ? '#010606' : '#ffff')};\r\n`\r\nexport const BtnWrap =styled.div`\r\ndisplay:flex;\r\njustify-content:flex-start;\r\n`\r\nexport const ImgWrap=styled.div`\r\nmax-width:555px;\r\nheight:100%;\r\n`\r\n\r\nexport const Img= styled.img`\r\nwidth:100%;\r\nmargin:0 0 10px 0;\r\npadding-right:0;\r\n\r\n`","import React from 'react'\r\nimport { Button } from '../ButtonComponents'\r\nimport { Colum2, Img, ImgWrap,InfoContainer,InfoWrapper,Colum1,TextWrapper,TopLine,Heading,Subtitle,BtnWrap, InfoRow } from './infosectionComponents'\r\nconst InfoSection = ({lightBg,id,topLine,lightText,darkText,headLine,description,buttonLabel,img,path,primary,dark,imgStart,scroll}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {topLine}\r\n {headLine}\r\n {description}\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 InfoSection\r\n","export default __webpack_public_path__ + \"static/media/about.d4d357cd.svg\";","export default __webpack_public_path__ + \"static/media/Feature-aset.014c3312.png\";","export default __webpack_public_path__ + \"static/media/5.751f348c.png\";","export default __webpack_public_path__ + \"static/media/6.e7fe58d0.png\";","import info_img2 from '../../images/about.svg'\r\nimport info_img4 from '../../images/Feature-aset.png'\r\nimport info_img5 from '../../images/5.png'\r\nimport info_img6 from '../../images/6.png'\r\n\r\n\r\nexport const homeObjOne={\r\n id:'about',\r\n lightBg:true,\r\n lightText:true,\r\n lightTextDesc: true,\r\n topLine: 'Download Games',\r\n headLine:'Download Games and Access it through your mobile device or PC',\r\n description:'get access to our game app to your device with steam and google play',\r\n buttonLabel:'Get started',\r\n imgStart:false,\r\n img: info_img2,\r\n dark:true,\r\n primary:true,\r\n darkText:true,\r\n scroll:'product',\r\n \r\n}\r\n\r\nexport const homeObjTwo={\r\n id:'product',\r\n lightBg:false,\r\n lightText:false,\r\n lightTextDesc: true,\r\n topLine: 'Product',\r\n headLine:'Cyber Grid: Tower Defense',\r\n description:'CyberGrid: Tower defense is a Tower defense game containing HQ, Tower, and 3 building that generates resources. In order to build a building, you must have enough resources. Each building can generate different resources. You must protect the HQ from the Enemy. ',\r\n buttonLabel:'Download now on steam',\r\n imgStart:true,\r\n img: info_img5,\r\n dark:false,\r\n primary:true,\r\n darkText:false,\r\n path:'https://store.steampowered.com/app/1563710/CyberGrid_Tower_defense/',\r\n}\r\n\r\nexport const homeObjThree={\r\n id:'product',\r\n lightBg:true,\r\n lightText:true,\r\n lightTextDesc: true,\r\n topLine: 'Product',\r\n headLine:'RK Space Adventure',\r\n description:'A 2D arcade Game with 2 Map Location New Colony and Outer Space. Control the Rocket by Tapping the screen Avoid the Base Tower and Collect Coins.',\r\n buttonLabel:'Download now on Google Play',\r\n imgStart:false,\r\n img: info_img4,\r\n dark:true,\r\n primary:true,\r\n darkText:true,\r\n path:'https://play.google.com/store/apps/details?id=com.RxarintaGames.RKSpaceAdventure',\r\n}\r\n\r\nexport const homeObjFour={\r\n\r\n\r\n\r\n id:'upcoming-releases',\r\n lightBg:false,\r\n lightText:false,\r\n lightTextDesc: true,\r\n topLine: 'upcoming releases',\r\n headLine:'Vending Shaker',\r\n description:'A 2D arcade Game. Shake your phone and collect all collectable from the diffrent type of vending machine. Coming Soon this May 2021.',\r\n buttonLabel:'Coming Soon on Google Play',\r\n imgStart:true,\r\n img: info_img6,\r\n dark:false,\r\n primary:true,\r\n darkText:false,\r\n path:'https://play.google.com/store/apps/dev?id=6580238222884344799',\r\n}","import React from 'react'\r\nimport { Button } from '../ButtonComponents'\r\nimport { Colum2, Img, ImgWrap,InfoContainer,InfoWrapper,Colum1,TextWrapper,TopLine,Heading,Subtitle,BtnWrap, InfoRow } from './infosectionComponents'\r\nconst InfoHome = ({lightBg,id,topLine,lightText,darkText,headLine,description,buttonLabel,img,path,primary,dark,imgStart,scroll}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {topLine}\r\n {headLine}\r\n {description}\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 InfoHome\r\n\r\n","import styled from'styled-components';\r\nimport {Link as LinkR} from 'react-router-dom';\r\nimport {Link as LinkS} from'react-scroll';\r\n\r\nexport const Nav = styled.nav`\r\n/* background:#096C79; */\r\nbackground:${({scrollNav})=> (scrollNav ? '#096C79' : 'transparent')};\r\nheight:80px;\r\nmargin-top:-80px;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\nfont-size:1rem;\r\nposition:sticky;\r\ntop:0;\r\nz-index:10;\r\n\r\n@media screen and (max-width:960px){\r\n transition:0.8s all ease;\r\n}\r\n`\r\n\r\nexport const NavContainer= styled.div`\r\ndisplay:flex;\r\njustify-content:space-between;\r\nheight:80px;\r\nz-index:1;\r\nwidth:100%;\r\npadding:0 24px;\r\nmax-width:1100px;\r\n`\r\n\r\n\r\nexport const NavLogo = styled(LinkR)`\r\ncolor:#ffff;\r\njustify-self:flex-start;\r\ncursor:pointer;\r\nfont-size:1.5rem;\r\ndisplay:flex;\r\nalign-items: center;\r\nmargin-left:24px;\r\nfont-weight:bold;\r\ntext-decoration:none;\r\n`\r\n\r\nexport const MobileIcon = styled.div`\r\ndisplay:none;\r\n@media screen and (max-width:768px){\r\n display:block;\r\n position:absolute;\r\n top:0;\r\n right:0;\r\n transform:translate(-100%,60%);\r\n font-size:1.8rem;\r\n cursor:pointer;\r\n color: #ffff;\r\n}\r\n`\r\n\r\n\r\nexport const NavMenu = styled.ul`\r\ndisplay:flex;\r\nalign-items:center;\r\nlist-style:none;\r\ntext-align:center;\r\nmargin-right:-22px;\r\n@media screen and (max-width:768px){\r\n display:none;\r\n}\r\n`\r\n\r\nexport const NavItem =styled.li`\r\nheight:80px;\r\n`\r\n\r\n\r\nexport const NavLinks = styled(LinkS)`\r\ncolor:#ffff;\r\ndisplay:flex;\r\nalign-items: center;\r\ntext-decoration:none;\r\npadding:0 1rem;\r\nheight:100%;\r\ncursor:pointer;\r\n&.active{\r\n border-bottom: 3px solid #01bf71;\r\n\r\n}\r\n`\r\n\r\nexport const NavBtn =styled.nav`\r\ndisplay:flex;\r\nalign-items:center;\r\n\r\n@media screen and (max-width:768px){\r\n display:none;\r\n}\r\n`\r\n\r\nexport const NavBtnLink =styled(LinkS)`\r\nborder-radius:50px;\r\nbackground:#01bf71;\r\nwhite-space:nowrap;\r\npadding: 10px 22px;\r\ncolor:#010606;\r\nfont-size:16px;\r\noutline:none;\r\nborder:none;\r\ncursor:pointer;\r\ntransition: all 0.2s ease-in-out;\r\ntext-decoration:none;\r\n\r\n&:hover{\r\n transition:all 0.2s ease-in-out;\r\n background:#fff;\r\n color:#010606;\r\n \r\n}\r\n`\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React,{useEffect, useState} from 'react'\r\nimport{FaBars} from 'react-icons/fa'\r\nimport{Nav,NavLogo,NavContainer,MobileIcon,NavMenu,NavItem,NavLinks,NavBtn,NavBtnLink} from './NavbarComponens'\r\nimport{animateScroll as scroll} from 'react-scroll';\r\nconst Navbar = ({toogle}) => {\r\n const[scrollNav, setScrollNav]=useState(false)\r\n\r\n const changeNav=()=>{\r\n if(window.scrollY>=80){\r\n setScrollNav(true)\r\n }\r\n else{\r\n setScrollNav(false)\r\n }\r\n }\r\n\r\n useEffect(()=>{\r\n window.addEventListener('scroll',changeNav)\r\n },[])\r\n\r\n const toogleHome =() =>{\r\n scroll.scrollToTop();\r\n }\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Navbar\r\n","import styled from \"styled-components\";\r\nimport{FaTimes} from 'react-icons/fa'\r\n// import {Link as LinkR} from 'react-router-dom';\r\nimport {Link as LinkS} from'react-scroll';\r\nexport const SidebarContainer= styled.aside`\r\nposition:fixed;\r\nz-index:999;\r\nwidth:100%;\r\nheight:100%;\r\nbackground:#0d0d0d;\r\ndisplay:grid;\r\nalign-items:center;\r\ntop:0;\r\nleft:0;\r\ntransition:0.3s ease-in-out;\r\n/* top:0; */\r\nopacity:${({isOpen})=>(isOpen ? '100%': '0')};\r\ntop:${({isOpen})=>(isOpen ? '0': '-100%')};\r\n`\r\n\r\nexport const CloseIcon= styled(FaTimes)`\r\ncolor:#fff;\r\n`\r\nexport const Icon=styled.div`\r\nposition:absolute;\r\ntop:1.2rem;\r\nright:1.5rem;\r\nbackground:transparent;\r\nfont-size:2rem;\r\ncursor: pointer;\r\noutline:none;\r\n`\r\nexport const SidebarWrapper =styled.div`\r\ncolor:#fff;\r\n`\r\n\r\nexport const SidebarMenu= styled.ul`\r\ndisplay:grid;\r\ngrid-template-columns:1fr;\r\ngrid-template-rows:repeat(6,80px);\r\ntext-align:center;\r\n@media screen and(max-width:480px){\r\n grid-template-rows:repeat(6,60px);\r\n}\r\n\r\n`\r\nexport const SidebarLink=styled(LinkS)`\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nfont-size:1.5rem;\r\ntext-decoration:none;\r\nlist-style:none;\r\ntransition:0.2s ease-in-out;\r\ntext-decoration:none;\r\ncolor:#fff;\r\ncursor: pointer;\r\n&:hover{\r\n color:#01bf71;\r\n transition:0.2s ease-in-out;\r\n}\r\n`\r\nexport const SideBtnWrap=styled.div`\r\ndisplay:flex;\r\njustify-content:center;\r\n`\r\n\r\nexport const SidebarRoute=styled(LinkS)`\r\nborder-radius:50px;\r\nbackground:#096C79;\r\nwhite-space:nowrap;\r\npadding:16px 64px;\r\ncolor:#fff;\r\nfont-size:16px;\r\noutline:none;\r\nborder:none;\r\ncursor: pointer;\r\ntransition:all 0.2s ease-in-out;\r\ntext-decoration:none;\r\n\r\n&:hover{\r\n transition:all ease-out 0.2s ease-in-out;\r\n background: #fff;\r\n color:#010606;\r\n}\r\n`\r\n","import React from 'react'\r\nimport{SidebarContainer,Icon,CloseIcon,SidebarWrapper,SidebarMenu,SidebarLink,SideBtnWrap,SidebarRoute} from './sidebarComponents'\r\n\r\nconst Sidebar = ({isOpen,toogle}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n About\r\n Products\r\n Upcoming Releases\r\n \r\n \r\n Contact Us\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Sidebar\r\n","import React,{useState} from 'react'\r\nimport Footer from '../components/footer'\r\nimport Herosection from '../components/HeroSection'\r\nimport InfoSection from '../components/InfoSection'\r\nimport { homeObjFour, homeObjOne, homeObjThree, homeObjTwo } from '../components/InfoSection/data'\r\nimport InfoHome from '../components/InfoSection/info'\r\n\r\n\r\nimport Navbar from '../components/Navbar'\r\nimport Sidebar from '../components/sidebar'\r\n\r\nconst Home = () => {\r\n const[isOpen,setIsOpen]=useState(false)\r\n\r\n const toogle =()=>{\r\n setIsOpen(!isOpen)\r\n }\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n