{"version":3,"sources":["reportWebVitals.js","img/logo.png","assets/Video/vid.mp4","components/carousel/HeaderCarousel.js","components/main-services/ServicesCard.js","components/main-services/About-us/assets/img/img_3.jpg","components/main-services/About-us/AboutUs.js","components/main-services/it-services/assets/it-services.png","components/main-services/it-services/assets/call_center.png","components/main-services/it-services/OurServices.js","components/main-services/why-us/WhyUs.js","components/footer/Footer.js","components/Home.js","components/itservices/assets/Server-maintance.png","components/itservices/assets/hosting.png","components/itservices/ItService.js","components/itservices/assets/web-develoment.png","components/itservices/assets/app-development.png","components/ItServices.js","components/callcenter/assets/teleselling.png","components/callcenter/assets/help-desk.png","components/callcenter/assets/toll-number.png","components/callcenter/assets/telemarketing.png","components/callcenter/CallCenterPage.js","components/CallCenter.js","components/backoffice/assets/admin-support.png","components/backoffice/assets/toll-number.png","components/backoffice/assets/help-desk.png","components/backoffice/assets/teleselling.png","components/backoffice/assets/telemarketing.png","components/backoffice/BackOfficePage.js","components/BackOffice.js","components/Survey/assets/phone-survey.png","components/Survey/assets/online_survey.png","components/Survey/SurveyPage.js","components/Survey.js","components/gallery/assets/img_.jpg","components/gallery/assets/img_1.jpg","components/gallery/assets/img_3.jpg","components/gallery/assets/img_4.jpg","components/gallery/assets/img_5.jpg","components/gallery/assets/img_6.jpg","components/gallery/assets/img_7.jpg","components/gallery/GalleryImg.js","components/Gallery.js","components/testimonials/Team.js","components/testimonials/assets/Mario_haslika.png","components/testimonials/assets/Jasmina_shabani.png","components/testimonials/assets/Gentjan_ndoja.png","components/testimonials/assets/xhuljo_balliu.png","components/testimonials/assets/ledio_hysi.png","components/testimonials/assets/kantida_bendo.png","components/testimonials/assets/eriana_hasanaliaj.png","components/testimonials/assets/remir_llakaj.png","components/testimonials/OpusTeam.js","components/Testimonials.js","components/BePartner/BePartner.js","components/BePartner.js","components/contact_us/ContactUs.js","components/Contact.js","components/menu/Navbarmenu.js","assets/Img/img_.jpg","assets/Img/img_1.jpg","assets/Img/img_7.jpg","components/About_us/content/Content.js","components/About.js","themes.js","App.js","index.js"],"names":["reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","HeaderCarousel","videoSrc","presantation","className","autoPlay","loop","muted","width","height","src","type","Infinity","wrapper","steps","ServicesCard","t","useTranslation","to","AboutUs","img","aboutusimg","data-aos","alt","ItServices","ItServiceImg","ItServicesImages","CallCenterImg","CallCenterImages","WhyUs","Footer","href","target","rel","Home","Helmet","charSet","name","content","useEffect","window","scrollTo","Card","Row","Col","md","lg","Img","variant","img1","Body","Title","Text","img2","ItService","CallCenterPage","img3","img4","CallCenter","BackOfficePage","img5","BackOffice","SurveyPage","GalleryImg","data","id","imgSrc","img6","img7","img8","useState","model","setModel","tempimgSrc","setTempImgSrc","Button","onClick","map","item","index","hey","style","Gallery","Team","descr","pro","show","setShow","OpusTeam","kantida_bendo","user","eriana_hasanaliaj","mario_haslika","jasmina_shabani","remir_llakaj","xhuljo_balliu","gentjan_ndoja","ledio_hysi","users","Testimonials","ContactUs","CardContent","Typography","gutterBottom","onSubmit","e","preventDefault","emailjs","sendForm","result","alert","error","console","log","text","reset","Grid","container","spacing","xs","TextField","placeholder","fullWidth","required","multiline","rows","BePartner","value","Contact","languages","code","country_code","Navbarmenu","sticky","setSticky","isMenu","setisMenu","isResponsiveclose","setResponsiveclose","toggleClass","boxClass","push","isMenuSubMenu","setMenuSubMenu","boxClassSubMenu","addEventListener","scrollY","exact","activeClassName","logo","display","join","data-bs-toggle","aria-expanded","aria-labelledby","i18next","changeLanguage","path","component","Survey","Content","Container","dots","infinite","speed","slidesToShow","slidesToScroll","aboutimg1","aboutimg2","aboutimg3","About","lightTheme","body","fontColor","darkTheme","primary","switch","GlobalStyles","createGlobalStyle","props","theme","StyledApp","styled","div","ReactGA","initialize","App","loading","setLoading","setTimeout","setTheme","setMode","mode","localStorage","setItem","localTheme","getItem","AOS","init","color","size","basename","itservices","callcenter","survey","backoffice","i18n","use","initReactI18next","LanguageDetector","HttpApi","supportedLngs","fallbackLng","detection","order","caches","backend","loadPath","react","useSuspense","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.d6591136.chunk.js","sourcesContent":["const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","export default __webpack_public_path__ + \"static/media/logo.f9539bbb.png\";","export default __webpack_public_path__ + \"static/media/vid.df834b6e.mp4\";","import React from 'react'\r\nimport './HeaderCarousel.css';\r\n\r\n// import presantation from '../../assets/Video/presantation.mp4';\r\nimport presantation from '../../assets/Video/vid.mp4';\r\n\r\nimport Typical from 'react-typical';\r\n\r\n\r\nconst HeaderCarousel = () => {\r\n\r\n    const videoSrc = presantation;\r\n \r\n    return(\r\n    <div className=\"header__carousel\">\r\n\r\n                        <video className=\"aboutus__video__play\" autoPlay loop muted width=\"100%\" height=\"auto\">\r\n                            <source src={videoSrc} type=\"video/mp4\" />\r\n                        </video>\r\n                            <div className=\"overlay\">\r\n                               \r\n                                <Typical \r\n                                        loop={Infinity}\r\n                                        wrapper='i'\r\n                                        steps={[\r\n                                            'Happy Employees = Happy Customers',\r\n                                            2000,\r\n                                            '“It’s not what you say but how you say it!” The importance of voice in customer service.',\r\n                                            2000,\r\n                                            'Only a life lived in the service to others is worth living.',\r\n                                            2000\r\n                                        ]} />\r\n                               \r\n                            </div>\r\n\r\n    </div>\r\n    )\r\n}\r\n\r\nexport default HeaderCarousel","import React from 'react';\r\nimport './ServicesCard.css';\r\n\r\nimport { Link } from 'react-router-dom';\r\n\r\n//this is translantor\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst ServicesCard = () => {\r\n     //translantor function\r\n     const { t } = useTranslation()\r\n\r\n    return (\r\n        <div className=\"services__cards\">\r\n            <div className=\"row\">\r\n                <div className=\"card col-12 col-md-3 col-sm-12 col-xs-12\">\r\n                    <Link to='/CallCenter' className='link__to__card'>\r\n                        <div className=\"card__content\">\r\n                            <h1> 01 </h1>\r\n                            <div className=\"card__dontent__description\">\r\n                                <h3> {t('callcenter_card_tittle')} </h3>\r\n                                <p> {t('callcenter_card_description')} </p>\r\n                            </div>\r\n                        </div>\r\n                    </Link>\r\n                </div>\r\n                <div className=\"card col-12 col-md-3 col-sm-12 col-xs-12\">\r\n                    <Link to='/BackOffice' className='link__to__card'>\r\n                        <div className=\"card__content\">\r\n                            <h1> 02 </h1>\r\n                            <div className=\"card__dontent__description\">\r\n                                <h3> {t('backoffice_card_tittle')} </h3>\r\n                                <p> {t('backoffice_card_description')} </p>\r\n                            </div>\r\n                        </div>\r\n                    </Link>\r\n                </div>\r\n                <div className=\"card col-12 col-md-3 col-sm-12 col-xs-12\">\r\n                    <Link to='/ItServices' className='link__to__card'>\r\n                        <div className=\"card__content\">\r\n                            <h1> 03 </h1>\r\n                            <div className=\"card__dontent__description\">\r\n                                <h3> {t('it_card_tittle')} </h3>\r\n                                <p> {t('it_card_description')} </p>\r\n                            </div>\r\n                        </div>\r\n                   </Link>\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n        \r\n    )\r\n}\r\n\r\nexport default ServicesCard\r\n","export default __webpack_public_path__ + \"static/media/img_3.64c8af5b.jpg\";","import React from 'react'\r\nimport { Link } from 'react-router-dom';\r\nimport './AboutUs.css';\r\nimport aboutusimg from './assets/img/img_3.jpg'\r\n\r\n//this is translantor\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst AboutUs = () => {\r\n    //translantor function\r\n    const { t } = useTranslation()\r\n\r\n\r\n    const img = aboutusimg;\r\n\r\n    return (\r\n        <div className=\"about__us__section\">\r\n            <div className=\"container\">\r\n                <div className=\"row\">\r\n                        <h3 data-aos='fade-up'> {t('nav_about')} </h3>\r\n                    <div className=\"col-md-6 col-sm-12\" data-aos='fade-up'>\r\n                        <p> <b> {t('company_name')} </b> {t('about_us')} </p>\r\n                    </div>\r\n                    <div className=\"col-md-6 col-sm-12\" data-aos='fade-up'>\r\n                        <img className=\"aboutus__img\" src={img} alt=\"About-us\" />\r\n                    </div>\r\n                    <div className='red__more__about__us__section'>\r\n                       <Link to='/About' className=\"btn btn-primary read__more__aboutus\" data-aos='fade-up' > {t('read_more_btn')} </Link>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default AboutUs\r\n","export default __webpack_public_path__ + \"static/media/it-services.682e07bd.png\";","export default __webpack_public_path__ + \"static/media/call_center.5ce7b21d.png\";","import React from 'react'\r\nimport './OurServices.css';\r\nimport ItServicesImages from './assets/it-services.png';\r\nimport CallCenterImages from './assets/call_center.png';\r\n\r\n// translantor \r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst ItServices = () => {\r\n    //translantion function\r\n    const { t } = useTranslation()\r\n\r\n    const ItServiceImg = ItServicesImages\r\n    const CallCenterImg = CallCenterImages\r\n\r\n    return (\r\n        <div className=\"our__services\">\r\n                <div className=\"container\">\r\n\r\n            <div className=\"call__center__section\">\r\n                <div className=\"container\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-6 col-sm-12\" data-aos='fade-up'>\r\n                            <img src={CallCenterImg} alt=\"call-center\" />\r\n                        </div>\r\n                        <div className=\"col-md-6 col-sm-12\">\r\n                            <div className=\"call__center__tittle\" data-aos='fade-up'>\r\n                                <h3> {t('nav_call_center')} </h3>\r\n                            </div>\r\n                            <div className=\"call__center__description\" data-aos='fade-up'>\r\n                                <li> <i className=\"fas fa-circle-notch\"></i> {t('teleselling_out')} </li>\r\n                                <li> <i className=\"fas fa-circle-notch\"></i> {t('teleselling_in')} </li>\r\n                                <li> <i className=\"fas fa-circle-notch\"></i> {t('lead_generation')} </li>\r\n                                <li> <i className=\"fas fa-circle-notch\"></i> {t('survey_service')} </li>\r\n                            </div>\r\n                        </div>\r\n                        \r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"it__services__section\">\r\n                    <div className=\"row\">\r\n                        \r\n                        <div className=\"col-md-6 col-sm-12\">\r\n                                <div className=\"it__services__tittle\" data-aos='fade-up'>\r\n                                    <h3> {t('nav_it_services')} </h3>\r\n                                </div>\r\n                                <div className=\"it__services__description\" data-aos='fade-up'>\r\n                                    <li> <i className=\"fas fa-circle-notch test\"></i> {t('server_maintanance')}  </li>\r\n                                    <li> <i className=\"fas fa-circle-notch\"></i> {t('crm_consulting')} </li>\r\n                                    <li> <i className=\"fas fa-circle-notch\"></i> {t('network_connection')} </li>\r\n                                    <li> <i className=\"fas fa-circle-notch\"></i> {t('call_center_confg')} </li>\r\n                                    <li> <i className=\"fas fa-circle-notch\"></i> {t('hosting')} </li>\r\n                                    <li> <i className=\"fas fa-circle-notch\"></i> {t('help_desk')} </li>\r\n                                </div>\r\n                        </div>\r\n                        <div className=\"col-md-6 col-sm-12\" data-aos='fade-up'>\r\n                            <img src={ItServiceImg} alt=\"It-services\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            \r\n\r\n        </div>\r\n\r\n    )\r\n}\r\n\r\nexport default ItServices\r\n","import React from 'react'\r\nimport './WhyUs.css';\r\n\r\n//translantor\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst WhyUs = () => {\r\n    //translantion function\r\n    const { t } = useTranslation()\r\n\r\n    return (\r\n        <div className=\"why__us\">\r\n            <div className=\"why__us__tittle\" data-aos='fade-up'>\r\n                <h3>  {t('why_chose_us')} </h3>\r\n            </div>\r\n            <div className=\"why__us__description container\" data-aos='fade-up'>\r\n                <p> <b> {t('company_name')} </b> {t('why_us_descr')} </p>\r\n            </div>\r\n            <div className=\"container goto__leadership\">\r\n                <Link to=\"/testimonials\" className=\"btn goto__leadership__btn\"> {t('why_us_btn')} </Link>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default WhyUs\r\n","import React from 'react';\r\nimport './Footer.css';\r\n\r\n//translantor\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst Footer = () => {\r\n    //translantion function\r\n    const { t } = useTranslation()\r\n\r\n    return (\r\n        <div className=\"as__footer\">\r\n            <div className=\"container\">\r\n                <div className=\"footer__content\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col\">\r\n                            <h3 className=\"footer_adress\" > {t('footer_ad')} </h3>\r\n                            <p className=\"footer_sub__adress\"> {t('footer_ad_rr')} <br />\r\n                            {t('footer_adr')} <br />\r\n                            {t('footer_adr_rr_only')} <br />\r\n                            {t('footer_open_d')} <br />\r\n                            {t('footer_open_h')} </p>\r\n                        </div>\r\n                        <div className=\"col\">\r\n                            <h3 className=\"footer_contact\"> {t('footer_contact')} </h3>\r\n                            <a href=\"mailto:hr.opus@hotmail.com?subject=Hello Opus&body=This is a message from website\" target=\"_blank\" rel=\"noreferrer\" > <p className=\"footer_sub__email\" > {t('footer_email')} </p> </a>\r\n                            <a href=\"tel:+355698729117 \" target=\"_blank\" rel=\"noreferrer\" > <p className=\"footer_sub__email\" > +355 69 872 9117 </p> </a>\r\n                            <a href=\"https://www.facebook.com/OPUS.SHPK.CC\" target='_blank' rel='noreferrer' > <li> <i className=\"fab fa-facebook social__icon\"></i> </li> </a>\r\n                                <li> <i className=\"fab fa-linkedin social__icon\"></i> </li> \r\n                            <a href=\"https://www.instagram.com/opus_cc/\" target='_blank' rel='noreferrer' > <li> <i className=\"fab fa-instagram social__icon\"></i> </li> </a>\r\n                        </div>\r\n                        <div className=\"col\">\r\n                            <h3 className=\"footer_menu\"> {t('footer_menu')} </h3>\r\n                            <a href=\"/itservices\"> <li className=\"footer_sub__menu\">  {t('nav_services')}  </li> </a>\r\n                            <a href=\"/gallery\"> <li className=\"footer_sub__menu\"> {t('nav_gallery')} </li> </a>\r\n                            <a href=\"/contact\"> <li className=\"footer_sub__menu\"> {t('nav_contact')} </li> </a>\r\n                            <a href=\"\"> <li className=\"footer_sub__menu\"> {t('footer_privacy_policy')} </li> </a>\r\n                        </div>\r\n                        <div className=\"col\">\r\n                            <div className=\"whatsapp__icon__footer\">\r\n                                <a href='https://wa.me/+355698729117/?text=Hello Opus!' target='_blank' rel='noreferrer' > <i className=\"fab fa-whatsapp\"></i> </a>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-md-12 col-sm-12\">\r\n                            <div className=\"copy__right\">\r\n                                <h6> {t('footer_copyright')} </h6>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Footer\r\n","import React from 'react'\r\n\r\n//HELMET FOR SEO\r\nimport { Helmet } from 'react-helmet';\r\n\r\nimport HeaderCarousel from './carousel/HeaderCarousel';\r\nimport ServicesCard from './main-services/ServicesCard';\r\nimport AboutUs from './main-services/About-us/AboutUs';\r\nimport OurServices from './main-services/it-services/OurServices';\r\nimport WhyUs from './main-services/why-us/WhyUs';\r\nimport Footer from './footer/Footer';\r\n \r\nconst Home = () => {\r\n\treturn (\r\n                <>\r\n                <Helmet>\r\n                        <meta charSet=\"utf-8\" />\r\n                        <meta name=\"description\" content=\"Opus Group is a powerful call center solution, empowering callers to make their work more efficient than ever. Enter for more!\" />\r\n                        <link rel=\"canonical\" href=\"http://www.opus.al/\" />\r\n                </Helmet>\r\n                        <HeaderCarousel />\r\n                        <ServicesCard />\r\n                        <AboutUs />\r\n                        <OurServices />\r\n                        <WhyUs />\r\n                        <Footer />\r\n                </>  \r\n       )\r\n}\r\nexport default Home\r\n","export default __webpack_public_path__ + \"static/media/Server-maintance.ce65e647.png\";","export default __webpack_public_path__ + \"static/media/hosting.c7f90951.png\";","import React from 'react'\r\nimport { useEffect } from 'react'\r\nimport './ItServices.css'\r\n\r\nimport { Card } from 'react-bootstrap'\r\nimport { Row } from 'react-bootstrap'\r\nimport { Col } from 'react-bootstrap'\r\n\r\nimport img1 from './assets/Server-maintance.png'\r\nimport img2 from './assets/hosting.png'\r\nimport img3 from './assets/web-develoment.png'\r\nimport img4 from './assets/app-development.png'\r\n\r\n//translantor\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nconst ItServices = () => {\r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n    //translantor function\r\n    const { t } = useTranslation()\r\n\r\n    return (\r\n        <div className=\"it__services\">\r\n            {/* Add shape on background */}\r\n            <div className=\"moon\"></div>\r\n            <div className=\"moon2\"></div>\r\n            <div className=\"moon3\"></div>\r\n            <div className=\"moon4\"></div>\r\n            <div className=\"moon5\"></div>\r\n            {/* <div className=\"moon6\"></div> */}\r\n            <div className=\"moon7\"></div>\r\n            <div className=\"moon8\"></div>\r\n            {/* <div className=\"moon9\"></div> */}\r\n            {/* <div className=\"moon10\"></div> */}\r\n            {/* shape on background end here */}\r\n            <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-12\">\r\n                        <div className=\"is__services__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img1} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' >{t('server_maintanance')}</Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {t('server_maintanance_card')}\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Server Maintanance&body=Hello Opus! I need help with Server Maintanance\" target='_blank' rel='noreferrer' className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                        <div className=\"is__services__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img2} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' > {t('hosting')} </Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {t('hosting_card')}\r\n                                            <li>{t('hosting_card_list_1')}</li>\r\n                                            <li>{t('hosting_card_list_2')}</li>\r\n                                            <li>{t('hosting_card_list_3')}</li>\r\n                                            <li>{t('hosting_card_list_4')}</li>\r\n                                            <li>{t('hosting_card_list_5')}</li>\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Hosting&body=Hello Opus! I need help with Hosting\" target='_blank' rel='noreferrer' className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nexport default ItServices\r\n","export default __webpack_public_path__ + \"static/media/web-develoment.68353ca2.png\";","export default __webpack_public_path__ + \"static/media/app-development.31cd3bdc.png\";","import React from 'react'\r\nimport Footer from './footer/Footer'\r\nimport ItService from './itservices/ItService'\r\n\r\nconst ItServices = () => {\r\n    return (\r\n        <div>\r\n            <ItService />\r\n            <Footer />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ItServices\r\n\r\n","export default __webpack_public_path__ + \"static/media/teleselling.448078f0.png\";","export default __webpack_public_path__ + \"static/media/help-desk.e68ffa3c.png\";","export default __webpack_public_path__ + \"static/media/toll-number.10afde9a.png\";","export default __webpack_public_path__ + \"static/media/telemarketing.75836cfc.png\";","import React from 'react'\r\nimport { useEffect } from 'react'\r\nimport './CallCenterPage.css'\r\n\r\nimport { Card } from 'react-bootstrap'\r\nimport { Row } from 'react-bootstrap'\r\nimport { Col } from 'react-bootstrap'\r\n\r\nimport img1 from './assets/help-desk.png'\r\nimport img2 from './assets/toll-number.png'\r\nimport img3 from './assets/teleselling.png'\r\nimport img4 from './assets/telemarketing.png'\r\n\r\n//=== translantor ===\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nconst CallCenterPage = () => {\r\n    \r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n\r\n    //=== translantion function ===\r\n    const { t } = useTranslation()\r\n    \r\n    return (\r\n        <div className=\"call__center__page\">\r\n             {/* === Add shape on background === */}\r\n             <div className=\"moon\"></div>\r\n            <div className=\"moon2\"></div>\r\n            <div className=\"moon3\"></div>\r\n            <div className=\"moon4\"></div>\r\n            <div className=\"moon5\"></div>\r\n            <div className=\"moon6\"></div>\r\n            <div className=\"moon7\"></div>\r\n            <div className=\"moon8\"></div>\r\n            <div className=\"moon9\"></div>\r\n            <div className=\"moon10\"></div>\r\n            {/* === shape on background end here === */}\r\n             <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-12\">\r\n                        <div className=\"call__center__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img3} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' > {t('Inbound_Outbound_title')} </Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {t('Inbound_Outbound_card')}\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Commercial Teleselling&body=Hello Opus! I need help with Commercial Teleselling\" target='_blank' rel='noreferrer' className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                        <div className=\"call__center__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img4} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' > {t('telemarketing')}  </Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {t('teleselling_card')}\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Telemarketing&body=Hello Opus! I need help with Telemarketing \" target='_blank' rel='noreferrer' className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CallCenterPage\r\n","import React from 'react'\r\nimport CallCenterPage from './callcenter/CallCenterPage'\r\nimport Footer from './footer/Footer'\r\n\r\nconst CallCenter = () => {\r\n    return (\r\n        <div>\r\n            <CallCenterPage />\r\n            <Footer />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CallCenter\r\n","export default __webpack_public_path__ + \"static/media/admin-support.6a7967e6.png\";","export default __webpack_public_path__ + \"static/media/toll-number.10afde9a.png\";","export default __webpack_public_path__ + \"static/media/help-desk.e68ffa3c.png\";","export default __webpack_public_path__ + \"static/media/teleselling.a3f7dfe4.png\";","export default __webpack_public_path__ + \"static/media/telemarketing.3652ea96.png\";","import React from 'react'\r\nimport { useEffect } from 'react'\r\nimport './backOffice.css'\r\n\r\nimport { Card } from 'react-bootstrap'\r\nimport { Row } from 'react-bootstrap'\r\nimport { Col } from 'react-bootstrap'\r\n\r\nimport img1 from './assets/admin-support.png'\r\nimport img2 from './assets/toll-number.png'\r\nimport img3 from './assets/teleselling.png'\r\nimport img4 from './assets/telemarketing.png'\r\nimport img5 from './assets/help-desk.png'\r\n\r\n//=== translantor ===\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nconst BackOfficePage = () => {\r\n    \r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n\r\n    //=== translantion function ===\r\n    const { t } = useTranslation()\r\n    \r\n    return (\r\n        <div className=\"call__center__page\">\r\n             {/* === Add shape on background === */}\r\n             <div className=\"moon\"></div>\r\n            <div className=\"moon2\"></div>\r\n            <div className=\"moon3\"></div>\r\n            <div className=\"moon4\"></div>\r\n            <div className=\"moon5\"></div>\r\n            <div className=\"moon6\"></div>\r\n            <div className=\"moon7\"></div>\r\n            <div className=\"moon8\"></div>\r\n            <div className=\"moon9\"></div>\r\n            <div className=\"moon10\"></div>\r\n            {/* === shape on background end here === */}\r\n             <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-12\">\r\n                        <div className=\"call__center__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img1} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' >{t('administrative_support')}</Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {t('administrative_support_content')}\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Help Desk&body=Hello Opus! I need help with Help Desk\" target='_blank' rel='noreferrer' className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                        <div className=\"call__center__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img2} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' > {t('data_entry_services')} </Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {t('data_entry_services_content')}\r\n                                            \r\n                                                <li>{t('data_entry_services_content_list_1')}</li>\r\n                                                <li>{t('data_entry_services_content_list_2')}</li>\r\n                                                <li>{t('data_entry_services_content_list_3')}</li>\r\n                                            \r\n                                            {t('data_entry_services_content_2')}\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Maage Toll Free Number&body=Hello Opus! I need help with Maage Toll Free Number\" target='_blank' rel='noreferrer'  className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                        <div className=\"call__center__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img5} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' > {t('customer_support_management')}  </Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {t('customer_support_management_content')}\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Telemarketing&body=Hello Opus! I need help with Telemarketing \" target='_blank' rel='noreferrer' className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default BackOfficePage\r\n","import React from 'react'\r\nimport BackOfficePage from './backoffice/BackOfficePage'\r\nimport Footer from './footer/Footer'\r\n\r\nconst BackOffice = () => {\r\n    return (\r\n        <div>\r\n            <BackOfficePage />\r\n            <Footer />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default BackOffice\r\n","export default __webpack_public_path__ + \"static/media/phone-survey.5e8e1e0c.png\";","export default __webpack_public_path__ + \"static/media/online_survey.2e5612b1.png\";","import React from 'react'\r\nimport { useEffect } from 'react'\r\nimport './Survey.css'\r\n\r\nimport { Card } from 'react-bootstrap'\r\nimport { Row } from 'react-bootstrap'\r\nimport { Col } from 'react-bootstrap'\r\n\r\nimport img1 from './assets/phone-survey.png'\r\nimport img2 from './assets/online_survey.png'\r\n\r\n//=== translantor ===\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nconst SurveyPage = () => {\r\n    \r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n\r\n    //=== translantion function ===\r\n    const { t } = useTranslation()\r\n    \r\n    return (\r\n        <div className=\"call__center__page\">\r\n             {/* === Add shape on background === */}\r\n             <div className=\"moon\"></div>\r\n            <div className=\"moon2\"></div>\r\n            <div className=\"moon3\"></div>\r\n            <div className=\"moon4\"></div>\r\n            <div className=\"moon5\"></div>\r\n            <div className=\"moon6\"></div>\r\n            <div className=\"moon7\"></div>\r\n            <div className=\"moon8\"></div>\r\n            <div className=\"moon9\"></div>\r\n            <div className=\"moon10\"></div>\r\n            {/* === shape on background end here === */}\r\n             <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-12\">\r\n                        <div className=\"call__center__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img2} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' >{t('phone_survey')}</Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {/* {t('phone_survey_card')} */}\r\n                                            <ol>\r\n                                                <p>{t('online_survey_card_title')}</p>\r\n                                                <li>{t('online_survey_card_list_1')}</li>\r\n                                                <li>{t('online_survey_card_list_2')}</li>\r\n                                                <li>{t('online_survey_card_list_3')}</li>\r\n                                                <li>{t('online_survey_card_list_4')}</li>\r\n                                            </ol>\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Help Desk&body=Hello Opus! I need help with Help Desk\" target='_blank' rel='noreferrer' className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                        <div className=\"call__center__card\" data-aos='fade-up'>\r\n                            <Card className='card' >\r\n                                <Row className='no-gutters'>\r\n                                    <Col md={4} lg={4}  >\r\n                                        <Card.Img className='card__img' variant=\"top\" src={img1} />\r\n                                    </Col>\r\n                                    <Col>\r\n                                        <Card.Body>\r\n                                            <Card.Title className='card__tittle' > {t('online_survey')} </Card.Title>\r\n                                            <Card.Text className='card__description'>\r\n                                            {/* {t('online_survey_card')} */}\r\n                                            {t('phone_survey_card')}\r\n                                            </Card.Text>\r\n                                            <a href=\"mailto:hr.opus@hotmail.com?subject=🆘 Maage Toll Free Number&body=Hello Opus! I need help with Maage Toll Free Number\" target='_blank' rel='noreferrer'  className='btn btn-yellow order__btn col-md-4 text-center'> {t('order_card_btn')} <i className=\"fas fa-envelope\"></i>\r\n                                                <div className=\"button__horizontal\"></div>\r\n                                                <div className=\"button__vertical\"></div>\r\n                                            </a> \r\n                                        </Card.Body>\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SurveyPage\r\n","import React from 'react'\r\nimport SurveyPage from './Survey/SurveyPage'\r\nimport Footer from './footer/Footer'\r\n\r\nconst CallCenter = () => {\r\n    return (\r\n        <div>\r\n            <SurveyPage />\r\n            <Footer />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CallCenter\r\n","export default __webpack_public_path__ + \"static/media/img_.b710ccdc.jpg\";","export default __webpack_public_path__ + \"static/media/img_1.42ab9d93.jpg\";","export default __webpack_public_path__ + \"static/media/img_3.64c8af5b.jpg\";","export default __webpack_public_path__ + \"static/media/img_4.3b97525d.jpg\";","export default __webpack_public_path__ + \"static/media/img_5.33208872.jpg\";","export default __webpack_public_path__ + \"static/media/img_6.555b7746.jpg\";","export default __webpack_public_path__ + \"static/media/img_7.11f1663a.jpg\";","import React, {useState, useEffect} from 'react'\r\nimport './GalleryImg.css'\r\n\r\nimport { Button } from 'react-bootstrap'\r\n\r\nimport img1 from './assets/img_.jpg'\r\nimport img2 from './assets/img_1.jpg'\r\nimport img4 from './assets/img_3.jpg'\r\nimport img5 from './assets/img_4.jpg'\r\nimport img6 from './assets/img_5.jpg'\r\nimport img7 from './assets/img_6.jpg'\r\nimport img8 from './assets/img_7.jpg'\r\n\r\nconst GalleryImg = () => {\r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n\r\n    let data = [\r\n        {\r\n            id: 1,\r\n            imgSrc: img1,\r\n            alt: 'Opus Group Call Center, Telemarkeing'\r\n        },\r\n        {\r\n            id: 2,\r\n            imgSrc: img2,\r\n            alt: 'Opus Group Call Center, Telemarkeing'\r\n        },\r\n        {\r\n            id: 4,\r\n            imgSrc: img4,\r\n            alt: 'Opus Group Call Center, Telemarkeing'\r\n        },\r\n        {\r\n            id: 5,\r\n            imgSrc: img5,\r\n            alt: 'Opus Group Call Center, Telemarkeing'\r\n        },\r\n        {\r\n            id: 6,\r\n            imgSrc: img6,\r\n            alt: 'Opus Group Call Center, Telemarkeing'\r\n        },\r\n        {\r\n            id: 7,\r\n            imgSrc: img7,\r\n            alt: 'Opus Group Call Center, Telemarkeing'\r\n        },\r\n        {\r\n            id: 8,\r\n            imgSrc: img8,\r\n            alt: 'Opus Group Call Center, Telemarkeing'\r\n        }\r\n    ];\r\n\r\n    const [model, setModel] = useState(false);\r\n    const [tempimgSrc, setTempImgSrc] = useState('');\r\n    const getImg = (imgSrc) => {\r\n        setTempImgSrc(imgSrc);\r\n        setModel(true);\r\n    }\r\n\r\n    return (\r\n        <> \r\n        <div className=\"triangle-topleft\" ></div>\r\n        <div className=\"triangle-topleft2\"></div>\r\n            <div className={model ? 'model open' : 'model' }>\r\n                <img src={tempimgSrc} alt=\"Opus Team Gallery\" />\r\n                <Button className=\"close__model\" onClick={() => setModel(false)} > <i className=\"fas fa-times\"></i> </Button>\r\n            </div>\r\n            <div className=\"gallery\">\r\n                {data.map((item, index) => {\r\n                    return (\r\n                        <div className=\"pics\" hey={index} onClick={() => getImg(item.imgSrc)} >\r\n                            <img key={item.id} src={item.imgSrc} alt={item.alt} style={{width: '100%'}} data-aos='flip-up' />\r\n                        </div>\r\n                    )\r\n                })}\r\n            </div>\r\n        </>\r\n    )\r\n\r\n}\r\n\r\nexport default GalleryImg\r\n","import React from 'react'\r\nimport Footer from './footer/Footer'\r\n\r\nimport GalleryImg from './gallery/GalleryImg'\r\n\r\nconst Gallery = () => {\r\n\r\n    \r\n    return (\r\n        <div>\r\n            <GalleryImg />\r\n            <Footer />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Gallery\r\n","import React, {useState} from 'react'\r\nimport './OpusTeam.css'\r\n\r\nconst Team = ({ name, descr, img, pro, }) => {\r\n    \r\n    const [show, setShow] = useState(false)\r\n\r\n    return (\r\n        <div className='testimonials__card'>\r\n            <div className=\"container\">\r\n                <div className=\"card col-12 col-md-12 col-sm-12 col-xs-12\">\r\n                        <img src={img} alt=\"\" />\r\n                        <h4> {name} </h4>\r\n                        <p> {pro} </p>\r\n                        <button onClick={() => setShow(!show)} className=\"extend__btn\"> <i className=\"fas fa-chevron-down\"></i> </button>\r\n                    <div className=\"container extend__user\">\r\n                        { show? <p> {descr} </p>:null }\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Team\r\n","export default __webpack_public_path__ + \"static/media/Mario_haslika.751a5bf5.png\";","export default __webpack_public_path__ + \"static/media/Jasmina_shabani.d16be6d3.png\";","export default __webpack_public_path__ + \"static/media/Gentjan_ndoja.318cdf52.png\";","export default __webpack_public_path__ + \"static/media/xhuljo_balliu.64075e76.png\";","export default __webpack_public_path__ + \"static/media/ledio_hysi.a4f5e5fe.png\";","export default __webpack_public_path__ + \"static/media/kantida_bendo.32f5fa0e.png\";","export default __webpack_public_path__ + \"static/media/eriana_hasanaliaj.f794b816.png\";","export default __webpack_public_path__ + \"static/media/remir_llakaj.362ede9a.png\";","import React, { useState, useEffect } from 'react'\r\nimport Team from './Team';\r\nimport './OpusTeam.css'\r\n\r\nimport user from './assets/user.png';\r\nimport mario_haslika from './assets/Mario_haslika.png';\r\nimport jasmina_shabani from './assets/Jasmina_shabani.png';\r\nimport gentjan_ndoja from './assets/Gentjan_ndoja.png';\r\nimport xhuljo_balliu from './assets/xhuljo_balliu.png';\r\nimport ledio_hysi from './assets/ledio_hysi.png';\r\nimport kantida_bendo from './assets/kantida_bendo.png';\r\nimport eriana_hasanaliaj from './assets/eriana_hasanaliaj.png';\r\nimport remir_llakaj from './assets/remir_llakaj.png';\r\n\r\nconst OpusTeam = () => {\r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n\r\nconst [show, setShow] = useState(false)\r\nconst [show2, setShow2] = useState(false)\r\nconst [show3, setShow3] = useState(false)\r\n\r\nconst [users, setUsers] = useState([\r\n  \r\n    {\r\n        id: 2,\r\n        img: kantida_bendo,\r\n        user: 'Kantida Bendo',\r\n        pro: 'CEO',\r\n        descr: 'DESCRIPTION'\r\n    },\r\n    {\r\n        id: 5,\r\n        img: eriana_hasanaliaj,\r\n        user: 'Eriana Hasanaiaj',\r\n        pro: 'Human Resources',\r\n        descr: 'I have been working for OPUS GROUP for over 2 years now. I love it here because the managers make sure that my strengths and my work tasks match. I have the freedom to find and implement my own role and everyone is ready to listen. We work really hard but we have fun doing it and we always keep the atmosphere so warm and so supportive.Each day I find new things that make OPUS a great place to work!'\r\n    },\r\n    {\r\n        id: 3,\r\n        img: mario_haslika,\r\n        user: 'Mario Haslika',\r\n        pro: 'Business Consultant',\r\n        descr: 'I am part of Opus Group, from the 1st day that the company started its activity. During this time I have made important steps from a professional point of view. I am very satisfied and I feel appreciated, I can also say that meritocracy is one of the strong points respected by Opus.'\r\n    },\r\n    {\r\n        id: 4,\r\n        img: jasmina_shabani,\r\n        user: 'Jasmina Shabani ',\r\n        pro: 'Back Office',\r\n        descr: 'I have been part of the Back Office department for 5 years, although I have had some disconnections, I have always returned to Opus.By working with more dedication and always having maximum support, I have managed to advance in my career.'\r\n    },\r\n    {\r\n        id: 8,\r\n        img: remir_llakaj,\r\n        user: 'Remir Llakaj',\r\n        pro: 'Financial Accountant',\r\n        descr: 'Description'\r\n    },\r\n    // {\r\n    //     id: 4,\r\n    //     img: user,\r\n    //     user: 'Eriana  Hasanaliaj',\r\n    //     pro: 'Profession',\r\n    //     descr: 'I believe, (and I think u agree with me )that employees are the most valuable asset, so I work passionately every day to create a healthy work atmosphere and provide them with the tools and support to do their jobs effectively. OPUS GROUP has given me the chance to consolidate my professional profile and “green light” to test my new HR ideas in practical situation. Come and join us if u want a people oriented company!'\r\n    // },\r\n    // {\r\n    //     id: 5,\r\n    //     img: user,\r\n    //     user: 'Olgert Brisku',\r\n    //     pro: 'IT Specialist & Developer',\r\n    //     descr: 'I want to express my gratitude to the Opus company that gave me the opportunity to be part of it, my time here has been intense, challenging, fun and at the same time very rewarding. My job position is IT Specialist, but Opus has given me the opportunity to improve my skills as a Developer as well. I would recommend anyone to become part of Opus as it really is one of the best companies, trustworthy, highly skilled and experienced team members, this will be a great help for you as well to grow your career.'\r\n    // },\r\n    {\r\n        id: 6,\r\n        img: xhuljo_balliu,\r\n        user: 'Xhuljo Balliu',\r\n        pro: 'Sales Coordinator',\r\n        descr: 'Description'\r\n    },\r\n    {\r\n        id: 7,\r\n        img: gentjan_ndoja,\r\n        user: 'Gentjan Ndoja',\r\n        pro: 'Back Office',\r\n        descr: 'Description'\r\n    },\r\n    {\r\n        id: 9,\r\n        img: ledio_hysi,\r\n        user: 'Ledjo Hysi',\r\n        pro: 'Team Leader',\r\n        descr: 'Description'\r\n    },\r\n\r\n]);\r\n\r\n    return (\r\n        <div className='opus__team'>\r\n            <div className=\"container\">\r\n                {/* <div className=\"row ceo__row\">\r\n                    <div className=\"ceo__card card col-12 col-md-12 col-sm-12 col-xs-12\">\r\n                            <img src={user} alt=\"\" />\r\n                            <h3> Kandita Bendo </h3>\r\n                            <p> CEO </p>\r\n                            <button onClick={() => setShow(!show)} className=\"extend__btn\"> <i className=\"fas fa-chevron-down\"></i> </button>\r\n                        <div className=\"container extend__user\">\r\n                            { show? <p> Description </p>:null }\r\n                        </div>\r\n                    </div>\r\n                </div> */}\r\n                {/* <div className=\"row immportant__row\">\r\n                    <div className=\"ceo__card card col-12 col-md-6 col-sm-12 col-xs-12\">\r\n                            <img src={user} alt=\"\" />\r\n                            <h3> User </h3>\r\n                            <p> Profession </p>\r\n                            <button onClick={() => setShow2(!show2)} className=\"extend__btn\"> <i className=\"fas fa-chevron-down\"></i> </button>\r\n                        <div className=\"container extend__user\">\r\n                            { show2? <p> Description </p>:null }\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"ceo__card card col-12 col-md-6 col-sm-12 col-xs-12\">\r\n                            <img src={user} alt=\"\" />\r\n                            <h3> User </h3>\r\n                            <p> Profession </p>\r\n                            <button onClick={() => setShow3(!show3)} className=\"extend__btn\"> <i className=\"fas fa-chevron-down\"></i> </button>\r\n                        <div className=\"container extend__user\">\r\n                            { show3? <p> This is description for this user. </p>:null }\r\n                        </div>\r\n                    </div>\r\n                </div> */}\r\n                <div className='container'>\r\n                    <div className='leadership__title'>\r\n                        <h3>Leadership</h3>\r\n                    </div>\r\n                </div>\r\n                <div className=\"aboutus___images wrapper\" data-aos='zoom-out-down'>\r\n                    {users.map(user => (\r\n                        <Team img={user.img} name={user.user} pro={user.pro} descr={user.descr} key={user.id} />    \r\n                    ))}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default OpusTeam\r\n","import React from 'react'\r\n\r\nimport OpusTeam from './testimonials/OpusTeam'\r\nimport Footer from './footer/Footer'\r\n\r\nconst Testimonials = () => {\r\n    return (\r\n        <div>\r\n            <OpusTeam />\r\n            <Footer />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Testimonials\r\n","import React from 'react'\r\nimport emailjs from 'emailjs-com';\r\nimport { useEffect } from 'react';\r\n//this is translantor\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport { Typography, Card, CardContent, Grid, TextField, Button } from '@material-ui/core';\r\n\r\nimport './BePartner.css';\r\n \r\nconst ContactUs = () => {\r\n    \r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n    //translante function\r\n    const { t } = useTranslation()\r\n\r\n    function sendEmail(e) {\r\n        e.preventDefault();\r\n    \r\n        emailjs.sendForm('service_3opsbz7', 'template_pkovikq', e.target, 'jGBW_Cy-sGqgXo5bd')\r\n          .then((result) => {\r\n              alert('Thank you! We will contact you soon'); \r\n          }, (error) => {\r\n              console.log(error.text);\r\n          });\r\n          e.target.reset()\r\n      }\r\n\r\n    return (\r\n        <div className='contact__us__page'>\r\n            {/* Add shape on background */}\r\n            <div className=\"moon\"></div>\r\n            <div className=\"moon2\"></div>\r\n            <div className=\"moon3\"></div>\r\n            <div className=\"moon4\"></div>\r\n            <div className=\"moon5\"></div>\r\n            <div className=\"moon7\"></div>\r\n            <div className=\"moon8\"></div>\r\n            <div className=\"moon10\"></div>\r\n            <div className=\"octagon\"></div>\r\n            <div className=\"octagon2\"></div>\r\n            <div className=\"container\">\r\n                <div className='container contact__form__top_content'>\r\n                <div className=\"row\">\r\n                    <div className=\"col-12 contactus__tittle\" data-aos='fade-down'>\r\n                        <h3> {t('be_partner_title')}</h3>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n                <div className=\"row\">\r\n                    <div className=\"col-12\" data-aos=\"fade-up\" >\r\n                        {/* <h3 className='online__tittle' > Apply online for a work positon </h3> */}\r\n\r\n                            <div className=\"contact__form container\">\r\n                                <Card>\r\n                                    <CardContent>\r\n                                     <Typography gutterBottom variant=\"h4\" > {t('be_partner_card_title')} </Typography>\r\n                                     {/* <Typography gutterBottom variant=\"body\" > {t('contact_page_card_body_txt')} </Typography> */}\r\n                                        <form className=\"contact-form\" onSubmit={sendEmail}>\r\n                                            <Grid container spacing={2}>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField /*label={t('form_name')}*/ placeholder={t('partner_form_plch_first')} variant='outlined' fullWidth required name=\"first_name\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField /*label={t('form_name')}*/ placeholder={t('partner_form_plch_last')} variant='outlined' fullWidth required name=\"last_name\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField type=\"email\" /*label={t('form_email')}*/ placeholder={t('form_plch_email')} variant='outlined' fullWidth required name=\"email\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField type=\"text\" /*label={t('form_subject')}*/ placeholder={t('partner_form_plch_subject')} variant='outlined' fullWidth required name=\"type_of_bussines\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField type=\"text\" /*label={t('form_subject')}*/ placeholder={t('role_on_company')} variant='outlined' fullWidth required name=\"role_on_company\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField type=\"number\" /*label={t('form_number')}*/ placeholder={t('form_plch_number')} variant='outlined' fullWidth required name=\"number\" />\r\n                                                </Grid>\r\n\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField /*label={t('form_message')}*/ multiline rows={4} placeholder={t('form_plch_message')} variant='outlined' fullWidth required name=\"message\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <Button type='submit' variant='contained' className=\"btn apply__button\" fullWidth> {t('form_apply')} </Button>                                        \r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </form>\r\n                                    </CardContent>\r\n                                </Card>\r\n                            </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ContactUs\r\n","import React from \"react\";\r\n\r\nimport BePartners from './BePartner/BePartner';\r\nimport Footer from \"./footer/Footer\";\r\n\r\nconst BePartner = () =>{\r\n    return (\r\n        <div>\r\n            <BePartners/>\r\n            <Footer/>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default BePartner","import React from 'react'\r\nimport emailjs from 'emailjs-com';\r\nimport { useEffect } from 'react';\r\n//this is translantor\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport { Typography, Card, CardContent, Grid, TextField, Button } from '@material-ui/core';\r\n\r\nimport './ContactUs.css';\r\n \r\nconst ContactUs = () => {\r\n    \r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n    //translante function\r\n    const { t } = useTranslation()\r\n\r\n    function sendEmail(e) {\r\n        e.preventDefault();\r\n    \r\n        emailjs.sendForm('service_3opsbz7', 'template_u88uycv', e.target, 'jGBW_Cy-sGqgXo5bd')\r\n          .then((result) => {\r\n              alert('Thank you! We will contact you soon'); \r\n          }, (error) => {\r\n              console.log(error.text);\r\n          });\r\n          e.target.reset()\r\n      }\r\n\r\n    return (\r\n        <div className='contact__us__page'>\r\n            {/* Add shape on background */}\r\n            <div className=\"moon\"></div>\r\n            <div className=\"moon2\"></div>\r\n            <div className=\"moon3\"></div>\r\n            <div className=\"moon4\"></div>\r\n            <div className=\"moon5\"></div>\r\n            <div className=\"moon6\"></div>\r\n            <div className=\"moon7\"></div>\r\n            <div className=\"moon8\"></div>\r\n            <div className=\"moon9\"></div>\r\n            <div className=\"moon10\"></div>\r\n            {/* shape on background end here */}\r\n            <div className=\"octagon\"></div>\r\n            <div className=\"octagon2\"></div>\r\n            <div className=\"container\">\r\n                <div className='container contact__form__top_content'>\r\n                <div className=\"row\">\r\n                    <div className=\"col-12 contactus__tittle\" data-aos='fade-down'>\r\n                        <h3> {t('contact_page_tittle')} </h3>\r\n                    </div>\r\n                </div>\r\n                <div className=\"row\">\r\n                    <div className=\"col-md-12 col-sm-12 d-flex justify-content-between\" data-aos=\"fade-right\">\r\n                        <a href='tel:+355698729117' className='btn number__contact'> <i className=\"fas fa-phone-alt\"></i> 355 69 872 9117 </a>\r\n                        <a href='mailto:hr.opus@hotmail.com?subject=Hello Opus&body=This is message from opus.al' target='_blank' rel='noreferrer' className=\"btn email__contact\"> <i className=\"fas fa-envelope\"></i> hr.opus@hotmail.com </a>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n                <div className=\"row\">\r\n                    <div className=\"col-12\" data-aos=\"fade-up\" >\r\n                        {/* <h3 className='online__tittle' > Apply online for a work positon </h3> */}\r\n\r\n                            <div className=\"contact__form container\">\r\n                                <Card>\r\n                                    <CardContent>\r\n                                     <Typography gutterBottom variant=\"h4\" > {t('contact_page_card_tittle')} </Typography>\r\n                                     <Typography gutterBottom variant=\"body\" > {t('contact_page_card_body_txt')} </Typography>\r\n                                        <form className=\"contact-form\" onSubmit={sendEmail}>\r\n                                            <Grid container spacing={2}>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField /*label={t('form_name')}*/ placeholder={t('form_plch_first_name')} variant='outlined' fullWidth required name=\"first_name\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField /*label={t('form_name')}*/ placeholder={t('form_plch_last_name')} variant='outlined' fullWidth required name=\"last_name\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField type=\"email\" /*label={t('form_email')}*/ placeholder={t('form_plch_email')} variant='outlined' fullWidth required name=\"email\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField type=\"number\" /*label={t('form_number')}*/ placeholder={t('form_plch_number')} variant='outlined' fullWidth required name=\"number\" />\r\n                                                </Grid>\r\n                                                <Grid xs={12} item>\r\n                                                    <TextField /*label={t('form_message')}*/ multiline rows={4} placeholder={t('form_plch_message')} variant='outlined' fullWidth required name=\"message\" />\r\n                                                </Grid>\r\n\r\n                                                    <Grid xs={12} item>\r\n                                                    <select id=\"cars\" name=\"position\">\r\n                                                        <option value=\"selected\"> {t('form_position_apply')} </option>\r\n                                                        <option value=\"it\"> {t('form_position_it')} </option>\r\n                                                        <option value=\"developer\"> {t('form_position_developer')} </option>\r\n                                                        <option value=\"operator\">  {t('form_position_operator')} </option>\r\n                                                    </select>\r\n                                                    <select id=\"cars\" name=\"language\">\r\n                                                        <option value=\"language\"> {t('form_language')} </option>\r\n                                                        <option value=\"italian\"> {t('form_italian')} </option>\r\n                                                        <option value=\"english\"> {t('form_english')} </option>\r\n                                                        <option value=\"greek\"> {t('form_greek')} </option>\r\n                                                    </select>\r\n                                                    </Grid>\r\n\r\n                                                <Grid xs={12} item>\r\n                                                    <Button type='submit' variant='contained' className=\"btn apply__button\" fullWidth> {t('form_apply')} </Button>                                        \r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </form>\r\n                                    </CardContent>\r\n                                </Card>\r\n                            </div>\r\n\r\n                        {/* <div className=\"contact__form\">\r\n\r\n                            <form className=\"contact-form\" onSubmit={sendEmail}>\r\n                                <input type=\"name\" className='name' placeholder='Name Surname' name=\"name\" />\r\n                                <input type=\"email\" className='email' placeholder='E-mail' name=\"email\" />\r\n                                <input type=\"subject\" className='subject' placeholder='Subject' name=\"subject\" />\r\n\r\n                                <select id=\"cars\" name=\"position\">\r\n                                    <option value=\"selected\"> Position you Apply </option>\r\n                                    <option value=\"it\"> IT </option>\r\n                                    <option value=\"developer\"> Developer</option>\r\n                                    <option value=\"operator\"> Operator</option>\r\n                                </select>\r\n                                <select id=\"cars\" name=\"language\">\r\n                                    <option value=\"language\"> Language </option>\r\n                                    <option value=\"italian\">Italian</option>\r\n                                    <option value=\"english\">English</option>\r\n                                    <option value=\"greek\">Greek</option>\r\n                                </select>\r\n\r\n                                <textarea type=\"message\" rows='4' cols='50' className='message' placeholder='Message' name=\"message\" />\r\n                                <input type='submit' className=\"btn apply__button\" value=\"Apply\" ></input>\r\n                            </form>\r\n\r\n                        </div> */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ContactUs\r\n","import React from 'react'\r\n\r\nimport ContactUs from './contact_us/ContactUs'\r\nimport Footer from './footer/Footer'\r\n\r\nconst Contact = () => {\r\n       return (\r\n              <div>\r\n                  <ContactUs />  \r\n                  <Footer /> \r\n              </div>\r\n       )\r\n}\r\n\r\nexport default Contact\r\n","import React, { useState } from 'react';\r\nimport { BrowserRouter as Router, NavLink, Link, Route, Switch } from 'react-router-dom';\r\nimport { FiAlignRight, FiXCircle, FiChevronDown } from \"react-icons/fi\";\r\nimport logo from '../../img/logo.png';\r\n\r\n// Import your components here\r\nimport Home from '../Home';\r\nimport ItServices from '../ItServices';\r\nimport CallCenter from '../CallCenter';\r\nimport BackOffice from '../BackOffice';\r\nimport Survey from '../Survey';\r\nimport Gallery from '../Gallery';\r\nimport Testimonials from '../Testimonials';\r\nimport BePartner from '../BePartner';\r\nimport Contact from '../Contact';\r\n\r\n// This is the translator\r\nimport { useTranslation } from 'react-i18next';\r\nimport i18next from 'i18next';\r\n\r\nconst languages = [\r\n    {\r\n        code: 'en',\r\n        name: 'English',\r\n        country_code: 'US'\r\n    },\r\n    {\r\n        code: 'it',\r\n        name: 'Italian',\r\n        country_code: 'IT'\r\n    },\r\n    {\r\n        code: 'al',\r\n        name: 'Albania',\r\n        country_code: 'ALB'\r\n    }\r\n];\r\n\r\nconst Navbarmenu = () => {\r\n    // Translator function\r\n    const { t } = useTranslation();\r\n\r\n    const [sticky, setSticky] = useState(false);\r\n    const [isMenu, setisMenu] = useState(false);\r\n    const [isResponsiveclose, setResponsiveclose] = useState(false);\r\n    const toggleClass = () => {\r\n        setisMenu(isMenu === false ? true : false);\r\n        setResponsiveclose(isResponsiveclose === false ? true : false);\r\n    };\r\n\r\n    let boxClass = [\"main-menu menu-right menuq1\"];\r\n    if (isMenu) {\r\n        boxClass.push('menuq2');\r\n    } else {\r\n        boxClass.push('');\r\n    }\r\n\r\n    const [isMenuSubMenu, setMenuSubMenu] = useState(false);\r\n\r\n    const toggleSubmenu = () => {\r\n        setMenuSubMenu(isMenuSubMenu === false ? true : false);\r\n    };\r\n\r\n    let boxClassSubMenu = [\"sub__menus\"];\r\n    if (isMenuSubMenu) {\r\n        boxClassSubMenu.push('sub__menus__Active');\r\n    } else {\r\n        boxClassSubMenu.push('');\r\n    }\r\n\r\n    const chengeBackground = () => {\r\n        if (window.scrollY >= 200) {\r\n            setSticky(true);\r\n        } else {\r\n            setSticky(false);\r\n        }\r\n    };\r\n\r\n    window.addEventListener('scroll', chengeBackground);\r\n\r\n    return (\r\n        <Router>\r\n            <header className={sticky ? 'header__middle active' : 'header__middle'}>\r\n                <div className=\"container-fluid header__middle__container\">\r\n                    <div className=\"row\">\r\n                        <div className=\"header__content\">\r\n                            <div className=\"header__middle__logo\">\r\n                                <NavLink exact activeClassName='is-active' to=\"/\">\r\n                                    <img src={logo} alt=\"logo\" />\r\n                                </NavLink>\r\n                            </div>\r\n\r\n                            <div className=\"header__middle__menus\">\r\n                                <nav className=\"main-nav \">\r\n                                    {isResponsiveclose === true ? <>\r\n                                        <span className=\"menubar__button\" style={{ display: 'none' }} onClick={toggleClass}> <FiXCircle /> </span>\r\n                                    </> : <>\r\n                                        <span className=\"menubar__button\" style={{ display: 'none' }} onClick={toggleClass}> <FiAlignRight /> </span>\r\n                                    </>}\r\n\r\n                                    <ul className={boxClass.join(' ')}>\r\n                                        <li className=\"menu-item\">\r\n                                            <NavLink exact activeClassName='is-active' onClick={toggleClass} to=\"/\"> {t('nav_home')} </NavLink>\r\n                                        </li>\r\n                                        <li onClick={toggleSubmenu} className=\"menu-item sub__menus__arrows\">\r\n                                            <Link to=\"#\"> {t('nav_services')}  <FiChevronDown /> </Link>\r\n                                            <ul className={boxClassSubMenu.join(' ')}>\r\n                                                <li> <NavLink onClick={toggleClass} activeClassName='is-active' to=\"/itservices\"> {t('nav_it_services')} </NavLink> </li>\r\n                                                <li><NavLink onClick={toggleClass} activeClassName='is-active' to=\"/callcenter\"> {t('nav_call_center')} </NavLink> </li>\r\n                                                <li><NavLink onClick={toggleClass} activeClassName='is-active' to=\"/backoffice\"> {t('nav_back_office')} </NavLink> </li>\r\n                                                <li><NavLink onClick={toggleClass} activeClassName='is-active' to=\"/survey\"> {t('nav_survey')} </NavLink> </li>\r\n                                            </ul>\r\n                                        </li>\r\n                                        <li className=\"menu-item\">\r\n                                            <NavLink onClick={toggleClass} activeClassName='is-active' to=\"/Gallery\"> {t('nav_gallery')} </NavLink>\r\n                                        </li>\r\n                                        <li className=\"menu-item\">\r\n                                            <NavLink onClick={toggleClass} activeClassName='is-active' to=\"/Testimonials\"> {t('nav_testimonials')} </NavLink>\r\n                                        </li>\r\n                                        <li className=\"menu-item\">\r\n                                            <NavLink exact activeClassName='is-active' onClick={toggleClass} to=\"/bepartner\"> {t('nav_partner')} </NavLink>\r\n                                        </li>\r\n                                        <li className=\"menu-item\">\r\n                                            <NavLink exact activeClassName='is-active' onClick={toggleClass} to=\"/Contact\"> {t('nav_contact')} </NavLink>\r\n                                        </li>\r\n                                        <li className=\"menu-item\">\r\n                                            <a href=\"https://www.instagram.com/opus_cc/\" target='_blank' rel='noreferrer'>\r\n                                                <i className=\"fab fa-instagram social__icon\"></i> Instagram\r\n                                            </a>\r\n                                        </li>\r\n                                        <li className=\"menu-item\">\r\n                                            <div className=\"dropdown\">\r\n                                                <button className=\"btn btn-warning dropdown-toggle change__web__lang\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                                                    <i className=\"fas fa-language\"></i>\r\n                                                </button>\r\n                                                <ul className=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\r\n                                                    {languages.map(({ code, name, country_code }) => (\r\n                                                        <li key={country_code}>\r\n                                                            <button className=\"dropdown-item\" onClick={() => i18next.changeLanguage(code)}>\r\n                                                                {name}\r\n                                                            </button>\r\n                                                        </li>\r\n                                                    ))}\r\n                                                </ul>\r\n                                            </div>\r\n                                        </li>\r\n                                    </ul>\r\n                                </nav>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </header>\r\n\r\n            <Switch>\r\n                <Route path=\"/\" exact component={Home} />\r\n                <Route path=\"/itservices\" component={ItServices} />\r\n                <Route path=\"/callcenter\" component={CallCenter} />\r\n                <Route path=\"/backoffice\" component={BackOffice} />\r\n                <Route path=\"/survey\" component={Survey} />\r\n                <Route path=\"/Gallery\" component={Gallery} />\r\n                <Route path=\"/Testimonials\" component={Testimonials} />\r\n                <Route path=\"/bepartner\" component={BePartner} />\r\n                <Route path=\"/Contact\" component={Contact} />\r\n                {/* Add other routes here */}\r\n            </Switch>\r\n        </Router>\r\n    );\r\n}\r\n\r\nexport default Navbarmenu;\r\n","export default __webpack_public_path__ + \"static/media/img_.61dfa338.jpg\";","export default __webpack_public_path__ + \"static/media/img_1.4d15897f.jpg\";","export default __webpack_public_path__ + \"static/media/img_7.f8705b69.jpg\";","import React from 'react'\r\nimport './Content.css';\r\nimport { useEffect } from 'react';\r\n//=== Slick slider import here ===\r\nimport Slider from \"react-slick\";\r\n\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\n\r\nimport aboutimg1 from '../../../assets/Img/img_.jpg';\r\nimport aboutimg2 from '../../../assets/Img/img_1.jpg';\r\nimport aboutimg3 from '../../../assets/Img/img_7.jpg';\r\n\r\nimport { Container } from 'react-bootstrap';\r\n\r\n//=== translantion ===\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n\r\nconst Content = () => {\r\n\r\n    useEffect(() => window.scrollTo(0, 0), []);\r\n    //=== translantion function ===\r\n    const { t } = useTranslation()\r\n\r\n//=== Slisck slider settings ===\r\n    var settings = {\r\n        dots: true,\r\n        infinite: true,\r\n        speed: 1000,\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1\r\n      };\r\n\r\n    return (\r\n        <div className=\"about__us__description\">\r\n            <div className=\"aboutus__decoration\"></div>\r\n                <div className=\"container\">\r\n                    <div className=\"aboutus__desc__block\" data-aos='zoom-in'>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                <h3> {t('nav_about')} </h3>\r\n                                <p> <b> {t('company_name')} </b> {t('about_us_page')} </p>\r\n                            </div>\r\n                            <div className=\"col-12\">\r\n                                {/* === Add slick slider here === */}\r\n                                <div className=\"aboutus___images wrapper\" data-aos='zoom-out-down'>\r\n                                    <Container>\r\n                                        <Slider {...settings}>\r\n                                            <div>\r\n                                                <h3> <img src={aboutimg1} alt=\"Opus team \" /> </h3>\r\n                                            </div>\r\n                                            <div>\r\n                                                <h3> <img src={aboutimg2} alt=\"Opus team\" /> </h3>\r\n                                            </div>\r\n                                            <div>\r\n                                                <h3> <img src={aboutimg3} alt=\"Opus team\" /> </h3>\r\n                                            </div>\r\n                                        </Slider>\r\n                                    </Container>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            <div className=\"aboutus__decoration__2\"></div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Content\r\n","import React from 'react'\r\n\r\nimport Content from './About_us/content/Content';\r\nimport Footer from './footer/Footer';\r\n\r\nconst About = () => {\r\n       return (\r\n              <>\r\n                     <Content />\r\n                     <Footer />\r\n              </>\r\n       )\r\n}\r\n\r\nexport default About\r\n","import { createGlobalStyle } from \"styled-components\";\r\n\r\nexport const lightTheme = {\r\n    body: \"white\",\r\n    fontColor: \"#2C2E43\",\r\n};\r\n\r\nexport const darkTheme = {\r\n    body: \"#333654\",\r\n    fontColor: \"#F6F7F8\",\r\n    primary: \"#3d3f5c\",\r\n    switch: \"#ffe380\"\r\n};\r\n\r\nexport const GlobalStyles = createGlobalStyle`\r\n\r\n    .darkmode__lightmode__switch{\r\n        color: ${(props) => props.theme.switch};\r\n    }\r\n\r\n    \r\n    .call__center__page,\r\n    .it__services,\r\n    body {\r\n        background-color: ${(props) => props.theme.body};\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .is__services__card .card,\r\n    .call__center__card .card,\r\n    .triangle-topleft2, \r\n    .about__us__description .aboutus__desc__block,\r\n    .why__us,\r\n    .about__us__section,\r\n    .services__cards .card {\r\n        background-color: ${(props) => props.theme.primary};\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .it__services .is__services__card .card__tittle,\r\n    .it__services .is__services__card .card__description,\r\n    .call__center__page .call__center__card .card__tittle,\r\n    .call__center__page .call__center__card .card__description,\r\n    .contactus__tittle,\r\n    .about__us__description h3,\r\n    .about__us__description p,\r\n    .why__us__tittle h3,\r\n    .why__us__description,\r\n    .it__services__tittle h3,\r\n    .it__services__description li,\r\n    .call__center__tittle h3,\r\n    .call__center__description li,\r\n    .about__us__section h3,\r\n    .about__us__section p,\r\n    .card__dontent__description {\r\n        color: ${(props) => props.theme.fontColor};\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    `;","import React, {useState, useEffect} from 'react';\nimport ReactGA from 'react-ga';\n\n//=== import navbar ===\nimport Navbarmenu from './components/menu/Navbarmenu';\n\nimport {BrowserRouter as Router,Switch,Route} from \"react-router-dom\";\n\n//Impoer Cookie\nimport CookieConsent from \"react-cookie-consent\";\n\n// translantor \nimport { useTranslation } from 'react-i18next';\nimport './App.css';\n\n//=== import loader ===\nimport RingLoader from \"react-spinners/RingLoader\";\n\nimport Home from './components/Home';\nimport About from './components/About';\nimport itservices from './components/ItServices';\nimport callcenter from './components/CallCenter';\nimport survey from './components/Survey';\nimport backoffice from './components/BackOffice';\nimport BePartner from './components/BePartner';\nimport Contact from './components/Contact';\nimport Gallery from './components/Gallery';\nimport Testimonials from './components/Testimonials'\n\n//=== import on scroll animation ===\nimport AOS from 'aos';\nimport 'aos/dist/aos.css';\n\n//=== import darkmode styled component ===\nimport styled, { ThemeProvider } from 'styled-components';\nimport { lightTheme, darkTheme, GlobalStyles } from './themes.js';\n\nconst StyledApp = styled.div`\n  color: ${(props) => props.theme.fontColor};\n`;\n\nconst TRACKING_ID = \"UA-233402301-1\"; // TRACKING ID\n  ReactGA.initialize(TRACKING_ID);\n\nfunction App() {\n\n  //=== loader function ===\n  const [ loading, setLoading ] = useState(false);\n\n  //translantion function\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    setLoading(true)\n  }, [])\n\n  setTimeout(() => {\n    setLoading(false)\n  }, 1000)\n\n  //=== set theme darg & light ===\n  const [theme, setTheme] = useState(\"dark\")\n\n  const setMode = mode => {\n    window.localStorage.setItem('theme', mode)\n    setTheme(mode);\n  }\n\n  const themeToggler = () => {\n    theme === \"light\" ? setMode(\"dark\") : setMode(\"light\");\n  }\n\n  useEffect(() => {\n    const localTheme = window.localStorage.getItem('theme')\n    localTheme ? setTheme(localTheme) : setMode('light');\n  }, []);\n\n  //=== animate website on scroll ===\n  AOS.init()\n\n  return (\n    <div className=\"App\">\n      {\n        loading ? \n\n        <RingLoader className=\"loader__website\" color={\"#E4C865\"} loading={loading} size={150} />\n\n        :\n\n        <ThemeProvider theme={theme === \"light\" ? lightTheme : darkTheme}>\n          <Router basename=\"/\">\n\n            <StyledApp>\n                <button className=\"darkmode__lightmode__switch\" onClick={() => themeToggler()} > <i className=\"far fa-moon\"></i> </button>\n            </StyledApp>\n            {/* === Add Menu Component === */}\n            <Navbarmenu />\n            \n            <Switch> \n              <Route exact path=\"/\" component={Home}/>\n              <Route path=\"/About\" component={About}/>\n              <Route path=\"/itservices\" component={itservices}/>\n              <Route path=\"/callcenter\" component={callcenter}/>\n              <Route path=\"/survey\" component={survey}/>\n              <Route path='/gallery' component={Gallery} />\n              <Route path='/backoffice' component={backoffice} />\n              <Route path='/testimonials' component={Testimonials} />\n              <Route path=\"/bepartner\" component={BePartner}/>\n              <Route path=\"/Contact\" component={Contact}/>\n\n              \n            </Switch>\n\n            \n          </Router>\n      \n        <GlobalStyles />\n        <CookieConsent>{t('cookies')}</CookieConsent>\n\n      </ThemeProvider>\n\n      }\n\n    </div>\n  );\n}\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport reportWebVitals from './reportWebVitals';\n\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\n\n//=== thi is translantor ===\nimport i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport LanguageDetector from 'i18next-browser-languagedetector';\nimport HttpApi from 'i18next-http-backend';\n\nimport 'bootstrap/dist/js/bootstrap.js'\n\nimport 'bootstrap/dist/css/bootstrap.min.css'\n\nimport './index.css';\nimport App from './App';\n\ni18n\n  .use(initReactI18next) //=== passes i18n down to react-i18next ===\n  .use(LanguageDetector)\n  .use(HttpApi)\n  .init({\n    supportedLngs: ['en', 'it', 'al'],\n    fallbackLng: \"en\",\n    detection: {\n      order: ['cookie', 'htmlTag', 'localStorage', 'path', 'subdomain'],\n      caches: ['cookie'],\n    },\n    backend: {\n      loadPath: '/assets/locales/{{lng}}/translantion.json',\n    },\n    react: { useSuspense: false },\n  });\n\n//=== translantor end here ===\n\n\nReactDOM.render(\n      <App />,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}