{"version":3,"sources":["App.style.js","pages/why/Why.style.js","components/navbar/Navbar.style.js","images/flexiblebase-15.png","asset/Flexiblebase SaaS Platform.pdf","components/navbar/Navbar.jsx","images/Rectangle 116.png","components/footer/Footer.style.js","components/footer/Footer.jsx","pages/why/Why.jsx","images/Rectangle 335.png","images/Rectangle 117.png","images/Flexiblebase Toolbox.png","images/play-button-svgrepo-com.png","images/01 - Showcase.png","images/MySQL-Logo.wine.png","images/mariadb-logo-vert_blue-transparent-1.png","images/1 zuTTkJe54Wv907enmQt46g.png","images/Amazon-RDS-1.png","images/2560px-Cassandra_logo.svg.png","images/images-1.png","images/hp.png","images/MemSQL_horizontal_lockup_blue_logo.png","images/03 - CRUD Operations.png","images/02 - SQL GUI.png","images/shield.png","images/05 - Automatic HTML Form Generator.png","images/api_code.png","images/04 - Data Visualization.png","images/06 - Document and Image Viewer.png","components/landing/Landing.style.js","components/main-normal/Normal.style.js","components/main-normal/Normal.jsx","components/main-reverse/Reverse.style.js","components/main-reverse/Reverse.jsx","components/main-different/Different.style.js","images/icons8-adventures-144.png","images/icons8-chrome-240.png","images/icons8-opera-240.png","components/main-different/Different.jsx","images/icons8-windows-10-240(1).png","images/icons8-apple-logo-240.png","images/icons8-linux-240.png","images/icons8-android-os-240.png","components/pricing/Pricing.style.js","components/pricing/Pricing.jsx","components/main-backend/Backend.style.js","components/main-backend/Backend.jsx","components/landing/Landing.jsx","images/download.jpg","images/postres.png","images/60232d51a86b90a0ffb97428_amazon-aurora.png","images/Heroku_logo.svg.png","pages/index/Indexpage.style.js","images/Landing diet – 2.png","pages/index/Indexpage.jsx","pages/pricing/Pricing.style.js","components/demo-feedback/Feedback.style.js","components/demo-feedback/Feedback.jsx","pages/pricing/Pricing.jsx","pages/about/About.style.js","pages/about/About.jsx","pages/documentation/Documentation.style.js","pages/documentation/Documentation.jsx","pages/blog/Blog.style.js","pages/blog/Blog.jsx","pages/resources/Resources.style.js","pages/resources/Resources.jsx","pages/signin/Signin.style.js","pages/signin/Signin.jsx","pages/signup/Signup.style.js","pages/signup/Signup.jsx","pages/verifySuccess/verified.style.js","pages/verifySuccess/EmailVerified.jsx","images/blue-check.jpg","pages/careers/career.style.js","pages/careers/Careers.jsx","App.js","index.js"],"names":["GlobalStyle","createGlobalStyle","WhyBox","styled","Box","Main","Mainchild","TextBox","TextBox2","Button","MenuBox","MenuBar","AppBar","MenuToolBar","Toolbar","MenuLogoBox","MenuLogo","Typography","ButtonBoxA","ButtonBoxB","NavButton","PrimarySearchAppBar","useState","mobileMoreAnchorEl","setMobileMoreAnchorEl","isMobileMenuOpen","Boolean","anchorEl","setAnchorEl","open","handleClose","mobileMenuId","renderMobileMenu","Menu","anchorOrigin","vertical","horizontal","id","keepMounted","transformOrigin","onClose","MenuItem","to","variant","className","sx","flexGrow","src","Logo","alt","component","display","xs","md","MenuListProps","onClick","href","pdf","type","download","style","marginRight","width","IconButton","size","aria-label","aria-controls","aria-haspopup","event","currentTarget","fontSize","FooterBox","FooterContainer","FooterChild","Footerhead","HeadBox","HeadchildA","Copyrightbox","Footer","logo","Date","getFullYear","Why","useEffect","window","scrollTo","top","behavior","rectangle","LandingBox","MainRightChild","MainLeftChild","MainButtonBox","MainButton","MainImageBox","DatabaseBox","DatabaseBoxChild","ImageBox","SectionBox","SectionHead","SectionHeadChild","SectionBody","SectionBodyChildA","SectionBodyChildB","TypographyContainer","Normal","props","heading1","heading2","image","rect","rec","text1","text2","text3","Reverse","Different","logoArray","chrome","opera","compass","text4","map","index","PricingBox","PricingHead","PricingBody","PricingBodyChild","ChildHead","ChildMain","DifText","PriceBox","ChildBody","InfoBox","Info","PriceButtonBox","PriceButton","Pricing","marginTop","color","Backend","Landing","imageArray","mysql","mariadb","rds","microsoft","google","memsql","backgroundColor","play","group","data","gui","db1","visual","htmlGenerator","viewer","api","secure","IndexBox","Indexpage","img","bg","MiniChild","FeedbackBox","Feedback","Paper","mode","Aboutbox","Socialbox","Socialchild","About","Documentationbox","Documentation","Blogbox","Blog","Resourcesbox","Resources","SigninBox","SigninChild","FormBox","RememberMe","ActionButton","div","loading","Signin","email","password","rememberMe","signinInfo","setsigninInfo","setLoading","click","setClick","navigate","useNavigate","handleChange","e","target","name","value","console","log","action","onSubmit","preventDefault","axios","post","then","response","credentials","now","expirationDate","getTime","expiresIn","localStorage","setItem","token","userName","role","catch","error","toast","message","TextField","label","onChange","checked","htmlFor","position","autoClose","hideProgressBar","closeOnClick","SignupBox","SignupChild","SelectContainerA","Select","SelectContainerB","Load","Signup","countries","setCountries","country","setcountry","cities","setcities","city","setcity","info","setInfo","isDisabled","setIsdisabled","retypePassword","signupInfo","setsignupInfo","newUser","validPassword","setValidPassword","matchPassword","setMatchPassword","a","get","countryName","i","length","push","getCountries","countryOptions","key","cityOptions","success","setTimeout","placeholder","options","onBlur","cty","cityArray","j","required","onInput","rules","minLength","isValid","valueAgain","Container","ContainerChild","EmailVerified","textDecoration","CareersDiv","Careers","App","exact","path","element","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"sQAEaA,EAAcC,YAAH,4hC,kBCEXC,EAASC,YAAOC,IAAPD,CAAH,iEAKNE,EAAOF,YAAOC,IAAPD,CAAH,2OAYJG,EAAYH,YAAOC,IAAPD,CAAH,ugCAyDTI,EAAUJ,YAAOC,IAAPD,CAAH,4nDAqEPK,EAAWL,YAAOC,IAAPD,CAAH,kU,GAcQA,YAAOC,IAAPD,CAAH,0hBA0BAA,YAAOM,IAAPN,CAAH,yF,+ECvLVO,EAAUP,YAAOC,IAAPD,CAAH,w/BA6CPQ,EAAUR,YAAOS,IAAPT,CAAH,+DAKPU,EAAcV,YAAOW,IAAPX,CAAH,8xBAsCXY,EAAcZ,YAAOC,IAAPD,CAAH,y4BA6CXa,EAAWb,YAAOc,IAAPd,CAAH,+CAQRe,GAJWf,YAAOc,IAAPd,CAAH,2EAIKA,YAAOC,IAAPD,CAAH,qlCAiDVgB,EAAahB,YAAOC,IAAPD,CAAH,ylBA2BViB,EAAYjB,YAAOM,IAAPN,CAAH,8HC7NP,2jNCAA,OAA0B,uD,QCqB1B,SAASkB,KAAuB,IAAD,EACOC,mBAAS,MADhB,mBACtCC,EADsC,KAClBC,EADkB,KAIvCC,EAAmBC,QAAQH,GAJY,EAabD,mBAAS,MAbI,mBAatCK,EAbsC,KAa5BC,EAb4B,KAcvCC,EAAOH,QAAQC,GAIfG,EAAc,WACnBF,EAAY,OAUPG,EAAe,qCACfC,EACL,gBAACC,EAAA,EAAD,CACCN,SAAUJ,EACVW,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAC7CC,GAAIN,EACJO,aAAW,EACXC,gBAAiB,CAAEJ,SAAU,MAAOC,WAAY,SAChDP,KAAMJ,EACNe,QAhC4B,WAC7BhB,EAAsB,OAwBtB,UASC,eAACiB,EAAA,EAAD,UACC,eAAC,IAAD,CAAMC,GAAG,OAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAnB,kCAwBF,eAACF,EAAA,EAAD,UACC,eAAC,IAAD,CAAMC,GAAG,WAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAnB,yBAGF,eAACF,EAAA,EAAD,UACC,eAAC,IAAD,CAAMC,GAAG,SAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAnB,uBAGF,eAACF,EAAA,EAAD,UACC,eAAC,IAAD,CAAMC,GAAG,UAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAOC,UAAU,OAApC,yBAKF,eAACH,EAAA,EAAD,UACC,eAAC,IAAD,CAAMC,GAAG,IAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAOC,UAAU,OAApC,iCAQJ,OACC,gBAAClC,EAAD,CAASmC,GAAI,CAAEC,SAAU,GAAKF,UAAU,cAAxC,UACC,eAACjC,EAAD,UACC,gBAACE,EAAD,WACC,eAACE,EAAD,UACC,gBAAC,IAAD,CAAM2B,GAAG,IAAT,UACC,sBAAKK,IAAKC,EAAMC,IAAI,SACpB,eAACjC,EAAD,CAAU2B,QAAQ,KAAKO,UAAU,KAAjC,+BAMF,gBAAChC,EAAD,CAAY2B,GAAI,CAAEM,QAAS,CAAEC,GAAI,OAAQC,GAAI,SAA7C,UACC,eAAC,IAAD,CAAMX,GAAG,OAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAnB,gCAqBD,eAAC,IAAD,CAAMD,GAAG,WAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAnB,uBAGD,eAAC,IAAD,CAAMD,GAAG,SAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAnB,wBAGF,gBAACxB,EAAD,CAAY0B,GAAI,CAAEM,QAAS,CAAEC,GAAI,OAAQC,GAAI,SAA7C,UACC,eAAC,IAAD,CAAMX,GAAG,UAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAOC,UAAU,OAApC,uBAID,eAAC,IAAD,CAAMF,GAAG,WAAT,SACC,eAACtB,EAAD,CAAWuB,QAAQ,OAAOC,UAAU,OAApC,+BAKF,gBAACX,EAAA,EAAD,CACCI,GAAG,aACHV,SAAUA,EACVE,KAAMA,EACNW,QAASV,EACTwB,cAAe,CACd,kBAAmB,gBANrB,UASC,eAACb,EAAA,EAAD,CAAUc,QAASzB,EAAnB,SACC,oBAAG0B,KAAI,UAAKC,IAAOC,KAAK,kBAAkBC,SAAS,eAAnD,qCAOD,eAAClB,EAAA,EAAD,CAAUc,QAASzB,EAAnB,SACC,eAAC,IAAD,CAAMY,GAAG,QAAT,uBAGF,eAACtC,EAAA,EAAD,CACCyC,GAAI,CAAEM,QAAS,CAAEC,GAAI,OAAQC,GAAI,SACjCO,MAAO,CAAEC,YAAa,OAAQC,MAAO,OACrClB,UAAW,WAHZ,SAKC,eAACmB,EAAA,EAAD,CACCC,KAAK,QACLC,aAAW,YACXC,gBAAenC,EACfoC,gBAAc,OACdZ,QA1KuB,SAACa,GAC7B5C,EAAsB4C,EAAMC,gBAoKxB,SAOC,eAAC,IAAD,CAAUC,SAAS,mBAKtBtC,KChNW,I,iXAAA,OAA0B,0CCG5BuC,GAAYpE,YAAOC,IAAPD,CAAH,wdAoBTqE,GAAkBrE,YAAOC,IAAPD,CAAH,8UAefsE,GAActE,YAAOC,IAAPD,CAAH,sLAUXuE,GAAavE,YAAOC,IAAPD,CAAH,uZAiBVwE,GAAUxE,YAAOC,IAAPD,CAAH,2uBAmCPyE,GAAazE,YAAOC,IAAPD,CAAH,09BAqHVI,IAtEaJ,YAAOC,IAAPD,CAAH,qyCAsEAA,YAAOC,IAAPD,CAAH,0pBA0DP0E,IAzBa1E,YAAOC,IAAPD,CAAH,+jBAyBKA,YAAOC,IAAPD,CAAH,wV,qBCjQZ2E,GAAS,WACrB,OACC,eAACP,GAAD,CAAW3B,UAAU,SAArB,SACC,eAAC4B,GAAD,UACC,eAACC,GAAD,UACC,gBAACC,GAAD,WACC,eAACC,GAAD,UACC,gBAACC,GAAD,WACC,sBAAK7B,IAAKgC,EAAM9B,IAAI,SACpB,eAAChC,EAAA,EAAD,CAAY0B,QAAQ,KAApB,4BAmBI,gBAACgC,GAAD,WACL,eAAC,GAAD,UAEC,eAAC1D,EAAA,EAAD,CAAY0B,QAAQ,QAApB,qCAGM,gBAACkC,GAAD,WACE,eAAC,KAAD,IACA,gBAAC5D,EAAA,EAAD,CAAY0B,QAAQ,QAApB,eAA+B,IAAIqC,MAAOC,cAA1C,mCCrCHC,GAAM,WAQlB,OAPAC,qBAAU,WACTC,OAAOC,SAAS,CACfC,IAAK,EACLC,SAAU,aAET,IAGF,gBAACrF,EAAD,WACC,eAAC,GAAD,IACA,eAACG,EAAD,UACC,gBAACC,EAAD,WACC,sBAAKyC,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,cAC/C,gBAACrC,EAAD,WACC,gBAACU,EAAA,EAAD,CAAY0B,QAAQ,QAApB,+EACoE,IACnE,sDAED,gBAAC1B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,iBACK,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,8BAEL,+BACC,gBAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,qKAG4B,IAC3B,+FAwBH,eAACnC,EAAD,UACC,gBAACS,EAAA,EAAD,CAAY0B,QAAQ,QAApB,UACC,qDADD,0MAIqC,mDAA8B,IAJnE,kKAYH,eAAC,GAAD,QCjFY,OAA0B,0CCA1B,OAA0B,0CCA1B,OAA0B,iDCA1B,oqDCAA,OAA0B,0CCA1B,OAA0B,4CCA1B,OAA0B,iECA1B,OAA0B,qDCA1B,ICAA,IDAA,IAA0B,0CEA1B,ICAA,IDAA,IAA0B,sCEA1B,OAA0B,+DCA1B,OAA0B,iDCA1B,OAA0B,yCCA1B,OAA0B,mCCA1B,OAA0B,+DCA1B,OAA0B,qCCA1B,OAA0B,oDCA1B,OAA0B,2DCI5B8C,GAAatF,YAAOC,IAAPD,CAAH,mEAkBVE,GAAOF,YAAOC,IAAPD,CAAH,wdAuBJuF,GAAiBvF,YAAOC,IAAPD,CAAH,gvCAmDdwF,GAAgBxF,YAAOC,IAAPD,CAAH,g2BAgDbyF,GAAgBzF,YAAOC,IAAPD,CAAH,ijBA2Bb0F,GAAa1F,YAAOM,IAAPN,CAAH,2FAOV2F,GAAe3F,YAAOC,IAAPD,CAAH,irBAuCZ4F,GAAc5F,YAAOC,IAAPD,CAAH,mPAWX6F,GAAmB7F,YAAOC,IAAPD,CAAH,+yBAwChB8F,GAAW9F,YAAOC,IAAPD,CAAH,yLCzQR+F,IDqRgB/F,YAAOC,IAAPD,CAAH,uHAMHA,YAAOC,IAAPD,CAAH,sHAMQA,YAAOC,IAAPD,CAAH,0TAcUA,YAAOC,IAAPD,CAAH,sGAOGA,YAAOC,IAAPD,CAAH,mEAKGA,YAAOC,IAAPD,CAAH,iNC3TNA,YAAOC,IAAPD,CAAH,2JASVgG,GAAchG,YAAOC,IAAPD,CAAH,0KASXiG,GAAmBjG,YAAOC,IAAPD,CAAH,qpBA4BhBkG,GAAclG,YAAOC,IAAPD,CAAH,mKASXmG,GAAoBnG,YAAOC,IAAPD,CAAH,+QAejB8F,GAAW9F,YAAOC,IAAPD,CAAH,yLAWRoG,GAAoBpG,YAAOC,IAAPD,CAAH,mRAejBqG,GAAsBrG,YAAOC,IAAPD,CAAH,qbCpFnBsG,GAAS,SAACC,GACtB,OACC,gBAACR,GAAD,WACC,eAACC,GAAD,UACC,eAACC,GAAD,UAEC,gBAACnF,EAAA,EAAD,CAAY0B,QAAQ,KAApB,UACE+D,EAAMC,SAAU,IACjB,eAAC1F,EAAA,EAAD,CAAY0B,QAAQ,KAApB,SAA0B+D,EAAME,kBAInC,gBAACP,GAAD,WACC,gBAACC,GAAD,WACC,eAAC,GAAD,UACC,sBAAKvD,IAAK2D,EAAMG,MAAO5D,IAAI,QAAQL,UAAU,UAE9C,sBAAKG,IAAK+D,GAAM7D,IAAI,OAAOL,UAAU,YAEtC,gBAAC2D,GAAD,WACC,sBAAKxD,IAAKgE,GAAK9D,IAAI,MAAML,UAAU,QACnC,gBAAC,GAAD,WACC,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMM,QACnC,eAAC/F,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMO,QACnC,eAAChG,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMQ,qBCpC5BhB,GAAa/F,YAAOC,IAAPD,CAAH,0JASVgG,GAAchG,YAAOC,IAAPD,CAAH,0KASXiG,GAAmBjG,YAAOC,IAAPD,CAAH,+mBA0BhBkG,GAAclG,YAAOC,IAAPD,CAAH,uIAQXmG,GAAoBnG,YAAOC,IAAPD,CAAH,kQAejB8F,GAAW9F,YAAOC,IAAPD,CAAH,sIAURoG,GAAoBpG,YAAOC,IAAPD,CAAH,mRAejBqG,GAAsBrG,YAAOC,IAAPD,CAAH,oaCjFnBgH,GAAU,SAACT,GACvB,OACC,gBAAC,GAAD,WACC,eAAC,GAAD,UACC,eAAC,GAAD,UAEC,gBAACzF,EAAA,EAAD,CAAY0B,QAAQ,KAApB,UACE+D,EAAMC,SAAU,IACjB,eAAC1F,EAAA,EAAD,CAAY0B,QAAQ,KAApB,SAA0B+D,EAAME,kBAInC,gBAAC,GAAD,WACC,gBAAC,GAAD,WACC,sBAAK7D,IAAK+D,GAAM7D,IAAI,OAAOL,UAAU,SACrC,gBAAC,GAAD,WACC,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMM,QACnC,eAAC/F,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMO,cAGrC,eAAC,GAAD,UAEC,eAAC,GAAD,UACC,sBAAKlE,IAAK2D,EAAMG,MAAO5D,IAAI,8BClCpBiD,GAAa/F,YAAOC,IAAPD,CAAH,0IAQVgG,GAAchG,YAAOC,IAAPD,CAAH,oHAMXiG,GAAmBjG,YAAOC,IAAPD,CAAH,+mBA0BhBkG,GAAclG,YAAOC,IAAPD,CAAH,wQAeXmG,GAAoBnG,YAAOC,IAAPD,CAAH,0IAQjBoG,GAAoBpG,YAAOC,IAAPD,CAAH,0bA4BjBqG,GAAsBrG,YAAOC,IAAPD,CAAH,oZC9FjB,OAA0B,kDCA1B,OAA0B,8CCA1B,OAA0B,6CCmB5BiH,GAAY,SAACV,GACzB,IAAMW,EAAY,CAACC,GAAQC,GAAOC,GCpBpB,iiXCAA,qzNCAA,q5VCAA,82JJqBd,OACC,gBAAC,GAAD,WACC,eAAC,GAAD,UACC,eAAC,GAAD,UAEC,gBAACvG,EAAA,EAAD,CAAY0B,QAAQ,KAApB,UACE+D,EAAMC,SAAU,IACjB,eAAC1F,EAAA,EAAD,CAAY0B,QAAQ,KAApB,SAA0B+D,EAAME,kBAInC,gBAAC,GAAD,WACC,eAAC,GAAD,UACC,gBAAC,GAAD,WACC,eAAC3F,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMM,QACnC,eAAC/F,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMO,QACnC,eAAChG,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMQ,QACnC,eAACjG,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMe,aAGrC,eAAC,GAAD,UACC,+BACEJ,EAAUK,KAAI,SAAC3C,EAAM4C,GAAP,OACd,sBAAiB5E,IAAKgC,EAAM9B,IAAI,QAAtB0E,iB,oBKxCJC,GAAazH,YAAOC,IAAPD,CAAH,uHAQV0H,GAAc1H,YAAOC,IAAPD,CAAH,scAqBX2H,GAAc3H,YAAOC,IAAPD,CAAH,uIAQX4H,GAAmB5H,YAAOC,IAAPD,CAAH,inBA4BhB6H,GAAY7H,YAAOC,IAAPD,CAAH,oeAsBT8H,GAAY9H,YAAOC,IAAPD,CAAH,6TAcT+H,GAAU/H,YAAOc,IAAPd,CAAH,0GAKPgI,GAAWhI,YAAOC,IAAPD,CAAH,kLAWRiI,GAAYjI,YAAOC,IAAPD,CAAH,8CAGTkI,GAAUlI,YAAOC,IAAPD,CAAH,4FAKPmI,GAAOnI,YAAOC,IAAPD,CAAH,qZAmBJoI,GAAiBpI,YAAOC,IAAPD,CAAH,0WAiBdqI,GAAcrI,YAAOM,IAAPN,CAAH,4BCnJXsI,GAAU,WACtB,OACC,gBAACb,GAAD,WACC,gBAACC,GAAD,WACC,eAAC5G,EAAA,EAAD,CAAY0B,QAAQ,KAApB,qBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,uCAED,gBAACmF,GAAD,WACC,gBAACC,GAAD,WACC,gBAACC,GAAD,WACC,eAAC/G,EAAA,EAAD,CAAY0B,QAAQ,KAApB,kBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,gDAID,gBAACsF,GAAD,WACC,gBAACE,GAAD,WACC,eAAClH,EAAA,EAAD,CAAY0B,QAAQ,KAApB,gBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,0BAED,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,2DAID,eAACyF,GAAD,UACC,gBAACC,GAAD,WACC,gBAACC,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,4CAKD,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,+BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,uCAIH,eAAC4F,GAAD,UACA,eAAC,IAAD,CAAM7F,GAAG,UAAT,SAAmB,eAAC8F,GAAD,CAAa7F,QAAQ,WAArB,yCAGpB,gBAACoF,GAAD,WACC,gBAACC,GAAD,WACC,eAAC/G,EAAA,EAAD,CAAY0B,QAAQ,KAApB,sBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,2CAED,gBAACsF,GAAD,WACC,gBAACE,GAAD,WACC,eAAClH,EAAA,EAAD,CAAY0B,QAAQ,KAApB,iBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,0BAED,gBAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,uCAEC,wBAFD,uCAKD,eAACyF,GAAD,UACC,gBAACC,GAAD,WACC,gBAACC,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,6CAMD,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,+BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,8BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,8BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,qCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAIH,eAAC4F,GAAD,UACC,eAACA,GAAD,UACE,eAAC,IAAD,CAAM7F,GAAG,UAAT,SAAmB,eAAC8F,GAAD,CAAa7F,QAAQ,WAArB,2CAIvB,gBAACoF,GAAD,WACC,gBAACC,GAAD,WACC,eAAC/G,EAAA,EAAD,CAAY0B,QAAQ,KAApB,kBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,sCAED,gBAACsF,GAAD,WACC,gBAACE,GAAD,WACC,eAAClH,EAAA,EAAD,CAAY0B,QAAQ,KAApB,iBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,0BAED,gBAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,uCAEC,wBAFD,uCAKD,eAACyF,GAAD,UACC,gBAACC,GAAD,WACC,gBAACC,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,6CAMD,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,+BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,8BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,8BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,qCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,qCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAIH,eAAC4F,GAAD,UACE,eAAC,IAAD,CAAM7F,GAAG,UAAT,SAAmB,eAAC8F,GAAD,CAAa7F,QAAQ,WAArB,yCAGtB,gBAACoF,GAAD,WACC,gBAACC,GAAD,WACC,eAAC/G,EAAA,EAAD,CAAY0B,QAAQ,KAApB,wBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,0DAID,gBAACsF,GAAD,WACC,gBAACE,GAAD,WACC,eAAClH,EAAA,EAAD,CAAY0B,QAAQ,KAAKiB,MAAO,CAAC8E,UAAW,UAA5C,mBACA,eAACR,GAAD,CAASvF,QAAQ,QAAQiB,MAAO,CAAE+E,MAAO,eAAzC,0BAID,gBAAC1H,EAAA,EAAD,CAAY0B,QAAQ,QAApB,0CAEC,wBAFD,mCAKD,eAACyF,GAAD,UACC,gBAACC,GAAD,WACC,gBAACC,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,iDASD,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,6BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,sCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,8BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,8BAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,qCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,uCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,sCAED,gBAAC2F,GAAD,WACC,eAAC,KAAD,IACA,eAACrH,EAAA,EAAD,CAAY0B,QAAQ,QAApB,6CAIH,eAAC4F,GAAD,UACE,eAAC,IAAD,CAAM7F,GAAG,UAAT,SAAmB,eAAC8F,GAAD,CAAa7F,QAAQ,WAArB,gDC7RbuD,GAAa/F,YAAOC,IAAPD,CAAH,0JASVgG,GAAchG,YAAOC,IAAPD,CAAH,0KASXiG,GAAmBjG,YAAOC,IAAPD,CAAH,+mBA0BhBkG,GAAclG,YAAOC,IAAPD,CAAH,uIAQXmG,GAAoBnG,YAAOC,IAAPD,CAAH,qTAoBjBoG,GAAoBpG,YAAOC,IAAPD,CAAH,mRAejBqG,GAAsBrG,YAAOC,IAAPD,CAAH,oaC5EnByI,GAAU,SAAClC,GACvB,OACC,gBAAC,GAAD,WACC,eAAC,GAAD,UACC,eAAC,GAAD,UAEC,gBAACzF,EAAA,EAAD,CAAY0B,QAAQ,KAApB,UACE+D,EAAMC,SAAU,IACjB,eAAC1F,EAAA,EAAD,CAAY0B,QAAQ,KAApB,SAA0B+D,EAAME,kBAInC,gBAAC,GAAD,WACC,eAAC,GAAD,UACC,sBAAK7D,IAAK2D,EAAMG,MAAO5D,IAAI,QAAQL,UAAU,UAE9C,gBAAC,GAAD,WACC,sBAAKG,IAAKgE,GAAK9D,IAAI,MAAML,UAAU,QACnC,gBAAC,GAAD,WACC,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMM,QACnC,eAAC/F,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMO,QACnC,eAAChG,EAAA,EAAD,CAAY0B,QAAQ,QAApB,SAA6B+D,EAAMQ,qBCkB5B2B,GAAU,WACrB,IAAMC,EAAa,CCtDN,soNDwDXC,GExDW,qsKF0DXC,GAEAC,GACAC,GACAC,GG9DW,y2UCAA,6xQJiEXC,IAEF,OACE,gBAAC3D,GAAD,WACE,eAAC,GAAD,IAIA,gBAAC,GAAD,WACE,gBAACC,GAAD,WAIE,gBAACzE,EAAA,EAAD,CAAY0B,QAAQ,KAApB,iBACM,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,sBACJ,wBAFF,cAIA,gBAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,kEAEE,wBAFF,0CAIA,gBAAC,GAAD,WACE,eAAC,GAAD,CACEA,QAAQ,YACRiB,MAAO,CAAEyF,gBAAiB,aAF5B,uBAMA,eAAC,GAAD,CACE1G,QAAQ,YACRiB,MAAO,CAAEyF,gBAAiB,WAF5B,SAIE,eAAC,IAAD,CAAM3G,GAAG,UAAT,uBAEF,gBAAC,GAAD,CAAYC,QAAQ,WAApB,UACE,sBAAKI,IAAKuG,GAAMrG,IAAI,SADtB,8BAMJ,gBAAC0C,GAAD,WAEE,sBAAK5C,IAAKwG,GAAOtG,IAAI,QAAQL,UAAU,eACvC,sBAAKG,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,iBAEjD,gBAACkD,GAAD,WACE,eAAC7E,EAAA,EAAD,CAAY0B,QAAQ,KAApB,sUACA,gBAACsD,GAAD,WACE,sBAAKlD,IAAKyG,GAAMvG,IAAI,WAAWL,UAAU,QAAS,OAEpD,sBAAKG,IAAK+D,GAAM7D,IAAI,OAAOL,UAAU,SACrC,sBAAKG,IAAKgE,GAAK9D,IAAI,MAAML,UAAU,WAGrC,gBAACmD,GAAD,WACE,eAAC9E,EAAA,EAAD,CAAY0B,QAAQ,KAApB,4CACA,eAACqD,GAAD,UACG8C,EAAWpB,KAAI,SAACb,EAAOc,GAAR,OACd,+BACE,sBAAiB5E,IAAK8D,EAAO5D,IAAI,oBAAvB0E,aAOlB,eAAC,GAAD,CACEhB,SAAS,kBACTC,SAAS,aACTC,MAAO4C,GACPzC,MAAM,wPAER,eAAC,GAAD,CACEL,SAAS,OACTC,SAAS,aACTC,MAAO6C,GACP1C,MAAM,8NAKR,eAAC,GAAD,CACEL,SAAS,OACTC,SAAS,gBACTC,MAAO8C,GACP3C,MAAM,wNASR,eAAC,GAAD,CACEL,SAAS,YACTC,SAAS,iBACTC,MAAO+C,GACP5C,MAAM,2KAEP,eAAC,GAAD,CACHL,SAAS,WACTC,SAAS,SACTC,MAAOgD,GACP7C,MAAM,+IAGJ,eAAC,GAAD,CACEL,SAAS,UACTC,SAAS,OACTC,MAAOiD,GACP9C,MAAM,4HACNC,MAAM,wMACNC,MAAM,mEAER,eAAC,GAAD,CACEP,SAAS,QACTC,SAAS,WACTI,MAAM,wCACNC,MAAM,mHACNC,MAAM,oCACNO,MAAM,yEAGR,eAAC,GAAD,CACA7E,UAAU,WACR+D,SAAS,WACTC,SAAS,WACTC,MAAOkD,GACP/C,MAAM,wIACNC,MAAM,qRACNC,MAAM,gSAER,eAAC,GAAD,WKnMK8C,GAAW7J,YAAOC,IAAPD,CAAH,+DCHN,OAA0B,kDCM5B8J,GAAY,WAQxB,OAPA9E,qBAAU,WACTC,OAAOC,SAAS,CACfC,IAAK,EACLC,SAAU,aAET,IAGF,gBAACyE,GAAD,CAAUE,IAAKC,GAAIvH,UAAU,UAA7B,UACC,eAAC,GAAD,IACA,eAAC,GAAD,QCbUgF,I,OAAazH,YAAOC,IAAPD,CAAH,iGAOVE,GAAOF,YAAOC,IAAPD,CAAH,84DA+GJiK,GAAYjK,YAAOC,IAAPD,CAAH,wEAKTG,GAAYH,YAAOC,IAAPD,CAAH,6FAKTI,GAAUJ,YAAOC,IAAPD,CAAH,0mDAkEPyF,GAAgBzF,YAAOC,IAAPD,CAAH,4hBA0Bb0F,GAAa1F,YAAOM,IAAPN,CAAH,2F,UCzNVkK,GAAclK,YAAOC,IAAPD,CAAH,yRCaXmK,IDAenK,YAAOC,IAAPD,CAAH,0gBAyBAA,YAAOC,IAAPD,CAAH,gXAgBEA,YAAOC,IAAPD,CAAH,0SAkBIA,YAAOM,IAAPN,CAAH,4EAMMA,YAAOC,IAAPD,CAAH,8bAwBAA,YAAOC,IAAPD,CAAH,+uEAiHMA,YAAOoK,KAAPpK,CAAH,8dAyBEA,YAAOC,IAAPD,CAAH,0KCnOA,WAyBvB,OAEC,eAACkK,GAAD,CAAaG,KAAK,eCxBP/B,GAAU,WAQtB,OAPAtD,qBAAU,WACTC,OAAOC,SAAS,CACfC,IAAK,EACLC,SAAU,aAET,IAGF,gBAAC,GAAD,WACC,eAAC,GAAD,IACA,gBAAC,GAAD,WACC,gBAAC6E,GAAD,WACC,gBAAC,GAAD,WACC,sBAAKrH,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,cAC/C,gBAAC,GAAD,WACC,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,0DAGA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,qBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,iGAKD,gBAAC,GAAD,WACC,eAAC,GAAD,CACCA,QAAQ,YACRiB,MAAO,CAAEyF,gBAAiB,WAF3B,uBAMA,gBAAC,GAAD,CAAY1G,QAAQ,YAApB,UACE,IACD,eAAC,IAAD,CAAMD,GAAG,UAAT,wBAED,gBAAC,GAAD,CAAYC,QAAQ,WAApB,UACC,sBAAKI,IAAKuG,GAAMrG,IAAI,SADrB,8BAMF,eAAC,GAAD,OAED,eAAC,GAAD,IACA,sBAAKF,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,SAC/C,sBAAKG,IAAK+D,GAAM7D,IAAI,YAAYL,UAAU,aAE3C,eAAC,GAAD,QCpEU6H,GAAWtK,YAAOC,IAAPD,CAAH,mEAKRE,GAAOF,YAAOC,IAAPD,CAAH,2qDAmGJG,GAAYH,YAAOC,IAAPD,CAAH,2iBAuBTI,GAAUJ,YAAOC,IAAPD,CAAH,oiBA0DPuK,IAlCUvK,YAAOC,IAAPD,CAAH,seAsBKA,YAAOC,IAAPD,CAAH,mNAYGA,YAAOC,IAAPD,CAAH,wnBA8BTwK,GAAcxK,YAAOC,IAAPD,CAAH,2aC1MXyK,GAAQ,WAQpB,OAPAzF,qBAAU,WACTC,OAAOC,SAAS,CACfC,IAAK,EACLC,SAAU,aAET,IAGF,gBAACkF,GAAD,WACC,eAAC,GAAD,IACA,gBAAC,GAAD,WACC,sBAAK1H,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,cAC/C,gBAAC,GAAD,WACC,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,0DAGA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,2DAID,eAAC,GAAD,UACC,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,gcAkBD,gBAAC+H,GAAD,WACC,eAACC,GAAD,UACC,eAAC1J,EAAA,EAAD,CAAY0B,QAAQ,KAApB,gCAGD,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,yCAED,sBAAKI,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,SAC/C,sBAAKG,IAAK+D,GAAM7D,IAAI,YAAYL,UAAU,aAE3C,eAAC,GAAD,QC/DUiI,GAAmB1K,YAAOC,IAAPD,CAAH,mEAKhBE,GAAOF,YAAOC,IAAPD,CAAH,o5CA0EJG,GAAYH,YAAOC,IAAPD,CAAH,mVC5ET2K,GAAgB,WAQ5B,OAPA3F,qBAAU,WACTC,OAAOC,SAAS,CACfC,IAAK,EACLC,SAAU,aAET,IAGF,gBAACsF,GAAD,WACC,eAAC,GAAD,IACA,gBAAC,GAAD,WACC,sBAAK9H,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,cAC/C,gBAAC,GAAD,WACC,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,qDAGA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,8BAED,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,sDAID,eAAC,GAAD,QC1BUoI,GAAU5K,YAAOC,IAAPD,CAAH,qEAIPE,GAAOF,YAAOC,IAAPD,CAAH,i5CAwEJG,GAAYH,YAAOC,IAAPD,CAAH,wWCxET6K,GAAO,WAQnB,OAPA7F,qBAAU,WACTC,OAAOC,SAAS,CACfC,IAAK,EACLC,SAAU,aAET,IAGF,gBAACwF,GAAD,WACC,eAAC,GAAD,IACA,gBAAC,GAAD,WACC,sBAAKhI,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,cAC/C,gBAAC,GAAD,WACC,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,iDAGA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,qBAED,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,sDAID,eAAC,GAAD,QC3BUsI,GAAe9K,YAAOC,IAAPD,CAAH,mEAKZE,GAAOF,YAAOC,IAAPD,CAAH,i4CAwEJG,GAAYH,YAAOC,IAAPD,CAAH,mVC1ET+K,GAAY,WAQxB,OAPA/F,qBAAU,WACTC,OAAOC,SAAS,CACfC,IAAK,EACLC,SAAU,aAET,IAGF,gBAAC0F,GAAD,WACC,eAAC,GAAD,IACA,gBAAC,GAAD,WACC,sBAAKlI,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,cAC/C,gBAAC,GAAD,WACC,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,8CAGA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,8BAED,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,sDAID,eAAC,GAAD,Q,iBCzBUwI,GAAYhL,YAAOC,IAAPD,CAAH,8CAITiL,GAAcjL,YAAOC,IAAPD,CAAH,8sBAqCXI,GAAUJ,YAAOC,IAAPD,CAAH,sPAYPkL,GAAUlL,YAAOoK,KAAPpK,CAAH,y7BA8CPmL,GAAanL,YAAOC,IAAPD,CAAH,gPAWVoL,GAAepL,YAAOM,IAAPN,CAAH,iG,IAOLA,IAAOqL,IAAV,6KACL,qBAAGC,QAAyB,OAAS,U,kECrGpCC,GAAS,WAAO,IAAD,EACUpK,mBAAS,CAC3CqK,MAAO,GACPC,SAAU,GACVC,YAAY,IAJY,mBACnBC,EADmB,KACPC,EADO,OAOIzK,oBAAS,GAPb,mBAOnBmK,EAPmB,KAOVO,EAPU,OAQA1K,oBAAS,GART,mBAQnB2K,EARmB,KAQZC,EARY,KAUpBC,EAAWC,cACXC,EAAe,SAACC,GACpBP,EAAc,6BAAKD,GAAN,mBAAmBQ,EAAEC,OAAOC,KAAOF,EAAEC,OAAOE,UAK3DtH,qBAAU,WACXuH,QAAQC,IAAIb,KACR,CAACA,EAAYG,IAkChB,OACE,gBAACd,GAAD,WACE,eAAC,GAAD,IACA,gBAACC,GAAD,WACE,sBAAKrI,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,cAC/C,eAAC,GAAD,UACE,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,uBAEF,eAAC0I,GAAD,UACE,wBAAMuB,OAAO,GAAGC,SA1CH,SAACP,GACpBA,EAAEQ,iBACFJ,QAAQC,IAAIb,GACfI,GAAS,GACNF,GAAW,GACXe,KACGC,KAAK,wCAAyClB,GAC9CmB,MAAK,SAACC,GACLR,QAAQC,IAAIO,GACZlB,GAAW,GACjBE,GAAS,GACP,IAAIiB,EAAcD,EAAS1D,KACrB4D,EAAM,IAAIpI,KACNqI,EAAiB,IAAIrI,KAAKoI,EAAIE,UAAoC,IAAxBH,EAAYI,WAC/Db,QAAQC,IAAIU,GACTG,aAAaC,QAAQ,QAASN,EAAYO,OAC1CF,aAAaC,QAAQ,WAAYN,EAAYQ,UAC7CH,aAAaC,QAAQ,OAAQN,EAAYS,MACzCJ,aAAaC,QAAQ,aAAcN,EAAYtB,YAC/C2B,aAAaC,QAAQ,cAAeN,IAEN,IAA1BrB,EAAWD,YAClB2B,aAAaC,QAAQ,iBAAkBN,EAAYE,gBAEpDlB,EAAS,2BAEN0B,OAAM,SAACC,GAAW,IAAD,EAChBpB,QAAQC,IAAI,CAAEmB,UACd9B,GAAW,GACjBE,GAAS,GACH6B,KAAMD,MAAN,UAAYA,EAAMZ,gBAAlB,aAAY,EAAgB1D,KAAKwE,aAY/B,UACE,eAAC/M,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mBACA,eAACsL,GAAA,EAAD,CACE5L,GAAG,QACH6L,MAAM,2BACNvL,QAAQ,SACRwL,SAAU9B,EACVI,MAAOX,EAAWH,MAClBa,KAAK,UAEP,eAACvL,EAAA,EAAD,CAAY0B,QAAQ,QAApB,sBACA,eAACsL,GAAA,EAAD,CACE5L,GAAG,WACHqB,KAAK,WACLwK,MAAM,sBACNvL,QAAQ,SACRwL,SAAU9B,EACVI,MAAOX,EAAWF,SAClBY,KAAK,aAGP,gBAAClB,GAAD,WACE,wBACE5H,KAAK,WACL8I,KAAK,aACLnK,GAAG,aACH+L,QAAStC,EAAWD,WACpBsC,SA3EM,SAAC7B,GACnBP,EAAc,6BAAID,GAAL,mBAAkBQ,EAAEC,OAAOC,KAAOF,EAAEC,OAAO6B,cA4E9C,wBAAOC,QAAQ,WAAf,4BAEF,eAAC9C,GAAD,CAAc5I,QAAQ,YAAYe,KAAK,SAASd,UAAWqJ,EAAQ,OAAS,OAA5E,SAEPR,EACC,eAAC,KAAD,CAAc/H,KAAM,kBAAmBiF,MAAM,YAAiB,oBAO9D,eAAC,GAAD,IACA,eAAC,KAAD,CACE/F,UAAU,QACV0L,SAAS,YACTC,UAAU,OACVC,gBAAgB,QAChBC,cAAY,Q,uCC7HPC,GAAYvO,YAAOC,IAAPD,CAAH,8CAITwO,GAAcxO,YAAOC,IAAPD,CAAH,8sBAqCXI,GAAUJ,YAAOC,IAAPD,CAAH,sPAYPkL,GAAUlL,YAAOoK,KAAPpK,CAAH,ohCAqDPyO,GAAmBzO,YAAO0O,KAAP1O,CAAH,uIAOhB2O,GAAmB3O,YAAO0O,KAAP1O,CAAH,uIAOhBoL,GAAepL,YAAOM,IAAPN,CAAH,4BAEZ4O,GAAO5O,IAAOqL,IAAV,6KACL,qBAAGC,QAAyB,OAAS,U,SCzGpCuD,GAAS,WAAO,IAAD,EACQ1N,mBAAS,IADjB,mBACnB2N,EADmB,KACRC,EADQ,OAEI5N,mBAAS,IAFb,mBAEnB6N,EAFmB,KAEVC,EAFU,OAGE9N,mBAAS,IAHX,mBAGnB+N,EAHmB,KAGXC,EAHW,OAIFhO,mBAAS,IAJP,mBAInBiO,EAJmB,KAIbC,EAJa,OAKFlO,mBAAS,IALP,mBAKnBmO,EALmB,KAKbC,EALa,OAMUpO,oBAAS,GANnB,mBAMnBqO,EANmB,KAMPC,EANO,OAOItO,oBAAS,GAPb,mBAOnBmK,EAPmB,KAOVO,EAPU,OAQU1K,mBAAS,CAC3C6N,QAAS,GACTI,KAAM,GACN5D,MAAO,GACPC,SAAU,GACViE,eAAgB,GAChBjC,KAAM,YAdkB,mBAQnBkC,EARmB,KAQPC,EARO,KAgBpBC,EAAU,CACdb,QAASW,EAAWX,QACpBI,KAAMO,EAAWP,KACjB5D,MAAOmE,EAAWnE,MAClBC,SAAUkE,EAAWlE,SACrBiE,eAAgBC,EAAWD,eAC3BjC,KAAMkC,EAAWlC,MAtBO,EAwBgBtM,oBAAS,GAxBzB,mBAwBnB2O,EAxBmB,KAwBJC,EAxBI,OAyBgB5O,oBAAS,GAzBzB,mBAyBnB6O,EAzBmB,KAyBJC,EAzBI,KA0B1BjL,qBAAU,WACRC,OAAOC,SAAS,CACdC,IAAK,EACLC,SAAU,aAEX,IACHJ,qBAAU,WACQ,KAAZgK,GACFS,GAAc,KAEf,CAACT,IAEJhK,qBAAU,cAAU,CAACwK,IAErBxK,qBAAU,YACU,yCAAG,uBAAAkL,EAAA,sEACbtD,KACHuD,IAAI,iDACJrD,MAAK,SAACC,GAGL,IAAIqD,EAAc,GAClBb,EAAQxC,EAAS1D,KAAKA,MAEtB,IAAK,IAAIgH,EAAI,EAAGA,EAAItD,EAAS1D,KAAKA,KAAKiH,OAAQD,IAC7CD,EAAYG,KAAKxD,EAAS1D,KAAKA,KAAKgH,GAAGrB,SAEzCD,EAAaqB,MAEd1C,OAAM,SAACC,GAAD,OAAWpB,QAAQC,IAAImB,MAdb,2CAAH,qDAgBlB6C,KACC,IAEH,IAAMC,EAAiB3B,EAAUvH,KAAI,SAACyH,EAASxH,GAC7C,MAAO,CACLuG,MAAOiB,EACP1C,MAAO0C,EACP0B,IAAKlJ,MAGHmJ,EAAW,OAAGzB,QAAH,IAAGA,OAAH,EAAGA,EAAQ3H,KAAI,SAAC6H,EAAM5H,GACrC,MAAO,CACLuG,MAAOqB,EACP9C,MAAO8C,EACPsB,IAAKlJ,MA8BH0E,EAAe,SAACC,GACpByD,EAAc,6BAAKD,GAAN,mBAAmBxD,EAAEC,OAAOC,KAAOF,EAAEC,OAAOE,UAErDN,EAAWC,cA6BjB,OACE,gBAACsC,GAAD,WACE,eAAC,GAAD,IACA,gBAACC,GAAD,WACE,sBAAK5L,IAAKyC,GAAWvC,IAAI,YAAYL,UAAU,cAC/C,eAAC,GAAD,UACE,eAAC3B,EAAA,EAAD,CAAY0B,QAAQ,KAApB,uBAEF,eAAC,GAAD,UACE,wBAAMiK,OAAO,GAAGC,SApCH,SAACP,GACpBA,EAAEQ,iBACFd,GAAW,GACP8D,EAAWlE,WAAakE,EAAWD,gBACrCnD,QAAQC,IAAIqD,GACZjD,KACGC,KAAK,4CAA6CgD,GAClD/C,MAAK,SAACC,GACLR,QAAQC,IAAIO,GACZR,QAAQC,IAAI,QACZoB,KAAMgD,QAAQ,iEACd/E,GAAW,GACXgF,YAAW,WACT7E,EAAS,OAET,QAEH0B,OAAM,SAACC,GACNpB,QAAQC,IAAI,CAAEmB,UACd9B,GAAW,GACX+B,KAAMD,MAAM,wCAGhB9B,GAAW,GACX+B,KAAMD,MAAM,wCAYR,UAmBE,eAAC7M,EAAA,EAAD,CAAY0B,QAAQ,QAApB,qBACA,eAACiM,GAAD,CACEqC,YAAY,iBACZC,QAASN,EACTzC,SA3FgB,SAAC1B,GAC3B2C,EAAW3C,EAAMA,OAEjBsD,EAAc,6BAAKD,GAAN,IAAkBX,QAAS1C,EAAMA,UAyFpCD,KAAK,YACL2E,OAvFO,WAKjB,IAFA,IACIC,EADAC,EAAY,GAEPC,EAAI,EAAGA,EAAI7B,EAAKgB,OAAQa,IAC3BnC,IAAYM,EAAK6B,GAAGnC,UAEtBiC,EAAM3B,EAAK6B,GAAGjC,OACdgC,EAAUX,KAAKjB,EAAK6B,GAAGjC,SAG3BC,EAAU8B,IA4EAG,UAAQ,IAEV,eAACtQ,EAAA,EAAD,CAAY0B,QAAQ,QAApB,kBACA,eAACmM,GAAD,CACEa,WAAYA,EACZsB,YAAY,cACZC,QAASJ,EACT3C,SA/Ee,SAAC1B,GAC1B+C,EAAQ/C,EAAMA,OACdsD,EAAc,6BAAKD,GAAN,IAAkBP,KAAM9C,EAAMA,SAC3CC,QAAQC,IAAI4C,IA6EF/C,KAAK,SACL+E,UAAQ,IAEV,eAACtQ,EAAA,EAAD,CAAY0B,QAAQ,QAApB,mBACA,eAACsL,GAAA,EAAD,CACE5L,GAAG,QACH6L,MAAM,2BACNvL,QAAQ,SACR8J,MAAOqD,EAAWnE,MAClBa,KAAK,QACL2B,SAAU9B,EACVkF,UAAQ,IAEV,eAACtQ,EAAA,EAAD,CAAY0B,QAAQ,QAApB,sBACA,eAACsL,GAAA,EAAD,CACE5L,GAAG,WACHqB,KAAK,WACLwK,MAAM,sBACNvL,QAAQ,SACR8J,MAAOqD,EAAWlE,SAClBY,KAAK,WACL2B,SAAU9B,EACVkF,UAAQ,EACRC,QAAS,SAAClF,GAER4D,GAAiB,MAKrB,eAAC,KAAD,CACEtN,UAAWqN,EAAgB,OAAS,KACpCwB,MAAO,CAAC,YAAa,cAAe,SAAU,UAAW,aACzDC,UAAW,EACXjF,MAAOqD,EAAWlE,SAElBuC,SAAU,SAACwD,OAEb,eAAC1Q,EAAA,EAAD,CAAY0B,QAAQ,QAApB,+BACA,eAACsL,GAAA,EAAD,CACE5L,GAAG,iBACHqB,KAAK,WACLwK,MAAM,uBACNvL,QAAQ,SACR8J,MAAOqD,EAAWD,eAClBrD,KAAK,iBACL2B,SAAU9B,EACVkF,UAAQ,EACjBC,QAAS,SAAClF,GAEV8D,GAAiB,MAIV,eAAC,KAAD,CACTxN,UAAWuN,EAAgB,OAAS,KACzBsB,MAAO,CAAC,SACRhF,MAAOqD,EAAWlE,SAClBgG,WAAY9B,EAAWD,eACvB1B,SAAU,SAACwD,OAEb,eAAC,GAAD,CAAchP,QAAQ,YAAYe,KAAK,SAAvC,qBAGA,eAAC,GAAD,CAAM+H,QAASA,EAAf,SACE,eAAC,KAAD,CAAc/H,KAAM,kBAAmBiF,MAAM,sBAKrD,eAAC,GAAD,IACA,eAAC,KAAD,CACE/F,UAAU,QACV0L,SAAS,YACTC,UAAU,OACVC,gBAAgB,QAChBC,cAAY,QChRPoD,GAAY1R,YAAOC,IAAPD,CAAH,8CAIT2R,GAAiB3R,YAAOC,IAAPD,CAAH,icCFd4R,GAAgB,WAC5B,OACC,eAACF,GAAD,UACC,gBAACC,GAAD,WACC,eAAC7Q,EAAA,EAAD,CAAY0B,QAAQ,KAApB,0CACA,sBAAKI,ICVM,82KDUME,IAAI,cACrB,eAAC,IAAD,CAAMP,GAAG,SAASkB,MAAO,CAAEoO,eAAgB,QAA3C,SACC,eAACvR,EAAA,EAAD,CAAQkC,QAAQ,YAAhB,2BETQkP,GAAY1R,YAAOC,IAAPD,CAAH,8CAIT2R,GAAiB3R,YAAOC,IAAPD,CAAH,0JASd8R,GAAa9R,YAAOC,IAAPD,CAAH,w5BCwFR+R,GAlGC,WACf,OACC,gBAAC,GAAD,WACC,eAAC,GAAD,IACA,gBAAC,GAAD,WACC,eAACjR,EAAA,EAAD,CAAY0B,QAAQ,KAApB,qBACA,gBAACsP,GAAD,WACC,gBAAC1H,GAAA,EAAD,WACC,eAACtJ,EAAA,EAAD,CAAY0B,QAAQ,KAApB,mBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oQAMA,+BACC,eAAClC,EAAA,EAAD,CAAQkC,QAAQ,OAAhB,4BAGF,gBAAC4H,GAAA,EAAD,WACC,eAACtJ,EAAA,EAAD,CAAY0B,QAAQ,KAApB,mBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oQAMA,+BACC,eAAClC,EAAA,EAAD,CAAQkC,QAAQ,OAAhB,4BAGF,gBAAC4H,GAAA,EAAD,WACC,eAACtJ,EAAA,EAAD,CAAY0B,QAAQ,KAApB,mBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oQAMA,+BACC,eAAClC,EAAA,EAAD,CAAQkC,QAAQ,OAAhB,4BAGF,gBAAC4H,GAAA,EAAD,WACC,eAACtJ,EAAA,EAAD,CAAY0B,QAAQ,KAApB,mBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oQAMA,+BACC,eAAClC,EAAA,EAAD,CAAQkC,QAAQ,OAAhB,4BAGF,gBAAC4H,GAAA,EAAD,WACC,eAACtJ,EAAA,EAAD,CAAY0B,QAAQ,KAApB,mBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oQAMA,+BACC,eAAClC,EAAA,EAAD,CAAQkC,QAAQ,OAAhB,4BAGF,gBAAC4H,GAAA,EAAD,WACC,eAACtJ,EAAA,EAAD,CAAY0B,QAAQ,KAApB,mBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oQAMA,+BACC,eAAClC,EAAA,EAAD,CAAQkC,QAAQ,OAAhB,4BAGF,gBAAC4H,GAAA,EAAD,WACC,eAACtJ,EAAA,EAAD,CAAY0B,QAAQ,KAApB,mBACA,eAAC1B,EAAA,EAAD,CAAY0B,QAAQ,QAApB,oQAMA,+BACC,eAAClC,EAAA,EAAD,CAAQkC,QAAQ,OAAhB,kCAKJ,eAAC,GAAD,QCvDYwP,OA7Bf,WACC,OACC,uBAAKvP,UAAU,MAAf,UACC,eAAC5C,EAAD,IACA,eAAC,IAAD,UACC,gBAAC,IAAD,WACC,eAAC,IAAD,CAAOoS,OAAK,EAACC,KAAK,IAAIC,QAAS,eAAC,GAAD,MAC/B,eAAC,IAAD,CAAOD,KAAK,OAAOC,QAAS,eAAC,GAAD,MAE5B,eAAC,IAAD,CAAOD,KAAK,WAAWC,QAAS,eAAC,GAAD,MAChC,eAAC,IAAD,CAAOD,KAAK,SAASC,QAAS,eAAC,GAAD,MAC9B,eAAC,IAAD,CAAOD,KAAK,oBAAoBC,QAAS,eAAC,GAAD,MACzC,eAAC,IAAD,CAAOD,KAAK,QAAQC,QAAS,eAAC,GAAD,MAC7B,eAAC,IAAD,CAAOD,KAAK,aAAaC,QAAS,eAAC,GAAD,MAClC,eAAC,IAAD,CAAOD,KAAK,UAAUC,QAAS,eAAC,GAAD,MAC/B,eAAC,IAAD,CAAOD,KAAK,UAAUC,QAAS,eAAC,GAAD,MAE/B,eAAC,IAAD,CACCD,KAAK,8BACLC,QAAS,eAAC,GAAD,MAEV,eAAC,IAAD,CAAOD,KAAK,WAAWC,QAAS,eAAC,GAAD,MAChC,eAAC,IAAD,CAAOD,KAAK,IAAIC,QAAS,eAAC,GAAD,eCjC9BC,IAASC,OACR,eAAC,IAAMC,WAAP,UACC,eAAC,GAAD,MAEDC,SAASC,eAAe,W","file":"static/js/main.d7842b2d.chunk.js","sourcesContent":["import { createGlobalStyle } from \"styled-components\";\r\n\r\nexport const GlobalStyle = createGlobalStyle`\r\n body {\r\n     width: 100%;\r\n     height: 100%;\r\n     margin: 0;\r\n     overflow-x: hidden;\r\n     overflow-y: visible;\r\n     ::-webkit-scrollbar {\r\n  width: 7px;\r\n}\r\n\r\n/* Track */\r\n::-webkit-scrollbar-track {\r\n  background: #f1f1f1; \r\n}\r\n \r\n/* Handle */\r\n::-webkit-scrollbar-thumb {\r\n  background: #888; \r\n}\r\n\r\n/* Handle on hover */\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: #555; \r\n}\r\n.MuiModal-root.MuiPopover-root.MuiMenu-root{\r\n    .MuiPaper-root.MuiMenu-paper.MuiPaper-root.MuiPopover-paper{\r\n        border-radius: 5%;\r\n       .MuiList-root.MuiMenu-list{\r\n           .MuiButtonBase-root.MuiMenuItem-root{\r\n               a {\r\n                   color: #9e9e9e;\r\n                   text-decoration: none;\r\n                   .MuiButtonBase-root.MuiButton-root{\r\n                       color: #9e9e9e;\r\n                   }\r\n               }\r\n                .MuiButtonBase-root.MuiButton-root.MuiButton-textPrimary {\r\n                     color: #9e9e9e;\r\n                }\r\n           }\r\n       }\r\n    }\r\n}\r\n }\r\n`;\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport const WhyBox = styled(Box)`\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n`;\r\n\r\nexport const Main = styled(Box)`\r\n\twidth: 85%;\r\n\tmargin: 5rem auto 2rem;\r\n\t& > div:not(:first-of-type) {\r\n\t\tmargin: 4.5rem 0 !important;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tmargin: 2rem auto;\r\n\t}\r\n`;\r\n\r\nexport const Mainchild = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tmargin-bottom: 5rem;\r\n\tposition: relative;\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: 9%;\r\n\t\tleft: 50%;\r\n\t\twidth: 20%;\r\n\t}\r\n\t.rectangle {\r\n\t\tposition: absolute;\r\n\t\ttop: -75%;\r\n\t\tright: -80%;\r\n\t}\r\n\r\n\t@media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 40%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -10%;\r\n\t\t\tright: -90%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -10%;\r\n\t\t\tright: -80%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\tmargin: 2rem auto;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0%;\r\n\t\t\tright: -80%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n`;\r\nexport const TextBox = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 3rem;\r\n\t\tcolor: #23233c;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-bottom: 1rem;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tcolor: #0091ea;\r\n\t\t}\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tfont-size: 1rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t}\r\n\t@media only screen and (max-width: 640px) {\r\n\t\twidth: 100%;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\t\tfont-size: 1rem;\r\n\t\t\tmargin: 0 0 0.5rem 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 2.5rem;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\t\tword-spacing: 0.7px;\r\n\t\t\tfont-size: 0.8rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\t\tfont-size: 1rem;\r\n\t\t\tmargin: 0 0 0.5rem 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 2rem;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\t\tword-spacing: 0.7px;\r\n\t\t\tfont-size: 0.8rem;\r\n\t\t}\r\n\t}\r\n\tdiv {\r\n\t\twidth: 70%;\r\n\t\tmargin: 0 auto;\r\n\t\ttext-align: center;\r\n\t\t@media only screen and (max-width: 480px) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n`;\r\nexport const TextBox2 = styled(Box)`\r\n\twidth: 70%;\r\n\tmargin: 1rem auto 0;\r\n\ttext-align: center;\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tfont-size: 1rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 100%;\r\n\t}\r\n`;\r\nexport const MainButtonBox = styled(Box)`\r\n\twidth: 35%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-around;\r\n\tflex-wrap: wrap;\r\n\tmargin: 2rem auto 0;\r\n\t.MuiButtonBase-root.MuiButton-root {\r\n\t\twidth: 40%;\r\n\t\tfont-size: 0.8rem;\r\n\t\tfont-weight: 600;\r\n\t\ttext-transform: none;\r\n\t\tpadding: 0.7rem 0;\r\n\t\tmargin: 0.4rem 0;\r\n\t\timg {\r\n\t\t\twidth: 15%;\r\n\t\t\tmargin-right: 0.3rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 80%;\r\n\t\t.MuiButtonBase-root.MuiButton-root:last-of-type {\r\n\t\t\twidth: 65%;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const MainButton = styled(Button)`\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n`;\r\n","import styled from \"styled-components\";\r\nimport AppBar from \"@mui/material/AppBar\";\r\nimport { Box, Button, Toolbar, Typography } from \"@mui/material\";\r\n\r\nexport const MenuBox = styled(Box)`\r\n\twidth: 90%;\r\n\theight: 20vh;\r\n\tmargin: 0 auto;\r\n\tpadding: 0;\r\n\ttop: 0;\r\n\tz-index: 5;\r\n\tbox-shadow: none;\r\n\r\n\t.MuiPaper-root.MuiAppBar-root {\r\n\t\tbackground-color: white !important;\r\n\t\tbox-shadow: 0px 5px 10px -10px #111;\r\n\r\n\t\tpadding: 1.5rem 6rem 0;\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\t\r\n\t@media only screen and (max-width: 1240px) and (min-width:900px){\r\n\t\t.MuiPaper-root.MuiAppBar-root {\r\n\t\t\tpadding: 1.5rem 1rem 0.5rem !important;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (min-width: 769px) {\r\n\t\t.MuiPaper-root.MuiAppBar-root {\r\n\t\t\tpadding: 1.5rem 2.5rem 0.5rem;\r\n\t\t}\r\n\t\t\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 95%;\r\n\t\t.MuiPaper-root.MuiAppBar-root {\r\n\t\t\tpadding: 1.5rem 2.5rem 0.5rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\theight: 15vh;\r\n\t\t.MuiPaper-root.MuiAppBar-root {\r\n\t\t\tpadding: 1.5rem 0 0;\r\n\t\t}\r\n\t}\r\n`;\r\nexport const MenuBar = styled(AppBar)`\r\n\twidth: 100%;\r\n\tcolor: #000000;\r\n`;\r\n\r\nexport const MenuToolBar = styled(Toolbar)`\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmargin: 0 auto;\r\n\tpadding: 0;\r\n\tjustify-content: space-between;\r\n\t.MuiTypography-root {\r\n\t\tcolor: #000000;\r\n\t\t@media only screen and(max-width: 480px) {\r\n\t\t\tfont-size: 2.5rem;\r\n\t\t}\r\n\t}\r\n\t.MuiButtonBase-root.MuiButton-root {\r\n\t\ttext-transform: none;\r\n\t\tcolor: #9e9e9e;\r\n\t\tfont-weight: 600;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 100%;\r\n\t\tpadding: 0;\r\n\t\t.menu-div {\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (min-width: 769px) {\r\n\t\twidth: 100%;\r\n\t\t.menu-div {\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (min-width: 480px) {\r\n\t\tpadding: 0;\r\n\t\tpadding-left: 0.8rem;\r\n\t\t.menu-div {\r\n\t\t\twidth: 15% !important;\r\n\t\t}\r\n\t}\r\n`;\r\nexport const MenuLogoBox = styled(Box)`\r\n\twidth: 20%;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t\tjustify-content: space-around;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\timg {\r\n\t\theight: 3.5rem;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-weight: 600;\r\n\t\tcolor: #263238;\r\n\t\tfont-size: 1.8rem;\r\n\t}\r\n\t@media only screen and (max-width: 1240px) and (min-width:900px){\r\n\t\twidth: 15%;\r\n\t\timg {\r\n\t\t\twidth: 29%;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: #263238;\r\n\t\t\tfont-size: 1.6rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 60%;\r\n\t\tjustify-content: start;\r\n\t}\r\n\t@media only screen and (max-width: 380px){\r\n\t\twidth: 60%;\r\n\t\t\r\n\t\timg {\r\n\t\t\twidth: 25%;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4{\r\n\t\t\tfont-size: 1.4rem;\r\n\t\t}\r\n\t}\r\n`;\r\nexport const MenuLogo = styled(Typography)`\r\n\tcolor: #ffffff;\r\n`;\r\n\r\nexport const MenuText = styled(Typography)`\r\n\tfont-size: 0.9rem;\r\n\tline-height: 18.96px;\r\n`;\r\nexport const ButtonBoxA = styled(Box)`\r\n\twidth: 50%;\r\n\tdisplay: flex;\r\n\tmargin-right: 2rem;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\ta {\r\n\t\tcolor: white;\r\n\t\ttext-decoration: none;\r\n\t\t.MuiButtonBase-root.MuiButton-root.MuiButton-outlinedPrimary {\r\n\t\t\tcolor: #000000;\r\n\t\t\tborder: 1px solid #ffffff;\r\n\t\t\t&:hover {\r\n\t\t\t\tborder: none;\r\n\t\t\t\toutline: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.MuiButtonBase-root.MuiButton-root.MuiButton-textPrimary {\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: #7f8da0;\r\n\t\t\tfont-size: 1rem;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tMuiSvgIcon-root {\r\n\t\t\t\tcolor: #000000;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tborder: 1px solid #ffffff;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.MuiButtonBase-root.MuiButton-root.MuiButton-textPrimary {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1rem;\r\n\t\tfont-weight: 400;\r\n\t\tMuiSvgIcon-root {\r\n\t\t\tcolor: #000000;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tborder: 1px solid #ffffff;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 1240px) and (min-width:900px){\r\n\t\twidth: 50%;\r\n\t\tmargin-right: 0;\r\n\t\tmargin-left: 2.5rem;\r\n\t}\r\n`;\r\nexport const ButtonBoxB = styled(Box)`\r\n\twidth: 20%;\r\n\tdisplay: flex;\r\n\tjustify-content: end;\r\n\tpadding-right: 1rem;\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t\t.MuiButtonBase-root.MuiButton-root.MuiButton-textPrimary {\r\n\t\t\tfont-size: 1rem;\r\n\t\t\t&:hover {\r\n\t\t\t\tborder: 1px solid #ffffff;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.sign {\r\n\t\t\tcolor: #23233c !important;\r\n\t\t\tfont-weight: bold !important;\r\n\t\t}\r\n\t\t.free {\r\n\t\t\tcolor: #1283ed !important;\r\n\t\t\tfont-weight: bold !important;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 1240px) and (min-width:900px){\r\n\t\twidth: 22%;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n`;\r\nexport const NavButton = styled(Button)`\r\n\toutline: none;\r\n\tborder: none;\r\n\tborder-radius: 4px;\r\n\t.resources {\r\n\t\tcolor: black;\r\n\t}\r\n`;\r\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/Flexiblebase SaaS Platform.849c2dd1.pdf\";","import { useState } from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport MenuItem from \"@mui/material/MenuItem\";\r\nimport Menu from \"@mui/material/Menu\";\r\nimport MoreIcon from \"@mui/icons-material/Menu\";\r\n// import KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n\tButtonBoxA,\r\n\tButtonBoxB,\r\n\tMenuBar,\r\n\tMenuBox,\r\n\tMenuLogo,\r\n\tMenuLogoBox,\r\n\tMenuToolBar,\r\n\tNavButton,\r\n} from \"./Navbar.style\";\r\nimport Logo from \"../../images/flexiblebase-15.png\";\r\nimport pdf from \"../../asset/Flexiblebase SaaS Platform.pdf\";\r\n\r\nexport default function PrimarySearchAppBar() {\r\n\tconst [mobileMoreAnchorEl, setMobileMoreAnchorEl] = useState(null);\r\n\t// const [backgroundColor, setBackgroundColor] = useState(false);\r\n\r\n\tconst isMobileMenuOpen = Boolean(mobileMoreAnchorEl);\r\n\r\n\tconst handleMobileMenuClose = () => {\r\n\t\tsetMobileMoreAnchorEl(null);\r\n\t};\r\n\r\n\tconst handleMobileMenuOpen = (event) => {\r\n\t\tsetMobileMoreAnchorEl(event.currentTarget);\r\n\t};\r\n\tconst [anchorEl, setAnchorEl] = useState(null);\r\n\tconst open = Boolean(anchorEl);\r\n\t// const handleClick = (event) => {\r\n\t// \tsetAnchorEl(event.currentTarget);\r\n\t// };\r\n\tconst handleClose = () => {\r\n\t\tsetAnchorEl(null);\r\n\t};\r\n\t// const changeNavbarColor = () => {\r\n\t// \tif (window.scrollY >= 80) {\r\n\t// \t\tsetBackgroundColor(true);\r\n\t// \t} else {\r\n\t// \t\tsetBackgroundColor(false);\r\n\t// \t}\r\n\t// };\r\n\t// window.addEventListener(\"scroll\", changeNavbarColor);\r\n\tconst mobileMenuId = \"primary-search-account-menu-mobile\";\r\n\tconst renderMobileMenu = (\r\n\t\t<Menu\r\n\t\t\tanchorEl={mobileMoreAnchorEl}\r\n\t\t\tanchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n\t\t\tid={mobileMenuId}\r\n\t\t\tkeepMounted\r\n\t\t\ttransformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n\t\t\topen={isMobileMenuOpen}\r\n\t\t\tonClose={handleMobileMenuClose}\r\n\t\t>\r\n\t\t\t<MenuItem>\r\n\t\t\t\t<Link to=\"/why\">\r\n\t\t\t\t\t<NavButton variant=\"text\">Why Flexiblebase</NavButton>\r\n\t\t\t\t</Link>\r\n\t\t\t</MenuItem>\r\n\t\t\t{/* <MenuItem>\r\n\t\t\t\t<Link to=\"/features\">\r\n\t\t\t\t\t<NavButton variant=\"text\">Features</NavButton>\r\n\t\t\t\t</Link>\r\n\t\t\t</MenuItem> */}\r\n\t\t\t{/* <MenuItem>\r\n\t\t\t\t<NavButton\r\n\t\t\t\t\tvariant=\"text\"\r\n\t\t\t\t\tid=\"basic-button\"\r\n\t\t\t\t\taria-controls=\"basic-menu\"\r\n\t\t\t\t\taria-haspopup=\"true\"\r\n\t\t\t\t\taria-expanded={open ? \"true\" : undefined}\r\n\t\t\t\t\tonClick={handleClick}\r\n\t\t\t\t\tclassName=\"resources\"\r\n\t\t\t\t>\r\n\t\t\t\t\tResources\r\n\t\t\t\t\t<KeyboardArrowDownIcon\r\n\t\t\t\t\t\tstyle={{ color: \"black\", fontWeight: \"300\" }}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</NavButton>\r\n\t\t\t</MenuItem> */}\r\n\t\t\t<MenuItem>\r\n\t\t\t\t<Link to=\"/pricing\">\r\n\t\t\t\t\t<NavButton variant=\"text\">Pricing</NavButton>\r\n\t\t\t\t</Link>\r\n\t\t\t</MenuItem>\r\n\t\t\t<MenuItem>\r\n\t\t\t\t<Link to=\"/about\">\r\n\t\t\t\t\t<NavButton variant=\"text\">About</NavButton>\r\n\t\t\t\t</Link>\r\n\t\t\t</MenuItem>\r\n\t\t\t<MenuItem>\r\n\t\t\t\t<Link to=\"/signin\">\r\n\t\t\t\t\t<NavButton variant=\"text\" className=\"sign\">\r\n\t\t\t\t\t\tSign In\r\n\t\t\t\t\t</NavButton>\r\n\t\t\t\t</Link>\r\n\t\t\t</MenuItem>\r\n\t\t\t<MenuItem>\r\n\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t<NavButton variant=\"text\" className=\"sign\">\r\n\t\t\t\t\t\tTry for free\r\n\t\t\t\t\t</NavButton>\r\n\t\t\t\t</Link>\r\n\t\t\t</MenuItem>\r\n\t\t</Menu>\r\n\t);\r\n\r\n\treturn (\r\n\t\t<MenuBox sx={{ flexGrow: 1 }} className=\"colorChange\">\r\n\t\t\t<MenuBar>\r\n\t\t\t\t<MenuToolBar>\r\n\t\t\t\t\t<MenuLogoBox>\r\n\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t<img src={Logo} alt=\"logo\" />\r\n\t\t\t\t\t\t\t<MenuLogo variant=\"h4\" component=\"h2\">\r\n\t\t\t\t\t\t\t\tFlexiblebase\r\n\t\t\t\t\t\t\t</MenuLogo>\r\n\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t</MenuLogoBox>\r\n\r\n\t\t\t\t\t<ButtonBoxA sx={{ display: { xs: \"none\", md: \"flex\" } }}>\r\n\t\t\t\t\t\t<Link to=\"/why\">\r\n\t\t\t\t\t\t\t<NavButton variant=\"text\">Why Flexiblebase</NavButton>\r\n\t\t\t\t\t\t</Link>\r\n\r\n\t\t\t\t\t\t{/* <Link to=\"/features\">\r\n\t\t\t\t\t\t\t<NavButton variant=\"text\">Features</NavButton>\r\n\t\t\t\t\t\t</Link> */}\r\n\r\n\t\t\t\t\t\t{/* <NavButton\r\n\t\t\t\t\t\t\tvariant=\"text\"\r\n\t\t\t\t\t\t\tid=\"basic-button\"\r\n\t\t\t\t\t\t\taria-controls=\"basic-menu\"\r\n\t\t\t\t\t\t\taria-haspopup=\"true\"\r\n\t\t\t\t\t\t\taria-expanded={open ? \"true\" : undefined}\r\n\t\t\t\t\t\t\tonClick={handleClick}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tResources\r\n\t\t\t\t\t\t\t<KeyboardArrowDownIcon\r\n\t\t\t\t\t\t\t\tstyle={{ color: \"black\", fontWeight: \"300\" }}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</NavButton> */}\r\n\r\n\t\t\t\t\t\t<Link to=\"/pricing\">\r\n\t\t\t\t\t\t\t<NavButton variant=\"text\">Pricing</NavButton>\r\n\t\t\t\t\t\t</Link>\r\n\r\n\t\t\t\t\t\t<Link to=\"/about\">\r\n\t\t\t\t\t\t\t<NavButton variant=\"text\">About</NavButton>\r\n\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t</ButtonBoxA>\r\n\t\t\t\t\t<ButtonBoxB sx={{ display: { xs: \"none\", md: \"flex\" } }}>\r\n\t\t\t\t\t\t<Link to=\"/signin\">\r\n\t\t\t\t\t\t\t<NavButton variant=\"text\" className=\"sign\">\r\n\t\t\t\t\t\t\t\tSign In\r\n\t\t\t\t\t\t\t</NavButton>\r\n\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t<Link to=\"/pricing\">\r\n\t\t\t\t\t\t\t<NavButton variant=\"text\" className=\"free\">\r\n\t\t\t\t\t\t\t\tTry for free\r\n\t\t\t\t\t\t\t</NavButton>\r\n\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t</ButtonBoxB>\r\n\t\t\t\t\t<Menu\r\n\t\t\t\t\t\tid=\"basic-menu\"\r\n\t\t\t\t\t\tanchorEl={anchorEl}\r\n\t\t\t\t\t\topen={open}\r\n\t\t\t\t\t\tonClose={handleClose}\r\n\t\t\t\t\t\tMenuListProps={{\r\n\t\t\t\t\t\t\t\"aria-labelledby\": \"basic-button\",\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<MenuItem onClick={handleClose}>\r\n\t\t\t\t\t\t\t<a href={`${pdf}`} type=\"application/pdf\" download=\"flexiblebase\">\r\n\t\t\t\t\t\t\t\tFeature list brochure\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t</MenuItem>\r\n\t\t\t\t\t\t{/* <MenuItem onClick={handleClose}>\r\n\t\t\t\t\t\t\t<Link to=\"/resources\">SQL Resources</Link>\r\n\t\t\t\t\t\t</MenuItem> */}\r\n\t\t\t\t\t\t<MenuItem onClick={handleClose}>\r\n\t\t\t\t\t\t\t<Link to=\"/blog\">Blog</Link>\r\n\t\t\t\t\t\t</MenuItem>\r\n\t\t\t\t\t</Menu>\r\n\t\t\t\t\t<Box\r\n\t\t\t\t\t\tsx={{ display: { xs: \"flex\", md: \"none\" } }}\r\n\t\t\t\t\t\tstyle={{ marginRight: \"2rem\", width: \"15%\" }}\r\n\t\t\t\t\t\tclassName =\"menu-div\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\taria-label=\"show more\"\r\n\t\t\t\t\t\t\taria-controls={mobileMenuId}\r\n\t\t\t\t\t\t\taria-haspopup=\"true\"\r\n\t\t\t\t\t\t\tonClick={handleMobileMenuOpen}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<MoreIcon fontSize=\"large\" />\r\n\t\t\t\t\t\t</IconButton>\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t</MenuToolBar>\r\n\t\t\t</MenuBar>\r\n\t\t\t{renderMobileMenu}\r\n\t\t</MenuBox>\r\n\t);\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Rectangle 116.45ac6e06.png\";","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const FooterBox = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 40vh;\r\n\tposition: relative;\r\n\tbackground-color: #f5f5f5;\r\n\tz-index: 1;\r\n\toverflow: hidden;\r\n\t// @media only screen and (min-width: 1600px) {\r\n\t// \theight: 55vh;\r\n\t// }\r\n\t// @media only screen and (max-width: 768px) {\r\n\t// \theight: 50vh;\r\n\t// }\r\n\t// @media only screen and (max-width: 480px) {\r\n\t// \theight: 74vh;\r\n\t// }\r\n\t// @media only screen and (max-width: 380px){\r\n\t// \theight: 95vh;\r\n\t// }\r\n`;\r\nexport const FooterContainer = styled(Box)`\r\n\twidth: 80%;\r\n\theight: 100%;\r\n\tmargin: 0 auto;\r\n\tposition: relative;\r\n\t@media only screen and (min-width: 789px) and (max-width: 1084px){\r\n\t\twidth: 90%;\r\n\t}\r\n\t@media only screen and (max-width: 786px) {\r\n\t\twidth: 85%;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t}\r\n`;\r\nexport const FooterChild = styled(Box)`\r\n\twidth: 100%;\r\n\tposition: absolute;\r\n\tmargin: 2rem auto;\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n`;\r\n\r\nexport const Footerhead = styled(Box)`\r\n\twidth: 100%;\r\n\tmargin: 3rem auto;\r\n\tpadding: 0 0 2.5rem;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tflex-wrap: wrap;\r\n\t// border-bottom: 2px solid grey;\r\n\t@media only screen and (max-width: 768px) {\r\n\t\tmargin: 3rem auto 1rem;\r\n    flex-direction: column;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tmargin: 1.5rem auto;\r\n\t}\r\n`;\r\nexport const HeadBox = styled(Box)`\r\n\twidth: 21%;\r\n\t@media only screen and (min-width: 789px) and (max-width: 1084px){\r\n\t\t&:first-of-type {\r\n\t\t\twidth: 25%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 100%;\r\n\t\t// &:first-of-type {\r\n\t\t// \twidth: 35%;\r\n\t\t// }\r\n\t}\r\n\t// @media only screen and (max-width: 480px) {\r\n\t// \twidth: 35%;\r\n\t// \t&:first-of-type {\r\n\t// \t\twidth: 50%;\r\n\t// \t}\r\n\t// }\r\n\t// @media only screen and (max-width: 380px){\r\n\t\t\r\n\t// \t&:first-of-type{\r\n\t// \t\timg {\r\n\t// \t\t\twidth: 35%;\r\n\t// \t\t}\r\n\t// \t\t.MuiTypography-root.MuiTypography-h4{\r\n\t// \t\t\tfont-size: 1.4rem;\r\n\t// \t\t}\r\n\t// \t}\r\n\t// \t&:last-of-type {\r\n\t// \t\tmargin-right: 0.7rem;\r\n\t// \t}\r\n\t\t\r\n\t// }\r\n`;\r\nexport const HeadchildA = styled(Box)`\r\n\twidth: 80%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-betweeen;\r\n\talign-items: center;\r\n\tmargin-top: 1rem;\r\n\timg {\r\n\t\theight: 3.5rem;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-weight: 600;\r\n\t\tcolor: #263238;\r\n\t\tfont-size: 2.2rem;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h6 {\r\n\t\tfont-weight: 600;\r\n\t\tcolor: #263238;\r\n\t\tfont-size: 1.5rem;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\timg {\r\n\t\t\theight: 3rem;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 2rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (min-width: 769px) and (max-width: 1200px) {\r\n\t\timg {\r\n\t\t\theight: 3rem;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 2rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\talign-items: flex-start;\r\n\t\tmargin-top: 2rem;\r\n\t\timg {\r\n\t\t\theight: 3.5rem;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 2rem;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const HeadchildB = styled(Box)`\r\n\twidth: 30%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tcolor: #757575;\r\n\ta {\r\n\t\twidth: 27%;\r\n\t\tcolor: #757575;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: underline;\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 2.5rem;\r\n\t\t\t&:nth-of-type(2) {\r\n\t\t\t\twidth: 23%;\r\n\t\t\t\theight: 2.8rem;\r\n\t\t\t\tmargin-top: -0.2rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@media only screen and (min-width: 769px) and (max-width: 1200px) {\r\n\t\twidth: 29%;\r\n\t\tjustify-content: space-between;\r\n\t\ta {\r\n\t\t\twidth: 34%;\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\t&:nth-of-type(2) {\r\n\t\t\t\t\twidth: 24%;\r\n\t\t\t\t\tmargin-top: -0.2rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 45%;\r\n\t\tjustify-content: space-between;\r\n\t\ta {\r\n\t\t\twidth: 27%;\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\t&:nth-of-type(2) {\r\n\t\t\t\t\twidth: 95%;\r\n\t\t\t\t\tmargin-top: -0.2rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\tmargin: 0.5rem 0;\r\n\t\twidth: 50%;\r\n\t\tjustify-content: space-between;\r\n\t\ta{\r\n\t\t\twidth: 29%;\r\n\t\t\tsvg {\r\n\t\t\twidth: 95%;\r\n\t\t\theight: 2rem;\r\n\t\t\t&:nth-of-type(2) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 2.5rem;\r\n\t\t\t\tmargin-top: -0.2rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const TextBox = styled(Box)`\r\n  width: 100%;\r\n  margin: 0 auto;\r\n\r\n  text-align: start;\r\n\t@media only screen and (max-width: 768px) {\r\n    margin: 15px auto;\r\n  }\r\n  .MuiTypography-root {\r\n    color: #3a466d;\r\n    font-family: \"Poppins\", sans-serif;\r\n  }\r\n  .MuiTypography-root.MuiTypography-body1 {\r\n  }\r\n  .MuiTypography-root.MuiTypography-body2 {\r\n    font-size: 0.9rem;\r\n  }\r\n  a {\r\n    width: 100%;\r\n    color: #3a466d;\r\n    font-size: 0.9rem;\r\n    font-weight: 550;\r\n    margin: 1rem 0;\r\n    text-decoration: none;\r\n    .MuiTypography-root.MuiTypography-body1 {\r\n      font-size: 0.8rem;\r\n    }\r\n    &:hover {\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Footerbody = styled(Box)`\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tmargin: 1.5rem auto 2.9rem;\r\n\t.MuiTypography-root {\r\n\t\tcolor: #757575;\r\n\t}\r\n\t@media only screen and (max-width: 1220px) {\r\n\t\tmargin: 2rem auto;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\tmargin: 1.5rem auto;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tjustify-content: space-between;\r\n\t\tmargin: 1rem auto 0;\r\n\t\talign-items: center;\r\n\t\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\t\tfont-size: 0.75rem;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const Copyrightbox = styled(Box)`\r\n\t// width: 20%;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolor: #757575;\r\n\r\n\t.MuiTypography-root {\r\n\t\tcolor: #757575;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\t// width: 40%;\r\n    margin: 5px auto;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n`;\r\n","import {\r\n\tCopyrightbox,\r\n\tFooterBox,\r\n\tFooterChild,\r\n\tFooterContainer,\r\n\tFooterhead,\r\n\tHeadBox,\r\n\tHeadchildA,\r\n\tHeadchildB,\r\n\tTextBox,\r\n} from \"./Footer.style\";\r\n// import { Link } from \"react-router-dom\";\r\nimport logo from \"../../images/flexiblebase-15.png\";\r\nimport CopyrightIcon from \"@mui/icons-material/Copyright\";\r\nimport { Typography } from \"@mui/material\";\r\nimport { RiFacebookFill } from \"react-icons/ri\";\r\nimport { FaLinkedinIn } from \"react-icons/fa\";\r\nimport { AiOutlineTwitter } from \"react-icons/ai\";\r\nexport const Footer = () => {\r\n\treturn (\r\n\t\t<FooterBox className=\"footer\">\r\n\t\t\t<FooterContainer>\r\n\t\t\t\t<FooterChild>\r\n\t\t\t\t\t<Footerhead>\r\n\t\t\t\t\t\t<HeadBox>\r\n\t\t\t\t\t\t\t<HeadchildA>\r\n\t\t\t\t\t\t\t\t<img src={logo} alt=\"logo\" />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"h4\">Flexibase</Typography>\r\n\t\t\t\t\t\t\t</HeadchildA>\r\n\t\t\t\t\t\t\t{/* <HeadchildB>\r\n\t\t\t\t\t\t\t\t<a href=\"https://aedin.com/company/Flexiblebase\">\r\n\t\t\t\t\t\t\t\t\t<FaLinkedinIn />\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t<a href=\"https://facebook.com/Flexiblebase\">\r\n\t\t\t\t\t\t\t\t\t<RiFacebookFill />\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t<a href=\"https://twitter.com/Flexiblebase\">\r\n\t\t\t\t\t\t\t\t\t<AiOutlineTwitter />\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</HeadchildB> */}\r\n\t\t\t\t\t\t\t{/* <TextBox>\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">USA</Typography>\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body2\">info@flexiblebase.com</Typography>\r\n\t\t\t\t\t\t\t</TextBox> */}\r\n\t\t\t\t\t\t</HeadBox>\r\n\r\n            <HeadBox>\r\n\t\t\t\t\t\t\t<TextBox>\r\n\t\t\t\t\t\t\t\t{/* <Typography variant=\"body1\">USA</Typography> */}\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body2\">info@flexiblebase.com</Typography>\r\n\t\t\t\t\t\t\t</TextBox>\r\n\r\n              <Copyrightbox>\r\n                <CopyrightIcon />\r\n                <Typography variant=\"body1\"> { new Date().getFullYear() } Flexiblebase</Typography>\r\n              </Copyrightbox>\r\n            </HeadBox>\r\n\r\n\t\t\t\t\t\t{/* <HeadBox>\r\n\t\t\t\t\t\t\t<HeadchildA>\r\n\t\t\t\t\t\t\t\t<Typography variant=\"h6\">Services</Typography>\r\n\t\t\t\t\t\t\t</HeadchildA>\r\n\t\t\t\t\t\t\t<TextBox>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Buy a domain</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Sell your domain</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\t\t\t\tAPI partnership program\r\n\t\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Brokerage</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t</TextBox>\r\n\t\t\t\t\t\t</HeadBox>\r\n\t\t\t\t\t\t<HeadBox>\r\n\t\t\t\t\t\t\t<HeadchildA>\r\n\t\t\t\t\t\t\t\t<Typography variant=\"h6\">Learn</Typography>\r\n\t\t\t\t\t\t\t</HeadchildA>\r\n\t\t\t\t\t\t\t<TextBox>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">News</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Trust & Security</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Help Center</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Transaction Explorer</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t</TextBox>\r\n\t\t\t\t\t\t</HeadBox>\r\n\t\t\t\t\t\t<HeadBox>\r\n\t\t\t\t\t\t\t<HeadchildA>\r\n\t\t\t\t\t\t\t\t<Typography variant=\"h6\">Company</Typography>\r\n\t\t\t\t\t\t\t</HeadchildA>\r\n\t\t\t\t\t\t\t<TextBox>\r\n\t\t\t\t\t\t\t\t<Link to=\"/careers\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Career</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t<Link to=\"/about\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Our story</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t<Link to=\"/\">\r\n\t\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Contact us</Typography>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t</TextBox>\r\n\t\t\t\t\t\t</HeadBox> */}\r\n\t\t\t\t\t</Footerhead>\r\n\r\n\t\t\t\t\t{/* <Footerbody>\r\n\t\t\t\t\t\t{/* <Copyrightbox>\r\n\t\t\t\t\t\t\t<CopyrightIcon />\r\n\t\t\t\t\t\t\t<Typography variant=\"body1\"> 2021 Flexiblebase</Typography>\r\n\t\t\t\t\t\t</Copyrightbox> \r\n\t\t\t\t\t</Footerbody> */}\r\n\t\t\t\t</FooterChild>\r\n\t\t\t</FooterContainer>\r\n\t\t</FooterBox>\r\n\t);\r\n};\r\n","import { useEffect } from \"react\";\r\nimport {\r\n\tWhyBox,\r\n\tMain,\r\n\t// MainButton,\r\n\t// MainButtonBox,\r\n\tMainchild,\r\n\tTextBox,\r\n\tTextBox2,\r\n} from \"./Why.style\";\r\n// import { Link } from \"react-router-dom\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport Typography from \"@mui/material/Typography\";\r\n// import line from \"../../images/Line 4.png\";\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\n// import play from \"../../images/play-button-svgrepo-com.png\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nexport const Why = () => {\r\n\tuseEffect(() => {\r\n\t\twindow.scrollTo({\r\n\t\t\ttop: 0,\r\n\t\t\tbehavior: \"smooth\",\r\n\t\t});\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<WhyBox>\r\n\t\t\t<Navbar />\r\n\t\t\t<Main>\r\n\t\t\t\t<Mainchild>\r\n\t\t\t\t\t<img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n\t\t\t\t\t<TextBox>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tIt is possible to work on databases, without knowledge of SQL with{\" \"}\r\n\t\t\t\t\t\t\t<strong>Flexiblebase</strong>\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"h4\">\r\n\t\t\t\t\t\t\tWhy <Typography variant=\"h4\">Flexiblebase?</Typography>\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\t\t\t\tOne of the challenges software developers when away from their\r\n\t\t\t\t\t\t\t\tlaptop is the inability to work on databases from their mobile\r\n\t\t\t\t\t\t\t\tdevices or another laptop.{\" \"}\r\n\t\t\t\t\t\t\t\t<strong>\r\n\t\t\t\t\t\t\t\t\tThis was what led to the design of Flexiblebase.\r\n\t\t\t\t\t\t\t\t</strong>\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</TextBox>\r\n\t\t\t\t\t{/* <MainButtonBox>\r\n\t\t\t\t\t\t<MainButton\r\n\t\t\t\t\t\t\tvariant=\"contained\"\r\n\t\t\t\t\t\t\tstyle={{ backgroundColor: \"#1283EDA6\" }}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tLive Demo\r\n\t\t\t\t\t\t</MainButton>\r\n\t\t\t\t\t\t<MainButton\r\n\t\t\t\t\t\t\tvariant=\"contained\"\r\n\t\t\t\t\t\t\tstyle={{ backgroundColor: \"#1283ED\" }}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Link to=\"/signup\">Sign Up</Link>\r\n\t\t\t\t\t\t</MainButton>\r\n\t\t\t\t\t\t<MainButton variant=\"outlined\">\r\n\t\t\t\t\t\t\t<img src={play} alt=\"play\" />\r\n\t\t\t\t\t\t\tWatch Illustration\r\n\t\t\t\t\t\t</MainButton>\r\n\t\t\t\t\t</MainButtonBox> */}\r\n\t\t\t\t\t<TextBox2>\r\n\t\t\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\t\t\t<strong>Another reason</strong> is that many teams work on schema\r\n\t\t\t\t\t\t\tdesign and development, Sql data analysis, html form design, data\r\n\t\t\t\t\t\t\tentry, entity relationship, data migration etc. And there are\r\n\t\t\t\t\t\t\tseveral tools for doing these. But, <strong>Flexiblebase</strong>{\" \"}\r\n\t\t\t\t\t\t\tprovides a real-time platform for team collaboration to visualise\r\n\t\t\t\t\t\t\tschema design and persistent table creation on the database, and\r\n\t\t\t\t\t\t\talso analyse data.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</TextBox2>\r\n\t\t\t\t</Mainchild>\r\n\t\t\t</Main>\r\n\t\t\t<Footer />\r\n\t\t</WhyBox>\r\n\t);\r\n};\r\n","export default __webpack_public_path__ + \"static/media/Rectangle 335.45ac6e06.png\";","export default __webpack_public_path__ + \"static/media/Rectangle 117.36952b5f.png\";","export default __webpack_public_path__ + \"static/media/Flexiblebase Toolbox.d05305d4.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAABJtJREFUWEfNWd1Z2zAUvZIHaNLw3jBB2wlgA2CChgkIz/1CA/n6DExAmACYoGEC0gmavhOSDmCp5yqWkRXZsiH0q19CYks+ur/nXAS98Gp9X3ySSu1p0p+IRFcQ4fP50kRTIj0TJKZKyrvl1za+N7+wb/2rNVx0pVRHePm+ENStvxJQNQEs3SolL5fD9qzu2loAAawFYOckqFe1MUD85PsA/7ESgKYLAD0F0GUMaBRga/S4L7S4wktbBRcCDCw5pkROytzHYUCp2sVLej5oHGaphT5cDrZuq0BWAnx/Nmer9b0NrlUqh03cxOtNeCRqiD+/FPaDNZ9OOsdlIIMA2aUiSa8Q4Pt2odb6Tquk3xSY/2IGKmR6IYTYy/cmfavT5DDk8iDA9ujxxgWnNB0vTzoXsXhpcv/9aM7W/OaCXAy2Dvw91gBiIQM54gcRY39QRnqxOGkCzH3WxDeJMUC8y36/fBp0CiFVAMgLJIkbu4kiffBW4Ow7Yu/MAZq4k+qXzdaYW22hViTvl4P25KVW5HWuu012K7lt4zEHiIfGNsM4IRYnW3mChF7ePnucINB3VqFQHuR1gWO/WydxclcbgFkJ+JW7NjUnmFVt7gI0IGvWtbI9yzAYgG5i4Os1ArUXO7kP0D4Pa06yklF5wND+rhdx31jRAGyfzTn2uvw3inDUeqs1josREoW6ZqxJw+Wgcxk7qHvftSL37sVJZ1tkwf6QueknfiywkrIXuABxUhEoGVymplrKwyZMBsaa2rYIFvRZuBkUy1wXrA8wi+VW1s5MHXWuIQ5xWsearbN5Xwo6N95EgxBu9jDiuqcNAbQAWqMFCILiAvwhj024TAtYM1KSih5F6LRH8wdLNtlVdU7px2BonaFoieKukLczs3cNqgWvIjpMJ5uyi80XvjYJMLcmKJdIYU2HI3ICgGodl3UpF1MOkMlm3QSpY0HfExzrsASXDdt3qSyk3ER5BghzLgadz5tycRCgpiOX+JYCdMLu37hYKXDLZ1EFS/5GQe/XcrFrzk3GYJYkXG6GnjUvM0ZeqkfyJEHYvV2Z0bCao/w4xlFmYLVq5sMlSpL6YbKYO9TGC7VU3wI65hTe8S0ZDPe1Ql0ojA0SJdjqPPUHC9zrBDqmgWh367JpdaZkjOYsqk3VfxFZAB8sCCyWChpkoaGOKZAFJBKqCk8sNky32Goq6cX4ZMi/pXRrI4T1lQKrkrBmVhzj04hqpvAhCeie2iOsLOZZM0dHGWWNwJO6RcrPi1ZiXXEsmlYUo15Zcu1DNE1ipSPWnQqiiT2Ryu6aaDIg/2fZaU9ZEO6vFEIxywUGU9XC3W7oSUBSYCFN9UUMHAzBPNEt3kGxVjo8AtnkEUg+icq07/FLyocL1gyPkvTcrZu4X5pk1eM3Z06Tv0TTOBs+zmJW8oFhCMptsOetW3Orez9K8UNqbVWKoNh4gCkx+ihpZWaAqdSOGWCuz7BrDaaiAG0JKlFrBWOsBucYAXtgApaOUi67phZA+3BW7ftmiO4otjquZpKKNWMU9HGTOG4EsBBT+fxZ75p/Q3iD89VAXc80iUnVHDt2uL89wR+ebJF3+wAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/01 - Showcase.3f35b359.png\";","export default __webpack_public_path__ + \"static/media/MySQL-Logo.wine.3767cb7e.png\";","export default __webpack_public_path__ + \"static/media/mariadb-logo-vert_blue-transparent-1.78866dd0.png\";","export default __webpack_public_path__ + \"static/media/1 zuTTkJe54Wv907enmQt46g.34123b98.png\";","export default __webpack_public_path__ + \"static/media/Amazon-RDS-1.97984188.png\";","export default __webpack_public_path__ + \"static/media/2560px-Cassandra_logo.svg.874f9f56.png\";","export default __webpack_public_path__ + \"static/media/images-1.b3df1dad.png\";","export default __webpack_public_path__ + \"static/media/hp.2ce53525.png\";","export default __webpack_public_path__ + \"static/media/MemSQL_horizontal_lockup_blue_logo.990219d0.png\";","export default __webpack_public_path__ + \"static/media/03 - CRUD Operations.0a81fe64.png\";","export default __webpack_public_path__ + \"static/media/02 - SQL GUI.70a6f437.png\";","export default __webpack_public_path__ + \"static/media/shield.f67d7873.png\";","export default __webpack_public_path__ + \"static/media/05 - Automatic HTML Form Generator.87b5a8fa.png\";","export default __webpack_public_path__ + \"static/media/api_code.2a90a61e.png\";","export default __webpack_public_path__ + \"static/media/04 - Data Visualization.354cae1e.png\";","export default __webpack_public_path__ + \"static/media/06 - Document and Image Viewer.7e6cf002.png\";","import styled from \"styled-components\";\r\nimport { Box } from \"@mui/material\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport const LandingBox = styled(Box)`\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n`;\r\n// export const Line = styled(Box)`\r\n// \ttext-align: start;\r\n// \twidth: 83%;\r\n// \tmargin: 2rem auto 1rem;\r\n\r\n// \t@media only screen and (max-width: 1240px) and (min-width: 1024px) {\r\n// \t\twidth: 90%;\r\n// \t}\r\n// \t@media only screen and (max-width: 768px) {\r\n// \t\tmargin: 2rem auto 0;\r\n// \t\twidth: 95%;\r\n// \t}\r\n// `;\r\n\r\nexport const Main = styled(Box)`\r\n  width: 85%;\r\n  margin: 0 auto 2rem;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  .advanced {\r\n    img {\r\n\t\theight: 85% !important;\r\n    }\r\n  }\r\n  @media only screen and (max-width: 1240px) and (min-width: 1024px) {\r\n    width: 90%;\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    margin: 1rem auto;\r\n    width: 95%;\r\n  }\r\n  @media only screen and (max-width: 480px) {\r\n  }\r\n`;\r\n\r\nexport const MainRightChild = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: start;\r\n\tfont-family: \"Open Sans\", sans-serif;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.4rem;\r\n\t\tfont-weight: 400;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 3.5rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 0 5rem 0 0;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tcolor: #0091ea;\r\n\t\t}\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tfont-size: 1rem;\r\n\t\tcolor: #7f8da0;\r\n\t\tword-spacing: 4px;\r\n\t\tletter-spacing: 0px;\r\n\t\tfont-weight: normal;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tmargin-top: 2rem;\r\n\t}\r\n\t@media only screen and (max-width: 640px) {\r\n\t\twidth: 100%;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\t\tfont-size: 1rem;\r\n\t\t\tmargin: 0 0 0.5rem 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 2.5rem;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\t\tword-spacing: 0.7px;\r\n\t\t\tfont-size: 0.8rem;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const MainLeftChild = styled(Box)`\r\n\twidth: 50%;\r\n\tposition: relative;\r\n\t@media only screen and (max-width: 640px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 50%;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t.ellipse {\r\n\t\twidth: 40%;\r\n\t\tposition: absolute;\r\n\t\ttop: 10%;\r\n\t\tleft: -5%;\r\n\t}\r\n\t.left-image {\r\n\t\twidth: 90%;\r\n\r\n\t\tobject-fit: contain;\r\n\t\tz-index: 11;\r\n\t}\r\n\t.rectangle {\r\n\t\twidth: 100%;\r\n\t\tposition: absolute;\r\n\t\ttop: -40%;\r\n\t\tright: -80%;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 100%;\r\n\t\toverflow: hidden;\r\n\t\tmargin-top: 1rem;\r\n\t\t.ellipse {\r\n\t\t\twidth: 40%;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 7%;\r\n\t\t\tleft: 20%;\r\n\t\t}\r\n\t\t.left-image {\r\n\t\t\twidth: 90%;\r\n\t\t\tmargin: 2rem auto;\r\n\t\t\tobject-fit: contain;\r\n\t\t\tz-index: 11;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const MainButtonBox = styled(Box)`\r\n\twidth: 70%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-around;\r\n\tflex-wrap: wrap;\r\n\tmargin-top: 2rem;\r\n\t.MuiButtonBase-root.MuiButton-root {\r\n\t\twidth: 45%;\r\n\t\tfont-size: 0.8rem;\r\n\t\tfont-weight: 600;\r\n\t\ttext-transform: none;\r\n\t\tpadding: 0.7rem 0;\r\n\t\tmargin: 0.4rem 0;\r\n\t\timg {\r\n\t\t\twidth: 15%;\r\n\t\t\tmargin-right: 0.3rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t\t.MuiButtonBase-root.MuiButton-root:last-of-type {\r\n\t\t\twidth: 60%;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const MainButton = styled(Button)`\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n`;\r\n\r\nexport const MainImageBox = styled(Box)`\r\n  position: relative;\r\n  width: 100%;\r\n  margin: 3rem 0;\r\n  .MuiTypography-root.MuiTypography-h4 {\r\n    font-size: 1.3rem;\r\n    margin: 0;\r\n    text-align: justify;\r\n    color: #7f8da0;\r\n    font-family: \"Open Sans\", sans-serif;\r\n\tmargin-bottom: 3rem;\r\n  }\r\n  .img {\r\n    width: 100%;\r\n    z-index: 11;\r\n  }\r\n  .ellipse {\r\n    width: 20%;\r\n    position: absolute;\r\n    top: 10%;\r\n    right: -29%;\r\n  }\r\n  .rect {\r\n    width: 80%;\r\n    position: absolute;\r\n    top: 15%;\r\n    left: -60%;\r\n  }\r\n  .rec {\r\n    position: absolute;\r\n    width: 70%;\r\n    top: 50%;\r\n    right: -35%;\r\n  }\r\n  @media only screen and (max-width: 480px) {\r\n    overflow: hidden;\r\n  }\r\n`;\r\n\r\nexport const DatabaseBox = styled(Box)`\r\n\twidth: 100%;\r\n\tmargin: 3rem 0 0 0;\r\n\tz-index: 1;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tcolor: #23233c;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-weight: bold;\r\n\t\tfont-size: 2.7rem;\r\n\t}\r\n`;\r\nexport const DatabaseBoxChild = styled(Box)`\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tmargin: 2rem auto 0;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tflex-wrap: wrap;\r\n\tdiv {\r\n\t\twidth: 100px;\r\n\t\tmin-height: 100px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 0.5rem 0;\r\n\t\tmargin: 0.7rem;\r\n\t\tbox-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n\t\timg {\r\n\t\t\tmin-width: 80%;\r\n\t\t\tmax-width: 85%;\r\n\t\t\tmax-height: 120px;\r\n\t\t\tmargin: auto;\r\n\t\t}\r\n\t\t@media only screen and (max-width: 480px) {\r\n\t\t\tmin-height: 100px;\r\n\t\t\twidth: 27%;\r\n\t\t\tmargin: 1.5rem 0.5rem;\r\n\t\t\timg {\r\n\t\t\t\twidth: 90%;\r\n\t\t\t\tmax-height: 80px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: 70%;\r\n\t\tright: -30%;\r\n\t}\r\n`;\r\nexport const ImageBox = styled(Box)`\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tz-index: 4;\r\n\r\n\timg {\r\n\t\twidth: 20%;\r\n\t\tobject-fit: contain;\r\n\t}\r\n`;\r\nexport const Maincontainer = styled(Box)`\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: space-between;\r\n`;\r\nexport const MainBox = styled(Box)`\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n\talign-items: center;\r\n`;\r\nexport const MainBoxChild = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: start;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 3rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 1rem 5rem 3rem 0;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tcolor: #0091ea;\r\n\t\t}\r\n\t}\r\n`;\r\nexport const MaincontainerChildA = styled(Box)`\r\n\twidth: 45%;\r\n\timg {\r\n\t\tobject-fit: contain;\r\n\t\twidth: 90%;\r\n\t}\r\n`;\r\nexport const MaincontainerChildB = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: start;\r\n`;\r\n\r\nexport const TypographyContainer = styled(Box)`\r\n\twidth: 85%;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tcolor: #9e9e9e;\r\n\t\tfont-size: 1.08rem;\r\n\t\tmargin: 0;\r\n\t\t&:last-of-type {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n`;\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const SectionBox = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tmargin: 3rem 0;\r\n\t@media only screen and (max-width: 768px) {\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n`;\r\n\r\nexport const SectionHead = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 20%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tz-index: 5;\r\n`;\r\nexport const SectionHeadChild = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #23233c;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 1rem 0 2rem 0;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: #1283ed;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tfont-size: 2rem;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const SectionBody = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: space-between;\r\n`;\r\n\r\nexport const SectionBodyChildA = styled(Box)`\r\n\twidth: 45%;\r\n\tposition: relative;\r\n\t.rect {\r\n\t\tposition: absolute;\r\n\t\ttop: -50%;\r\n\t\tleft: -95%;\r\n\t\twidth: 120%;\r\n\t\theight: 80%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n`;\r\nexport const ImageBox = styled(Box)`\r\n\twidth: 100%;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\t.img {\r\n\t\twidth: 100%;\r\n\t\theight: 80%;\r\n\t}\r\n`;\r\nexport const SectionBodyChildB = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: start;\r\n\tposition: relative;\r\n\t.rec {\r\n\t\tposition: absolute;\r\n\t\twidth: 120%;\r\n\t\ttop: -45%;\r\n\t\tright: -55%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n`;\r\nexport const TypographyContainer = styled(Box)`\r\n\twidth: 85%;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\ttext-align: justify;\r\n\ttext-justify: inter-word;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.08rem;\r\n\t\tfont-weight: 400;\r\n\t\tmargin: 1rem 0;\r\n\t\tz-index: 2;\r\n\t\t&:first-of-type {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 100%;\r\n\t}\r\n`;\r\n","import {\r\n\tImageBox,\r\n\tSectionBody,\r\n\tSectionBodyChildA,\r\n\tSectionBodyChildB,\r\n\tSectionBox,\r\n\tSectionHead,\r\n\tSectionHeadChild,\r\n\tTypographyContainer,\r\n} from \"./Normal.style\";\r\n\r\n// import line from \"../../images/Line 4.png\";\r\nimport rect from \"../../images/Rectangle 335.png\";\r\nimport rec from \"../../images/Rectangle 117.png\";\r\nimport Typography from \"@mui/material/Typography\";\r\nexport const Normal = (props) => {\r\n\treturn (\r\n\t\t<SectionBox>\r\n\t\t\t<SectionHead>\r\n\t\t\t\t<SectionHeadChild>\r\n\t\t\t\t\t{/* <img src={line} alt=\"divider\" /> */}\r\n\t\t\t\t\t<Typography variant=\"h4\">\r\n\t\t\t\t\t\t{props.heading1}{\" \"}\r\n\t\t\t\t\t\t<Typography variant=\"h4\">{props.heading2}</Typography>\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</SectionHeadChild>\r\n\t\t\t</SectionHead>\r\n\t\t\t<SectionBody>\r\n\t\t\t\t<SectionBodyChildA>\r\n\t\t\t\t\t<ImageBox>\r\n\t\t\t\t\t\t<img src={props.image} alt=\"child\" className=\"img\" />\r\n\t\t\t\t\t</ImageBox>\r\n\t\t\t\t\t<img src={rect} alt=\"rect\" className=\"rect\" />\r\n\t\t\t\t</SectionBodyChildA>\r\n\t\t\t\t<SectionBodyChildB>\r\n\t\t\t\t\t<img src={rec} alt=\"rec\" className=\"rec\" />\r\n\t\t\t\t\t<TypographyContainer>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text1}</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text2}</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text3}</Typography>\r\n\t\t\t\t\t</TypographyContainer>\r\n\t\t\t\t</SectionBodyChildB>\r\n\t\t\t</SectionBody>\r\n\t\t</SectionBox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const SectionBox = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tmargin: 3rem 0;\r\n\t@media only screen and (max-width: 768px) {\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n`;\r\n\r\nexport const SectionHead = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 20%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tz-index: 5;\r\n`;\r\nexport const SectionHeadChild = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: center;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #23233c;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 1rem 0 3rem 0;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: #1283ed;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tfont-size: 2rem;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const SectionBody = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: space-between;\r\n`;\r\n\r\nexport const SectionBodyChildA = styled(Box)`\r\n\twidth: 45%;\r\n\tposition: relative;\r\n\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: -55%;\r\n\t\tright: -30%;\r\n\t\twidth: 50%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n`;\r\nexport const ImageBox = styled(Box)`\r\n\twidth: 100%;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: 80%;\r\n\t}\r\n`;\r\n\r\nexport const SectionBodyChildB = styled(Box)`\r\n\twidth: 50%;\r\n\tposition: relative;\r\n\ttext-align: start;\r\n\t.rect {\r\n\t\tposition: absolute;\r\n\t\ttop: -35%;\r\n\t\tleft: -50%;\r\n\t\twidth: 100%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n`;\r\nexport const TypographyContainer = styled(Box)`\r\n\twidth: 85%;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\ttext-align: justify;\r\n\ttext-justify: inter-word;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.08rem;\r\n\t\tfont-weight: 400;\r\n\t\tmargin: 1rem 0;\r\n\t\t&:first-of-type {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 100%;\r\n\t}\r\n`;\r\n","import {\r\n\tImageBox,\r\n\tSectionBody,\r\n\tSectionBodyChildA,\r\n\tSectionBodyChildB,\r\n\tSectionBox,\r\n\tSectionHead,\r\n\tSectionHeadChild,\r\n\tTypographyContainer,\r\n} from \"./Reverse.style\";\r\n// import line from \"../../images/Line 4.png\";\r\n// import ellipse from \"../../images/Ellipse 66.png\";\r\nimport rect from \"../../images/Rectangle 335.png\";\r\nimport Typography from \"@mui/material/Typography\";\r\nexport const Reverse = (props) => {\r\n\treturn (\r\n\t\t<SectionBox>\r\n\t\t\t<SectionHead>\r\n\t\t\t\t<SectionHeadChild>\r\n\t\t\t\t\t{/* <img src={line} alt=\"divider\" /> */}\r\n\t\t\t\t\t<Typography variant=\"h4\">\r\n\t\t\t\t\t\t{props.heading1}{\" \"}\r\n\t\t\t\t\t\t<Typography variant=\"h4\">{props.heading2}</Typography>\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</SectionHeadChild>\r\n\t\t\t</SectionHead>\r\n\t\t\t<SectionBody>\r\n\t\t\t\t<SectionBodyChildB>\r\n\t\t\t\t\t<img src={rect} alt=\"rect\" className=\"rect\" />\r\n\t\t\t\t\t<TypographyContainer>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text1}</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text2}</Typography>\r\n\t\t\t\t\t</TypographyContainer>\r\n\t\t\t\t</SectionBodyChildB>\r\n\t\t\t\t<SectionBodyChildA>\r\n\t\t\t\t\t{/* <img src={ellipse} alt=\"ellipse\" className=\"ellipse\" /> */}\r\n\t\t\t\t\t<ImageBox>\r\n\t\t\t\t\t\t<img src={props.image} alt=\"database table\" />\r\n\t\t\t\t\t</ImageBox>\r\n\t\t\t\t</SectionBodyChildA>\r\n\t\t\t</SectionBody>\r\n\t\t</SectionBox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const SectionBox = styled(Box)`\r\n\twidth: 100%;\r\n\tmargin: 3rem 0;\r\n\t@media only screen and (max-width: 768px) {\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n`;\r\n\r\nexport const SectionHead = styled(Box)`\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n`;\r\nexport const SectionHeadChild = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: center;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #23233c;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 1rem 0 3rem 0;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: #1283ed;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tfont-size: 2rem;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const SectionBody = styled(Box)`\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: space-between;\r\n\talign-items: flex-start;\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\tright: -23%;\r\n\t\ttop: -2%;\r\n\t\twidth: 15%;\r\n\t}\r\n`;\r\n\r\nexport const SectionBodyChildA = styled(Box)`\r\n\twidth: 45%;\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n`;\r\n\r\nexport const SectionBodyChildB = styled(Box)`\r\n\twidth: 50%;\r\n\tpositioin: relative;\r\n\tz-index: 2;\r\n\r\n\tdiv {\r\n\t\twidth: 80%;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\r\n\t\timg {\r\n\t\t\twidth: 20%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n\t@media only screen and (max-width: 480px){\r\n\t\tdiv{\r\n\t\t\twidth: 100%;\r\n\t\t\timg{\r\n\t\t\t\twidth: 30%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n`;\r\nexport const TypographyContainer = styled(Box)`\r\n\twidth: 85%;\r\n\ttext-align: start;\r\n\ttext-align: justify;\r\n\ttext-justify: inter-word;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.08rem;\r\n\t\tfont-weight: 400;\r\n\t\tmargin: 1rem 0;\r\n\t\t&:first-of-type {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 100%;\r\n\t}\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/icons8-adventures-144.3adce402.png\";","export default __webpack_public_path__ + \"static/media/icons8-chrome-240.b27e2e55.png\";","export default __webpack_public_path__ + \"static/media/icons8-opera-240.9463ceff.png\";","import {\r\n\tSectionBody,\r\n\tSectionBodyChildA,\r\n\tSectionBodyChildB,\r\n\tSectionBox,\r\n\tSectionHead,\r\n\tSectionHeadChild,\r\n\tTypographyContainer,\r\n} from \"./Different.style\";\r\n// import line from \"../../images/Line 4.png\";\r\n// import ellipse from \"../../images/Ellipse 66.png\";\r\nimport compass from \"../../images/icons8-adventures-144.png\";\r\nimport android from \"../../images/icons8-android-os-240.png\";\r\nimport apple from \"../../images/icons8-apple-logo-240.png\";\r\nimport chrome from \"../../images/icons8-chrome-240.png\";\r\nimport linux from \"../../images/icons8-linux-240.png\";\r\nimport opera from \"../../images/icons8-opera-240.png\";\r\nimport windows from \"../../images/icons8-windows-10-240(1).png\";\r\nimport Typography from \"@mui/material/Typography\";\r\nexport const Different = (props) => {\r\n\tconst logoArray = [chrome, opera, compass, windows, apple, linux, android];\r\n\treturn (\r\n\t\t<SectionBox>\r\n\t\t\t<SectionHead>\r\n\t\t\t\t<SectionHeadChild>\r\n\t\t\t\t\t{/* <img src={line} alt=\"divider\" /> */}\r\n\t\t\t\t\t<Typography variant=\"h4\">\r\n\t\t\t\t\t\t{props.heading1}{\" \"}\r\n\t\t\t\t\t\t<Typography variant=\"h4\">{props.heading2}</Typography>\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</SectionHeadChild>\r\n\t\t\t</SectionHead>\r\n\t\t\t<SectionBody>\r\n\t\t\t\t<SectionBodyChildA>\r\n\t\t\t\t\t<TypographyContainer>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text1}</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text2}</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text3}</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text4}</Typography>\r\n\t\t\t\t\t</TypographyContainer>\r\n\t\t\t\t</SectionBodyChildA>\r\n\t\t\t\t<SectionBodyChildB>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t{logoArray.map((logo, index) => (\r\n\t\t\t\t\t\t\t<img key={index} src={logo} alt=\"logo\" />\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</SectionBodyChildB>\r\n\t\t\t\t{/* <img src={ellipse} alt=\"ellipse\" className=\"ellipse\" /> */}\r\n\t\t\t</SectionBody>\r\n\t\t</SectionBox>\r\n\t);\r\n};\r\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\nimport { Button, Typography } from \"@mui/material\";\r\n\r\nexport const PricingBox = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tmargin: 3rem 0;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n`;\r\n\r\nexport const PricingHead = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 20%;\r\n\ttext-align: center;\r\n\tmargin: 0 0 4rem 0;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.8rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #23233c;\r\n\t\topacity: 1;\r\n\t\tfont-weight: bold;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tfont-size: 1.2rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-weight: 400;\r\n\t}\r\n`;\r\n\r\nexport const PricingBody = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tflex-wrap: wrap;\r\n`;\r\n\r\nexport const PricingBodyChild = styled(Box)`\r\n\twidth: 21.5%;\r\n\tmin-height: 100%;\r\n\tborder: 2px solid #bdbdbd;\r\n\tborder-radius: 8px;\r\n\ttext-align: center;\r\n\tpadding: 1rem;\r\n\tposition: relative;\r\n\t.MuiButtonBase-root.MuiButton-root {\r\n\t\tmargin: 0.5rem auto;\r\n\t\ttext-transform: none;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\t@media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n\t\twidth: 28%;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 43%;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t@media only screen and (max-width: 766px) {\r\n\t\twidth: 80%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n`;\r\n\r\nexport const ChildHead = styled(Box)`\r\n\twidth: 100%;\r\n\tborder-bottom: 1px solid #fafafa;\r\n\r\n\t.MuiTypography-root.MuiTypography-h5 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #000000;\r\n\t\tfont-weight: bold;\r\n\t\tfont-size: 1.4rem;\r\n\t\tmargin-bottom: 1rem;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tfont-family: \"Poppins\", sans-serif;\r\n\t\tfont-size: 0.8rem;\r\n\t\tfont-weight: 300;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7a839e;\r\n\t\tdisplay: block;\r\n\t\tmin-height: 2.5rem;\r\n\t}\r\n`;\r\n\r\nexport const ChildMain = styled(Box)`\r\n\twidth: 100%;\r\n\tborder-bottom: 1px solid #bdbdbd;\r\n\ttext-align: center;\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tfont-size: 1rem;\r\n\t\tfont-family: \"Poppins\", sans-serif;\r\n\t\tcolor: #7a839e;\r\n\t\tfont-weight: 300;\r\n\t\tletter-spacing: 0px;\r\n\t\tmargin-bottom: 0.5rem;\r\n\t}\r\n`;\r\n\r\nexport const DifText = styled(Typography)`\r\n\t-webkit-appearance: none;\r\n\t-moz-appearance: none;\r\n\tappearance: none;\r\n`;\r\nexport const PriceBox = styled(Box)`\r\n\twidth: 130px;\r\n\theight: 80px;\r\n\tmargin: 1rem auto;\r\n\tborder-radius: 50%;\r\n\tbackground: #1283ed;\r\n\tcolor: #ffffff;\r\n\tpadding: 1.5rem 0;\r\n\t\r\n`;\r\n\r\nexport const ChildBody = styled(Box)`\r\n\twidth: 100%;\r\n`;\r\nexport const InfoBox = styled(Box)`\r\n\twidth: 90%;\r\n\tmin-height: 80%;\r\n\tmargin: 1rem auto 3rem;\r\n`;\r\nexport const Info = styled(Box)`\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tmargin: 0.5rem 0;\r\n\t.MuiSvgIcon-root {\r\n\t\twidth: 1rem;\r\n\t\theight: 1rem;\r\n\t\tfill: #00c853;\r\n\t\tmargin-right: 0.2rem;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tfont-size: 0.8rem;\r\n\t\tfont-family: \"Poppins\", sans-serif;\r\n\t\tcolor: #7a839e;\r\n\t\tfont-weight: 300;\r\n\t\tletter-spacing: 0px;\r\n\t\ttext-align: start;\r\n\t}\r\n`;\r\nexport const PriceButtonBox = styled(Box)`\r\n  width: 100%;\r\n  text-align: center;\r\n  position: absolute;\r\n  bottom: 1%;\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n  .MuiButtonBase-root.MuiButton-root {\r\n    border: 1px solid #1283ed;\r\n    border-radius: 5px;\r\n    letter-spacing: 0.6px;\r\n    color: #000000;\r\n    font-family: \"Poppins\", sans-serif;\r\n    font-weight: 300;\r\n  }\r\n`;\r\nexport const PriceButton = styled(Button)``;\r\n","import { Typography } from \"@mui/material\";\r\nimport CheckIcon from \"@mui/icons-material/Check\";\r\nimport {Link} from \"react-router-dom\";\r\nimport {\r\n\tChildBody,\r\n\tChildHead,\r\n\tChildMain,\r\n\tDifText,\r\n\tInfo,\r\n\tInfoBox,\r\n\tPriceBox,\r\n\tPriceButton,\r\n\tPriceButtonBox,\r\n\tPricingBody,\r\n\tPricingBodyChild,\r\n\tPricingBox,\r\n\tPricingHead,\r\n} from \"./Pricing.style\";\r\nexport const Pricing = () => {\r\n\treturn (\r\n\t\t<PricingBox>\r\n\t\t\t<PricingHead>\r\n\t\t\t\t<Typography variant=\"h4\">Pricing</Typography>\r\n\t\t\t\t<Typography variant=\"body1\">Choose a Suitable Plan</Typography>\r\n\t\t\t</PricingHead>\r\n\t\t\t<PricingBody>\r\n\t\t\t\t<PricingBodyChild>\r\n\t\t\t\t\t<ChildHead>\r\n\t\t\t\t\t\t<Typography variant=\"h5\">Free</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tIdeal for hobbyist and students\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</ChildHead>\r\n\t\t\t\t\t<ChildMain>\r\n\t\t\t\t\t\t<PriceBox>\r\n\t\t\t\t\t\t\t<Typography variant=\"h4\">$0</Typography>\r\n\t\t\t\t\t\t\t<Typography variant=\"body1\">Per Month</Typography>\r\n\t\t\t\t\t\t</PriceBox>\r\n\t\t\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\t\t\tAlways free and can be upgraded at anytime\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</ChildMain>\r\n\t\t\t\t\t<ChildBody>\r\n\t\t\t\t\t\t<InfoBox>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\t\t\t1GB Data Download per month\r\n\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Server side paging</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Record editing</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Community support</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t</InfoBox>\r\n\t\t\t\t\t</ChildBody>\r\n\t\t\t\t\t<PriceButtonBox>\r\n\t\t\t\t\t<Link to=\"/signup\"><PriceButton variant=\"outlined\">Get Started for free</PriceButton></Link>\r\n\t\t\t\t\t</PriceButtonBox>\r\n\t\t\t\t</PricingBodyChild>\r\n\t\t\t\t<PricingBodyChild>\r\n\t\t\t\t\t<ChildHead>\r\n\t\t\t\t\t\t<Typography variant=\"h5\">Standard</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">Best value for freelancers</Typography>\r\n\t\t\t\t\t</ChildHead>\r\n\t\t\t\t\t<ChildMain>\r\n\t\t\t\t\t\t<PriceBox>\r\n\t\t\t\t\t\t\t<Typography variant=\"h4\">$12</Typography>\r\n\t\t\t\t\t\t\t<Typography variant=\"body1\">Per Month</Typography>\r\n\t\t\t\t\t\t</PriceBox>\r\n\t\t\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\t\t\tBilled Monthly or annually\r\n\t\t\t\t\t\t\t<br /> with 15% off annual plan rate\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</ChildMain>\r\n\t\t\t\t\t<ChildBody>\r\n\t\t\t\t\t\t<InfoBox>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\t\t\t10GB Data Download per month\r\n\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Server side paging</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Record editing</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Entity relationship</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Schema design</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Image preview</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Spatial data preview</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Data visualization</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Email support</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t</InfoBox>\r\n\t\t\t\t\t</ChildBody>\r\n\t\t\t\t\t<PriceButtonBox>\r\n\t\t\t\t\t\t<PriceButtonBox>\r\n\t\t\t\t\t\t\t\t<Link to=\"/signup\"><PriceButton variant=\"outlined\">Get Started for free</PriceButton></Link>\r\n\t\t\t\t\t\t</PriceButtonBox>\r\n\t\t\t\t\t</PriceButtonBox>\r\n\t\t\t\t</PricingBodyChild>\r\n\t\t\t\t<PricingBodyChild>\r\n\t\t\t\t\t<ChildHead>\r\n\t\t\t\t\t\t<Typography variant=\"h5\">Team</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">Collaborate with team</Typography>\r\n\t\t\t\t\t</ChildHead>\r\n\t\t\t\t\t<ChildMain>\r\n\t\t\t\t\t\t<PriceBox>\r\n\t\t\t\t\t\t\t<Typography variant=\"h4\">$25</Typography>\r\n\t\t\t\t\t\t\t<Typography variant=\"body1\">Per Month</Typography>\r\n\t\t\t\t\t\t</PriceBox>\r\n\t\t\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\t\t\tBilled Monthly or annually\r\n\t\t\t\t\t\t\t<br /> with 20% off annual plan rate\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</ChildMain>\r\n\t\t\t\t\t<ChildBody>\r\n\t\t\t\t\t\t<InfoBox>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\t\t\t20GB Data Download per month\r\n\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Server side paging</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Record editing</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Entity relationship</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Schema design</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Image preview</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Spatial data preview</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Data visualization</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Role-based security</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Up to 5 team members</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Email support</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t</InfoBox>\r\n\t\t\t\t\t</ChildBody>\r\n\t\t\t\t\t<PriceButtonBox>\r\n\t\t\t\t\t\t\t<Link to=\"/signup\"><PriceButton variant=\"outlined\">Get Started for free</PriceButton></Link>\r\n\t\t\t\t\t</PriceButtonBox>\r\n\t\t\t\t</PricingBodyChild>\r\n\t\t\t\t<PricingBodyChild>\r\n\t\t\t\t\t<ChildHead>\r\n\t\t\t\t\t\t<Typography variant=\"h5\">Enterprise</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tWhite label and also available on premise\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</ChildHead>\r\n\t\t\t\t\t<ChildMain>\r\n\t\t\t\t\t\t<PriceBox >\r\n\t\t\t\t\t\t\t<Typography variant=\"h4\" style={{marginTop: \"1.1rem\"}}>$1900</Typography>\r\n\t\t\t\t\t\t\t<DifText variant=\"body1\" style={{ color: \"transparent\" }}>\r\n\t\t\t\t\t\t\t\tPer Month\r\n\t\t\t\t\t\t\t</DifText>\r\n\t\t\t\t\t\t</PriceBox>\r\n\t\t\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\t\t\tPer server, one off. Optional\r\n\t\t\t\t\t\t\t<br /> update free at $500/annum\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</ChildMain>\r\n\t\t\t\t\t<ChildBody>\r\n\t\t\t\t\t\t<InfoBox>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\t\t\tUnlimited transactions per month\r\n\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t{/* <Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Unlimited records</Typography>\r\n\t\t\t\t\t\t\t</Info> */}\r\n\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Server side paging</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Data editing</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Collaborate with team</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Schema design</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Image preview</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Spatial data preview</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Data visualization</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Role-based security</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Entity realtionship</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Unlimited team members</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Hosted on your server</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t\t<Info>\r\n\t\t\t\t\t\t\t\t<CheckIcon />\r\n\t\t\t\t\t\t\t\t<Typography variant=\"body1\">Email and Phone Support</Typography>\r\n\t\t\t\t\t\t\t</Info>\r\n\t\t\t\t\t\t</InfoBox>\r\n\t\t\t\t\t</ChildBody>\r\n\t\t\t\t\t<PriceButtonBox>\r\n\t\t\t\t\t\t\t<Link to=\"/signup\"><PriceButton variant=\"outlined\">Get started for free</PriceButton></Link>\r\n\t\t\t\t\t</PriceButtonBox>\r\n\t\t\t\t</PricingBodyChild>\r\n\t\t\t</PricingBody>\r\n\t\t</PricingBox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const SectionBox = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tmargin: 3rem 0;\r\n\t@media only screen and (max-width: 768px) {\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n`;\r\n\r\nexport const SectionHead = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 20%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tz-index: 5;\r\n`;\r\nexport const SectionHeadChild = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: center;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #23233c;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 1rem 0 2rem 0;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: #1283ed;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tfont-size: 2rem;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const SectionBody = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 80%;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: space-between;\r\n`;\r\n\r\nexport const SectionBodyChildA = styled(Box)`\r\n\twidth: 45%;\r\n\tposition: relative;\r\n\t.img {\r\n\t\r\n\t\theight: 80%;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.rect {\r\n\t\tposition: absolute;\r\n\t\ttop: -120%;\r\n\t\tleft: -125%;\r\n\t\twidth: 150%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n`;\r\n\r\nexport const SectionBodyChildB = styled(Box)`\r\n\twidth: 50%;\r\n\ttext-align: start;\r\n\tposition: relative;\r\n\t.rec {\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\ttop: -25%;\r\n\t\tright: -70%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\tmargin: 1rem auto;\r\n\t}\r\n`;\r\nexport const TypographyContainer = styled(Box)`\r\n\twidth: 85%;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\ttext-align: justify;\r\n\ttext-justify: inter-word;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.08rem;\r\n\t\tfont-weight: 400;\r\n\t\tmargin: 1rem 0;\r\n\t\t&:first-of-type {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 100%;\r\n\t}\r\n`;\r\n","import {\r\n\tSectionBody,\r\n\tSectionBodyChildA,\r\n\tSectionBodyChildB,\r\n\tSectionBox,\r\n\tSectionHead,\r\n\tSectionHeadChild,\r\n\tTypographyContainer,\r\n} from \"./Backend.style\";\r\n\r\n// import line from \"../../images/Line 4.png\";\r\n\r\nimport rec from \"../../images/Rectangle 117.png\";\r\nimport Typography from \"@mui/material/Typography\";\r\nexport const Backend = (props) => {\r\n\treturn (\r\n\t\t<SectionBox>\r\n\t\t\t<SectionHead>\r\n\t\t\t\t<SectionHeadChild>\r\n\t\t\t\t\t{/* <img src={line} alt=\"divider\" /> */}\r\n\t\t\t\t\t<Typography variant=\"h4\">\r\n\t\t\t\t\t\t{props.heading1}{\" \"}\r\n\t\t\t\t\t\t<Typography variant=\"h4\">{props.heading2}</Typography>\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</SectionHeadChild>\r\n\t\t\t</SectionHead>\r\n\t\t\t<SectionBody>\r\n\t\t\t\t<SectionBodyChildA>\r\n\t\t\t\t\t<img src={props.image} alt=\"child\" className=\"img\" />\r\n\t\t\t\t</SectionBodyChildA>\r\n\t\t\t\t<SectionBodyChildB>\r\n\t\t\t\t\t<img src={rec} alt=\"rec\" className=\"rec\" />\r\n\t\t\t\t\t<TypographyContainer>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text1}</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text2}</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">{props.text3}</Typography>\r\n\t\t\t\t\t</TypographyContainer>\r\n\t\t\t\t</SectionBodyChildB>\r\n\t\t\t</SectionBody>\r\n\t\t</SectionBox>\r\n\t);\r\n};\r\n","import Navbar from \"../navbar/Navbar\";\r\n// import line from \"../../images/Line 4.png\";\r\n// import ellipse from \"../../images/Ellipse 66.png\";\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\nimport rect from \"../../images/Rectangle 335.png\";\r\nimport rec from \"../../images/Rectangle 117.png\";\r\nimport group from \"../../images/Flexiblebase Toolbox.png\";\r\nimport play from \"../../images/play-button-svgrepo-com.png\";\r\nimport data from \"../../images/01 - Showcase.png\";\r\nimport mysql from \"../../images/MySQL-Logo.wine.png\";\r\nimport mariadb from \"../../images/mariadb-logo-vert_blue-transparent-1.png\";\r\nimport google from \"../../images/1 zuTTkJe54Wv907enmQt46g.png\";\r\nimport cassandra from \"../../images/2560px-Cassandra_logo.svg.png\";\r\nimport amazon from \"../../images/60232d51a86b90a0ffb97428_amazon-aurora.png\";\r\nimport rds from \"../../images/Amazon-RDS-1.png\";\r\nimport heroku from \"../../images/Heroku_logo.svg.png\";\r\nimport hp from \"../../images/hp.png\";\r\nimport microsoft from \"../../images/images-1.png\";\r\nimport oracle from \"../../images/Rectangle -1.png\";\r\nimport microsoftsql from \"../../images/download.jpg\";\r\nimport post from \"../../images/postres.png\";\r\nimport memsql from \"../../images/MemSQL_horizontal_lockup_blue_logo.png\";\r\nimport db1 from \"../../images/03 - CRUD Operations.png\";\r\nimport gui from \"../../images/02 - SQL GUI.png\";\r\nimport secure from \"../../images/shield.png\";\r\nimport htmlGenerator from \"../../images/05 - Automatic HTML Form Generator.png\";\r\n// import dbtable from \"../../images/Screenshot -2.png\";\r\nimport api from \"../../images/api_code.png\";\r\nimport visual from \"../../images/04 - Data Visualization.png\";\r\nimport viewer from \"../../images/06 - Document and Image Viewer.png\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n  LandingBox,\r\n  // Line,\r\n  Main,\r\n  MainButton,\r\n  MainButtonBox,\r\n  MainLeftChild,\r\n  MainRightChild,\r\n  MainImageBox,\r\n  DatabaseBox,\r\n  DatabaseBoxChild,\r\n  ImageBox,\r\n} from \"./Landing.style\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport { Normal } from \"../main-normal/Normal\";\r\nimport { Reverse } from \"../main-reverse/Reverse\";\r\nimport { Different } from \"../main-different/Different\";\r\nimport { Pricing } from \"../pricing/Pricing\";\r\nimport { Backend } from \"../main-backend/Backend\";\r\n\r\n// import { Feedback } from \"../demo-feedback/Feedback\";\r\n// import { Trust } from \"../trust/Trust\";\r\nexport const Landing = () => {\r\n  const imageArray = [\r\n    microsoftsql,\r\n    mysql,\r\n    post,\r\n    mariadb,\r\n    //oracle,\r\n    rds,\r\n    microsoft,\r\n    google,\r\n    amazon,\r\n    heroku,\r\n    memsql\r\n  ];\r\n  return (\r\n    <LandingBox>\r\n      <Navbar />\r\n      {/* <Line>\r\n\t\t\t\t<img src={line} alt=\"line\" />\r\n\t\t\t</Line> */}\r\n      <Main>\r\n        <MainRightChild>\r\n          {/* <Typography variant=\"body1\">\r\n            Compatible with all database query languages\r\n          </Typography> */}\r\n          <Typography variant=\"h4\">\r\n            The <Typography variant=\"h4\">Database</Typography>\r\n            <br /> Toolbox\r\n          </Typography>\r\n          <Typography variant=\"body2\">\r\n            A secure, interactive, and collaborative platform for\r\n            <br /> managing databases using any device\r\n          </Typography>\r\n          <MainButtonBox>\r\n            <MainButton\r\n              variant=\"contained\"\r\n              style={{ backgroundColor: \"#1283EDA6\" }}\r\n            >\r\n              Live Demo\r\n            </MainButton>\r\n            <MainButton\r\n              variant=\"contained\"\r\n              style={{ backgroundColor: \"#1283ED\" }}\r\n            >\r\n              <Link to=\"/signup\">Sign Up</Link>\r\n            </MainButton>\r\n            <MainButton variant=\"outlined\">\r\n              <img src={play} alt=\"play\" />\r\n              Watch Illustration\r\n            </MainButton>\r\n          </MainButtonBox>\r\n        </MainRightChild>\r\n        <MainLeftChild>\r\n          {/* <img src={ellipse} alt=\"ellipse\" className=\"ellipse\" /> */}\r\n          <img src={group} alt=\"group\" className=\"left-image\" />\r\n          <img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n        </MainLeftChild>\r\n        <MainImageBox>\r\n          <Typography variant=\"h4\">Flexiblebase is a platform (web, mobile & api) for schema design, table creation, data management (CRUD operations), SQL Query GUI, team collaboration, data visualization, and data sharing. It integrates backend api with any SQL database and has tools to generate frontend UI using leading JavaScript frameworks.</Typography>\r\n          <ImageBox>\r\n            <img src={data} alt=\"database\" className=\"img\" />{\" \"}\r\n          </ImageBox>\r\n          <img src={rect} alt=\"rect\" className=\"rect\" />\r\n          <img src={rec} alt=\"rec\" className=\"rec\" />\r\n          {/* <img src={ellipse} alt=\"ellipse\" className=\"ellipse\" /> */}\r\n        </MainImageBox>\r\n        <DatabaseBox>\r\n          <Typography variant=\"h4\">Connect your favorite database</Typography>\r\n          <DatabaseBoxChild>\r\n            {imageArray.map((image, index) => (\r\n              <div>\r\n                <img key={index} src={image} alt=\"database example\" />\r\n              </div>\r\n            ))}\r\n\r\n            {/* <img src={ellipse} alt=\"ellipse\" className=\"ellipse\" /> */}\r\n          </DatabaseBoxChild>\r\n        </DatabaseBox>\r\n        <Reverse\r\n          heading1=\"Write SQL Query\"\r\n          heading2=\"Like a Pro\"\r\n          image={gui}\r\n          text1=\"Flexiblebase helps you to write and run SQL query like a pro! It comes with the powerful syntax highlighting, query composer, auto completion of key words, line number, DDL & DML code snippets, ability to save your query for later use and lots\"\r\n        />\r\n        <Normal\r\n          heading1=\"CRUD\"\r\n          heading2=\"Operations\"\r\n          image={db1}\r\n          text1=\"Flexiblebase operates like a generic app built on top of your\r\n\t\t\t\t\t\t\tdatabse and this gives you access to perform CRDU (Create, Read,\r\n\t\t\t\t\t\t\tOperate, Delete) operations, you can choose between inline editing\r\n\t\t\t\t\t\t\tand form editing.\"\r\n        />\r\n        <Reverse\r\n          heading1=\"Data\"\r\n          heading2=\"Visualization\"\r\n          image={visual}\r\n          text1=\"Visualize your data analytics\r\nreal-time on the\r\ndashboard. With Flexiblebase\r\nData Visualization\r\nAI, you do not need to do\r\nanything to see your business\r\nperformance visualization\r\nacross board.\"\r\n        />\r\n        <Normal\r\n          heading1=\"Automatic\"\r\n          heading2=\"HTML Generator\"\r\n          image={htmlGenerator}\r\n          text1=\"Accelerate your frontend development by 70% with Flexiblebase form, table and code generator  using the leading JavaScript framework such as Vuejs, React and Angular.\"\r\n        />\r\n        \t<Reverse\r\n\t\t\t\t\t\theading1=\"Document\"\r\n\t\t\t\t\t\theading2=\"Viewer\"\r\n\t\t\t\t\t\timage={viewer}\r\n\t\t\t\t\t\ttext1=\"Visualizing your images stored in binary, image or blob format from your database\r\nmake you feel you are using a customised app already.\"\r\n\t\t\t\t\t/>\r\n        <Backend\r\n          heading1=\"Backend\"\r\n          heading2=\"APIs\"\r\n          image={api}\r\n          text1=\"Flexiblebase provides a real-time backend API services for developers to connect their apps to their remote sql database.\"\r\n          text2=\"All you need to do is sign up on flexiblebase, connect to your sql databse, include your api access token in your web or mobile app and start communicating with your database from your frontend app\"\r\n          text3=\"No need to code backend in C#, PHP, Java and Python etc again.\"\r\n        />\r\n        <Different\r\n          heading1=\"Cross\"\r\n          heading2=\"Platform\"\r\n          text1=\"Flexible is cross platform modern app\"\r\n          text2=\"Client: Web Browser such as chrome, Firefox, safari, edge, opera etc. Mobile Phone Browser, Android App, iOS App\"\r\n          text3=\"Server: Windows, MacOS, and Linux\"\r\n          text4=\"Usage: On premise (including support for localhost) and in the cloud\"\r\n        />\r\n\r\n        <Normal\r\n        className=\"advanced\"\r\n          heading1=\"Advanced\"\r\n          heading2=\"Security\"\r\n          image={secure}\r\n          text1=\"Account Login: Flexiblebase enable 2-factor authentication by default. It also notifies you whenever there is a login to your account\"\r\n          text2=\"Connection: Flexiblebase uses SSL/TLS AES 256 encryption for all communication between your browser, our server, and your database server. Your connection details are stored fully encrypted in your local computer. No connection database credentials are stored on our server.\"\r\n          text3=\"Data security: Flexiblebase accesses your data in real-time and only retreives the rows necessary to support your request at a given time. All data transfer from our server to your browser are erncrypted with SSL/TLS AES 256 encryption, we do not store any of your data on our server\"\r\n        />\r\n        <Pricing />\r\n      </Main>\r\n      {/* <Trust />\r\n      <Feedback /> */}\r\n    </LandingBox>\r\n  );\r\n};\r\n","export default \"data:image/jpeg;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAABGCAYAAADl5IkzAAAABHNCSVQICAgIfAhkiAAAGHhJREFUeF7tXQmUVMW5/m53z8YeQUBFHz41KhrNidGnYRuWJMYYSTSBqGgQkWVm4OFzzXEbFHGJqMGBGXAB9wVR84yJiMM0ICBEEqMGjbuCOiMIDNvM9Hbf93f34Ezfut23F3jdPXXP6TNL163666/6qv76tzIQfkyjFA8cZiB4kQHzIsA4gv/sZPCXyPc5/YRMYA/7+HYIxkNN8C1eh2k7c7pHmnjNgSQ5IEAmyOeebMB1uwFjJP/hTrKOnCkeBfyTIfhneDFtc84QrgnVHEiTA8YZuPugEpTMJ95HEeQF4f1dtngglGbdWfK6dMVwtRJjwgyY3Nl9aLxyNa7ZlSVEajI0B/YrB7ibzxvrgrGQu7knCvKPTAQXhFDwNtGR82APwuf2wH0a+zeF/esd6aO5hWJ8mReTn92v3NWVaw5kCQeMYZi/zAVzZBTkO0wEzqxDxbosoS9DZIgOouYCN4y7I2A3Q1zBqkw0XOFFZSBDjehqNAeylgPGcNRsp2zbQygMwXy8DlPGZi21aRB2BqoPKwlLLvhxdFF7zofQhNdQtj2NavWrmgM5wQFjBKqDrWfYIEIzvSi7IScoT5LIgXiwaxH8iwj0c6OvvuSD75JVmLYlyap0cc2BnOMAgV5D3VvkoTh7cx0m35RzvXBA8EDc0bUY3RZyUTtPA90Bw3SRvOKABrre0fNqQuvOqDmQLtCNUzAxrK2PfTZgOwWExTwWpPtUek7Bl0rHnQ1Y4Hdau97RnXJKl8tHDqQFdDraDKKjzWSbNWQNjwHz0mXacMybQ7v3Qap6dqKxfAOubXTShga6Ey7pMvnKgbSAPgxzL3bB/bCKObRVP7EcUy5Mh3Fn4AE68wTqWx152tZFxcKO5ajt5VRq0EBPZyT0u7nOgawG+nBU0/feeMSGyX+qxeRfOh0ADXSnnNLl8pEDWQ70mlda7d6xzKfEcDElhkedDooGulNO6XL5yIGsBfpAzDu2CMY7ra65sWJ7Ew46dC1GNzkdFA10p5zS5fKRA1kK9ErXcPSeQUXf9dadHKac/5P14NNAz8fpq/vklANZCfQfYf5RRTCfZVDN9xUi+xZq4S+jRv9PTjsp5TTQk+GWLptvHMhCoFd6hqHvRIL8TjK7c4zILrv5cy60lNdiekMyg6GBngy3dNl840DWAX0I5h7ugetZns1PUzC7kV44v0t2N9c7er5NW92fZDmQZUCv9PBsPpNn8yvZkdhMN0Hu5gvq0TB9Iyp9yXZU7+jJckyXzycOZBXQuZufyyQRD7aGzbYyWjLe8PdlfjSNW4XLv0plADTQU+GafidfOJA1QI+mtLqXirYjY5nLhJXbKLJf58WUd1JlvAZ6qpzL/vdOwfyCRrS4PsQ0kfT2RWNmP+UHjsKsAfr+7nLmgV7potLweyq6A/D5Gee+MV6fGCfQ14C7T2yZAEIm4+Qb1iVQNg7G/EM8MMOpsdJ96nDsv4BhNpl2fuMegtJD3XAr4w3at+1DAIV+N8y9Qfj3EHUtu7CtOZWjll2fCOpOJfD3c8N1sgfGIKL6eJYlbYZLkn9SifuxidDaEIJvAIEPvTiMeQFHJx1cNRhzDgY85LHLElDFjWcrnbW+VC0qp6GqZzEKyC9zX57Cb/vCkYWxZTWmyruWRxaszvAd50aB5V0T/hYvvnkfqFSmdzsaU4sOxwnHqeplm9s10FMMUy3FPT3cKFGCmbqEzZwIKmVieBxKUekx0PcqjubU2IHhZG3h+3PoJ3BPPADTPfg6KizL0wW5vB9E8AdelNer6vovzOnWGYX0acCYRG2RbmbiNESX4udPSmGhj/jzTWYueqMFhX9fiwnbEtVhD/DKTl3R5zTyjG7Pxk9Jj0h+ReryJlN8GzTDmq+Rn8/vRfDl9aj4Jpm2h2HeROqKrmY7nWLfY38WNqDnjI0Y3U5XJLEZneC/iW2fa82mbNJiZGwiYG+qw9SlKlpG4t4jTBS/yu+6WOeF+WEjXGduwKS9qncHYd5/FsH1mrqPxmIN9BSBTsZ+h4xVTlxOsM8I9P5xdqWCbjBncNL+XlGmhRP51lpMuiU+0GuYnhvXJDN57cruhdlvLaZ8oZ5887tzYt/LtsYl21Y0mzAXLqOBPHmVf9d4MWkD+5eUeF2KO/u60GUCgTeO9fyHylvShjbZ/baS/mUm3Hd5MfFNp30YhurLXXBxDMx2Jl55n5XO3QTfFTwqcKy+fSil/TeDvCpjdUxSQqQNvlfJZZU8KN+tomMI7jvSg4J/8v2uVqDjPUopp9q9OwhV3y2C5982/XtEA10DHfsL6DGTjuKzuTEE9/l1mMijgrNHjlyF6F7FyT+an2Jnb1lKEWPmv3ksKl+B8jondSQL9MGoGlEAz/Osu4vq4hNZHD5B/ZWforLZrn0NdCcjk6BMps/oekdPbVC4Iy9rQtOotfifhHEKpVhYbKDpVqYjn0YpQJngxCkVUcvNeoJwPKMe4+pPpM5kgH4G7juuGJ6/ks7+ip3Yzz4/30yLUaI+5yXQZRABXxeazDoVwkNRxVXMweAFEq6AH6FdJvZsL8SebZlKx6yBbg+JVHf0qGjeTgznH0aCq7yCFKUnUgfxUHyQmkxFXjOV4BEPSeVZnG0xw5Ap6Ye+jtBi9GVZUXDanN1B/UHo6Ua4x/GsGzc7kVOgl2JOPxcK/sC2f8N22/l+ROgLvdzEOwXsjkZteZAXQO+Hu0v6o1C83gZw8E4mE47kGbUvRZqeZFIJO0yQm1RxGlSkmM0cvAZ+9wHPdy/60bg63VtVOhLQyb/VXDD/4XS3Y4qe6znxlZl6RiLuGb2Z48grrgyeu9kix49t9+AYfp/jN4L/6q6igUB/nUA/Ix59pZh/nIHQi5wrR6vKsR2C27yX52gv0bSVOkxeFOjuRevAT7jWTGH7FouG1MN3mkjzRWx/Sbz2nQC9H7bxOHLwNTyXi67EIrKzrfXMrFzB4wItAInNfjkL9M/hH38ojO/SCWaUCZdoSk+UwU+w4sfyn2eakLcZIV6hVOH4bBdbSUcCOufUlbWYMtsp0OOViwd0AmYXx/IyisJPx9YxBDVnUdZ+jN9/RyHO7mjC3qMoytpq4Qm0qwlyUUgWKuj7KoDA71agYpniO7l9aBQv63iKgLeTBD5ajnqaouwv73AGdON7NIWJlly1oLX4YZ61ElOWOx2HnAQ6O/cJJwJNNuYJXOG7Oe2sXTnWJTv8bbSdLnrVZveJ14YGemojkCrQqYHuwp1uDoF+iRXo5u4WmD9cjTKlllh8BApg8j5AnK3YFKi9Nm9oQMPcePZ5AnUa591dqjRkQk8Q5jA6YHntuJII6JyPiyiRPsH6j2lbR+QIYdZzJ7+cGnLLAhhvFHIV6KnNrDhvkYnb+Zn5DXbNfwtX8Spk548GunNetS2ZKtB/hjlFLSigqcm4VrGjE+iB0+0ktKGYeyqlwMf5XjsQST0UhzdykTjXbpFobUuUpYUwvGz/JFXPWU8lTaAzUgG6KNc4DztR4vipYhETez3rbmBiVLVzi12bGuhRzkQ1p5sCCF62EuWvJDN1DzDQG2nznWNHHx1J3NwJhnISDlSUSduOzok4m9LPIrv2A/Rc41VUHzvhX6pAj96MM4/9tFzxJSI/d+WTuKN+qqKhFNVnE0SLVeY0vrekDj3pvBPf2028zLqTD6zD4pQUXTCeDaHhfDtlb7wdnfRzfMOmvpijgSnOTgv2IHD9Okzb6YS/bctooFs59nIt6n+ezIp5IIGe7ADHlM8E0EWjHMft01i/HJOHOqEzMdBDZV+h1zOtdXXHZrcbxcXcTeUa7j/ynKw4tplffQb/kbEOJ611MMX3ZC6U1Sr6qPi7rg6TZjmhXbzbuGCwnm+vzW7zXp0PhWNWYbzySq54QI/T9m4eCSq9WH6v0+zEeQ50k37VBkVvk6uewRtcTbmnXBwJZHLKSnkId7vDrSvmPra00H/3R6sw6e9OBlzKdCSgO+DJ61SgxdV6t9aRQOvOHQz/y/F7W8oTVAYlie7Uvp/A/w/kGFpcOSO7KRZxobGc3b8Feti9d6Ya6OF8BHaZgdu9wuvGfs1/LOLH4t1GKl73w3PBSlz2iaqdVIDeaqvn5L5oJSZ/4GAc2hXJ+R09ygAxmW3m7//i5y1ODjLY3Mz/bQ/CRcAHm/1oCXVCcREny+Fc0X9FLpTZKVPE04gDXuGUmRro7TiVEaBH7ehiDo3a0jlatCXHs6qwbKMfweGrUGG7SBNkN3PRUF72yXE/j+P+nJNx545+DhcMXqxpWDT/nHt/a0Fw7GuoYKCI9UkF6NFaWni8uJXmu7guzKo2cxboHH3ZoenIby6lPfyFJrj/UYIvGr0YQNFytPghRyeItdsDUFnYB31rqNlUrvysj/7kk/o7GXApo4GeeaA75X1rOXEg4biJ6H1XvLEfjrlU4rlvUu/o5hiCaN9RIR4NNLP9kguGAN1i/iIt6+k7fiE14x9mGOiiMGz0IXia3SJiR3POAD26c4tCYgtX9TeI5CV+BOrswvISTRRx1KfX3Hs2O0SI53QqQ+xtoW3rP8BAl11OGWUUoYlTL2IfVtmI0z6js14ZA1vPL7b+N4ruwxPxX75PILo7qULKyIIv3muP74HvlkSKqshuatytqpyebdOWo+w+Jw2PwDwqAl0PqvhMWlY1wTzfzmPN4Y4um5UiHFV2MGPFVuz8eTLWoZwAesTjyNjACbyUYY9L+fNdu0gbJ4MUKSNpn/v4ODFj00qJKOCn0wPP885MGAcS6KRtK2mWdFjKJ6J1N35FHp2tKJA20DkWT/Ho87J9++YWir9/cTIO6QKdtIg+5lECdIkPRStX41LRx8R9aIMfQw+3x1jI4t9OZC0g7ZMS1RGdO4wONG6x2She2oH60RtQqVyQEwGd/WphvX9m/b+wWUhk3ytfjuULnCrmTkd1/04w3mK9qui19ymBnGKHKfEkZAz8uyq+8CjxcNrRa5xQ7Ag2sOMP86xd50LRJi8usY3QSTxA7UsMRw2BLu6xlqeZu5K4zjp6DizQ/7/DVA+MZxwnsoCYjlFmE8eIXo9W7bYc37iwTfaiTHZW26Na20Gkea2UOzoXK6sbK9taYyB4Tm2C+HLG/Be70Ue840apJgjrqaIdXWl6k/IJgC7++gt8aLm9CEULuWgrpSN2dh3LTXCaGUmSkTChBp2IrJYK1vVFCxqPt3MFj/oerFcDPbQgTaBXDyQBx7Sg6elEkTmO0KgopIGu5hz5Eice/cAAXSQXyuTnrEDt+uEY+SI9wn6mBhU+b4RxvF3ShNh3qEQ7lhsIAQSVZaCBEuM47my2EovUF293jLZ3ETcKkRqUT3w7urnCj+bzJX/hEFSPprdmDWlVuPqaAS4os3bCPTNREI0QMQDPFB6CbZIT0ZLNRyQjJp44gvUocyZycfwt3X6ftAH6rLSAnip4k3lPAz27gc7j2tlUrq2T86UbnhXcicUsanm4IFzrxUFUwiVO68T8gSUlKL6DYC9jRbHHNuo/8AJ3yivsHG7EhbYQ5v18l74W1ofvf0Mx+ES7rDqJdvS2iSckdVRXeKhPMKkPUNrrP6ekO8pp0gtmDnrNxpFKEl4wO009zY7tj6uiuO6LvlQ64vzY3kYtIxdroOdh4gmCYBYHWCa6o8eN4C47UTiBw8zWVqBLQ5ykdHc1brY5ar3ph//ilZgatrkneoagikExnsdZVw/F5JVY9iUE6+zNCL7b6ngjE74nep1YAPd0guUCxSIhZwe5BOQ2au6vi0dDIl/3thlmhmLeYEZlvqDeicPHlWfrUT/WSe48tnsDF8ub1TuzWU+wl+2Ga2mrdBSJ2W85i9IUpQqDee7aP2IB4GeEBnoeAp0DK/nfHOdn40ykW+mUG1WTKxmgM2LtGCpTnmA9P1SAs5nAvGMXPLc6EWNPQWWnbujzBCe9zRk7HIvORJB4nYvBe+xzkBN9ABeaU/m3+MirLBpi+nqHiS+GxoucS2ZHl7KSA9CFPjxKGVfYLB4+HjcmUYJYlGiBG445RxkoYJSmNfIuatViYklzFRfYtxjVGWCbkqB0SNTBTJFUEnUt8I/VQM9DoCeaTLHfc5d4kJrsCekCXTTdzIw7nbNtButSJDgETaWBUZQelE4qse1Hb+2p5aQ/Op4TjpP+RkBiMn8cxlPkp7Y8/pPMji41nYQ/dO6FLq+TVkZrivXUsrN+zLZH2B032pZm249xgRMxXGm6S0R7m++ZLyD0+xC+rkoL6JKLnYH/XVZj+iZW7kijmgSR4aL6jK7mWHxlXHJczhzQubXwSi2axrgTY5CVinB21ll0f1V6vamopjZ5GOuTcFdJ62wxszrtqfh2sO17GPk4x4ltO1mgCx2ldLllvxeoFHP8Wjzm7tyJhtvtTHqtfaGjz+nE1QP8e0A6Cxz7vIoWDy5s5R+mBXQyQ6KvxlM0mLUG0z5yyvRkymmg5xbQhVrOi/M4QWkes+Z5427AvALmSOcmp0qPid4/pkZZbOKDkp34UXH3M5J1h49ppBi1t93J/EsF6K2XkJDGC2MVc1GJ4n0mqBzPyMs18Wg4miG+h8NDHrqokEQ/J/QqynzABXwKJTVJfGGmBXSuPCNp93uandjUBP9v12LqeykSZfuaBnruAT0iwvd5huLnebHUR5RhWFqHWjoLLXZ6sYJxKub26RpWsoVdohNeXBEFluQseJG72o1ebGFYrjPnquhilXS658iuHvYBeFQF0Kgi8AnqQyyhu9ZRloszhg6kQvIeKtp4fbhSo295TRzJ+OG5PDBxDSo+F5BLobSBThFD4oZ7sDYqREKTaTNc40TZ4nRByFagRy42KFil6gf58RVTOZ1p18fIBQ59JGDn0tgy3AV5KYBxP/O6iyOS7cMJNY5lJTorA4/5CiefMn4+km6521WkVaEUM3YEYFSsxCSLJr0UfzyRzlMUP02FU5PRRMUcnWjKHedZb+3kQFSdUAgXUz8bcjToz58lnHuSb5BJKQ2xW/NcatDWHGLglPEkfTzWpeLjwci3sayXQVNW+lnvUw2on63SokdjNG4jOEfaDEwL02CNofXhEycDF8k27KYFIfQL0nMs32FuOkMUjeFjDP8nbrgSRUiPQ/N9YnAxx+S5WMklY0BnY+LfvTFquqDhPrkk/XadzlagyyJJc9KhaqB7ArW4LO797dGFwuLqyJWYY7Z3V6JkmDKheuNgpWbZyQRqW4YmKr9dbLj0k7fSMPS0WHGRQShILfo36oW90jUCPQ42UWRxY5U+NqNwh1MHGmt/Kl2D0Lu7B8E+zMDam5O7K8VcuZJJ3Fm37kVz/TqsZsJIxxKDpYmf4JHO1M53K0DIohDj5rY7XjozWRyL0M02fRodX7Yn2XeD1o9uvNDpCB5hGNnp7slh4XiYBFmIUovBrDahT3eiYLNdks9MAl2YJYnyv2Djt4SwZWEmUjVnMdCTxZMurzmQQQ5URhcgZ8eRTAM92hEzxMPXdV+j4W4nTgLxeq+BnsG5oavqsBzYT0APJ/H7kml1JqxA2V/T4a4Gejrc0+9qDkQ4sF+ALiF8rLvKD9dspntSOuE7HQANdKec0uU0B+w5kHGgUyGym0C/cScaH9qAa5W3fyQzIBroyXBLl9UcUHMgY0Bv9cOlzZJZMMvEqycjjwZ6RtioK+ngHMgk0OkZZ84IoXhxR0g80cHnje5+jnEgA0A3JFHfx0w1cvUeuFZl0llGeKl39BybUZrcrORAWkDntbYj6AF0BVP7TGdEkuSxznhgiwZ6Vs4bTVSOcSAtoA/GPbxooaRLKsnqnfKJmTwf5u0clqglugEyOaT9JQCx9Wc6Z5xT+nU5zYFs4EBaQD8QHRC/cLt2kvG800A/EKOl28hWDmQ90DPFOA30THFS15OLHNBATzHDTC4Otqa543KAQK+mW3ok1pW/zPQmkf0jl9gWiRYrlBTC50bpfikIg2mDJzHKST+aA/nNAQm13NZ6CZ3c8MGk9paUsfnAglLc38+N0EIaBqJxwuaSIJqZXP/yHfnQP90HzYF4HDCYMmcZM2KEJz9tY7zCOHBmHSrW5RfbTMZUV1/IbDiz2S9mJzFDjKetMtHA3ODO7m7LL37o3nQ0DhAANWMotz9CkTacxIC7+qcEwSITro1cACR7RY4/Pt5z5vkBe3YpJZde0QWNecvC1wRJLm79aA7kPQeMaEK7+XJHVWviffFb5+95APIwrCWf4L4sIXK1DT8P+bDrykRZXPJ+9HUHOwwHJP+0MRg1xxfw9gr+zhsfrJk784UbEllHT76Hgth1mxdXyyUH+tEc6BAc2Jdo/gTmaO+Fzr+mwkoyVB7BT+dkU+tmI8ckeR4/ewjwt00EH94E889x8qNlYxc0TZoDaXPg/wD/mghxKPMUpgAAAABJRU5ErkJggg==\"","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const IndexBox = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 100%;\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/Landing diet – 2.cbe3d9fe.png\";","import { useEffect } from \"react\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nimport { Landing } from \"../../components/landing/Landing\";\r\nimport { IndexBox } from \"./Indexpage.style\";\r\nimport bg from \"../../images/Landing diet – 2.png\";\r\n\r\nexport const Indexpage = () => {\r\n\tuseEffect(() => {\r\n\t\twindow.scrollTo({\r\n\t\t\ttop: 0,\r\n\t\t\tbehavior: \"smooth\",\r\n\t\t});\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<IndexBox img={bg} className=\"landing\">\r\n\t\t\t<Landing />\r\n\t\t\t<Footer />\r\n\t\t</IndexBox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"@mui/material/Button\";\r\n\r\nexport const PricingBox = styled(Box)`\r\n\twidth: 100%;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\toverflow: hidden;\r\n`;\r\n\r\nexport const Main = styled(Box)`\r\n\twidth: 100%;\r\n\tmargin: 5rem auto 2rem;\r\n\tposition: relative;\r\n\t&>div: last-of-type {\r\n\t\twidth: 100vw !important;\r\n\t}\r\n\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: 1.5%;\r\n\t\tleft: 50%;\r\n\t\twidth: 20%;\r\n\t}\r\n\t.rectangle {\r\n\t\tposition: absolute;\r\n\t\ttop: -10%;\r\n\t\tright: -80%;\r\n\t}\r\n\t.rect {\r\n\t\tposition: absolute;\r\n\t\tbottom: -20%;\r\n\t\tleft: -50%;\r\n\t\tz-index: -1;\r\n\t}\r\n\t.angle {\r\n\t\twidth: 60%;\r\n\t\tposition: absolute;\r\n\t\tbottom: -20%;\r\n\t\tright: -30%;\r\n\t\tz-index: -1;\r\n\t}\r\n\t@media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 40%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -10%;\r\n\t\t\tright: -90%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t\t.rect {\r\n\t\t\twidth: 90%;\r\n\t\t\tbottom: -5%;\r\n\t\t\tleft: -70%;\r\n\t\t}\r\n\t\t.angle {\r\n\t\t\tbottom: -10%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (min-width: 769px) and (max-width: 1023px) {\r\n\t\twidth: 100%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -5%;\r\n\t\t\tright: -80%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t\t.rect {\r\n\t\t\twidth: 90%;\r\n\t\t\tbottom: -7% !important;\r\n\t\t\tleft: -70%;\r\n\t\t}\r\n\t\t.angle {\r\n\t\t\tbottom: -10%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 100%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -5%;\r\n\t\t\tright: -80%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t\t.rect {\r\n\t\t\twidth: 90%;\r\n\t\t\tbottom: 0%;\r\n\t\t\tleft: -70%;\r\n\t\t}\r\n\t\t.angle {\r\n\t\t\tbottom: -10%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tmargin: 2rem auto;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -3%;\r\n\t\t\tright: -70%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const MiniChild = styled(Box)`\r\n\twidth: 85%;\r\n\tmargin: 3rem auto 6rem;\r\n`;\r\n\r\nexport const Mainchild = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tmargin-bottom: 5rem;\r\n`;\r\nexport const TextBox = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-size: 1.2rem;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 3rem;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tcolor: #23233c;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-bottom: 3rem;\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tcolor: #0091ea;\r\n\t\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\t}\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tfont-size: 1rem;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-size: 1.2rem;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t@media only screen and (max-width: 640px) {\r\n\t\twidth: 100%;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\t\tfont-size: 1rem;\r\n\t\t\tmargin: 0 0 0.5rem 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 2.5rem;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\t\tword-spacing: 0.7px;\r\n\t\t\tfont-size: 0.8rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\t\tfont-size: 1rem;\r\n\t\t\tmargin: 0 0 0.5rem 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 2rem;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\t\tword-spacing: 0.7px;\r\n\t\t\tfont-size: 0.8rem;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const MainButtonBox = styled(Box)`\r\n\twidth: 35%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-around;\r\n\tflex-wrap: wrap;\r\n\tmargin: 2rem auto 0;\r\n\t.MuiButtonBase-root.MuiButton-root {\r\n\t\twidth: 40%;\r\n\t\tfont-size: 0.8rem;\r\n\t\tfont-weight: 600;\r\n\t\ttext-transform: none;\r\n\t\tpadding: 0.7rem 0;\r\n\t\tmargin: 0.4rem 0;\r\n\t\timg {\r\n\t\t\twidth: 15%;\r\n\t\t\tmargin-right: 0.3rem;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 80%;\r\n\t\t.MuiButtonBase-root.MuiButton-root:last-of-type {\r\n\t\t\twidth: 60%;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const MainButton = styled(Button)`\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n`;\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"@mui/material/Button\";\r\nimport { Paper } from \"@mui/material\";\r\n// import left from \"../../images/arrow-long-1.png\";\r\n// import right from \"../../images/arrow-long.png\";\r\n\r\nexport const FeedbackBox = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 0rem;\r\n\tposition: relative;\r\n\tz-index: 10;\r\n\tmargin-bottom: 4rem;\r\n\tmargin-top: 3rem;\r\n\tbackground-image: url(\"../../images/Path 3818.png\");\r\n\t@media only screen and (max-width: 480px) {\r\n\t\tmargin-bottom: 2rem;\r\n\t}\r\n`;\r\n\r\nexport const FeedbackHead = styled(Box)`\r\n\twidth: 80%;\r\n\tmargin: 2rem auto 4rem;\r\n\ttext-align: start;\r\n\tposition: absolute;\r\n\ttop: -10%;\r\n\tleft: 10%;\r\n\tz-index: 4;\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tfont-size: 1rem;\r\n\t\tcolor: #9e9e9e;\r\n\t}\r\n\t@media only screen and (min-width: 481px) and (max-width: 758px) {\r\n\t\ttop: -5%;\r\n\t\tleft: 5%;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tleft: 4%;\r\n\t\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\t\tfont-size: 0.8rem;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const HeadChild = styled(Box)`\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2rem;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #263238;\r\n\t\tmargin-bottom: 2rem;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t}\r\n\t}\r\n`;\r\nexport const ArrowBox = styled(Box)`\r\n\twidth: 15%;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\r\n\timg {\r\n\t\twidth: 25%;\r\n\t\theight: 2rem;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\tdisplay: none;\r\n\t\twidth: 35%;\r\n\t\timg {\r\n\t\t\twidth: 40%;\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n`;\r\nexport const ArrowItem = styled(Button)`\r\n\twidth: 40%;\r\n\timg {\r\n\t\twidth: 95%;\r\n\t}\r\n`;\r\nexport const FeedbackBody = styled(Box)`\r\n\twidth: 100%;\r\n\theight: 90%;\r\n\tposition: relative;\r\n\tz-index: 0;\r\n\tmargin: 4rem 0;\r\n\tbackground-image: url(\"../../images/Group 1711.png\");\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n\toverflow: visible;\r\n\t.back {\r\n\t\tposition: absolute;\r\n\t\ttop: 45%;\r\n\t\tleft: 8%;\r\n\t\theight: 20rem;\r\n\t}\r\n\t.path {\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: -15%;\r\n\t\twidth: 40%;\r\n\t\theight: 45rem;\r\n\t}\r\n`;\r\nexport const SwiperBox = styled(Box)`\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n\r\n\t.swiper {\r\n\t\twidth: 89%;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tposition: relative;\r\n\t\t.swiper-button-prev {\r\n\t\t\twidth: 4%;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\t\r\n\t\t\tbackground-color: #23233c;\r\n\t\t\r\n\t\t\tright: 18%;\r\n\t\t\ttop: 17%;\r\n\t\t\tleft: unset;\r\n\t\t\t-webkit-tap-highlight-color: rgba(0,0,0,0);\r\n\t\t\t&:after {\t\r\n\t\t\t\tcolor: #f4f5fa !important;\r\n\t\t\t\tfont-size: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.swiper-button-next {\r\n\t\t\twidth: 4%;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground-color: #f4f5fa;\r\n\t\t\t-webkit-tap-highlight-color: rgba(0,0,0,0);\r\n\t\t\ttop: 17%;\r\n\t\t\tright: 10%;\r\n\t\t\r\n\t\t\t&:after {\r\n\r\n\t\t\t\tcolor: #23233c;\r\n\t\t\t\tfont-size: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.swiper-wrapper {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-top: 6rem;\r\n\t\t\t\r\n\t\t\toverflow: visible;\r\n\t\t\t.swiper-slide {\r\n\t\t\t\t.MuiPaper-root {\r\n\t\t\t\t\ttext-align: start;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media only screen and (min-width: 489px) and (max-width: 680px) {\r\n\t\t\t.swiper-button-prev {\r\n\t\t\t\ttop: -10%;\r\n\t\t\t\tz-index: 5;\r\n\t\t\t}\r\n\t\t\t.swiper-button-next {\r\n\t\t\t\ttop: -10%;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media only screen and (max-width: 768px) {\r\n\t\t\twidth: 95%;\r\n\t\t\tmargin: 2rem 0;\r\n\t\t\t.swiper {\r\n\t\t\t\toverflow: visible;\r\n\t\t\t\t.swiper-wrapper {\r\n\t\t\t\t\t.swiper-slide {\r\n\t\t\t\t\t\twidth: 48%;\r\n\t\t\t\t\t\tmargin: 0 1rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.swiper-button-prev {\r\n\t\t\t\t::after {\r\n\t\t\t\t\tfont-size: 2rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.swiper-button-next {\r\n\t\t\t\t::after {\r\n\t\t\t\t\tfont-size: 2rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media only screen and (max-width: 480px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 2rem 0;\r\n\t\t\t.swiper-wrapper {\r\n\t\t\t\t.swiper-slide {\r\n\t\t\t\t\twidth: 90%;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.swiper-button-prev {\r\n\t\t\t\tmargin-top: 2rem;\r\n\t\t\t\twidth: 10%;\r\n\t\t\t\tright: 15%;\r\n\t\t\t\ttop: 15%;\r\n\t\t\t\t::after {\r\n\t\t\t\t\tfont-size: 2rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.swiper-button-next {\r\n\t\t\t\tmargin-top: 2rem;\r\n\t\t\t\twidth: 10%;\r\n\t\t\t\tright: 2%;\r\n\r\n\t\t\t\ttop: 15%;\r\n\t\t\t\t::after {\r\n\t\t\t\t\tfont-size: 2rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n`;\r\nexport const FeedbackCard = styled(Paper)`\r\n\twidth: 80%;\r\n\tpadding: 2rem;\r\n\tmargin: 5rem 2rem 2rem 0;\r\n\toverflow: visible;\r\n\t.MuiAvatar-root {\r\n\t\twidth: 18%;\r\n\t\theight: 5.5rem;\r\n\t\tmargin-top: -4rem;\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tcolor: #9e9e9e;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tcolor: #9e9e9e;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h6 {\r\n\t}\r\n`;\r\n\r\nexport const RatingsCard = styled(Box)`\r\n\twidth: 80%;\r\n\tmargin: 2rem 0;\r\n\tdisplay: flex;\r\n\t.MuiSvgIcon-root {\r\n\t\twidth: 1.2rem;\r\n\t\theight: 1.2rem;\r\n\t\tcolor: yellow;\r\n\t}\r\n`;\r\n","// import { Swiper, SwiperSlide } from \"swiper/react/swiper-react.js\";\r\n// import { A11y, Autoplay, Navigation } from \"swiper\";\r\nimport {\r\n\tFeedbackBox,\r\n} from \"./Feedback.style\";\r\n// import { Typography } from \"@mui/material\";\r\n\r\n// import bg from \"../../images/Group 1711.png\";\r\n// import path from \"../../images/Path 3818.png\";\r\n// import left from \"../../images/arrow-long-1.png\";\r\n// import right from \"../../images/arrow-long.png\";\r\n// import image1 from \"../../images/asset-1.png\";\r\n// import image2 from \"../../images/202020.png\";\r\n// import image3 from \"../../images/coaches-1.png\";\r\n// import Avatar from \"@mui/material/Avatar\";\r\n// import GradeIcon from \"@mui/icons-material/Grade\";\r\n// import { tns } from \"./node_modules/tiny-slider/src/tiny-slider\";\r\n\r\n\r\n\r\nexport const Feedback = () => {\r\n\t// const breakpoints = {\r\n\t// \t320: {\r\n\t// \t\tslidesPerView: 1,\r\n\t// \t\tspaceBetween: 0,\r\n\t// \t},\r\n\t// \t// when window width is >= 480px\r\n\t// \t580: {\r\n\t// \t\tslidesPerView: 2,\r\n\t// \t\tspaceBetween: 5,\r\n\t// \t},\r\n\t// \t// when window width is >= 640px\r\n\t// \t870: {\r\n\t// \t\tslidesPerView: 3,\r\n\t// \t\tspaceBetween: 20,\r\n\t// \t},\r\n\t// \t980: {\r\n\t// \t\tslidesPerView: 3,\r\n\t// \t\tspaceBetween: 10,\r\n\t// \t},\r\n\t// \t1024: {\r\n\t// \t\tslidesPerView: 3,\r\n\t// \t\tspaceBetween: 40,\r\n\t// \t},\r\n\t// };\r\n\treturn (\r\n\r\n\t\t<FeedbackBox mode=\"carousel\">\r\n      {/* Height set to 0 */}\r\n    </FeedbackBox>\r\n\r\n\t\t// <FeedbackBox mode=\"carousel\">\r\n\t\t// \t<FeedbackHead>\r\n\t\t// \t\t{/* <img src={line} alt=\"line\" /> */}\r\n\t\t// \t\t<HeadChild>\r\n\t\t// \t\t\t<Typography variant=\"h4\">What users says about us?</Typography>\r\n\t\t// \t\t\t{/* <ArrowBox>\r\n\t\t// \t\t\t\t<img src={left} alt=\"arrow left\" />\r\n\t\t// \t\t\t\t<img src={right} alt=\"arrow right\" />\r\n\t\t// \t\t\t</ArrowBox> */}\r\n\t\t// \t\t\t{/* <ButtonGroup currentSlide={props?.currentSlide} /> */}\r\n\t\t// \t\t</HeadChild>\r\n\t\t// \t\t<Typography variant=\"body2\">\r\n\t\t// \t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur\r\n\t\t// \t\t\todit velit maiores enim\r\n\t\t// \t\t\t<br /> ipsum veritatis animi doloribus doloremque,\r\n\t\t// \t\t</Typography>\r\n\t\t// \t</FeedbackHead>\r\n\t\t// \t<FeedbackBody>\r\n\t\t// \t\t<img src={bg} alt=\"background\" className=\"back\" />\r\n\t\t// \t\t{/* <img src={path} alt=\"feedback background\" className=\"path\" /> */}\r\n\t\t// \t\t<SwiperBox>\r\n\t\t// \t\t\t<Swiper\r\n\t\t// \t\t\tmodules={[A11y, Autoplay, Navigation]}\r\n\t\t// \t\t\tspaceBetween={25}\r\n\t\t// \t\t\tslidesPerView={3}\r\n\t\t// \t\t\tnavigation={true}\r\n\t\t// \t\t\tautoplay={true}\r\n\t\t// \t\t\tanimation={true}\r\n\t\t// \t\t\teffect=\"flip\"\r\n\t\t// \t\t\tloop={true}\r\n\t\t// \t\t\tcenteredSlides={true}\r\n\t\t// \t\t\tbreakpoints={breakpoints}\r\n\t\t// \t\t\t>\r\n\t\t// \t\t\t\t\t<SwiperSlide>\r\n\t\t// \t\t\t\t\t\t<FeedbackCard>\r\n\t\t// \t\t\t\t\t\t\t<Avatar src={image1} alt=\"\" />\r\n\t\t// \t\t\t\t\t\t\t<RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t</RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t// \t\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit.\r\n\t\t// \t\t\t\t\t\t\t\tRepellat, illo architecto distinctio, ad impedit laboriosam{\" \"}\r\n\t\t// \t\t\t\t\t\t\t</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"h6\">Christopher Doe</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body2\">Orlando, Florida</Typography>\r\n\t\t// \t\t\t\t\t\t</FeedbackCard>\r\n\t\t// \t\t\t\t\t</SwiperSlide>\r\n\t\t// \t\t\t\t\t<SwiperSlide>\r\n\t\t// \t\t\t\t\t\t<FeedbackCard>\r\n\t\t// \t\t\t\t\t\t\t<Avatar src={image2} alt=\"\" />\r\n\t\t// \t\t\t\t\t\t\t<RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t</RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t// \t\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit.\r\n\t\t// \t\t\t\t\t\t\t\tRepellat, illo architecto distinctio, ad impedit laboriosam{\" \"}\r\n\t\t// \t\t\t\t\t\t\t</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"h6\">Sarah James</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body2\">Orlando, Florida</Typography>\r\n\t\t// \t\t\t\t\t\t</FeedbackCard>\r\n\t\t// \t\t\t\t\t</SwiperSlide>\r\n\t\t// \t\t\t\t\t<SwiperSlide>\r\n\t\t// \t\t\t\t\t\t<FeedbackCard>\r\n\t\t// \t\t\t\t\t\t\t<Avatar src={image3} alt=\"\" />\r\n\t\t// \t\t\t\t\t\t\t<RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t</RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t// \t\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit.\r\n\t\t// \t\t\t\t\t\t\t\tRepellat, illo architecto distinctio, ad impedit laboriosam{\" \"}\r\n\t\t// \t\t\t\t\t\t\t</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"h6\">Janee Smith</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body2\">Orlando, Florida</Typography>\r\n\t\t// \t\t\t\t\t\t</FeedbackCard>\r\n\t\t// \t\t\t\t\t</SwiperSlide>\r\n\t\t// \t\t\t\t\t<SwiperSlide>\r\n\t\t// \t\t\t\t\t\t<FeedbackCard>\r\n\t\t// \t\t\t\t\t\t\t<Avatar src={image1} alt=\"\" />\r\n\t\t// \t\t\t\t\t\t\t<RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t</RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t// \t\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit.\r\n\t\t// \t\t\t\t\t\t\t\tRepellat, illo architecto distinctio, ad impedit laboriosam{\" \"}\r\n\t\t// \t\t\t\t\t\t\t</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"h6\">Christopher Doe</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body2\">Orlando, Florida</Typography>\r\n\t\t// \t\t\t\t\t\t</FeedbackCard>\r\n\t\t// \t\t\t\t\t</SwiperSlide>\r\n\t\t// \t\t\t\t\t<SwiperSlide>\r\n\t\t// \t\t\t\t\t\t<FeedbackCard>\r\n\t\t// \t\t\t\t\t\t\t<Avatar src={image1} alt=\"\" />\r\n\t\t// \t\t\t\t\t\t\t<RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t\t<GradeIcon />\r\n\t\t// \t\t\t\t\t\t\t</RatingsCard>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t// \t\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit.\r\n\t\t// \t\t\t\t\t\t\t\tRepellat, illo architecto distinctio, ad impedit laboriosam{\" \"}\r\n\t\t// \t\t\t\t\t\t\t</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"h6\">Christopher Doe</Typography>\r\n\t\t// \t\t\t\t\t\t\t<Typography variant=\"body2\">Orlando, Florida</Typography>\r\n\t\t// \t\t\t\t\t\t</FeedbackCard>\r\n\t\t// \t\t\t\t\t</SwiperSlide>\r\n\t\t// \t\t\t</Swiper>\r\n\t\t// \t\t</SwiperBox>\r\n\t\t// \t</FeedbackBody>\r\n\t\t// </FeedbackBox>\r\n\t);\r\n};\r\n","import { useEffect } from \"react\";\r\nimport {\r\n\tMain,\r\n\tMainButton,\r\n\tMainButtonBox,\r\n\tMainchild,\r\n\tMiniChild,\r\n\tPricingBox,\r\n\tTextBox,\r\n} from \"./Pricing.style\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport { Pricing as Price } from \"../../components/pricing/Pricing\";\r\n\r\nimport Typography from \"@mui/material/Typography\";\r\n// import line from \"../../images/Line 4.png\";\r\n// import ellipse from \"../../images/Ellipse 66.png\";\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\nimport rect from \"../../images/Rectangle 117.png\";\r\nimport play from \"../../images/play-button-svgrepo-com.png\";\r\n\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nimport { Feedback } from \"../../components/demo-feedback/Feedback\";\r\nexport const Pricing = () => {\r\n\tuseEffect(() => {\r\n\t\twindow.scrollTo({\r\n\t\t\ttop: 0,\r\n\t\t\tbehavior: \"smooth\",\r\n\t\t});\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<PricingBox>\r\n\t\t\t<Navbar />\r\n\t\t\t<Main>\r\n\t\t\t\t<MiniChild>\r\n\t\t\t\t\t<Mainchild>\r\n\t\t\t\t\t\t<img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n\t\t\t\t\t\t<TextBox>\r\n\t\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\t\tThe pricing suits everyone at their capacity\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t<Typography variant=\"h4\">Pricing</Typography>\r\n\t\t\t\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\t\t\t\tConnect securely, browse seamlessly, design conveniently, write\r\n\t\t\t\t\t\t\t\tquery like a pro\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</TextBox>\r\n\t\t\t\t\t\t<MainButtonBox>\r\n\t\t\t\t\t\t\t<MainButton\r\n\t\t\t\t\t\t\t\tvariant=\"contained\"\r\n\t\t\t\t\t\t\t\tstyle={{ backgroundColor: \"#64b5f6\" }}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tLive Demo\r\n\t\t\t\t\t\t\t</MainButton>\r\n\t\t\t\t\t\t\t<MainButton variant=\"contained\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<Link to=\"/signup\">Sign Up</Link>\r\n\t\t\t\t\t\t\t</MainButton>\r\n\t\t\t\t\t\t\t<MainButton variant=\"outlined\">\r\n\t\t\t\t\t\t\t\t<img src={play} alt=\"play\" />\r\n\t\t\t\t\t\t\t\tWatch Illustration\r\n\t\t\t\t\t\t\t</MainButton>\r\n\t\t\t\t\t\t</MainButtonBox>\r\n\t\t\t\t\t</Mainchild>\r\n\t\t\t\t\t<Price />\r\n\t\t\t\t</MiniChild>\r\n\t\t\t\t<Feedback />\r\n\t\t\t\t<img src={rectangle} alt=\"rectangle\" className=\"rect\" />\r\n\t\t\t\t<img src={rect} alt=\"rectangle\" className=\"angle\" />\r\n\t\t\t</Main>\r\n\t\t\t<Footer />\r\n\t\t</PricingBox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const Aboutbox = styled(Box)`\r\n  width: 100%;\r\n  overflow: hidden;\r\n`;\r\n\r\nexport const Main = styled(Box)`\r\n  width: 85%;\r\n  margin: 5rem auto 12rem;\r\n  text-align: center;\r\n  position: relative;\r\n  .ellipse {\r\n    position: absolute;\r\n    top: 6%;\r\n    left: 50%;\r\n    width: 22%;\r\n  }\r\n  .rectangle {\r\n    width: 50%;\r\n    position: absolute;\r\n    top: -35%;\r\n    right: -45%;\r\n  }\r\n  .rect {\r\n    width: 50%;\r\n    position: absolute;\r\n    bottom: -40%;\r\n    left: -40%;\r\n    z-index: -1;\r\n  }\r\n\r\n  .angle {\r\n    width: 50%;\r\n    position: absolute;\r\n    bottom: -60%;\r\n    right: -35%;\r\n    z-index: -1;\r\n  }\r\n  @media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n    width: 90%;\r\n    .ellipse {\r\n      left: 30%;\r\n      width: 30%;\r\n    }\r\n    .rectangle {\r\n      position: absolute;\r\n      top: -10%;\r\n      right: -70%;\r\n      width: 90%;\r\n    }\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    width: 90%;\r\n    margin: 4rem auto 8rem;\r\n    .ellipse {\r\n      left: 30%;\r\n      width: 40%;\r\n    }\r\n    .rectangle {\r\n      position: absolute;\r\n      top: 0%;\r\n      right: -70%;\r\n      width: 90%;\r\n    }\r\n    .rect {\r\n      bottom: 0;\r\n    }\r\n    .angle {\r\n      bottom: -25%;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-width: 769px) and (max-width: 1024px) {\r\n    .rect {\r\n      bottom: -10%;\r\n    }\r\n    .angle {\r\n      bottom: -10%;\r\n    }\r\n  }\r\n  @media only screen and (max-width: 480px) {\r\n    margin: 2rem auto;\r\n    .ellipse {\r\n      left: 30%;\r\n      width: 50%;\r\n    }\r\n    .rectangle {\r\n      position: absolute;\r\n      top: -10%;\r\n      right: -70%;\r\n      width: 90%;\r\n    }\r\n    .rect {\r\n      width: 90%;\r\n      bottom: 0%;\r\n      left: -50%;\r\n    }\r\n    .angle {\r\n      width: 90%;\r\n      bottom: -20%;\r\n      right: -60%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Mainchild = styled(Box)`\r\n  width: 70%;\r\n  text-align: center;\r\n  margin: 1rem auto 5rem;\r\n  position: relative;\r\n  z-index: 2;\r\n  .MuiTypography-root.MuiTypography-body2 {\r\n    font-size: 1.2rem;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    color: #7f8da0;\r\n    font-weight: 400;\r\n  }\r\n  @media only screen and (min-width: 769px) and (max-width: 1024px) {\r\n    width: 80%;\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    width: 70%;\r\n  }\r\n  @media only screen and (max-width: 480px) {\r\n    width: 100%;\r\n    margin: 1rem auto 2rem;\r\n  }\r\n`;\r\nexport const TextBox = styled(Box)`\r\n  width: 70%;\r\n  text-align: center;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n  .MuiTypography-root.MuiTypography-body1 {\r\n    font-size: 1.5rem;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    color: #7f8da0;\r\n    font-weight: 400;\r\n    margin: 1rem 0 2rem;\r\n  }\r\n  .MuiTypography-root.MuiTypography-h4 {\r\n    color: #263238;\r\n    font-weight: bold;\r\n  }\r\n  @media only screen and (max-width: 480px) {\r\n    width: 95%;\r\n    .MuiTypography-root.MuiTypography-h4 {\r\n      font-size: 2rem;\r\n    }\r\n  }\r\n`;\r\nexport const Joinbox = styled(Box)`\r\n  width: 80%;\r\n  margin: 10rem 0 4rem;\r\n  .MuiTypography-root.MuiTypography-body1 {\r\n    letter-spacing: 0px;\r\n    color: #7f8da0;\r\n    font-weight: 400;\r\n    font-size: 1.2rem;\r\n    font-family: \"Open Sans\", sans-serif;\r\n  }\r\n  a {\r\n    text-decoration: none;\r\n    color: #0091ea;\r\n  }\r\n  .MuiTypography-root.MuiTypography-h4 {\r\n    font-weight: bold;\r\n    font-size: 2.5rem;\r\n  }\r\n  @media only screen and (max-width: 480px) {\r\n    margin: 2rem 0;\r\n  }\r\n`;\r\nexport const Joinchild = styled(Box)`\r\n  width: 40%;\r\n  margin: 0 auto 1.5rem;\r\n  padding-left: 2rem;\r\n  text-align: end;\r\n\r\n  @media only screen and (max-width: 480px) {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nexport const Socialbox = styled(Box)`\r\n  width: 52%;\r\n  margin: 3rem auto 5rem;\r\n  text-align: start;\r\n  & > div:last-of-type {\r\n    width: 35%;\r\n    margin: 0 auto;\r\n    padding: 1rem 0;\r\n\r\n    @media only screen and (max-width: 480px) {\r\n      width: 70%;\r\n    }\r\n  }\r\n  .MuiTypography-root.MuiTypography-body1 {\r\n    letter-spacing: 0px;\r\n    color: #0a70fb;\r\n    font-size: 1.2rem;\r\n    font-weight: 400;\r\n    font-family: \"Open Sans\", sans-serif;\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    width: 70%;\r\n  }\r\n  @media only screen and (max-width: 480px) {\r\n    width: 100%;\r\n    margin: 3rem auto;\r\n    height: 20vh;\r\n  }\r\n`;\r\n\r\nexport const Socialchild = styled(Box)`\r\n  width: 75% !important;\r\n  margin: 0 auto 1.5rem;\r\n  padding-left: 2rem;\r\n  text-align: center;\r\n  .MuiTypography-root.MuiTypography-h4 {\r\n    font-weight: bold;\r\n    font-size: 2.5rem;\r\n    margin-left: -2rem;\r\n  }\r\n\r\n  @media only screen and (max-width: 480px) {\r\n    width: 100% !important;\r\n    text-align: center;\r\n    padding-left: 0;\r\n    margin-bottom: 1.5rem;\r\n    margin-left: 0;\r\n  }\r\n`;\r\n","import { useEffect } from \"react\";\r\nimport {\r\n\tAboutbox,\r\n\t// Joinbox,\r\n\t// Joinchild,\r\n\tMain,\r\n\tMainchild,\r\n\tSocialbox,\r\n\tSocialchild,\r\n\tTextBox,\r\n} from \"./About.style\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport { Typography } from \"@mui/material\";\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\nimport rect from \"../../images/Rectangle 117.png\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nexport const About = () => {\r\n\tuseEffect(() => {\r\n\t\twindow.scrollTo({\r\n\t\t\ttop: 0,\r\n\t\t\tbehavior: \"smooth\",\r\n\t\t});\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<Aboutbox>\r\n\t\t\t<Navbar />\r\n\t\t\t<Main>\r\n\t\t\t\t<img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n\t\t\t\t<TextBox>\r\n\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\tThe pricing suits everyone at their capacity\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t\t<Typography variant=\"h4\">\r\n\t\t\t\t\t\tWe are creating a new future for Databases\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</TextBox>\r\n\t\t\t\t<Mainchild>\r\n\t\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\t\tFlexiblebase is a mobile and cloud based enterprise database\r\n\t\t\t\t\t\tmanagement tool with easy accessibility, flexible data management\r\n\t\t\t\t\t\tand secure data sharing. It is a modern web based database\r\n\t\t\t\t\t\tmanagement tool. Flexiblebase speeds up your table design and data\r\n\t\t\t\t\t\tdisplay, edit, update, and delete without writing a single line of\r\n\t\t\t\t\t\tSQL statement. Our Overaching goal is to provide tech colutions\r\n\t\t\t\t\t\trelating to data management and synchronization.\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</Mainchild>\r\n\t\t\t\t{/* <Joinbox>\r\n\t\t\t\t\t<Joinchild>\r\n\t\t\t\t\t\t<Typography variant=\"h4\">Join Us</Typography>\r\n\t\t\t\t\t</Joinchild>\r\n\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\tInterested in joining us? <a href=\"/\">Go to our Careers page</a>\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</Joinbox> */}\r\n\t\t\t\t<Socialbox>\r\n\t\t\t\t\t<Socialchild>\r\n\t\t\t\t\t\t<Typography variant=\"h4\">Where to Find Us</Typography>\r\n\t\t\t\t\t</Socialchild>\r\n\r\n\t\t\t\t\t<Typography variant=\"body1\">Twitter, LinkedIn, Email</Typography>\r\n\t\t\t\t</Socialbox>\r\n\t\t\t\t<img src={rectangle} alt=\"rectangle\" className=\"rect\" />\r\n\t\t\t\t<img src={rect} alt=\"rectangle\" className=\"angle\" />\r\n\t\t\t</Main>\r\n\t\t\t<Footer />\r\n\t\t</Aboutbox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const Documentationbox = styled(Box)`\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n`;\r\n\r\nexport const Main = styled(Box)`\r\n\twidth: 85%;\r\n\tmargin: 3rem auto 15rem;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: 10%;\r\n\t\tleft: 40%;\r\n\t\twidth: 25%;\r\n\t}\r\n\t.rectangle {\r\n\t\tposition: absolute;\r\n\t\ttop: -85%;\r\n\t\tright: -80%;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tmargin: 5rem 0;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t}\r\n\r\n\t@media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 40%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -20%;\r\n\t\t\tright: -85%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 40%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -40%;\r\n\t\t\tright: -75%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tmargin: 2rem auto;\r\n\t\t.ellipse {\r\n\t\t\tleft: 25%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -10%;\r\n\t\t\tright: -70%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const Mainchild = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tmargin: 5rem 0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tcolor: #9e9e9e;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: bold;\r\n\t}\r\n`;\r\n","import { useEffect } from \"react\";\r\nimport { Documentationbox, Main, Mainchild } from \"./Documentation.style\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport { Typography } from \"@mui/material\";\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nexport const Documentation = () => {\r\n\tuseEffect(() => {\r\n\t\twindow.scrollTo({\r\n\t\t\ttop: 0,\r\n\t\t\tbehavior: \"smooth\",\r\n\t\t});\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<Documentationbox>\r\n\t\t\t<Navbar />\r\n\t\t\t<Main>\r\n\t\t\t\t<img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n\t\t\t\t<Mainchild>\r\n\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\tApplication guide and API documentation\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t\t<Typography variant=\"h4\">Documentation</Typography>\r\n\t\t\t\t</Mainchild>\r\n\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\tThere is no content for this page yet\r\n\t\t\t\t</Typography>\r\n\t\t\t</Main>\r\n\t\t\t<Footer />\r\n\t\t</Documentationbox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const Blogbox = styled(Box)`\r\n\twidth: 100%;\r\n\tposition: relative;\r\n`;\r\nexport const Main = styled(Box)`\r\n\twidth: 85%;\r\n\tmargin: 3rem auto 15rem;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: 10%;\r\n\t\tleft: 40%;\r\n\t\twidth: 25%;\r\n\t}\r\n\t.rectangle {\r\n\t\tposition: absolute;\r\n\t\ttop: -105%;\r\n\t\tright: -80%;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tmargin: 5rem 0;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t}\r\n\t@media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 40%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -20%;\r\n\t\t\tright: -85%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 40%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -40%;\r\n\t\t\tright: -75%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tmargin: 2rem auto;\r\n\t\t.ellipse {\r\n\t\t\tleft: 25%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -10%;\r\n\t\t\tright: -70%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const Mainchild = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tmargin-top: 2rem;\r\n\tz-index: 2;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tmargin: 5rem 0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tcolor: #9e9e9e;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: bold;\r\n\t}\r\n`;\r\n","import { useEffect } from \"react\";\r\nimport { Blogbox, Main, Mainchild } from \"./Blog.style\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport { Typography } from \"@mui/material\";\r\n\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nexport const Blog = () => {\r\n\tuseEffect(() => {\r\n\t\twindow.scrollTo({\r\n\t\t\ttop: 0,\r\n\t\t\tbehavior: \"smooth\",\r\n\t\t});\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<Blogbox>\r\n\t\t\t<Navbar />\r\n\t\t\t<Main>\r\n\t\t\t\t<img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n\t\t\t\t<Mainchild>\r\n\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\tFollow our company news and stories\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t\t<Typography variant=\"h4\">Blog</Typography>\r\n\t\t\t\t</Mainchild>\r\n\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\tThere is no content for this page yet\r\n\t\t\t\t</Typography>\r\n\t\t\t</Main>\r\n\t\t\t<Footer />\r\n\t\t</Blogbox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const Resourcesbox = styled(Box)`\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n`;\r\n\r\nexport const Main = styled(Box)`\r\n\twidth: 85%;\r\n\tmargin: 3rem auto;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: 10%;\r\n\t\tleft: 40%;\r\n\t\twidth: 25%;\r\n\t}\r\n\t.rectangle {\r\n\t\tposition: absolute;\r\n\t\ttop: -85%;\r\n\t\tright: -80%;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-body2 {\r\n\t\tmargin: 5rem 0;\r\n\t\tletter-spacing: 0px;\r\n\t\tcolor: #7f8da0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t}\r\n\t@media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 35%;\r\n\t\t\twidth: 35%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -30%;\r\n\t\t\tright: -80%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 90%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 30%;\r\n\t\t\twidth: 40%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -40%;\r\n\t\t\tright: -75%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\t.ellipse {\r\n\t\t\tleft: 25%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.rectangle {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -25%;\r\n\t\t\tright: -70%;\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const Mainchild = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tmargin: 5rem 0;\r\n\t\tfont-size: 1.2rem;\r\n\t\tcolor: #9e9e9e;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: bold;\r\n\t}\r\n`;\r\n","import { useEffect } from \"react\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport { Typography } from \"@mui/material\";\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nimport { Main, Mainchild, Resourcesbox } from \"./Resources.style\";\r\nexport const Resources = () => {\r\n\tuseEffect(() => {\r\n\t\twindow.scrollTo({\r\n\t\t\ttop: 0,\r\n\t\t\tbehavior: \"smooth\",\r\n\t\t});\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<Resourcesbox>\r\n\t\t\t<Navbar />\r\n\t\t\t<Main>\r\n\t\t\t\t<img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n\t\t\t\t<Mainchild>\r\n\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\tExternal SQL Links and Resources\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t\t<Typography variant=\"h4\">SQL Resources</Typography>\r\n\t\t\t\t</Mainchild>\r\n\t\t\t\t<Typography variant=\"body2\">\r\n\t\t\t\t\tThere is no content for this page yet\r\n\t\t\t\t</Typography>\r\n\t\t\t</Main>\r\n\t\t\t<Footer />\r\n\t\t</Resourcesbox>\r\n\t);\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Paper from \"@mui/material/Paper\";\r\nexport const SigninBox = styled(Box)`\r\n\twidth: 100%;\r\n`;\r\n\r\nexport const SigninChild = styled(Box)`\r\n\twidth: 70%;\r\n\tmargin: 7rem auto 15rem;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: 10%;\r\n\t\tleft: 45%;\r\n\t\twidth: 35%;\r\n\t}\r\n\t.rectangle {\r\n\t\tposition: absolute;\r\n\t\ttop: -55%;\r\n\t\tright: -150%;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-top: 3rem;\r\n\t}\r\n\t.MuiPaper-root {\r\n\t\tborder-radius: 10%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 80%;\r\n\t\tmargin: 2rem auto 10rem;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tmargin: 2rem auto 10rem;\r\n\t}\r\n`;\r\n\r\nexport const TextBox = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-top: 3rem;\r\n\t}\r\n`;\r\nexport const FormBox = styled(Paper)`\r\n\twidth: 50%;\r\n\tmargin: 1rem auto;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\tpadding: 2rem;\r\n\ttext-align: start;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tfont-size: 1rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-top: 1rem;\r\n\t}\r\n\t.MuiFormControl-root.MuiTextField-root {\r\n\t\twidth: 100%;\r\n\t\tmargin: 1rem 0 2rem;\r\n\t\theight: 1.5rem;\r\n\t\t.MuiInputBase-root.MuiFilledInput-root {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tborder-bottom: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.MuiButtonBase-root.MuiButton-root {\r\n\t\twidth: 100%;\r\n\t\tmargin-top: 1rem;\r\n\t\ttext-transform: none;\r\n\t}\r\n\r\n\t.show {\r\n\t\tcursor: pointer !important;\r\n\t}\r\n\t.hide {\r\n\t\tcursor: not-allowed !important;\r\n\t\tbackground-color: #1976d2 !important;\r\n\t}\r\n\t@media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n\t\twidth: 70%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 70%;\r\n\t}\r\n`;\r\n\r\nexport const RememberMe = styled(Box)`\r\n\twidth: 100%;\r\n\tmargin-top: 1rem;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tlabel {\r\n\t\tcolor: #263238;\r\n\t\tfont-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\r\n\t}\r\n`;\r\nexport const ActionButton = styled(Button)`\r\ndiv {\r\n\twidth: 2rem !important;\r\n\theight: 1.8rem !important;\r\n}\r\n`;\r\n\r\nexport const Load = styled.div`\r\n\tdisplay: ${({ loading }) => (loading ? \"flex\" : \"none\")};\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: fixed;\r\n\ttop: 40%;\r\n\tleft: 50%;\r\n`;\r\n","import { useState, useEffect } from \"react\";\r\nimport {\r\n  ActionButton,\r\n  FormBox,\r\n  RememberMe,\r\n  SigninBox,\r\n  SigninChild,\r\n  TextBox,\r\n  \r\n} from \"./Signin.style\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nimport { Typography } from \"@mui/material\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\nimport axios from \"axios\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport ReactLoading from \"react-loading\";\r\n\r\nexport const Signin = () => {\r\n  const [signinInfo, setsigninInfo] = useState({\r\n    email: \"\",\r\n    password: \"\",\r\n    rememberMe: false\r\n  });\r\n  \r\n  const [loading, setLoading] = useState(false);\r\n  const [click, setClick] = useState(true);\r\n\r\n  const navigate = useNavigate();\r\n  const handleChange = (e) => {\r\n    setsigninInfo({ ...signinInfo, [e.target.name]: e.target.value });\r\n  };\r\n  const handleCheck = (e) => {\r\n    setsigninInfo({...signinInfo, [e.target.name]: e.target.checked });\r\n  };  \r\n  useEffect(() => {\r\n\tconsole.log(signinInfo);\r\n  }, [signinInfo, click]);\r\n  const handleSubmit = (e) => {\r\n    e.preventDefault();\r\n    console.log(signinInfo);\r\n\tsetClick(false)\r\n    setLoading(true);\r\n    axios\r\n      .post(\"https://server.flexiblebase.com/login\", signinInfo)\r\n      .then((response) => {\r\n        console.log(response);\r\n        setLoading(false);\r\n\t\tsetClick(true)\r\n    let credentials = response.data\r\n    const now = new Date();\r\n        const expirationDate = new Date(now.getTime() + credentials.expiresIn * 1000);\r\n     console.log(expirationDate);\r\n        localStorage.setItem(\"token\", credentials.token);\r\n        localStorage.setItem(\"userName\", credentials.userName);\r\n        localStorage.setItem(\"role\", credentials.role);\r\n        localStorage.setItem(\"rememberMe\", credentials.rememberMe);\r\n        localStorage.setItem(\"userAccount\", credentials);\r\n    \r\n        if (signinInfo.rememberMe === true) {\r\n     localStorage.setItem(\"expirationDate\", credentials.expirationDate);\r\n        };    \r\n    navigate(\"app.flexiblebase.com\")\r\n      })\r\n      .catch((error) => {\r\n        console.log({ error });\r\n        setLoading(false);\r\n\t\tsetClick(true);\r\n        toast.error(error.response?.data.message);\r\n      });\r\n  };\r\n  return (\r\n    <SigninBox>\r\n      <Navbar />\r\n      <SigninChild>\r\n        <img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n        <TextBox>\r\n          <Typography variant=\"h4\">Sign In</Typography>\r\n        </TextBox>\r\n        <FormBox>\r\n          <form action=\"\" onSubmit={handleSubmit}>\r\n            <Typography variant=\"body1\">Email</Typography>\r\n            <TextField\r\n              id=\"email\"\r\n              label=\"Enter your email address\"\r\n              variant=\"filled\"\r\n              onChange={handleChange}\r\n              value={signinInfo.email}\r\n              name=\"email\"\r\n            />\r\n            <Typography variant=\"body1\">Password</Typography>\r\n            <TextField\r\n              id=\"password\"\r\n              type=\"password\"\r\n              label=\"Enter your password\"\r\n              variant=\"filled\"\r\n              onChange={handleChange}\r\n              value={signinInfo.password}\r\n              name=\"password\"\r\n            />\r\n\r\n            <RememberMe>\r\n              <input\r\n                type=\"checkbox\"\r\n                name=\"rememberMe\"\r\n                id=\"rememberMe\"\r\n                checked={signinInfo.rememberMe}\r\n                onChange={handleCheck}\r\n              />\r\n              <label htmlFor=\"remember\">Remember Me</label>\r\n            </RememberMe>\r\n            <ActionButton variant=\"contained\" type=\"submit\" className={click ? \"show\" : \"hide\"}>\r\n              \r\n\t\t\t {loading ? (\r\n\t\t\t\t  <ReactLoading type={\"spinningBubbles\"} color=\"#bbdefb\"  />) : \"Sign In\"} \r\n\t\t\t\t\r\n            </ActionButton>\r\n           \r\n          </form>\r\n        </FormBox>\r\n      </SigninChild>\r\n      <Footer />\r\n      <ToastContainer\r\n        className=\"toast\"\r\n        position=\"top-right\"\r\n        autoClose=\"4000\"\r\n        hideProgressBar=\"false\"\r\n        closeOnClick\r\n      ></ToastContainer>\r\n    </SigninBox>\r\n  );\r\n};\r\n","import styled from \"styled-components\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Paper from \"@mui/material/Paper\";\r\nimport Select from \"react-select\";\r\nexport const SignupBox = styled(Box)`\r\n\twidth: 100%;\r\n`;\r\n\r\nexport const SignupChild = styled(Box)`\r\n\twidth: 75%;\r\n\tmargin: 7rem auto 15rem;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\t.ellipse {\r\n\t\tposition: absolute;\r\n\t\ttop: 10%;\r\n\t\tleft: 45%;\r\n\t\twidth: 35%;\r\n\t}\r\n\t.rectangle {\r\n\t\tposition: absolute;\r\n\t\ttop: -25%;\r\n\t\tright: -140%;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-top: 3rem;\r\n\t}\r\n\t.MuiPaper-root {\r\n\t\tborder-radius: 10%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 80%;\r\n\t\tmargin: 2rem auto 10rem;\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tmargin: 2rem auto 10rem;\r\n\t}\r\n`;\r\n\r\nexport const TextBox = styled(Box)`\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t.MuiTypography-root.MuiTypography-h4 {\r\n\t\tfont-size: 2.5rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-top: 3rem;\r\n\t}\r\n`;\r\nexport const FormBox = styled(Paper)`\r\n\twidth: 50%;\r\n\tmargin: 1rem auto;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\tpadding: 2rem;\r\n\ttext-align: start;\r\n\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\tfont-size: 1rem;\r\n\t\tcolor: #263238;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-top: 1rem;\r\n\t}\r\n\t.MuiFormControl-root.MuiTextField-root {\r\n\t\twidth: 100%;\r\n\t\tmargin: 1rem 0 2rem;\r\n\t\theight: 1.5rem;\r\n\t\t.MuiInputBase-root.MuiFilledInput-root {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 0 5px;\r\n\t\t\t&:before {\r\n\t\t\t\tborder-bottom: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.MuiButtonBase-root.MuiButton-root {\r\n\t\twidth: 100%;\r\n\t\tmargin-top: 1rem;\r\n\t\ttext-transform: none;\r\n\t}\r\n\tul {\r\n\t\tdisplay: none;\r\n\t\tli {\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 0.8rem;\r\n\t\t\t\theight: 0.8rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.show {\r\n\t\tdisplay: block !important\r\n\t}\r\n\t.view {\r\n\t\tdisplay: block !important\r\n\t}\r\n\t@media only screen and (min-width: 1024px) and (max-width: 1240px) {\r\n\t\twidth: 70%;\r\n\t}\r\n\t@media only screen and (max-width: 768px) {\r\n\t\twidth: 70%;\r\n\t}\r\n`;\r\nexport const SelectContainerA = styled(Select)`\r\n\tpadding: 0.5rem 0;\r\n\tz-index: 105 !important;\r\n\t.css-b6ay5j-control {\r\n\t\tmin-height: 2.8rem;\r\n\t}\r\n`;\r\nexport const SelectContainerB = styled(Select)`\r\n\tpadding: 0.5rem 0;\r\n\tz-index: 100 !important;\r\n\t.css-b6ay5j-control {\r\n\t\tmin-height: 2.8rem;\r\n\t}\r\n`;\r\nexport const ActionButton = styled(Button)``;\r\n\r\nexport const Load = styled.div`\r\n\tdisplay: ${({ loading }) => (loading ? \"flex\" : \"none\")};\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: fixed;\r\n\ttop: 40%;\r\n\tleft: 50%;\r\n`;\r\n","import { useState, useEffect } from \"react\";\r\nimport {\r\n  ActionButton,\r\n  FormBox,\r\n  SelectContainerA,\r\n  SelectContainerB,\r\n  SignupBox,\r\n  SignupChild,\r\n  TextBox,\r\n  Load,\r\n} from \"./Signup.style\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nimport { Typography } from \"@mui/material\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport rectangle from \"../../images/Rectangle 116.png\";\r\nimport axios from \"axios\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport ReactLoading from \"react-loading\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport PasswordChecklist from \"react-password-checklist\";\r\n\r\nexport const Signup = () => {\r\n  const [countries, setCountries] = useState([]);\r\n  const [country, setcountry] = useState(\"\");\r\n  const [cities, setcities] = useState([]);\r\n  const [city, setcity] = useState(\"\");\r\n  const [info, setInfo] = useState({});\r\n  const [isDisabled, setIsdisabled] = useState(true);\r\n  const [loading, setLoading] = useState(false);\r\n  const [signupInfo, setsignupInfo] = useState({\r\n    country: \"\",\r\n    city: \"\",\r\n    email: \"\",\r\n    password: \"\",\r\n    retypePassword: \"\",\r\n    role: \"Preview\",\r\n  });\r\n  const newUser = {\r\n    country: signupInfo.country,\r\n    city: signupInfo.city,\r\n    email: signupInfo.email,\r\n    password: signupInfo.password,\r\n    retypePassword: signupInfo.retypePassword,\r\n    role: signupInfo.role,\r\n  };\r\n  const [validPassword, setValidPassword] = useState(false);\r\n  const [matchPassword, setMatchPassword] = useState(false);\r\n  useEffect(() => {\r\n    window.scrollTo({\r\n      top: 0,\r\n      behavior: \"smooth\",\r\n    });\r\n  }, []);\r\n  useEffect(() => {\r\n    if (country !== \"\") {\r\n      setIsdisabled(false);\r\n    }\r\n  }, [country]);\r\n\r\n  useEffect(() => {}, [isDisabled]);\r\n\r\n  useEffect(() => {\r\n    const getCountries = async () => {\r\n      await axios\r\n        .get(\"https://countriesnow.space/api/v0.1/countries\")\r\n        .then((response) => {\r\n          // console.log(response);\r\n          // setCountries(response.data.data);\r\n          let countryName = [];\r\n          setInfo(response.data.data);\r\n\r\n          for (let i = 0; i < response.data.data.length; i++) {\r\n            countryName.push(response.data.data[i].country);\r\n          }\r\n          setCountries(countryName);\r\n        })\r\n        .catch((error) => console.log(error));\r\n    };\r\n    getCountries();\r\n  }, []);\r\n  // console.log(countries);\r\n  const countryOptions = countries.map((country, index) => {\r\n    return {\r\n      label: country,\r\n      value: country,\r\n      key: index,\r\n    };\r\n  });\r\n  const cityOptions = cities?.map((city, index) => {\r\n    return {\r\n      label: city,\r\n      value: city,\r\n      key: index,\r\n    };\r\n  });\r\n  const handleCountryChange = (value) => {\r\n    setcountry(value.value);\r\n    // console.log(country);\r\n    setsignupInfo({ ...signupInfo, country: value.value });\r\n  };\r\n\r\n  const loadCities = () => {\r\n    // console.log(info);\r\n    // console.log(country);\r\n    let cityArray = [];\r\n    let cty;\r\n    for (let j = 0; j < info.length; j++) {\r\n      if (country === info[j].country) {\r\n        // console.log(info[j].cities);\r\n        cty = info[j].cities;\r\n        cityArray.push(info[j].cities);\r\n      }\r\n    }\r\n    setcities(cty);\r\n    // console.log(cities);\r\n  };\r\n\r\n  const handleCitiesChange = (value) => {\r\n    setcity(value.value);\r\n    setsignupInfo({ ...signupInfo, city: value.value });\r\n    console.log(city);\r\n  };\r\n  const handleChange = (e) => {\r\n    setsignupInfo({ ...signupInfo, [e.target.name]: e.target.value });\r\n  };\r\n  const navigate = useNavigate();\r\n\r\n  const handleSubmit = (e) => {\r\n    e.preventDefault();\r\n    setLoading(true);\r\n    if (signupInfo.password === signupInfo.retypePassword) {\r\n      console.log(newUser);\r\n      axios\r\n        .post(\"https://api.flexiblebase.com/api/register\", newUser)\r\n        .then((response) => {\r\n          console.log(response);\r\n          console.log(\"bleh\");\r\n          toast.success(\"Success!, An email has been sent you to activate your account\");\r\n          setLoading(false);\r\n          setTimeout(() => {\r\n            navigate(\"/\");\r\n          }\r\n          , 2000);\r\n        })\r\n        .catch((error) => {\r\n          console.log({ error });\r\n          setLoading(false);\r\n          toast.error(\"An error has occured, try again\");\r\n        });\r\n    } else {\r\n      setLoading(false);\r\n      toast.error(\"The two passwords are not the same\");\r\n    }\r\n  };\r\n  return (\r\n    <SignupBox>\r\n      <Navbar />\r\n      <SignupChild>\r\n        <img src={rectangle} alt=\"rectangle\" className=\"rectangle\" />\r\n        <TextBox>\r\n          <Typography variant=\"h4\">Sign Up</Typography>\r\n        </TextBox>\r\n        <FormBox>\r\n          <form action=\"\" onSubmit={handleSubmit}>\r\n            {/* <Typography variant=\"body1\">Fullname</Typography>\r\n\t\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t\tid=\"fullname\"\r\n\t\t\t\t\t\t\tlabel=\"Enter your fullname\"\r\n\t\t\t\t\t\t\tvariant=\"filled\"\r\n\t\t\t\t\t\t\tvalue={signupInfo.fullname}\r\n\t\t\t\t\t\t\tname=\"fullname\"\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">Organization</Typography>\r\n\t\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t\tid=\"organization\"\r\n\t\t\t\t\t\t\tlabel=\"Enter your organization name\"\r\n\t\t\t\t\t\t\tvariant=\"filled\"\r\n\t\t\t\t\t\t\tvalue={signupInfo.organization}\r\n\t\t\t\t\t\t\tname=\"organization\"\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t/> */}\r\n            <Typography variant=\"body1\">Country</Typography>\r\n            <SelectContainerA\r\n              placeholder=\"Select country\"\r\n              options={countryOptions}\r\n              onChange={handleCountryChange}\r\n              name=\"countries\"\r\n              onBlur={loadCities}\r\n              required\r\n            />\r\n            <Typography variant=\"body1\">City</Typography>\r\n            <SelectContainerB\r\n              isDisabled={isDisabled}\r\n              placeholder=\"Select city\"\r\n              options={cityOptions}\r\n              onChange={handleCitiesChange}\r\n              name=\"cities\"\r\n              required\r\n            />\r\n            <Typography variant=\"body1\">Email</Typography>\r\n            <TextField\r\n              id=\"email\"\r\n              label=\"Enter your email address\"\r\n              variant=\"filled\"\r\n              value={signupInfo.email}\r\n              name=\"email\"\r\n              onChange={handleChange}\r\n              required\r\n            />\r\n            <Typography variant=\"body1\">Password</Typography>\r\n            <TextField\r\n              id=\"password\"\r\n              type=\"password\"\r\n              label=\"Enter your password\"\r\n              variant=\"filled\"\r\n              value={signupInfo.password}\r\n              name=\"password\"\r\n              onChange={handleChange}\r\n              required\r\n              onInput={(e) => {\r\n\t\t\t\t \r\n                setValidPassword(true);\r\n\t\t\t\t  \r\n              }}\r\n\t\t\t  \r\n            />\r\n            <PasswordChecklist\r\n              className={validPassword ? \"show\" : null}\r\n              rules={[\"minLength\", \"specialChar\", \"number\", \"capital\", \"lowercase\"]}\r\n              minLength={8}\r\n              value={signupInfo.password}\r\n              // valueAgain={passwordAgain}\r\n              onChange={(isValid) => {}}\r\n            />\r\n            <Typography variant=\"body1\"> Confirm Password</Typography>\r\n            <TextField\r\n              id=\"retypePassword\"\r\n              type=\"password\"\r\n              label=\"Retype your password\"\r\n              variant=\"filled\"\r\n              value={signupInfo.retypePassword}\r\n              name=\"retypePassword\"\r\n              onChange={handleChange}\r\n              required\r\n\t\t\t  onInput={(e) => {\r\n\t\t\t\r\n\t\t\t  setMatchPassword(true);\r\n\t\t\t\t\r\n\t\t\t}}\r\n            />\r\n            <PasswordChecklist\r\n\t\t\tclassName={matchPassword ? \"view\" : null}\r\n              rules={[\"match\"]}\r\n              value={signupInfo.password}\r\n              valueAgain={signupInfo.retypePassword}\r\n              onChange={(isValid) => {}}\r\n            />\r\n            <ActionButton variant=\"contained\" type=\"submit\">\r\n              Sign Up\r\n            </ActionButton>\r\n            <Load loading={loading}>\r\n              <ReactLoading type={\"spinningBubbles\"} color=\"#1976D2\" />\r\n            </Load>\r\n          </form>\r\n        </FormBox>\r\n      </SignupChild>\r\n      <Footer />\r\n      <ToastContainer\r\n        className=\"toast\"\r\n        position=\"top-right\"\r\n        autoClose=\"4000\"\r\n        hideProgressBar=\"false\"\r\n        closeOnClick\r\n      ></ToastContainer>\r\n    </SignupBox>\r\n  );\r\n};\r\n","import styled from \"styled-components\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nexport const Container = styled(Box)`\r\n\twidth: 100%;\r\n`;\r\n\r\nexport const ContainerChild = styled(Box)`\r\n\twidth: 80%;\r\n\tmargin: 5rem auto;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\r\n\t.MuiTypography-root.MuiTypography-h2 {\r\n\t\tcolor: #263238;\r\n\t\t@media only screen and (max-width: 480px) {\r\n\t\t\tfont-size: 3rem;\r\n\t\t}\r\n\t}\r\n\timg {\r\n\t\tmargin-top: 1rem;\r\n\t}\r\n\t.MuiButton-root.MuiButton-contained {\r\n\t\tmargin: 2rem 0 0;\r\n\t\tpadding: 0.5rem 1.7rem;\r\n\t}\r\n`;\r\n","import { Container, ContainerChild } from \"./verified.style\";\r\nimport { Button, Typography } from \"@mui/material\";\r\nimport check from \"../../images/blue-check.jpg\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport const EmailVerified = () => {\r\n\treturn (\r\n\t\t<Container>\r\n\t\t\t<ContainerChild>\r\n\t\t\t\t<Typography variant=\"h2\">Email successfully verified!</Typography>\r\n\t\t\t\t<img src={check} alt=\"checkmark\" />\r\n\t\t\t\t<Link to=\"/login\" style={{ textDecoration: \"none\" }}>\r\n\t\t\t\t\t<Button variant=\"contained\">Login</Button>\r\n\t\t\t\t</Link>\r\n\t\t\t</ContainerChild>\r\n\t\t</Container>\r\n\t);\r\n};\r\n","export default \"data:image/jpeg;base64,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\"","import styled from \"styled-components\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nexport const Container = styled(Box)`\r\n\twidth: 100%;\r\n`;\r\n\r\nexport const ContainerChild = styled(Box)`\r\n\twidth: 80%;\r\n\tmargin: 0 auto;\r\n\t@media only screen and (max-width: 480px) {\r\n\t\twidth: 95%;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n`;\r\n\r\nexport const CareersDiv = styled(Box)`\r\n\twidth: 100%;\r\n\tmargin: 2rem 0 5rem;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: space-between;\r\n\r\n\t.MuiPaper-root {\r\n\t\twidth: 27%;\r\n\t\tpadding: 1rem;\r\n\t\tmargin: 1rem 0;\r\n\t\ttext-align: start;\r\n\t\t.MuiTypography-root.MuiTypography-h6 {\r\n\t\t\tfont-weight: bold;\r\n\t\t\tcolor: #263238;\r\n\t\t}\r\n\t\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\t\tfont-size: 0.9rem;\r\n\t\t}\r\n\t\tdiv {\r\n\t\t\twidth: 100%;\r\n\t\t\ttext-align: end;\r\n\t\t\t.MuiButton-root.MuiButton-text {\r\n\t\t\t\tmargin-top: 0.5rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@media only screen and (max-width: 768px) {\r\n\t\t.MuiPaper-root {\r\n\t\t\twidth: 42%;\r\n\t\t}\r\n\t}\r\n\t@media only screen and (max-width: 480px) {\r\n\t\tjustify-content: center;\r\n\t\t.MuiPaper-root {\r\n\t\t\twidth: 85%;\r\n\t\t\tpadding: 1rem 0.8rem;\r\n\t\t\t.MuiTypography-root.MuiTypography-body1 {\r\n\t\t\t\tfont-size: 0.85rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n`;\r\n","import { Typography } from \"@mui/material\";\r\nimport { Paper } from \"@mui/material\";\r\nimport { Button } from \"@mui/material\";\r\nimport { CareersDiv, Container, ContainerChild } from \"./career.style\";\r\nimport Navbar from \"../../components/navbar/Navbar\";\r\nimport { Footer } from \"../../components/footer/Footer\";\r\nconst Careers = () => {\r\n\treturn (\r\n\t\t<Container>\r\n\t\t\t<Navbar />\r\n\t\t\t<ContainerChild>\r\n\t\t\t\t<Typography variant=\"h4\">Careers</Typography>\r\n\t\t\t\t<CareersDiv>\r\n\t\t\t\t\t<Paper>\r\n\t\t\t\t\t\t<Typography variant=\"h6\">Title</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur, adipisicing elit.\r\n\t\t\t\t\t\t\tVoluptatibus, ratione nemo. Libero reiciendis numquam laboriosam\r\n\t\t\t\t\t\t\tcommodi similique in cum nihil omnis id, accusantium quibusdam\r\n\t\t\t\t\t\t\texpedita. Neque aliquid assumenda exercitationem reiciendis.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<Button variant=\"text\">Read More</Button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Paper>\r\n\t\t\t\t\t<Paper>\r\n\t\t\t\t\t\t<Typography variant=\"h6\">Title</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur, adipisicing elit.\r\n\t\t\t\t\t\t\tVoluptatibus, ratione nemo. Libero reiciendis numquam laboriosam\r\n\t\t\t\t\t\t\tcommodi similique in cum nihil omnis id, accusantium quibusdam\r\n\t\t\t\t\t\t\texpedita. Neque aliquid assumenda exercitationem reiciendis.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<Button variant=\"text\">Read More</Button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Paper>\r\n\t\t\t\t\t<Paper>\r\n\t\t\t\t\t\t<Typography variant=\"h6\">Title</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur, adipisicing elit.\r\n\t\t\t\t\t\t\tVoluptatibus, ratione nemo. Libero reiciendis numquam laboriosam\r\n\t\t\t\t\t\t\tcommodi similique in cum nihil omnis id, accusantium quibusdam\r\n\t\t\t\t\t\t\texpedita. Neque aliquid assumenda exercitationem reiciendis.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<Button variant=\"text\">Read More</Button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Paper>\r\n\t\t\t\t\t<Paper>\r\n\t\t\t\t\t\t<Typography variant=\"h6\">Title</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur, adipisicing elit.\r\n\t\t\t\t\t\t\tVoluptatibus, ratione nemo. Libero reiciendis numquam laboriosam\r\n\t\t\t\t\t\t\tcommodi similique in cum nihil omnis id, accusantium quibusdam\r\n\t\t\t\t\t\t\texpedita. Neque aliquid assumenda exercitationem reiciendis.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<Button variant=\"text\">Read More</Button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Paper>\r\n\t\t\t\t\t<Paper>\r\n\t\t\t\t\t\t<Typography variant=\"h6\">Title</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur, adipisicing elit.\r\n\t\t\t\t\t\t\tVoluptatibus, ratione nemo. Libero reiciendis numquam laboriosam\r\n\t\t\t\t\t\t\tcommodi similique in cum nihil omnis id, accusantium quibusdam\r\n\t\t\t\t\t\t\texpedita. Neque aliquid assumenda exercitationem reiciendis.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<Button variant=\"text\">Read More</Button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Paper>\r\n\t\t\t\t\t<Paper>\r\n\t\t\t\t\t\t<Typography variant=\"h6\">Title</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur, adipisicing elit.\r\n\t\t\t\t\t\t\tVoluptatibus, ratione nemo. Libero reiciendis numquam laboriosam\r\n\t\t\t\t\t\t\tcommodi similique in cum nihil omnis id, accusantium quibusdam\r\n\t\t\t\t\t\t\texpedita. Neque aliquid assumenda exercitationem reiciendis.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<Button variant=\"text\">Read More</Button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Paper>\r\n\t\t\t\t\t<Paper>\r\n\t\t\t\t\t\t<Typography variant=\"h6\">Title</Typography>\r\n\t\t\t\t\t\t<Typography variant=\"body1\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur, adipisicing elit.\r\n\t\t\t\t\t\t\tVoluptatibus, ratione nemo. Libero reiciendis numquam laboriosam\r\n\t\t\t\t\t\t\tcommodi similique in cum nihil omnis id, accusantium quibusdam\r\n\t\t\t\t\t\t\texpedita. Neque aliquid assumenda exercitationem reiciendis.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<Button variant=\"text\">Read More</Button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Paper>\r\n\t\t\t\t</CareersDiv>\r\n\t\t\t</ContainerChild>\r\n\t\t\t<Footer />\r\n\t\t</Container>\r\n\t);\r\n};\r\n\r\nexport default Careers;\r\n","import { BrowserRouter as Router, Route, Routes } from \"react-router-dom\";\r\nimport { GlobalStyle } from \"./App.style\";\r\nimport { Why } from \"./pages/why/Why\";\r\nimport { Indexpage } from \"./pages/index/Indexpage\";\r\n// import { Feature } from \"./pages/feature/Feature\";\r\nimport \"./App.css\";\r\nimport { Pricing } from \"./pages/pricing/Pricing\";\r\nimport { About } from \"./pages/about/About\";\r\nimport { Documentation } from \"./pages/documentation/Documentation\";\r\nimport { Blog } from \"./pages/blog/Blog\";\r\nimport { Resources } from \"./pages/resources/Resources\";\r\nimport { Signin } from \"./pages/signin/Signin\";\r\nimport { Signup } from \"./pages/signup/Signup\";\r\nimport { EmailVerified } from \"./pages/verifySuccess/EmailVerified\";\r\nimport Careers from \"./pages/careers/Careers\";\r\nfunction App() {\r\n\treturn (\r\n\t\t<div className=\"App\">\r\n\t\t\t<GlobalStyle />\r\n\t\t\t<Router>\r\n\t\t\t\t<Routes>\r\n\t\t\t\t\t<Route exact path=\"/\" element={<Indexpage />} />\r\n\t\t\t\t\t<Route path=\"/why\" element={<Why />} />\r\n\t\t\t\t\t{/* <Route path=\"/features\" element={<Feature />} /> */}\r\n\t\t\t\t\t<Route path=\"/pricing\" element={<Pricing />} />\r\n\t\t\t\t\t<Route path=\"/about\" element={<About />} />\r\n\t\t\t\t\t<Route path=\"/feature-brochure\" element={<Documentation />} />\r\n\t\t\t\t\t<Route path=\"/blog\" element={<Blog />} />\r\n\t\t\t\t\t<Route path=\"/resources\" element={<Resources />} />\r\n\t\t\t\t\t<Route path=\"/signin\" element={<Signin />} />\r\n\t\t\t\t\t<Route path=\"/signup\" element={<Signup />} />\r\n\t\t\t\t\t\r\n\t\t\t\t\t<Route\r\n\t\t\t\t\t\tpath=\"/email-Verification/success\"\r\n\t\t\t\t\t\telement={<EmailVerified />}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<Route path=\"/careers\" element={<Careers />} />\r\n\t\t\t\t\t<Route path=\"*\" element={<Indexpage />} />\r\n\t\t\t\t</Routes>\r\n\t\t\t</Router>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App from \"./App\";\r\n\r\nReactDOM.render(\r\n\t<React.StrictMode>\r\n\t\t<App />\r\n\t</React.StrictMode>,\r\n\tdocument.getElementById(\"root\")\r\n);\r\n"],"sourceRoot":""}