{"version":3,"sources":["webpack:///./routes/home/style.scss","webpack:///./components/productsdemo/style.scss","webpack:///./components/productsdemo/index.js","webpack:///./components/clients/style.scss","webpack:///./components/clients/index.js","webpack:///./components/techPartners/style.scss","webpack:///./components/techPartners/index.js","webpack:///./routes/home/index.js","webpack:///./components/homeChat/style.scss","webpack:///./components/homeChat/index.js"],"names":["Productsdemo","Component","createRef","componentDidMount","setTimeout","this","setState","video1url","STATIC_BASE_URL","video2url","video3url","window","scrollCheck","scrollCheckWrp","bind","document","addEventListener","componentWillUnmount","removeEventListener","case1","current","getBoundingClientRect","bottom","innerHeight","video1","classList","contains","style","remove","video2","add","video3","case2","case3","top","render","props","state","className","ref","alt","src","href","BASE_URL","autoplay","loop","muted","autoPlay","Clients","clients","hsbc","pfizer","pepsi","philipmorris","forbes","ibm","tetrapak","lavazza","svarosky","yomiuri","vfs","triton","wmi","confcomm","quid","inaz","TechPartners","Home","handleYTRequest","id","console","log","ytCB","title","class","HomeChat","eventTarget","setEventTarget","useState","chatBooted","setChatBooted","wrpWrp","booted","circles","chatID","callback","command","e","name","onClick","source","postMessage","querloMessageType","varName","data","querloMessageBody","metaData","varContent","origin","target","getElementById","sendClickEvent","chatClickWrapper","micHoverWrp","mic","micIcon","micShadow"],"mappings":"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","file":"route-home.chunk.1dbe1.esm.js","sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"prods\":\"prods__W3zNM\"};","// extracted by mini-css-extract-plugin\nexport default {\"prodsDemo\":\"prodsDemo__diozV\",\"numbers\":\"numbers__V3TJE\",\"butt\":\"butt__aQbAp\",\"descr\":\"descr__+CJHe\",\"demo\":\"demo__XeQ50\",\"hide\":\"hide__oRgbo\",\"demoWrp\":\"demoWrp__3Zyzv\"};","import {Component, h, createRef} from 'preact';\nimport style from './style.scss';\n\nimport { BASE_URL, STATIC_BASE_URL } from \"../../config\";\nimport { Link } from 'preact-router/match';\n\nexport default class Productsdemo extends Component {\n\tcase1 = createRef();\n\tcase2 = createRef();\n\tcase3 = createRef();\n\t// case4 = createRef();\n\tvideo1 = createRef();\n\tvideo2 = createRef();\n\tvideo3 = createRef();\n\t// video4 = createRef();\n\n\tcomponentDidMount() {\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\tvideo1url: STATIC_BASE_URL + 'public/hr-ipad.mp4',\n\t\t\t\tvideo2url: STATIC_BASE_URL + 'public/leadgen.mp4',\n\t\t\t\tvideo3url: STATIC_BASE_URL + 'public/chatbotstudio.mp4'\n\t\t\t});\n\t\t}, 1500);\n\n\t\tif (typeof window !== 'undefined') {\n\t\t\tthis.scrollCheck();\n\t\t\tthis.scrollCheckWrp = this.scrollCheck.bind(this);\n\t\t\tdocument.addEventListener('scroll', this.scrollCheckWrp, false);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener('scroll', this.scrollCheckWrp, false);\n\t}\n\n\tscrollCheck() {\n\t\t// console.log(this.case1.current.getBoundingClientRect())\n\n\t\tif (this.case1 &&\n\t\t\ttypeof this.case1.current &&\n\t\t\tthis.case1.current.getBoundingClientRect().bottom > window.innerHeight / 2 &&\n\t\t\tthis.video1.current.classList.contains(style.hide))\n\t\t{\n\t\t\tthis.video1.current.classList.remove(style.hide);\n\t\t\tthis.video2.current.classList.add(style.hide);\n\t\t\tthis.video3.current.classList.add(style.hide);\n\t\t\tthis.case1.current.classList.remove('inactive');\n\t\t\tthis.case2.current.classList.add('inactive');\n\t\t\tthis.case3.current.classList.add('inactive');\n\n\t\t}\n\n\t\tif ( this.case2\n\t\t&& this.case2.current\n\t\t&& this.case2.current.getBoundingClientRect().top < window.innerHeight / 2\n\t\t&& this.video2.current.classList.contains(style.hide)\n\t\t&& this.case2.current.getBoundingClientRect().bottom > window.innerHeight / 2 ) {\n\t\t\tthis.video1.current.classList.add(style.hide);\n\t\t\tthis.video2.current.classList.remove(style.hide);\n\t\t\tthis.video3.current.classList.add(style.hide);\n\t\t\tthis.case1.current.classList.add('inactive');\n\t\t\tthis.case2.current.classList.remove('inactive');\n\t\t\tthis.case3.current.classList.add('inactive');\n\t\t}\n\n\t\tif ( this.case3\n\t\t&& this.case3.current\n\t\t&& this.case3.current.getBoundingClientRect().top < window.innerHeight / 2\n\t\t&& this.video3.current.classList.contains(style.hide)\n\t\t&& this.case3.current.getBoundingClientRect().bottom > window.innerHeight / 2 ) {\n\t\t\tthis.video1.current.classList.add(style.hide);\n\t\t\tthis.video2.current.classList.add(style.hide);\n\t\t\tthis.video3.current.classList.remove(style.hide);\n\t\t\tthis.case1.current.classList.add('inactive');\n\t\t\tthis.case2.current.classList.add('inactive');\n\t\t\tthis.case3.current.classList.remove('inactive');\n\t\t}\n\t}\n\n\trender (props, state) {\n\t\treturn <div className={style.prodsDemo}>\n\t\t\t<div className={style.descr} ref={this.case1}>\n\t\t\t\t<h3>\n\t\t\t\t\t<img alt=\"illustration\" src={ STATIC_BASE_URL + 'public/products-chatbot-assistant.png' } /> Querlo HR\n\t\t\t\t</h3>\n\t\t\t\t<p>Empower your HR department with AI.<br />Seamlessly integrate with your existing HR processes.</p>\n\t\t\t\t<ul>\n\t\t\t\t\t<li><div className={style.numbers}><span>-</span>20<span>%</span></div><span>costs</span></li>\n\t\t\t\t\t<li><div className={style.numbers}><span>&lt;</span>1<span>min.</span></div><span>average response time</span></li>\n\t\t\t\t\t<li><div className={style.numbers}><span>+</span>30<span>%</span></div><span>Employees satisfaction</span></li>\n\t\t\t\t</ul>\n\t\t\t\t<Link className={style.butt + ' butt'} href={BASE_URL + 'products/hr-assistant'}>Learn more</Link>\n\t\t\t</div>\n\t\t\t<div className={style.demo} ref={this.video1}>\n\t\t\t\t<div className={style.demoWrp}>\n\t\t\t\t\t<div className=\"frame ipad\">\n\t\t\t\t\t\t<img className=\"frameImg\" src={STATIC_BASE_URL + 'public/frame_ipad.png'} alt=\"Chatbot Studio\" />\n\t\t\t\t\t\t<div className=\"inframeWrp\">\n\t\t\t\t\t\t\t<video autoplay loop muted className=\"inframe\" src={state.video1url} alt=\"HR video\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className={style.descr} ref={this.case2}>\n\t\t\t\t<h3><img alt=\"illustration\" src={ STATIC_BASE_URL + 'public/products-leadgen.png' } /> Lead Gen</h3>\n\t\t\t\t<p>An AI Chatbot with a dedicated dashboard to streamline your lead generation.</p>\n\t\t\t\t<ul>\n\t\t\t\t\t<li><div className={style.numbers}><span>+</span>25<span>%</span></div><span>website conversion rate</span></li>\n\t\t\t\t\t<li><div className={style.numbers}><span>-</span>2<span>min.</span></div><span>average time to goal</span></li>\n\t\t\t\t\t<li><div className={style.numbers}><span>+</span>30<span>%</span></div><span>user satisfaction</span></li>\n\t\t\t\t</ul>\n\t\t\t\t<Link className={style.butt + ' butt'} href={BASE_URL + 'products/online-lead-gen'}>Learn more</Link>\n\t\t\t</div>\n\t\t\t<div className={style.demo + ' ' + style.hide} ref={this.video2}>\n\n\t\t\t\t<div className={style.demoWrp}>\n\t\t\t\t\t<div className=\"frame ipad\">\n\t\t\t\t\t\t<img className=\"frameImg\" src={STATIC_BASE_URL + 'public/frame_ipad.png'} alt=\"Chatbot Studio\"/>\n\t\t\t\t\t\t<div className=\"inframeWrp\">\n\t\t\t\t\t\t\t<video autoPlay loop muted className=\"inframe\" src={state.video2url} alt=\"Chatbot Studio video\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t</div>\n\n\t\t\t<div className={style.descr} ref={this.case3}>\n\t\t\t\t<h3><img alt=\"illustration\" src=\"https://static.Querlo.com/images/public/products-chatbot-studio.png\" /> Chatbot Studio</h3>\n\t\t\t\t<p>Visually create your chatbots.</p>\n\t\t\t\t<ul>\n\t\t\t\t\t<li><div className={style.numbers}>25</div><span>different type of nodes</span></li>\n\t\t\t\t\t<li><div className={style.numbers}><i className=\"fa fa-language\" /></div><span>leverage with leading NLU services</span></li>\n\t\t\t\t\t<li><div className={style.numbers}><i className=\"fa fa-users\" /></div><span>collaborate seamlessly with your team</span></li>\n\t\t\t\t\t<li><div className={style.numbers}><i className=\"fa fa-th-large\" /></div><span>split complex workflows in functional containers</span></li>\n\t\t\t\t\t<li><div className={style.numbers}><i className=\"fa fa-server\" /></div><span>demand advanced logics to your favourite server scripting language</span></li>\n\t\t\t\t</ul>\n\t\t\t\t<Link className={style.butt + ' butt'} href={BASE_URL + 'products/chatbot-studio'}>Learn more</Link>\n\t\t\t</div>\n\t\t\t<div className={style.demo + \" \" + style.hide} ref={this.video3}>\n\n\t\t\t\t<div className={style.demoWrp}>\n\t\t\t\t\t<div className=\"frame ipad\">\n\t\t\t\t\t\t<img className=\"frameImg\" src={STATIC_BASE_URL + 'public/frame_ipad.png'} alt=\"Chatbot Studio\" />\n\t\t\t\t\t\t<div className=\"inframeWrp\">\n\t\t\t\t\t\t\t<video autoplay loop muted className=\"inframe\" src={state.video3url}\n\t\t\t\t\t\t\t\t\t\t alt=\"Chatbot Studio video\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t</div>\n\n\t\t</div>\n\t}\n\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"clients\":\"clients__Cw44Z\",\"tetrapak\":\"tetrapak__PsEyo\",\"vfs\":\"vfs__77LU0\",\"philipmorris\":\"philipmorris__EhReA\",\"svarosky\":\"svarosky__18Fj7\",\"hsbc\":\"hsbc__7rCJ8\",\"yomiuri\":\"yomiuri__gRSBB\",\"pepsi\":\"pepsi__1s5xY\",\"lavazza\":\"lavazza__9tmmA\",\"forbes\":\"forbes__9+pr1\",\"pfizer\":\"pfizer__X26Cp\",\"confcomm\":\"confcomm__gPMZo\",\"quid\":\"quid__556Q1\",\"inaz\":\"inaz__2O8y5\",\"wmi\":\"wmi__0knnA\"};","import { h } from 'preact';\nimport style from './style.scss';\nimport { STATIC_BASE_URL } from \"../../config\";\n\nconst Clients = () => (\n\t<div className=\"clientsWrp\">\n\t\t<section className={style.clients}>\n\t\t\t<h2>Our Clients</h2>\n\t\t\t<ul>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.hsbc} src={STATIC_BASE_URL + 'public/clients_hsbc.jpg'} alt=\"HSBC\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.pfizer} src={STATIC_BASE_URL + 'public/clients_pfizer.png'} alt=\"Pfizer\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.pepsi} src={STATIC_BASE_URL + 'public/clients_pepsi.jpg'} alt=\"Pepsi\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.philipmorris} src={STATIC_BASE_URL + 'public/clients_philip-morris-international.jpg'}\n\t\t\t\t\t\t\t alt=\"Philip Morris International\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.forbes} src={STATIC_BASE_URL + 'public/clients_forbes.png'} alt=\"FORBESE\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.ibm} src={STATIC_BASE_URL + 'public/clients_ibm.png'} alt=\"IBM\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.tetrapak} style=\"\" src={STATIC_BASE_URL + 'public/clients_tetra-pak.jpg'}\n\t\t\t\t\t\t\t alt=\"Tetra Pak\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.lavazza} src={STATIC_BASE_URL + 'public/clients_lavazza.png'} alt=\"Lavazza\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.svarosky} src={STATIC_BASE_URL + 'public/clients_svarosky.jpg'} alt=\"Svarosky\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.yomiuri} src={STATIC_BASE_URL + 'public/clients-the-yomiuri-shimbun.jpg'}\n\t\t\t\t\t\t\t alt=\"Yomiuri Shimbun\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.vfs} src={STATIC_BASE_URL + 'public/clients_vfs.png'} alt=\"VFS.Global\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.triton} src={STATIC_BASE_URL + 'public/clients_triton.png'} alt=\"Triton\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.wmi} src={STATIC_BASE_URL + 'public/brands/warner-music-italy.png'} alt=\"Warner Music Italia\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.confcomm} src={STATIC_BASE_URL + 'public/brands/confcommercio.png'} alt=\"Confcommercio\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.quid} src={STATIC_BASE_URL + 'public/brands/quid-informatica.png'} alt=\"Quid Informatica\"/></li>\n\t\t\t\t<li>\n\t\t\t\t\t<img className={style.inaz} src={STATIC_BASE_URL + 'public/brands/inaz.png'} alt=\"Inaz\"/></li>\n\t\t\t</ul>\n\t\t</section>\n\t</div>\n);\n\nexport default Clients;\n","// extracted by mini-css-extract-plugin\nexport default {\"techPartners\":\"techPartners__BaL9u\",\"rpm\":\"rpm__qSAw8\"};","import { h } from 'preact';\nimport style from './style.scss';\nimport { STATIC_BASE_URL } from \"../../config\";\n\nconst TechPartners = () => (\n  <div className=\"clientsWrp\">\n    <section className={style.techPartners}>\n      <h2>Technology Partners</h2>\n      <ul>\n        <li>\n          <img src={STATIC_BASE_URL + 'public/brands/Microsoft.png'} alt=\"Microsoft\"/>\n        </li>\n        <li>\n          <img src={STATIC_BASE_URL + 'public/brands/IBM.png'} alt=\"IBM\"/>\n        </li>\n        <li>\n          <img src={STATIC_BASE_URL + 'public/brands/OpenAI.png'} alt=\"OpenAI\"/>\n        </li>\n        <li>\n          <img className={style.rpm} src={STATIC_BASE_URL + 'public/partners/readyplayerme.png'} alt=\"Ready Player Me\"/>\n        </li>\n      </ul>\n    </section>\n  </div>\n);\n\nexport default TechPartners;\n","import {Component, h} from 'preact';\nimport style from './style';\n\nimport Productsdemo from \"../../components/productsdemo\";\nimport Clients from \"../../components/clients\";\n// import Carouselhome from \"../../components/carouselhome\";\nimport TechPartners from \"../../components/techPartners\";\nimport HomeChat from \"../../components/homeChat\";\n\nexport default class Home extends Component {\n\n\thandleYTRequest (id) {\n\t\tconsole.log(id)\n\t\tthis.props.ytCB(id);\n\t}\n\n\trender() {\n\t\treturn <div id=\"home\">\n\t\t\t{/*<div class=\"mainWrp\">\n\t\t\t\t<section style=\"display:block\">\n\t\t\t\t\t<Carouselhome ytCB={ this.handleYTRequest.bind(this) } />\n\t\t\t\t</section>\n\t\t\t</div>*/}\n\n\t\t\t<HomeChat />\n\n\t\t\t<div className=\"mainWrp\">\n\t\t\t\t<section>\n\t\t\t\t\t<h2>Welcome to Querlo Customized Artificial Intelligence Solutions</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tQuerlo is a customized <abbr title=\"Artificial Intelligence\">AI</abbr> solutions company that provides end-to-end services, from consulting to development and implementation. We specialize in Chatbot and Digital Assistant development, integrated with enterprise and business intelligence platforms.\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<p>\n\t\t\t\t\t\tWe have experience managing <abbr title=\"Natural Language Understanding\">NLU</abbr>, <abbr title=\"Natual Language Processing\">NLP</abbr> and <abbr title=\"Natural Language Generation\">NLG</abbr> solutions such as OpenAI and ChatGPT. Our partnerships with leading tech companies ensure we provide the latest technologies and tools.\n\t\t\t\t\t</p>\n\t\t\t\t</section>\n\t\t\t</div>\n\n\t\t\t<section class=\"full\">\n\t\t\t\t<p>\n\t\t\t\t\tPart of the Querlo intellectual property includes the Querlo Chatbot Studio that allows for construction of sophisticated Chatbots and conversational AI solutions.\n\t\t\t\t</p>\n\t\t\t</section>\n\n\t\t\t<TechPartners/>\n\n\t\t\t<section className=\"full\">\n\t\t\t\t<p>\n\t\t\t\t\tQuerlo is a trusted partner for clients seeking to leverage AI for growth and innovation. We provide ongoing support to ensure the solution meets the client's needs and evolves with their business.\n\t\t\t\t</p>\n\t\t\t</section>\n\n\t\t\t<Clients/>\n\n\n\n\t\t\t<div class={ style.prods + ' full grey'}>\n\t\t\t\t<div class=\"mainWrp\">\n\t\t\t\t\t<h2>Automate your processes to increase your revenues with our Virtual Assistants</h2>\n\n\t\t\t\t\t<Productsdemo />\n\n\t\t\t\t</div>\n\t\t\t</div>\n\n\n\t\t</div>\n\t}\n\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrpWrp\":\"wrpWrp__tcsjx\",\"enteringChat\":\"enteringChat__qNE5f\",\"booted\":\"booted__TtRAB\",\"chatClickWrapper\":\"chatClickWrapper__-phC9\",\"mic\":\"mic__7NjqQ\",\"circle-size\":\"circle-size__JFrLb\",\"micIcon\":\"micIcon__UBZiX\",\"micShadow\":\"micShadow__kPp3Z\",\"circles\":\"circles__Pr0-L\",\"scroll\":\"scroll__nqUAC\"};","import style from './style.scss';\nimport Chatwrp from \"../chatwrp\";\nimport {useState} from \"preact/compat\";\n\nconst HomeChat = () => {\n\tconst [eventTarget, setEventTarget] = useState(null);\n\tconst [chatBooted, setChatBooted] = useState(false);\n\n\tconst handleChatCallback = (command, e) => {\n\t\tif (command.name === 'WAIT-FOR-USER-CLICK') {\n\t\t\tsetEventTarget(e);\n\t\t}\n\t}\n\n\tconst sendClickEvent = () => {\n\t\teventTarget.source.postMessage({\n\t\t\tquerloMessageType: 'SET-CHAT-VARIABLE',\n\t\t\tvarName: eventTarget.data.querloMessageBody.metaData.varName,\n\t\t\tvarContent: \"1\"\n\t\t}, eventTarget.origin);\n\t\tif (typeof window !== 'undefined') {\n\t\t\tconst target = document.getElementById(\"appWrp\");\n\t\t\tconsole.log(target);\n\t\t\ttarget.classList.add(\"digitaltwin\");\n\t\t}\n\t\tsetChatBooted(true);\n\t}\n\n\tconst close = () => {\n\t\tconsole.log(\"closing\");\n\t\tsetChatBooted(false);\n\t}\n\n\treturn <div className={`mainWrp ${style.wrpWrp} ${chatBooted ? `expandimi ${style.booted}` : \"\"}`}>\n\t\t{/*{chatBooted && <button onClick={close} className={style.closePopup + ' close animated fadeInDown'}>\n\t\t\t<i className=\"close fa fa-times\">&nbsp;</i>\n\t\t</button>}*/}\n\t\t<ul className={style.circles}>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t\t<li></li>\n\t\t</ul>\n\t\t<Chatwrp chatID=\"VZ9TJh_\" callback={handleChatCallback} />\n\t\t{!chatBooted && <div onClick={() => sendClickEvent()} className={style.chatClickWrapper}>\n\t\t\t{/*<button className={\"button-glow \" + style.ctaButton}>Talk to me.</button>*/}\n\t\t\t<div style={style.micHoverWrp}>\n\t\t\t\t<div className={style.mic}>\n\t\t\t\t\t<div className={style.micIcon}>\n\t\t\t\t\t\t<i className=\"fa fa-microphone-alt\"></i> <span>Let's Talk!</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={`${style.micShadow} shadowRotate`}></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</div>}\n\t</div>\n}\n\nexport default HomeChat;\n"],"sourceRoot":""}