Data Privacy Policy
Privacy PolicyPrivacy Policy1 / Data Privacy PolicyThis website is owned, operated and maintained by AKSOR (hereinafter “ACRELEC”), SAS (simplified joint-stock company), having its registered office at 3 Rue Louis De Broglie Zac l’Esplanade, 77400 Saint-Thibault-Des-Vignes, registered with the Meaux Trade and Companies Register under number 453 689 978. At ACRELEC, the protection of privacy and personal data is essential to meeting the expectations and keeping the trust of users of the website https://www.acrelec.com . ACRELEC therefore take all necessary precautions and appropriate technical and organisational measures to ensure the security and confidentiality of your Personal Data and in particular prevent them from being altered, damaged or accessed by unauthorised parties. This Data Privacy Policy is designed to help you understand how we collect, use and protect your Personal Data through our Website at https://www.acrelec.com and its subdomains or any URL that may be substituted for it later (hereinafter “Website”), as well as in any search done or form sent on said Website, and/or any use of said Website by the User and the means at Your disposal to control this use. “Personal Data” means any information relating to any natural person who is directly or indirectly identified or identifiable as defined by Article 4 of European Regulation (EU) 2016/679, known as the “General Data Protection Regulation” or “GDPR”. The Website is not intended to receive confidential information from Users. Consequently, any information, in any form – document, data, graph, question, suggestion, concept, design, remark, form or other – communicated on the Website will in no case be considered confidential. This Policy does not apply to any third party websites mentioned on the Website. We recommend that you carefully review the confidentiality policies of each website you visit to understand how they collect, use, and disclose information. 2 / Method for collecting Personal DataWe may collect and process the following Personal Data: Information you provide us when filling out free fields or forms, surveys on our Website https://www.acrelec.com. We may also collect information when you report a problem with our Website. If you contact us, we may keep a record of that correspondence. As a visitor to our Website, you can access certain features without having to provide any Personal Information about yourself. However, the Personal Data collected are limited to Personal Data that are strictly necessary for the purposes set out in section 3 below. You are free to provide all or part of your Personal Data or not. No personal data is collected unless you have voluntarily decided to transmit it. Data of minors ACRELEC does not intend to accommodate an audience of children under 18 years or to collect their Personal Data. However, if this were to occur, ACRELEC undertakes to take the necessary measures to obtain parental consent to the processing of such data, to protect them and to consider them as sensitive. 3 / "Contact form" informationThe information collected in the contact form is transmitted voluntarily by the User who wishes to be contacted by ACRELEC and is stored by ACRELEC in a computerised file to manage its customer database. It is kept for two (2) months for contact purposes and is used by the marketing and/or sales departments of ACRELEC. No personal information of the user of the Website is used without consent of the User, exchanged, transferred, assigned or sold on any support to any third party. Only in the event of an acquisition of ACRELEC or another transaction involving the transfer of its rights would the transmission of such information to the prospective buyer be allowed. The prospective buyer would in turn be held to the same obligation of confidentiality, retention and modification of the data toward the User of the Website. a. Purposes of processing Your Personal Data may be collected for the purposes of the activities of ACRELEC, which include customer relationship and supplier management (contact form). b. Retention period Unless specified otherwise, the Personal Data collected will be retained for a period of two (2) months. When they are no longer retained, the Personal Data will be destroyed. c. Sharing of your Personal Data with recipients We may need to share your Personal Data with the other entities of the ACRELEC group if necessary to respond to your request. ACRELEC will not share your Personal Data with any other third parties unless specifically requested by you or if required by law or regulations. Any distribution or sale of your Personal Data is excluded. d. Transfer of Personal Data Unless you contact an ACRELEC entity established outside the European Union or unless required by law, ACRELEC will not transfer your Personal Data outside the European Union or outside the country where data is collected without informing you in advance. 4 / "Recruitment form" informationThis Privacy Policy defines and informs you of the manner in which ACRELEC uses and protects the personal data that you transmit to it in connection with your recruitment. We implement technical and organizational measures to protect your personal data. ACRELEC and third parties (subcontractors, service providers) working for us who need to know the personal data shall comply with strict standards in terms of security and protection of your Personal Data. In accordance with the General Data Protection Regulation (GDPR) adopted by the European Parliament on 14 April 2016, ACRELEC informs you of the following: a. Identity of the data controller The data controller is the company AKSOR (hereinafter “ACRELEC”) SAS (simplified joint-stock company), having its registered office at 3 Rue Louis De Broglie Zac l’Esplanade, 77400 Saint-Thibault-Des-Vignes, registered with the Meaux Commercial and Companies Register under number 453 689 978. When the terms “we” or “our” are used, these include ACRELEC. b. Purpose of the processing In the context of recruitment, ACRELEC may process your Personal Data for the purposes of: Managing your recruitment ACRELEC only processes your Personal Data if you consent to it or if this processing is based on one of the following legal premises: the processing is necessary for the execution of pre-contractual measures taken at your request the processing is necessary for ACRELEC to comply with one of its legal obligations c. Recipients ACRELEC may work with a service provider to manage the recruitment process. The information provided in this case are those that you voluntarily provide to us when submitting your application. ACRELEC is the recipient of your Personal Data provided that your Personal Data may be transmitted: to our counsels and lawyers to the subcontracting company NIBELIS d. Retention period Your Personal Data are kept by ACRELEC for the period corresponding to the purpose of the collection as indicated in section 3 above, which cannot in any case exceed 2 years if the outcome of your application is negative. ACRELEC will not retain them longer than necessary, and when it no longer needs them, it will destroy them or make them completely anonymous. e. Transfer of personal data Unless you apply for a job outside of the European Union or unless required by law, ACRELEC will not transfer your Personal Data outside the European Union or outside the country where data is collected without your prior consent. f. Your rights In addition to the rights set out in section 5 “Your rights” concerning your Personal Data, you may exercise your rights by writing to us at the following postal address: AKSOR DRH 2, rue Louis de Broglie 77400, Saint-Thibault-des-Vignes France Due to the obligation of ACRELEC to ensure security and confidentiality in the processing of Personal Data, Your request will only be processed if you provide proof of your identity. 5 / Your rightsACRELEC has implemented appropriate personal data protection measures to ensure that the data are used for the purposes described in section 3 and to guarantee that they are accurate and kept up-to-date. Thus, we commit to allow you to exercise the rights listed below. You can make a request by any of the means indicated in the contact section or by using our online form. Right of access, rectification, erasure and restriction of processing of your Personal Data You have the right to request to access, rectify, update and delete your Personal Data as well as to restrict processing of your Personal Data subject to compliance with applicable regulations. Right to portability You have the right to request to receive certain Personal Data about you in a structured, commonly used and machine readable format. Right to object In compliance with applicable regulations, you have the right to object the processing of your Personal Data at any time for reasons related to your particular situation. Right to lodge a complaint with a supervisory authority If you believe that ACRELEC is not complying with this Data Privacy Policy or your rights are not adequately protected, you have the right to lodge a complaint with a supervisory authority. The French Data Protection Authority is the “Commission Nationale de l’Informatique et des Libertés” or “CNIL”, postal address: 3 place de Fontenoy – TSA 80715 -75334 Paris Cedex 07, France; phone number : +33 (0)1 53 73 22 22 ; website : http://www.cnil.fr). In the UK, the Data Protection Authority is the Information Commissioner’s Office “ICO”, postal address: Wycliffe House, Water Lane, Wilmslow, Cheshire, SK9 5AF, United-Kingdom; phone number: 01625 545 745; website: https://ico.org.uk. In any case, do not hesitate to contact us at the following address: data.privacy@acrelec.com 6 / ContactWe invite you to contact us with any questions regarding this Data Privacy Policy and to assert your rights if necessary at the following address: By email: data.privacy@acrelec.com By post: AKSOR Data Protection Officer 2, rue Louis de Broglie 77400, Saint-Thibault-des-Vignes France 7 / Effective date and revision of the Data Privacy PolicyThis Data Privacy Policy is effective as of October 1, 2018 and may be updated on this page according to the needs of ACRELEC or legal and regulatory requirements. In the event of a substantial change, we undertake to inform you as soon as possible on our Website. This Data Privacy Policy supersedes all prior notices or statements regarding the same subject.
K27
Meet K27In the past few years, we have been building the user experience of tomorrow. We are not making simple touchscreen ordering interfaces, we are creating experiences revolving around the human being. Our lastest innovation, the K27, is the perfect balance between technology and design. Our vision of SlimThinner than ever’The K27‘s sleeker design offers many additional opportunities, such as increasing the number of kiosks in a location to handle more transactions and making self-ordering kiosks available in smaller locations where a standard size cannot be used. The perfect blend of technology & designWe have compiled all our expertise to provide you the best. Several years of research and technology have led to the most discrete ordering touchscreen we have ever built. We took an extreme approach to optimize components so they can fit together in a smaller space. https://acrelec.com/wp-content/uploads/2019/10/cpu-1.pngIntel core i5 processorA powerful and balanced processor developed to provide fluidity and speed to the ordering experience.https://acrelec.com/wp-content/uploads/2019/10/maximize.png27 inch displayHigh quality HD LCD display. Wide color gamut.https://acrelec.com/wp-content/uploads/2019/10/screen.pngOptional integrated cameraBy adding Facial Recognition to your customer’s journey, you can increase total sales with personalized suggestive selling, offer Glance Pay, customized loyalty programs, and much more.Easy maintenanceTime is money and every moment is precious. This is why we have engineered the K27 with our easy-swap components. Your own staff can quickly and easily switch out components, should the need arise. In a few minutes, whether day or night, you will be able to replace any key component of your self-ordering kiosk. Customize the K27 to fit the look and feel of your business. Work with our expert design team to fit your current design, or create a new look. It’s up to you. K27 can be used in a variety of implementations, from self-ordering to informational to self-service and more. ArrayQSRArrayRETAILArrayK27Its simple design, which you can customize to represent your brand, can become the most productive component in your store. We truly have pulled from our deep knowledge of kiosks, to provide you the perfect solution. Its 27 inch HD display delivers the very best viewer experience for your customers. The best way to elegantly present your products in an efficient manner. Adapt any EFT to the K27, take any cashless payment like Apple Pay, Google pay, wechat, etc. Manage loyalty programs via barcode scanner. The best of innovation in self-ordering kiosksUltra-thin Bezel with Superior Quality DisplayThe latest payment systems & scanner technologiesUnique & highly customizableicon-ac-playhttps://acrelec.com/wp-content/uploads/2019/11/01_Corps_200-1.png0https://acrelec.com/wp-content/uploads/2019/10/scanner.png1951https://acrelec.com/wp-content/uploads/2019/10/03_Scanner_200.png195https://acrelec.com/wp-content/uploads/2019/10/core_i5.png1381https://acrelec.com/wp-content/uploads/2019/10/04_PC_200.png138https://acrelec.com/wp-content/uploads/2019/10/thermal_printer.png531https://acrelec.com/wp-content/uploads/2019/10/06_Papier_200.png53https://acrelec.com/wp-content/uploads/2019/11/05_Ecran_Facade_200-Copie-1.png368https://acrelec.com/wp-content/uploads/2019/10/eft.png4801https://acrelec.com/wp-content/uploads/2019/11/02_TPE_200.png538https://acrelec.com/wp-content/uploads/2019/11/01_Corps_200-Copie-1.png0https://acrelec.com/wp-content/uploads/2019/11/05_Ecran_Facade_200.png368Want to know more? K27 155mm depth 386mm width ADDIE 171mm depth 171mm width
Payment
PaymentPayment processingInformationPieces of information required in this form are mandatory to process online payment by ACRELEC customers. Any payment is only intended to HYPERACTIVE TECHNOLOGIES INC., 5490 Campbells Run Road – Pittsburgh, PA 15205 – USA. When you confirm payment, your personal information is processed by HYPERACTIVE TECHNOLOGIES INC. and all data collected (payment amount, reference, card number, expiration date and security code, full name, email, address, city, state, zip code) is transmitted to the Paya Inc. credit card company. No data is transferred outside of the USA. Please note that your information is retained: – by Paya Inc. for 18 months from payment; – by HYPERACTIVE TECHNOLOGIES INC., except for credit card related information, for 18 months as well. Please note that ACRELEC and the credit card company follow the Payment Card Industry Data Security Standard (PCI DSS) when handling your data. By placing a payment I confirm that I have read ACRELEC’s Privacy Policy and Cookies Policy. Want to make a payment?
Legal Notice
Legal Notice This website is owned, operated and maintained by AKSOR (hereinafter “ ACRELEC”), SAS (simplified joint-stock company) with capital of € 1,112,768.00, having its registered office at 3 Rue Louis De Broglie Zac l’Esplanade, 77400 Saint-Thibault-Des-Vignes, registered with the Meaux Trade and Companies Register under number 453 689 978. Intracommunity VAT number of the company: FR 90 453 689 978 Tel: +33 (0) 1 72 03 24 10 Publication director: AKSOR, represented by its President, Mr. Christophe NAILLOT. Website host: AKSOR 3, rue Louis de Broglie 77400, Saint-Thibault-des-Vignes France Meaux Trade and Companies Register number 453 689 978 Tel: +33 (0) 1 72 03 24 10 Email: info@acrelec.com Website developer: NEK. by Nadya Jahan www.nadyajahan.com Email : hello@nadyajahan.com General Terms and Conditions of Use These terms and conditions of use apply to the website www.acrelec.com or any URL, domain or subdomain that may subsequently replace it (hereinafter “ the Website ”), as well as any search carried out on said Website, and/or any use of said Website by the internet user who connects to it (hereinafter “ the User ”). Acceptance The information and content offered on the Website are provided subject to these terms and conditions. Your access to and use of the Website constitute full acceptance of such terms and conditions. Purpose of the Website The Website is intended to provide information about the ACRELEC Group, its subsidiaries, organisation, and the products and services offered by its divisions. This information represents only a presentation of ACRELEC’s products and services and is not contractual. Please contact ACRELEC directly to conclude any form of contractual agreement. Modification of the General Terms and Conditions of Use ACRELEC may modify these Terms and Conditions of Use at any time without notice. You are therefore encouraged to read them regularly. Copyrights and intellectual property rights The Website is owned and operated by ACRELEC which owns or has the necessary rights to use all the intellectual property rights to the Website, its components and contents, as well as database producer rights, or has the necessary rights for their use and is responsible for data processing. The presentation and each of the elements (including but not limited to texts, visuals, photographs, videos, databases, images, legends, logos, designs, models, trademarks, domain names, etc.) that appear on the Website are the property of ACRELEC and its licensors and are protected by laws protecting intellectual property rights. The User is authorised to view the Website and its pages in accordance with the proposed navigation. All rights not expressly granted are reserved. ACRELEC and its logo are registered trademarks of AKSOR SAS and its subsidiaries. No component of the website https://www.acrelec.com may be copied, reproduced, extracted, modified, republished, loaded, misrepresented, transmitted, disseminated or distributed in any manner whatsoever, on any medium whatsoever, in whole or in part, without the prior written authorisation of ACRELEC and subject to respect for the intellectual property rights and any other proprietary rights mentioned. Private use of the Website is only authorized for personal, private and non-commercial purposes, as well as to learn more about the products and services of ACRELEC. Any unauthorized reproduction of any element of the Website as well as any extraction of data and databases included in the Website are strictly prohibited and could be subject to prosecution for counterfeiting within the meaning of Article L. 335-2 et seq. of the French Intellectual Property Code and/or for infringement of ACRELEC’s rights or even infringement of the rights of its licensors and/or third parties possibly subject to a right to compensation of such parties, and/or also for unfair competition. Any expressly authorized use of the elements composing or appearing on the Website must be done without denaturing, modifying or altering them in any way whatsoever, and on the condition of systematically citing the authorship and source of the content (acrelec.com). Contact and recruitment form ACRELEC offers a service to users of the Website wishing to request commercial information and a recruitment form. Click here for information relating to the processing of your personal data. Warranties and liability ACRELEC makes every effort to ensure that the information and content published on the Website is accurate, lawful and up-to-date. The User is solely responsible for damages of any nature whatsoever arising from the interpretation or use – whether fraudulent or not – of the information and/or documents found on the Website. The User renounces all claims or legal actions relating to such damages on the basis of ACRELEC’s contractual liability in its capacity as the publisher of this Website or on any other basis. Although ACRELEC strives to ensure the security of the Website and has taken all the necessary steps to ensure that the information, services, or software products contained on the Website are reliable, ACRELEC can in no case guarantee continued access to the Website and security of the Website and the absence of viruses or other unwanted intruders (including in the elements of the Website and the information incorporated therein). It is thus up to the User to deploy all the usual means of protection (firewall, antivirus, etc.) related to Internet browsing. ACRELEC and/or its suppliers may also interrupt access to the Website, in particular for reasons of maintenance and upgrading or its hosting infrastructure, or any other legitimate reason ACRELEC may have. ACRELEC shall in no way be responsible for such interruptions and any ensuing consequences for the User or any third party. Applicable law / disputes Any difficulty, claim or dispute arising from or related to these Terms and Conditions of Use will be governed by and interpreted in accordance with French law. In the event of a dispute, and after the failure of any attempt to find an amicable solution, the French courts will be competent to hear the dispute. Furthermore, the fact that any clause of the General Terms and Conditions of Use becomes null, unenforceable, obsolete, illegal or unenforceable cannot call into question the validity of these Terms and Conditions and will not exonerate the Users from their execution. Any such clauses that are declared void or unenforceable shall be replaced with clauses of the same nature or founded on the same basis. For questions regarding these Terms and Conditions of Use of the Website, you may contact customer service at the following address: info@acrelec.com Entry into force The General Terms and Conditions of Use are effective as of 01/10/2018.General terms and condition of use and legal information
Bridge
bridgeOpen yourrestaurants tothe power of AIWhy put bridge in my restaurant ?Bridge is the latest and most advanced integrated ecosystem. It connects all your customer interfaces to inteligent decision making algorithms, enabling your restaurants to run more efficiently, to propose better customer experiences and to increase return on investment. Find out which restaurant performs best, according to your KPIs.Understand which self-service kiosk is the most profitable for you and whySell more products thanks to the real-time adaptation of our artificial intelligence (to weather, events and more)Take advantage of our 15 years of experience in restaurant interface designBridge videoA closer look at bridge...AB testingChange your meal tunnel and quickly test how efficient your improvement are analysing the PMIX evolution, sessions duration differences, conversion rates and suggestive selling efficiency.ArrayAutomatic adaptation to External Context A hot sunny day? Bridge automatically change your customer front-end to focus on items that have historically sell better such as cold drinks!ArrayFacial recognitionFacial Recognition can be anonymous and provide demographics as well as propose products to specific demographics. Ex. Automate your suggestive sales for cold lattes to women 20-35 years old for (highest purchase rate).ArrayHigh trafficCrowded restaurant? At busy times, Bridge provides a fresh interface layout to accelerate customer traffic by expediting their navigation through the ordering process. Ex. Reducing suggestive sale offers to speed customers on their way. ArrayKitchen stockDo you have an inventory management system for your kitchens? Bridges adjusts customer interfaces based upon inventory and cooking preparation times.ArrayAutomated and intelligent notificationsBridge will automatically notify staff members on their wearable device according to pre-set priorities. Ex. print out of paper, EFT down, Request Assistance button, etc…ArrayInternet failureBridge will automatically notify staff members on their wearable device according to pre-set priorities. Ex. print out of paper, EFT down, Request Assistance button, etc…ArrayAI based content managementAI basedcontentmanagementArrayAB testingArrayIntegratedArrayWeb technology& open APIsArrayRobustArrayMulti environmentArrayMobile orderingArrayThey talk about us...More questions ?Contact us for further informationBridgeAn ecosystem developed by ACRELEC Is bridge right for me ?Find out in 90 seconds !
Homepage
HomepageSolutions#ArrayArrayBright and sleek,to enhance yourbrand.See how digital signagecan improve your sales. !*TITLE*! !*SUBTITLE*! anchor middle .js-slider0 .slideSingle { align-items: flex-start!important; } .ha1_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; } .ha1_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .ha1_headerAnimContainer { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0; /* background-size: cover; */ position: relative; vertical-align:middle; overflow:hidden; background-size:cover; background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg01uhd.jpg); } .ha1_headerAnimStart { display:inline-block; text-align:center; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg01uhd.jpg);*/ /* background-repeat:repeat; background-position:50% 50%;/*astuce !!*/ /* background-size:1944px 1296px;astuce !!*/ } .ha1_productTitleOuter { position:relative; display: inline-block; margin:auto; vertical-align:middle; width:100%; height:100%; background-image:url(https://acrelec.com/wp-content/uploads/2020/06/D55white.png); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; /*background-color:red;*/ /*top: 50%!important;*/ /*left: 50%!important;*/ /*transform:translate(-50%, 50%); -webkit-transform:translate(-50%, 50%); */ /* transform: translate(-1866px, -620px); */ /* top: 50%!important; */ /* left: 50%!important; */ /* transform: translate(-50%, -50%); */ /* transform: translate(-50%, -50%) translate(-3921px, -303px) scale(10); */ /* transform: translate(-50%, -50%); */ } .ha1_spacer { position:absolute; bottom:0; width:100%; height:0; background:#FFFFFF; } .ha1_productTitleOuterShadow { position:absolute; display: inline-block; /*background-color:green;*/ } .ha1_productTitleOuterShadow { /* border:1px solid green; */ } .ha1_productTitle1 { /* width:100%; */ position:relative; display: inline-block; line-height: normal; word-break: normal; /*transform: scale(2);*/ /* font-size: 633vw; */ font-family: 'Fira Sans', sans-serif; font-weight: 900; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-size:cover; background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg01uhd.jpg); background-repeat:repeat; background-position:50% 50%;/* ;astuce !! */ /*background-size:1944px 1296px;*//*astuce !!*/ } .ha1_animAsset { opacity:0; position: absolute; top:0; left:0; /* border:1px solid; */ } .ha1_imgProduct1 { width:17%; /*max-width:261px;*//*original width . Do we have to limit it */ } .ha1_text1, .ha1_text2 { display:inline-block; width:45%; /* border:1px solid red; */ } .ha1_text1 p { margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .ha1_text2 p { margin:0; font-size:1.5vw; line-height:1.9vw; font-family: 'Fira Sans', sans-serif; font-weight:normal; } .test { position:absolute; background-color:red; top:0; left:0; display:none; } .mid { position:absolute; background-color:blue; top:0; left:0; display:none; }//init var ha1_step2y = 0; var ha1_targetY; var ha1_getStep3Y; var ha1_firstBackground = gsap.timeline(); var ha1_zoomOutTitle = gsap.timeline(); var ha1_moveUpBackground = gsap.timeline(); var ha1_moveUpTitleSpacer = gsap.timeline(); var ha1_moveUpTitle = gsap.timeline(); var ha1_tl = gsap.timeline(); var ha1_myTitle; var ha1_img1Ydest; var ratio; var ha1_middleX; var ha1_middleY; var ha1_anchorY; $( document ).ready(function() { ratio = $(window).width() / $(window).height(); ha1_middleX = $(".ha1_headeranim").width() / 2; ha1_middleY = $(".ha1_headeranim").height() / 2; $(".mid").css("left",ha1_middleX+'px'); $(".mid").css("top",ha1_middleY+'px'); var ha1_anchorY = ha1_middleY + ha1_middleX * 0.1 + 50 - 0.4 * ha1_middleY;//0.4 * ha1_middleY = 0.2* height pour equivalent 20vh , et *2 parceque la moitié $(".test").css("left",ha1_middleX+'px'); $(".test").css("top",ha1_anchorY+'px'); ha1_myTitle = $(".ha1_productTitleOuter"); //ha1_centerTitle('.ha1_productTitleOuter'); $.ha1_animHeader1Reset = function () { // console.log('ha1_reset'); $(".ha1_text1").css('opacity', '0'); $(".ha1_text2").css('opacity', '0'); $(".ha1_imgProduct1").css('opacity', '0'); $(".ha1_headerAnimStart").css('opacity', '1'); $(".ha1_headerAnimStart").css('background-position-y', '50%'); $(".ha1_headerAnimStart").css('visibility', 'visible'); $(".ha1_spacer").css('height', '0'); gsap.to( ".ha1_productTitleOuter", {"clearProps": "transform", duration: 0 }); //due to chrome android bug, Y -50% will be converted to fixed amount of px //so we have to compute vertical centering //gsap.to( ".ha1_productTitleOuter", {"transform": "translateX(-50%) ", duration: 0.2 }); //ha1_firstBackground.clear(); ha1_moveUpBackground.to( ".ha1_headerAnimContainer", {"clearProps": "all", duration: 0 }); ha1_zoomOutTitle.clear(); ha1_moveUpTitleSpacer.clear(); ha1_moveUpBackground.clear(); ha1_moveUpTitle.clear(); ha1_tl.clear(); if ( ( $('.ha1_headerAnimContainer').width() 1000 ) { $(".ha1_imgProduct1").css("width","27%"); ha1_img1Xdest = "20%"; } else { $(".ha1_imgProduct1").css("width","25%"); ha1_img1Xdest = "17%"; } gsap.ticker.fps(40); gsap.ticker.lagSmoothing(); //var mytween = gsap.fromTo(".ha1_productTitleOuter" , {force3D:true, xPercent :100, yPercent :55, scale: "50"}, { scale:"1", width: "100%", xPercent : "0", yPercent: "0", duration: 3.5, ease: "Power4.out",onComplete: ha1_zoomOutTitleComplete}); //mytween.ticker.fps(30); //ha1_zoomOutTitle.add(mytween); ha1_zoomOutTitle.fromTo(".ha1_productTitleOuter" , {force3D:true,rotation: 0.001, xPercent :100, yPercent :55, scale: "50"}, { scale:"1", width: "100%", xPercent : "0", yPercent: "0", delay:2, duration: 3.5, ease: "Power4.out",onComplete: ha1_zoomOutTitleComplete}); //step2 ha1_moveUpTitle.to( ".ha1_productTitleOuter", {"y": "-=20vh", duration: 1, ease: "power2.inOut", onComplete:ha1_moveUpTitleComplete}); var ha1_moveBg = .2 * $('.ha1_headerAnimContainer').height();//20vh //console.log("ha1_moveBg="+ha1_moveBg); ha1_moveUpBackground.to (".ha1_headerAnimContainer", {duration: 1, ease: "power2.inOut", "background-position-y": "-=20vh"}); //ha1_moveUpBackground.to (".ha1_headerAnimContainer", {duration: 1, ease: "power2.inOut", backgroundPosition: "50% 300px"}); ha1_moveUpTitleSpacer.to( ".ha1_spacer", {"height": "20.1vh", duration: 1, ease: "power2.inOut"}); //ha1_tl.add( ha1_firstBackground, 'ha1_step0' ); ha1_tl.add( ha1_zoomOutTitle, 'ha1_step0' ); ha1_tl.add( ha1_moveUpTitle, 'ha1_step1'); ha1_tl.add( ha1_moveUpBackground, 'ha1_step1'); ha1_tl.add( ha1_moveUpTitleSpacer, 'ha1_step1'); ha1_tl.invalidate(); ha1_tl.restart(); } function ha1_zoomOutTitleComplete () { // console.log('ha1_moveUpTitleShadowComplete'); var text1Ydest= ha1_anchorY + 20; var text1Ysource = ha1_anchorY + 200; var text1Appear = gsap.timeline(); let myMove1 = gsap.fromTo( '.ha1_text1', {left: "48.5%", top: text1Ysource+"px"}, {top: text1Ydest+"px", duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.fromTo( '.ha1_text1', {opacity:0}, {opacity:1, duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'ha1_text1AppearStart'); text1Appear.add(myFade1,'ha1_text1AppearStart'); var text2Ydest = text1Ydest + $(".ha1_text1").height() + $(".ha1_text2").height()/2; var text2Ysource = text1Ydest + $(".ha1_text1").height() + 100; //console.log('text2Ysource='+text2Ysource); //console.log('text2Ydest='+text2Ydest); var text2Appear = gsap.timeline(); let myMove2 = gsap.fromTo( ".ha1_text2", {left: '48.5%', top: text2Ysource+"px"}, {top: text2Ydest+"px", duration:0.5, delay: 0.6, ease: "power1.in", onComplete:ha1_text2AppearComplete}); let myFade2 = gsap.fromTo( ".ha1_text2", {opacity:0}, {opacity:1, duration:0.6, delay: 0.4, ease: "power3.in"}); text2Appear.add(myMove2,'ha1_text2AppearStart'); text2Appear.add(myFade2,'ha1_text2AppearStart'); text2Appear.invalidate(); text2Appear.restart(); } function ha1_moveUpTitleComplete () { } function ha1_text1AppearComplete () { } function ha1_text2AppearComplete () { //step3 // var xOffsetSource = ha1_myTitle.position().left - $(".ha1_imgProduct1").width(); // var yOffsetSource = ha1_myTitle.position().top + ha1_myTitle.height() * .62; // var xOffsetDest = ha1_myTitle.position().left + .02 * ha1_myTitle.width(); // var yOffsetDest = yOffsetSource; var ha1_img1Ydest = ha1_anchorY - 70; gsap.fromTo( ".ha1_imgProduct1", {left: ha1_img1Xdest, top: ha1_img1Ydest+'px' , opacity:0}, {left: ha1_img1Xdest, opacity:1, duration:1, onComplete:ha1_endAnim}); } function ha1_endAnim () { //next slick slider slide // console.log('going next slide'); setTimeout(function(){ $('.js-slider0').slick('slickNext');}, 3000); } function ha1_centerTitle (el) { // myXOffset = Math.floor( ($('.ha1_headerAnimContainer').width() - $(el).width() ) / 2); // myYOffset = Math.floor( ($('.ha1_headerAnimContainer').height() - $(el).height() ) / 2); // //console.log('myYOffset='+myYOffset); // $(el).css("top",myYOffset+"px"); // $(el).css("left",myXOffset+"px"); } function ha1_step1AnimUpdate() { //action possible sur chaque frame //ha1_centerTitle('.ha1_productTitleOuter'); } function ha1_getStep2YOffset () { //return $('.ha1_headerAnimContainer').height() * .2;//20% of height } function ha1_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { ratio = $(window).width() / $(window).height(); ha1_middleX = $(".ha1_headeranim").width() / 2; ha1_middleY = $(".ha1_headeranim").height() / 2; $(".mid").css("left",ha1_middleX+'px'); $(".mid").css("top",ha1_middleY+'px'); ha1_anchorY = ha1_middleY + ha1_middleX * 0.1 + 50 - 0.4 * ha1_middleY; $(".test").css("left",ha1_middleX+'px'); $(".test").css("top",ha1_anchorY+'px'); var text1Ydest = ha1_anchorY + 20; $(".ha1_text1").css("top",text1Ydest+'px'); var text2Ydest = text1Ydest + $(".ha1_text1").height() + $(".ha1_text2").height()/2; $(".ha1_text2").css("top",text2Ydest+'px'); //ha1_centerTitle('.ha1_productTitleOuter'); //reposition image // var xOffsetDest = ha1_myTitle.position().left + .02 * ha1_myTitle.width(); // var yOffsetDest = ha1_myTitle.position().top + ha1_myTitle.height() * .6; // $(".ha1_imgProduct1").css('left', xOffsetDest+'px'); if ( $('.ha1_headerAnimContainer').width() > 1000 ) { $(".ha1_imgProduct1").css("width","27%"); ha1_img1Xdest = "20%"; } else { $(".ha1_imgProduct1").css("width","25%"); ha1_img1Xdest = "17%"; } var ha1_img1Ydest = ha1_anchorY - 70; $(".ha1_imgProduct1").css('top', ha1_img1Ydest+'px'); $(".ha1_imgProduct1").css('left', ha1_img1Xdest); }); }); #ArrayArrayUnique & highlycustomizableOur K27 self-ordering kioskscombines the most innovative technology with custom-made design.* this kiosk design is a concept to illustrate K27 versatility !*TITLE*! !*SUBTITLE*! anchor middle .ha2_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; } .ha2_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .ha2_headerAnimContainer { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0; /* background-size: cover; */ position: relative; vertical-align:middle; overflow:hidden; background-size:cover; background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg02UHD.jpg); } .ha2_headerAnimStart { display:inline-block; text-align:center; width: 100%; height: 100%; position: relative; overflow:hidden; background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg02UHD.jpg); /* background-repeat:repeat; background-position:50% 50%;/*astuce !!*/ /* background-size:1944px 1296px;astuce !!*/ } .ha2_productTitleOuter { position:relative; display: inline-block; margin:auto; vertical-align:middle; width:100%; height:100%; background-size:cover; background-image:url(https://acrelec.com/wp-content/uploads/2020/06/K27space.png); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; /*background-color:red;*/ /*top: 50%!important;*/ /*left: 50%!important;*/ /*transform:translate(-50%, 50%); -webkit-transform:translate(-50%, 50%); */ /* transform: translate(-1866px, -620px); */ /* top: 50%!important; */ /* left: 50%!important; */ /* transform: translate(-50%, -50%); */ /* transform: translate(-50%, -50%) translate(-3921px, -303px) scale(10); */ /* transform: translate(-50%, -50%); */ } .ha2_spacer { position:absolute; bottom:0; width:100%; height:0; background:#FFFFFF; } .ha2_productTitleOuterShadow { position:absolute; display: inline-block; /*background-color:green;*/ } .ha2_productTitleOuterShadow { /* border:1px solid green; */ } .ha2_productTitle1 { /* width:100%; */ position:relative; display: inline-block; line-height: normal; word-break: normal; /*transform: scale(2);*/ /* font-size: 633vw; */ font-family: 'Fira Sans', sans-serif; font-weight: 900; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg02UHD.jpg); background-repeat:repeat; background-position:50% 50%;/* ;astuce !! */ /*background-size:1944px 1296px;*//*astuce !!*/ } .ha2_animAsset { opacity:0; position: absolute; top:0; left:0; /* border:1px solid; */ } .ha2_imgProduct1 { width:17%; /*max-width:261px;*//*original width . Do we have to limit it */ } .ha2_text1, .ha2_text2 { display:inline-block; width:45%; /* border:1px solid red; */ } .ha2_text1 p { margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .ha2_text2 p { margin:0; font-size:1.5vw; line-height:1.9vw; font-family: 'Fira Sans', sans-serif; font-weight:normal; } .test { position:absolute; background-color:red; top:0; left:0; display:none; } .mid { position:absolute; background-color:blue; top:0; left:0; display:none; }//init var ha2_step2y = 0; var ha2_targetY; var ha2_getStep3Y; var ha2_firstBackground = gsap.timeline(); var ha2_zoomOutTitle = gsap.timeline(); var ha2_moveUpBackground = gsap.timeline(); var ha2_moveUpTitleSpacer = gsap.timeline(); var ha2_moveUpTitle = gsap.timeline(); var ha2_tl = gsap.timeline(); var ha2_myTitle; var ha2_img1Ydest; var ratio; var ha2_middleX; var ha2_middleY; var ha2_anchorY; var ha2_height; var ha2_width; var ha2_img1VAdj; $( document ).ready(function() { ha2_height = $('.ha2_headerAnimContainer').height(); ha2_width = $('.ha2_headerAnimContainer').width(); ratio = $(window).width() / $(window).height(); ha2_middleX = ha2_width / 2; ha2_middleY = ha2_height / 2; $(".mid").css("left",ha2_middleX+'px'); $(".mid").css("top",ha2_middleY+'px'); var ha2_anchorY = ha2_middleY + ha2_middleX * 0.1 + 50 - 0.4 * ha2_middleY;//0.4 * ha2_middleY = 0.2* height pour equivalent 20vh , et *2 parceque la moitié $(".test").css("left",ha2_middleX+'px'); $(".test").css("top",ha2_anchorY+'px'); ha2_myTitle = $(".ha2_productTitleOuter"); //ha2_centerTitle('.ha2_productTitleOuter'); $.ha2_animHeader1Reset = function () { // console.log('ha2_reset'); $(".ha2_text1").css('opacity', '0'); $(".ha2_text2").css('opacity', '0'); $(".ha2_imgProduct1").css('opacity', '0'); $(".ha2_headerAnimStart").css('opacity', '1'); $(".ha2_headerAnimStart").css('background-position-y', '50%'); $(".ha2_headerAnimStart").css('visibility', 'visible'); $(".ha2_spacer").css('height', '0'); gsap.to( ".ha2_productTitleOuter", {"clearProps": "transform", duration: 0 }); //ha2_firstBackground.clear(); ha2_moveUpBackground.to( ".ha2_headerAnimContainer", {"clearProps": "all", duration: 0 }); ha2_zoomOutTitle.clear(); ha2_moveUpTitleSpacer.clear(); ha2_moveUpBackground.clear(); ha2_moveUpTitle.clear(); ha2_tl.clear(); if ( ( $('.ha2_headerAnimContainer').width() 1000 ) { $(".ha2_imgProduct1").css("width","13%"); ha2_img1Xdest = "38%"; ha2_img1VAdj = 0.5; } else { $(".ha2_imgProduct1").css("width","15%"); ha2_img1Xdest = "36%"; ha2_img1VAdj = 0.6; } ha2_zoomOutTitle.fromTo(".ha2_productTitleOuter" , {force3D:true, xPercent :-400, yPercent :255, scale: "50"}, { scale:"1", width: "100%", xPercent : "0", yPercent: "0", delay:2, duration: 4.5, ease: "Power4.out",onComplete: ha2_zoomOutTitleComplete}); //step2 ha2_moveUpTitle.to( ".ha2_productTitleOuter", {"y": "-=20vh", duration: 1, ease: "power2.inOut", onComplete:ha2_moveUpTitleComplete}); var ha2_moveBg = .2 * ha2_height;//20vh //console.log("ha2_moveBg="+ha2_moveBg); ha2_moveUpBackground.to (".ha2_headerAnimContainer", {duration: 1, ease: "power2.inOut", "background-position-y": "-=20vh"}); //ha2_moveUpBackground.to (".ha2_headerAnimContainer", {duration: 1, ease: "power2.inOut", backgroundPosition: "50% 300px"}); ha2_moveUpTitleSpacer.to( ".ha2_spacer", {"height": "20.1vh", duration: 1, ease: "power2.inOut"}); //ha2_tl.add( ha2_firstBackground, 'ha2_step0' ); ha2_tl.add( ha2_zoomOutTitle, 'ha2_step0' ); ha2_tl.add( ha2_moveUpTitle, 'ha2_step1'); ha2_tl.add( ha2_moveUpBackground, 'ha2_step1'); ha2_tl.add( ha2_moveUpTitleSpacer, 'ha2_step1'); ha2_tl.invalidate(); ha2_tl.restart(); } function ha2_zoomOutTitleComplete () { // console.log('ha2_moveUpTitleShadowComplete'); var text1Ydest= ha2_anchorY + 20; var text1Ysource = ha2_anchorY + 200; var text1Appear = gsap.timeline(); let myMove1 = gsap.fromTo( '.ha2_text1', {left: "53%", top: text1Ysource+"px"}, {top: text1Ydest+"px", duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.fromTo( '.ha2_text1', {opacity:0}, {opacity:1, duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'ha2_text1AppearStart'); text1Appear.add(myFade1,'ha2_text1AppearStart'); var text2Ydest = text1Ydest + $(".ha2_text1").height() + $(".ha2_text2").height() * 0.3; var text2Ysource = text1Ydest + $(".ha2_text1").height() + 100; //console.log('text2Ysource='+text2Ysource); //console.log('text2Ydest='+text2Ydest); var text2Appear = gsap.timeline(); let myMove2 = gsap.fromTo( ".ha2_text2", {left: '53%', top: text2Ysource+"px"}, {top: text2Ydest+"px", duration:0.5, delay: 0.6, ease: "power1.in", onComplete:ha2_text2AppearComplete}); let myFade2 = gsap.fromTo( ".ha2_text2", {opacity:0}, {opacity:1, duration:0.6, delay: 0.4, ease: "power3.in"}); text2Appear.add(myMove2,'ha2_text2AppearStart'); text2Appear.add(myFade2,'ha2_text2AppearStart'); text2Appear.invalidate(); text2Appear.restart(); } function ha2_moveUpTitleComplete () { } function ha2_text1AppearComplete () { } function ha2_text2AppearComplete () { //step3 var ha2_img1Ydest = ha2_anchorY - ha2_img1VAdj * $(".ha2_imgProduct1").height(); gsap.fromTo( ".ha2_imgProduct1", {left: ha2_img1Xdest, top: ha2_img1Ydest+'px' , opacity:0}, {left: ha2_img1Xdest, opacity:1, duration:1, onComplete:ha2_endAnim}); } function ha2_endAnim () { //next slick slider slide // console.log('going next slide'); setTimeout(function(){ $('.js-slider0').slick('slickNext');}, 3000); } function ha2_centerTitle (el) { // myXOffset = Math.floor( ($('.ha2_headerAnimContainer').width() - $(el).width() ) / 2); // myYOffset = Math.floor( (ha2_height - $(el).height() ) / 2); // //console.log('myYOffset='+myYOffset); // $(el).css("top",myYOffset+"px"); // $(el).css("left",myXOffset+"px"); } function ha2_step1AnimUpdate() { //action possible sur chaque frame //ha2_centerTitle('.ha2_productTitleOuter'); } function ha2_getStep2YOffset () { //return ha2_height * .2;//20% of height } function ha2_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { ha2_height = $('.ha2_headerAnimContainer').height(); ha2_width = $('.ha2_headerAnimContainer').width(); ratio = $(window).width() / $(window).height(); ha2_middleX = ha2_width / 2; ha2_middleY = ha2_height / 2; $(".mid").css("left",ha2_middleX+'px'); $(".mid").css("top",ha2_middleY+'px'); ha2_anchorY = ha2_middleY + ha2_middleX * 0.1 + 50 - 0.4 * ha2_middleY; $(".test").css("left",ha2_middleX+'px'); $(".test").css("top",ha2_anchorY+'px'); var text1Ydest = ha2_anchorY + 20; $(".ha2_text1").css("top",text1Ydest+'px'); var text2Ydest = text1Ydest + $(".ha2_text1").height() + $(".ha2_text2").height() * 0.3; $(".ha2_text2").css("top",text2Ydest+'px'); //ha2_centerTitle('.ha2_productTitleOuter'); //reposition image // var xOffsetDest = ha2_myTitle.position().left + .02 * ha2_myTitle.width(); // var yOffsetDest = ha2_myTitle.position().top + ha2_myTitle.height() * .6; // $(".ha2_imgProduct1").css('left', xOffsetDest+'px'); if ( $('.ha2_headerAnimContainer').width() > 1000 ) { $(".ha2_imgProduct1").css("width","13%"); ha2_img1Xdest = "38%"; ha2_img1VAdj = 0.5; } else { $(".ha2_imgProduct1").css("width","15%"); ha2_img1Xdest = "36%"; ha2_img1VAdj = 0.6; } var ha2_img1Ydest = ha2_anchorY - ha2_img1VAdj * $(".ha2_imgProduct1").height(); $(".ha2_imgProduct1").css('top', ha2_img1Ydest+'px'); $(".ha2_imgProduct1").css('left', ha2_img1Xdest); }); }); #ArrayArrayLine changer.Game changer.Our smallest design built for high performance. !*TITLE*! !*SUBTITLE*! anchor middle .ha3_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; } .ha3_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .ha3_headerAnimContainer { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0; /* background-size: cover; */ position: relative; vertical-align:middle; overflow:hidden; background-size:cover; background-image:url(https://acrelec.com/wp-content/uploads/2020/06/bg03uhd.jpg); } .ha3_headerAnimStart { display:inline-block; text-align:center; width: 100%; height: 100%; position: relative; overflow:hidden; background-size:cover; background-image:url(https://acrelec.com/wp-content/uploads/2020/06/bg03uhd.jpg); /* background-repeat:repeat; background-position:50% 50%;/*astuce !!*/ /* background-size:1944px 1296px;astuce !!*/ } .ha3_productTitleOuter { position:relative; display: inline-block; margin:auto; vertical-align:middle; width:100%; height:100%; background-image:url(https://acrelec.com/wp-content/uploads/2020/06/ScoWhite02.png); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; /*background-color:red;*/ /*top: 50%!important;*/ /*left: 50%!important;*/ /*transform:translate(-50%, 50%); -webkit-transform:translate(-50%, 50%); */ /* transform: translate(-1866px, -620px); */ /* top: 50%!important; */ /* left: 50%!important; */ /* transform: translate(-50%, -50%); */ /* transform: translate(-50%, -50%) translate(-3921px, -303px) scale(10); */ /* transform: translate(-50%, -50%); */ } .ha3_spacer { position:absolute; bottom:0; width:100%; height:0; background:#FFFFFF; } .ha3_productTitleOuterShadow { position:absolute; display: inline-block; /*background-color:green;*/ } .ha3_productTitleOuterShadow { /* border:1px solid green; */ } .ha3_productTitle1 { /* width:100%; */ position:relative; display: inline-block; line-height: normal; word-break: normal; /*transform: scale(2);*/ /* font-size: 633vw; */ font-family: 'Fira Sans', sans-serif; font-weight: 900; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image:url(https://acrelec.com/wp-content/uploads/2020/06/bg03uhd.jpg); background-repeat:repeat; background-position:50% 50%;/* ;astuce !! */ background-size:2560px 1819px;/*astuce !!*/ } .ha3_animAsset { opacity:0; position: absolute; top:0; left:0; /* border:1px solid; */ } .ha3_imgProduct1 { width:17%; /*max-width:261px;*//*original width . Do we have to limit it */ } .ha3_text1, .ha3_text2 { display:inline-block; width:45%; /* border:1px solid red; */ } .ha3_text1 p { margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .ha3_text2 p { margin:0; font-size:1.5vw; line-height:1.9vw; font-family: 'Fira Sans', sans-serif; font-weight:normal; } .test { position:absolute; background-color:red; top:0; left:0; display:none; } .mid { position:absolute; background-color:blue; top:0; left:0; display:none; }//init var ha3_step2y = 0; var ha3_targetY; var ha3_getStep3Y; var ha3_firstBackground = gsap.timeline(); var ha3_zoomOutTitle = gsap.timeline(); var ha3_moveUpBackground = gsap.timeline(); var ha3_moveUpTitleSpacer = gsap.timeline(); var ha3_moveUpTitle = gsap.timeline(); var ha3_tl = gsap.timeline(); var ha3_myTitle; var ha3_img1Ydest; var ratio; var ha3_middleX; var ha3_middleY; var ha3_anchorY; var ha3_height; var ha3_width; var ha3_img1VAdj; var ha3_text1VAdj; $( document ).ready(function() { ha3_height = $('.ha3_headerAnimContainer').height(); ha3_width = $('.ha3_headerAnimContainer').width(); ratio = $(window).width() / $(window).height(); ha3_middleX = ha3_width / 2; ha3_middleY = ha3_height / 2; $(".mid").css("left",ha3_middleX+'px'); $(".mid").css("top",ha3_middleY+'px'); var ha3_anchorY = ha3_middleY + ha3_middleX * 0.1 + 50 - 0.4 * ha3_middleY;//0.4 * ha3_middleY = 0.2* height pour equivalent 20vh , et *2 parceque la moitié $(".test").css("left",ha3_middleX+'px'); $(".test").css("top",ha3_anchorY+'px'); ha3_myTitle = $(".ha3_productTitleOuter"); //ha3_centerTitle('.ha3_productTitleOuter'); $.ha3_animHeader1Reset = function () { // console.log('ha3_reset'); $(".ha3_text1").css('opacity', '0'); $(".ha3_text2").css('opacity', '0'); $(".ha3_imgProduct1").css('opacity', '0'); $(".ha3_headerAnimStart").css('opacity', '1'); $(".ha3_headerAnimStart").css('background-position-y', '50%'); $(".ha3_headerAnimStart").css('visibility', 'visible'); $(".ha3_spacer").css('height', '0'); gsap.to( ".ha3_productTitleOuter", {"clearProps": "transform", duration: 0 }); //ha3_firstBackground.clear(); ha3_moveUpBackground.to( ".ha3_headerAnimContainer", {"clearProps": "all", duration: 0 }); ha3_zoomOutTitle.clear(); ha3_moveUpTitleSpacer.clear(); ha3_moveUpBackground.clear(); ha3_moveUpTitle.clear(); ha3_tl.clear(); if ( ( $('.ha3_headerAnimContainer').width() 1000 ) { $(".ha3_imgProduct1").css("width","17%"); ha3_img1Xdest = "32%"; ha3_img1VAdj = 0.3; ha3_text1VAdj = -0.3; } else { $(".ha3_imgProduct1").css("width","18%"); ha3_img1Xdest = "31%"; ha3_img1VAdj = 0.5; ha3_text1VAdj = -0.3; } ha3_zoomOutTitle.fromTo(".ha3_productTitleOuter" , {force3D:true, xPercent :-400, yPercent :255, scale: "50"}, { scale:"1", width: "100%", xPercent : "0", yPercent: "0", delay:2, duration: 4.5, ease: "Power4.out",onComplete: ha3_zoomOutTitleComplete}); //step2 ha3_moveUpTitle.to( ".ha3_productTitleOuter", {"y": "-=20vh", duration: 1, ease: "power2.inOut", onComplete:ha3_moveUpTitleComplete}); var ha3_moveBg = .2 * ha3_height;//20vh //console.log("ha3_moveBg="+ha3_moveBg); ha3_moveUpBackground.to (".ha3_headerAnimContainer", {duration: 1, ease: "power2.inOut", "background-position-y": "-=20vh"}); //ha3_moveUpBackground.to (".ha3_headerAnimContainer", {duration: 1, ease: "power2.inOut", backgroundPosition: "50% 300px"}); ha3_moveUpTitleSpacer.to( ".ha3_spacer", {"height": "20.1vh", duration: 1, ease: "power2.inOut"}); //ha3_tl.add( ha3_firstBackground, 'ha3_step0' ); ha3_tl.add( ha3_zoomOutTitle, 'ha3_step0' ); ha3_tl.add( ha3_moveUpTitle, 'ha3_step1'); ha3_tl.add( ha3_moveUpBackground, 'ha3_step1'); ha3_tl.add( ha3_moveUpTitleSpacer, 'ha3_step1'); ha3_tl.invalidate(); ha3_tl.restart(); } function ha3_zoomOutTitleComplete () { // console.log('ha3_moveUpTitleShadowComplete'); var text1Ydest= ha3_anchorY - ha3_text1VAdj * $(".ha3_text1").height(); var text1Ysource = ha3_anchorY + 300; var text1Appear = gsap.timeline(); let myMove1 = gsap.fromTo( '.ha3_text1', {left: "50.5%", top: text1Ysource+"px"}, {top: text1Ydest+"px", duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.fromTo( '.ha3_text1', {opacity:0}, {opacity:1, duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'ha3_text1AppearStart'); text1Appear.add(myFade1,'ha3_text1AppearStart'); var text2Ydest = text1Ydest + $(".ha3_text1").height() + $(".ha3_text2").height() * 0.3; var text2Ysource = text1Ydest + $(".ha3_text1").height() + 100; //console.log('text2Ysource='+text2Ysource); //console.log('text2Ydest='+text2Ydest); var text2Appear = gsap.timeline(); let myMove2 = gsap.fromTo( ".ha3_text2", {left: '50.5%', top: text2Ysource+"px"}, {top: text2Ydest+"px", duration:0.5, delay: 0.6, ease: "power1.in", onComplete:ha3_text2AppearComplete}); let myFade2 = gsap.fromTo( ".ha3_text2", {opacity:0}, {opacity:1, duration:0.6, delay: 0.4, ease: "power3.in"}); text2Appear.add(myMove2,'ha3_text2AppearStart'); text2Appear.add(myFade2,'ha3_text2AppearStart'); text2Appear.invalidate(); text2Appear.restart(); } function ha3_moveUpTitleComplete () { } function ha3_text1AppearComplete () { } function ha3_text2AppearComplete () { //step3 var ha3_img1Ydest = ha3_anchorY - ha3_img1VAdj * $(".ha3_imgProduct1").height(); gsap.fromTo( ".ha3_imgProduct1", {left: ha3_img1Xdest, top: ha3_img1Ydest+'px' , opacity:0}, {left: ha3_img1Xdest, opacity:1, duration:1, onComplete:ha3_endAnim}); } function ha3_endAnim () { //next slick slider slide // console.log('going next slide'); setTimeout(function(){ $('.js-slider0').slick('slickNext');}, 3000); } function ha3_centerTitle (el) { // myXOffset = Math.floor( ($('.ha3_headerAnimContainer').width() - $(el).width() ) / 2); // myYOffset = Math.floor( (ha3_height - $(el).height() ) / 2); // //console.log('myYOffset='+myYOffset); // $(el).css("top",myYOffset+"px"); // $(el).css("left",myXOffset+"px"); } function ha3_step1AnimUpdate() { //action possible sur chaque frame //ha3_centerTitle('.ha3_productTitleOuter'); } function ha3_getStep2YOffset () { //return ha3_height * .2;//20% of height } function ha3_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { ha3_height = $('.ha3_headerAnimContainer').height(); ha3_width = $('.ha3_headerAnimContainer').width(); ratio = $(window).width() / $(window).height(); ha3_middleX = ha3_width / 2; ha3_middleY = ha3_height / 2; $(".mid").css("left",ha3_middleX+'px'); $(".mid").css("top",ha3_middleY+'px'); ha3_anchorY = ha3_middleY + ha3_middleX * 0.1 + 50 - 0.4 * ha3_middleY; $(".test").css("left",ha3_middleX+'px'); $(".test").css("top",ha3_anchorY+'px'); var text1Ydest = ha3_anchorY - ha3_text1VAdj * $(".ha3_text1").height(); $(".ha3_text1").css("top",text1Ydest+'px'); var text2Ydest = text1Ydest + $(".ha3_text1").height() + $(".ha3_text2").height() * 0.3; $(".ha3_text2").css("top",text2Ydest+'px'); //ha3_centerTitle('.ha3_productTitleOuter'); //reposition image // var xOffsetDest = ha3_myTitle.position().left + .02 * ha3_myTitle.width(); // var yOffsetDest = ha3_myTitle.position().top + ha3_myTitle.height() * .6; // $(".ha3_imgProduct1").css('left', xOffsetDest+'px'); if ( $('.ha3_headerAnimContainer').width() > 1000 ) { $(".ha3_imgProduct1").css("width","17%"); ha3_img1Xdest = "32%"; ha3_img1VAdj = 0.3; ha3_text1VAdj = -0.3; } else { $(".ha3_imgProduct1").css("width","18%"); ha3_img1Xdest = "31%"; ha3_img1VAdj = 0.3; ha3_text1VAdj = -0.3; } var ha3_img1Ydest = ha3_anchorY - ha3_img1VAdj * $(".ha3_imgProduct1").height(); $(".ha3_imgProduct1").css('top', ha3_img1Ydest+'px'); $(".ha3_imgProduct1").css('left', ha3_img1Xdest); }); });See ourinnovationin actionSelect a brand for moreMCDONALD'SArrayArrayFranchisee and former director of MCD Austria Andreas Schwerla, kindly sharing his thoughts about different Acrelec solutions he uses in his restaurants and his long-time partnership with Acrelec.ArrayWalmartArrayArrayWhen Convenience and Technology Meet, Pickup Customers Win. The installation of the Walmart kiosks are a part of a continued expansion of customer-focused efforts in the store such as "Pickup Today," "Checkout With Me". Kiosks have been installed in the online pickup areas for check-in and faster service.PATHE GAUMONT CINEMASArrayArrayK55 kiosks. Large screens for a fully entertaining ordering experience. TACO BELLArrayArray"Guests are excited about exploring new parts of our menu, at their pace, and can visually confirm their order is correct. When Taco Bell began rolling out self-order kiosks, the management team fully expected more customers would be served faster and there would be fewer order errors. One benefit that wasn't as obvious was a fuller appreciation of the restaurant's menu." Taco Bell Director of Technology. OCINEArrayArrayEnhancing Ocine's customer journey. Ocine needed to replace their oldest existing kiosks with a trusted and experienced company. Shortly after the first successful pilots, Ocine decided to roll-out all their cinemas with Acrelec's solutions. KFCArrayArrayKFC custom-designed kiosks. KFC Addie Kiosks installed in Plaça de Catalunya, Barcelona. Our solutions help this restaurant located in this highly touristic spot, to seamlessly absorb and serve the high volume of customers.LEROY MERLINArrayArrayBringing Self Check Out to Leroy Merlin. Leroy Merlin has chosen Acrelec to provide Smart Check Out experience to its customers. Our aim was to create a unique customer experience, reduce wait times and errors, increase transactions in innovative ways. DUNKIN'ArrayArrayK27 Kiosks to smarten Dunkin's customer experience. Dunkin’s entire menu is available on K27 kiosks, they allow process ordering and payments, including payment via the Dunkin’ loyalty program. A digital board by the pickup counter displays each order number and whether it’s in progress or ready to be collected by the customer.COSTAArrayArrayImproving Costa's Drive-Thru experience. CARL'S JR.ArrayArray-BURGER KINGArrayArray"Acrelec Kiosks have increased our productivity with more staff available to assemble the orders, we have increased speed of service which is generating an increase of productivity within the unit." Wayne • Burger King Store ManagerArrayMamagoArrayArrayHelping Wagamama's little sister growing faster. We've had the pleasure and honor to partner with Wagamama launching new restaurants, delivery kitchens and a 'grab and go' business named Mamago. We have provided them the new K27 kiosks, helped the design team integrate the kiosks into their restaurant's architecture. We have also worked with Mamago's marketing on creating the UI of the kiosk experience. StarbucksArrayArrayDrive-Thru " love to see our partners one on one at the Drive-thru screen It gives them that human interaction and personal touch to their experience." Louise • Starbucks Store ManagerArrayExpertiseArrayArrayRetail & Leisure We know retail. Offering tailor-made solutions with high-levels of customization, Acrelec helps you create better customer experiences and improves your performance in this fast-changing industry. Our global network can support all your needs and spans regions, cultures and capabilities. We bring together the best talent to deliver proven results. See more rightLine changer. Time changer. Game changer. Dedicated to optimizing smart store performance. See more ArrayArrayFood & Beverage Acrelec is a pioneer in the field of helping restaurant brands achieve digital growth. We focus on building solutions that increase ROI and improve the customer experience. Our innovative approach allows us to revolutionize visuals, sound, and user engagement through a technological ecosystem designed with performance in mind. See more leftOur decades of proven experience and local presence means we can anticipate any need, solve any challenge and pursue any opportunity. See more innovations#FFFFFFArraycontainportraittranslateY(15%) K27 Unique & highly customizable. The ultimate customer experience. Our self-service kiosk expertise is focused on performance, built on trust and dedicated to real business results. The K27 can be fully customized, giving your business an elegant and efficient self-service solution. Details leftlinear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 35%, rgba(255,255,255,1) 100%)Arraycontainlandscapetranslate(-10%, 10%) Real Disinfection. Real-time Cleaning Data. With an unprecedented need for disinfection and risk mitigation, Acrelec’s S-Pure works better, faster and more efficiently. It is proven to kill 99.99% of bacteria and safeguard your staff and customers. right#F5F5F5ArraycontainlandscapetranslateX(9%) SCO Suitable for every store. Acrelec transforms the shopping experience designing smart customer journeys. The compact SCO have been created to fit any store design and layout with a large screen for a higher marketing and impact and merchandising capability. Details left#000000Arraycoverlandscape Create Meaningful Interactions and Accelerate your Drive-Thru. Acrelec Drive ID supports various loyalty experiences and delivers best-in-class identification and personalization with an unmatched accuracy, speed, flexibility and reliability for prime operations and unlimited Drive-Thru performance optimization. Details lefturl(https://acrelec.com/wp-content/uploads/2020/06/Groupe-289.png) no-repeat center centerArraycontainlandscapetranslate(15%, 15%)Table Service Elevate the dining experience. Do not let your customer wait in line, let them seat comfortably. Relaxed customer experience results in higher guest count. Decrease your service time by 20 sec with Acrelec Table Service solution and gain 5% work productivity with a streamlined process. Details leftOn airEventsOurOur latest
Kiosk
KioskKiosk solutionsUnique & highlycustomizableOur K27 self-ordering kiosks combines the most innovative technology with custom-made design.* this kiosk design is a concept to illustrate K27 versatility K27 !*TITLE*! !*SUBTITLE*! .js-slider0 .slick-track:before { position:absolute; width:100vw; height:100vh; background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg02UHD.jpg)!important; background-repeat:no-repeat!important; background-position:50% 50%!important; background-size:cover; } .js-slider0 .slideSingle { align-items: flex-start!important; } .ka1_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; /* background-color:blue; */ } .ka1_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .ka1_headerAnimContainer { width: 100%; height: 100%; position: relative; overflow:hidden; } .ka1_headerAnimStart { display:inline-block; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg02UHD.jpg);*/ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;/*astuce !!*/ /* background-size:2560px 1440px; */ } .ka1_productTitleOuter { position:absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ka1_productTitle1, .ka1_productTitle2 { position:relative; display: inline-block; line-height: normal; word-break: normal; font-family: 'Fira Sans', sans-serif; font-weight: 900; color:#FFFFFF; } .ka1_animAsset { opacity:0; position: absolute; top:0; left:0; } .ka1_text1, .ka1_text2 { display:none; position: relative; } /* desktop*/ .ka1_productTitleOuter { width:53vw; } .ka1_productTitle1 { width:45%; font-size: 26vw; line-height: 20vw; z-index:0; } .ka1_productTitle2 { width: 55%; margin-left: 0vw; font-size: 26vw; line-height: 20vw; z-index:10; } .ka1_text1 { margin-left: 29vw; margin-top: 0; width:85%; } .ka1_text1 p { width:100%; margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .ka1_text2 { margin-left: 29vw; margin-right: auto; margin-top: 15px; width:70%; } .ka1_text2 p { margin:0; font-size:1.5vw; line-height:2vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .ka1_imgProduct1 { width:29%; z-index:5; } /* /desktop */ /* mobile */ .ka1_productTitleOuter { width:74vw; } .ka1_productTitle1 { width:45%; font-size: 40vw; line-height: 29vw; z-index:0; } .ka1_productTitle2 { width: 55%; margin-left: 0vw; font-size: 40vw; line-height: 29vw; z-index:15; } .ka1_text1 { margin-left: 41vw; margin-top: 0; width:53%; } .ka1_text1 p { width:100%; margin:0; font-size:6vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .ka1_text2 { margin-left: auto; margin-right: auto; margin-top: 12vh; width:100%; } .ka1_text2 p { margin:0; font-size:4.5vw; line-height:5vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .ka1_imgProduct1 { width:33%; z-index:5; } /* /mobile */ //init var isMobile = 0; var ka1_step2y = 0; var ka1_targetY; var ka1_getStep3Y; var ka1_fadeInTitle = gsap.timeline(); var ka1_MoveUpTitle = gsap.timeline(); var ka1_outro = gsap.timeline(); var ka1_tl = gsap.timeline(); $( document ).ready(function() { document.getElementsByClassName("ka1_productTitleOuter").style.height = $('.ka1_productTitle1').height() + 'px'; //$('.ka1_productTitleOuter').height( $('.ka1_productTitle1').height() ); var ka1_myTitle = $(".ka1_productTitleOuter"); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } $.ka1_animHeader1Reset = function () { // console.log('ka1_reset'); $(".ka1_text2").css('opacity', '1'); $(".ka1_imgProduct1").css('opacity', '0'); $(".ka1_headerAnimStart").css('opacity', '1'); $(".ka1_headerAnimStart").css('visibility', 'visible'); ka1_fadeInTitle.to( ".ka1_productTitleOuter", {"clearProps": "transform", duration: 0 }); ka1_MoveUpTitle.to( ".ka1_productTitleOuter", {"clearProps": "all", duration: 0 }); ka1_outro.to(".ka1_productTitle",{"clearProps": "all", duration: 0 }); ka1_outro.to(".ka1_text1",{"clearProps": "all", duration: 0 }); ka1_outro.to(".ka1_text2",{"clearProps": "all", duration: 0 }); ka1_fadeInTitle.clear(); ka1_outro.clear(); ka1_MoveUpTitle.clear(); ka1_tl.clear(); ka1_animHeader1Start(); } function ka1_animHeader1Start () { // console.log('music!'); //step1 ka1_fadeInTitle.fromTo(".ka1_productTitleOuter" , {opacity:0}, {opacity:1, duration: 1, ease: "power2.inOut", onComplete: ka1_fadeInTitleComplete}); ka1_MoveUpTitle.fromTo(".ka1_productTitleOuter" ,{height: $('.ka1_productTitle1').height()+'px'}, {height: $('.ka1_productTitle1').height()+'px', top: "30vh",delay:0, duration:1, ease: "power2.inOut"}); ka1_tl.eventCallback("onUpdate", ka1_step1AnimUpdate); ka1_tl.add( ka1_fadeInTitle, 'ka1_step0' ); ka1_tl.add( ka1_MoveUpTitle, 'ka1_step1' ); //ka1_tl.add( ka1_MoveUpTitle, 'ka1_step0' ); ka1_tl.invalidate(); ka1_tl.restart(); } function ka1_fadeInTitleComplete () { //var mypos=$('.ka1_productTitleOuter').position(); // var text1AppearYdest= mypos.top + $('.ka1_productTitleOuter').height() + 30 ;//TitleY + 90% of Title height // var text1AppearYsource = text1AppearYdest + $('.ka1_productTitleOuter').height()/3; var text1Appear = gsap.timeline(); let myMove1 = gsap.from( '.ka1_text1', { y:'5vh', duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.to( '.ka1_text1', {autoAlpha: 1, display:'block', duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'ka1_text1AppearStart'); text1Appear.add(myFade1,'ka1_text1AppearStart'); // var text2AppearYdest = text1AppearYdest + $('.ka1_text1').height() * 1.15; // var text2AppearYsource = text2AppearYdest + $('.ka1_text2').height() * 3; var text2Appear = gsap.timeline(); let myMove2 = gsap.from( ".ka1_text2", { y:'5vh', duration:0.5, delay: 0.6, ease: "power1.in", onComplete:ka1_text2AppearComplete}); let myFade2 = gsap.to( ".ka1_text2", {autoAlpha: 1, display:'block', duration:1, delay: 0.4, ease: "power3.inOut"}); text2Appear.add(myMove2,'ka1_text2AppearStart'); text2Appear.add(myFade2,'ka1_text2AppearStart'); } function ka1_text1AppearComplete () { } function ka1_text2AppearComplete () { //step3 // var xOffsetSource = $('.ka1_productTitleOuter').position().left - $(".ka1_imgProduct1").width() * .3; // var yOffsetSource = "80vh"; if (isMobile == 1 ) { var xDest = $('.ka1_productTitleOuter').width()/5.8; var yDest = $('.ka1_productTitle1').height() * -0.2; } else { var xDest = $('.ka1_productTitleOuter').width()/5.5; var yDest = $('.ka1_productTitle1').height() * -0.15; } gsap.fromTo( ".ka1_imgProduct1", {left: xDest+'px', top: yDest , opacity:0}, {left: xDest+'px', top: yDest, opacity:1, duration:1, delay: 0.5, onComplete:ka1_imgProduct1AppearComplete}); } function ka1_imgProduct1AppearComplete () { var mydelay=2; var myduration=1.5; ka1_outro.add( gsap.fromTo( ".ka1_imgProduct1", {opacity:1}, {delay: mydelay, opacity:0, duration:myduration, onComplete:ka1_endAnim}), "ka1_outro_start"); ka1_outro.add( gsap.fromTo( ".ka1_productTitle1", {}, {delay: mydelay, opacity:0, duration:myduration, x: "-=50vw",ease: "power1.in"}), "ka1_outro_start"); ka1_outro.add( gsap.fromTo( ".ka1_productTitle2", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "ka1_outro_start"); ka1_outro.add( gsap.fromTo( ".ka1_text1", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "ka1_outro_start"); ka1_outro.add( gsap.fromTo( ".ka1_text2", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "ka1_outro_start"); ka1_outro.invalidate(); ka1_outro.restart(); } function ka1_endAnim () { //next slick slider slide // console.log('going next slide'); if ( sliderRun == 1 ) { setTimeout(function(){ $('.js-slider0').slick('slickNext', 0, true);}, 1000); } } function ka1_centerTitle (el) { myxoffset = Math.floor( ($('.ka1_headerAnimContainer').width() - $(el).width() ) / 2); myyoffset = Math.floor( ($('.ka1_headerAnimContainer').height() - $(el).height() ) / 2); // console.log('myxoffset='+myxoffset+' myyoffset='+myyoffset); $(el).css("left",myxoffset+"px"); $(el).css("top",myyoffset+"px"); } function ka1_step1AnimUpdate() { //action possible sur chaque frame // centerTitle('.productTitleOuter'); } function ka1_getStep2YOffset () { return $('.ka1_headerAnimContainer').height() * .2;//20% of height } function ka1_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { //reposition image if (isMobile == 1 ) { var xDest = $('.ka1_productTitleOuter').width()/5.8; var yDest = $('.ka1_productTitle1').height() * -0.2; } else { var xDest = $('.ka1_productTitleOuter').width()/5.5; var yDest = $('.ka1_productTitle1').height() * -0.15; } $(".ka1_imgProduct1").css('left', xDest+'px'); $(".ka1_imgProduct1").css('top', yDest+'px'); }); $(window).scroll(function() { $('.js-slider0').slick('slickGoTo', 3, false); $('.js-slider0').slick('slickPause'); sliderRun = 0; $('.headerslideSingle-count').hide(); }); }); Designed toblend inThe same cutting-edge technology and design as the K27, with some extra wiggle room K22 !*TITLE*! !*SUBTITLE*! .ka2_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; /* background-color:blue; */ } .ka2_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .ka2_headerAnimContainer { width: 100%; height: 100%; position: relative; overflow:hidden; } .ka2_headerAnimStart { display:inline-block; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg02UHD.jpg);*/ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;/*astuce !!*/ /* background-size:2560px 1440px; */ } .ka2_productTitleOuter { position:absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ka2_productTitle1, .ka2_productTitle2 { position:relative; display: inline-block; line-height: normal; word-break: normal; font-family: 'Fira Sans', sans-serif; font-weight: 900; color:#FFFFFF; } .ka2_animAsset { opacity:0; position: absolute; top:0; left:0; } .ka2_text1, .ka2_text2 { display:none; position: relative; } /* desktop*/ .ka2_productTitleOuter { width:53vw; } .ka2_productTitle1 { width:45%; font-size: 26vw; line-height: 20vw; z-index:10; } .ka2_productTitle2 { width: 55%; margin-left: 0vw; font-size: 26vw; line-height: 20vw; z-index:0; } .ka2_text1 { margin-left: 29vw; margin-top: 0; width:85%; } .ka2_text1 p { width:100%; margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .ka2_text2 { margin-left: 29vw; margin-right: auto; margin-top: 15px; width:70%; } .ka2_text2 p { margin:0; font-size:1.5vw; line-height:2vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .ka2_imgProduct1 { width:30%; z-index:5; } /* /desktop */ /* mobile */ .ka2_productTitleOuter { width:74vw; } .ka2_productTitle1 { width:45%; font-size: 40vw; line-height: 29vw; z-index:0; } .ka2_productTitle2 { width: 55%; margin-left: 0vw; font-size: 40vw; line-height: 29vw; z-index:0; } .ka2_text1 { margin-left: 41vw; margin-top: 0; width:53%; } .ka2_text1 p { width:100%; margin:0; font-size:6vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .ka2_text2 { margin-left: auto; margin-right: auto; margin-top: 12vh; width:100%; } .ka2_text2 p { margin:0; font-size:4.5vw; line-height:5vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .ka2_imgProduct1 { width:32%; z-index:5; } /* /mobile */ //init var isMobile = 0; var ka2_step2y = 0; var ka2_targetY; var ka2_getStep3Y; var ka2_fadeInTitle = gsap.timeline(); var ka2_MoveUpTitle = gsap.timeline(); var ka2_outro = gsap.timeline(); var ka2_tl = gsap.timeline(); $( document ).ready(function() { document.getElementsByClassName("ka2_productTitleOuter").style.height = $('.ka2_productTitle1').height() + 'px'; //$('.ka2_productTitleOuter').height( $('.ka2_productTitle1').height() ); var ka2_myTitle = $(".ka2_productTitleOuter"); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } $.ka2_animHeader1Reset = function () { // console.log('ka2_reset'); $(".ka2_text2").css('opacity', '1'); $(".ka2_imgProduct1").css('opacity', '0'); $(".ka2_headerAnimStart").css('opacity', '1'); $(".ka2_headerAnimStart").css('visibility', 'visible'); ka2_fadeInTitle.to( ".ka2_productTitleOuter", {"clearProps": "transform", duration: 0 }); ka2_MoveUpTitle.to( ".ka2_productTitleOuter", {"clearProps": "all", duration: 0 }); ka2_outro.to(".ka2_productTitle",{"clearProps": "all", duration: 0 }); ka2_outro.to(".ka2_text1",{"clearProps": "all", duration: 0 }); ka2_outro.to(".ka2_text2",{"clearProps": "all", duration: 0 }); ka2_fadeInTitle.clear(); ka2_outro.clear(); ka2_MoveUpTitle.clear(); ka2_tl.clear(); ka2_animHeader1Start(); } function ka2_animHeader1Start () { // console.log('music!'); //step1 ka2_fadeInTitle.fromTo(".ka2_productTitleOuter" , {opacity:0}, {opacity:1, duration: 1, ease: "power2.inOut", onComplete: ka2_fadeInTitleComplete}); ka2_MoveUpTitle.fromTo(".ka2_productTitleOuter" ,{height: $('.ka2_productTitle1').height()+'px'}, {height: $('.ka2_productTitle1').height()+'px', top: "30vh",delay:0, duration:1, ease: "power2.inOut"}); ka2_tl.eventCallback("onUpdate", ka2_step1AnimUpdate); ka2_tl.add( ka2_fadeInTitle, 'ka2_step0' ); ka2_tl.add( ka2_MoveUpTitle, 'ka2_step1' ); //ka2_tl.add( ka2_MoveUpTitle, 'ka2_step0' ); ka2_tl.invalidate(); ka2_tl.restart(); } function ka2_fadeInTitleComplete () { //var mypos=$('.ka2_productTitleOuter').position(); // var text1AppearYdest= mypos.top + $('.ka2_productTitleOuter').height() + 30 ;//TitleY + 90% of Title height // var text1AppearYsource = text1AppearYdest + $('.ka2_productTitleOuter').height()/3; var text1Appear = gsap.timeline(); let myMove1 = gsap.from( '.ka2_text1', { y:'5vh', duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.to( '.ka2_text1', {autoAlpha: 1, display:'block', duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'ka2_text1AppearStart'); text1Appear.add(myFade1,'ka2_text1AppearStart'); // var text2AppearYdest = text1AppearYdest + $('.ka2_text1').height() * 1.15; // var text2AppearYsource = text2AppearYdest + $('.ka2_text2').height() * 3; var text2Appear = gsap.timeline(); let myMove2 = gsap.from( ".ka2_text2", { y:'5vh', duration:0.5, delay: 0.6, ease: "power1.in", onComplete:ka2_text2AppearComplete}); let myFade2 = gsap.to( ".ka2_text2", {autoAlpha: 1, display:'block', duration:1, delay: 0.4, ease: "power3.inOut"}); text2Appear.add(myMove2,'ka2_text2AppearStart'); text2Appear.add(myFade2,'ka2_text2AppearStart'); } function ka2_text1AppearComplete () { } function ka2_text2AppearComplete () { //step3 // var xOffsetSource = $('.ka2_productTitleOuter').position().left - $(".ka2_imgProduct1").width() * .3; // var yOffsetSource = "80vh"; if (isMobile == 1 ) { var xDest = $('.ka2_productTitleOuter').width()/6; var yDest = $('.ka2_productTitle1').height() * 0.45; } else { var xDest = $('.ka2_productTitleOuter').width()/3.9; var yDest = $('.ka2_productTitle1').height() * 0.05; } gsap.fromTo( ".ka2_imgProduct1", {left: xDest+'px', top: yDest , opacity:0}, {left: xDest+'px', top: yDest, opacity:1, duration:1, delay: 0.5, onComplete:ka2_imgProduct1AppearComplete}); } function ka2_imgProduct1AppearComplete () { var mydelay=2; var myduration=1.5; ka2_outro.add( gsap.fromTo( ".ka2_imgProduct1", {opacity:1}, {delay: mydelay, opacity:0, duration:myduration, onComplete:ka2_endAnim}), "ka2_outro_start"); ka2_outro.add( gsap.fromTo( ".ka2_productTitle1", {}, {delay: mydelay, opacity:0, duration:myduration, x: "-=50vw",ease: "power1.in"}), "ka2_outro_start"); ka2_outro.add( gsap.fromTo( ".ka2_productTitle2", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "ka2_outro_start"); ka2_outro.add( gsap.fromTo( ".ka2_text1", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "ka2_outro_start"); ka2_outro.add( gsap.fromTo( ".ka2_text2", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "ka2_outro_start"); ka2_outro.invalidate(); ka2_outro.restart(); } function ka2_endAnim () { //next slick slider slide // console.log('going next slide'); if ( sliderRun == 1 ) { setTimeout(function(){ $('.js-slider0').slick('slickNext', 0, true);}, 1000); } } function ka2_centerTitle (el) { myxoffset = Math.floor( ($('.ka2_headerAnimContainer').width() - $(el).width() ) / 2); myyoffset = Math.floor( ($('.ka2_headerAnimContainer').height() - $(el).height() ) / 2); // console.log('myxoffset='+myxoffset+' myyoffset='+myyoffset); $(el).css("left",myxoffset+"px"); $(el).css("top",myyoffset+"px"); } function ka2_step1AnimUpdate() { //action possible sur chaque frame // centerTitle('.productTitleOuter'); } function ka2_getStep2YOffset () { return $('.ka2_headerAnimContainer').height() * .2;//20% of height } function ka2_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { //reposition image if (isMobile == 1 ) { var xDest = $('.ka2_productTitleOuter').width()/6; var yDest = $('.ka2_productTitle1').height() * 0.45; } else { var xDest = $('.ka2_productTitleOuter').width()/3.9; var yDest = $('.ka2_productTitle1').height() * 0.05; } $(".ka2_imgProduct1").css('left', xDest+'px'); $(".ka2_imgProduct1").css('top', yDest+'px'); }); }); Another stepfurther.Providing peak customer interactions to keep your guests returning again and again. K27VISION !*TITLE*! !*SUBTITLE*! .ka3_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; /* background-color:blue; */ } .ka3_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .ka3_headerAnimContainer { width: 100%; height: 100%; position: relative; overflow:hidden; } .ka3_headerAnimStart { display:inline-block; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg02UHD.jpg);*/ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;/*astuce !!*/ /* background-size:2560px 1440px; */ } .ka3_productTitleOuter { position:absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ka3_productTitle1, .ka3_productTitle2, .ka3_productTitle3 { position:relative; display: inline-block; line-height: normal; word-break: normal; font-family: 'Fira Sans', sans-serif; font-weight: 900; color:#FFFFFF; } .ka3_animAsset { opacity:0; position: absolute; top:0; left:0; } .ka3_text1, .ka3_text2 { display:none; position: relative; } /* desktop*/ .ka3_productTitleOuter { width:53vw; } .ka3_productTitle1 { width:45%; font-size: 26vw; line-height: 20vw; z-index:0; } .ka3_productTitle2 { width: 55%; margin-left: 0vw; font-size: 26vw; line-height: 20vw; z-index:10; } .ka3_productTitle3 { width: 100%; margin-left: 31vw; font-size: 7.5vw; line-height: 7.5vw; font-weight:500; z-index:10; } .ka3_text1 { margin-left: 31vw; margin-top: 0; width:85%; } .ka3_text1 p { width:100%; margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .ka3_text2 { margin-left: 31vw; margin-right: auto; margin-top: 15px; width:70%; } .ka3_text2 p { margin:0; font-size:1.5vw; line-height:2vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .ka3_imgProduct1 { width:37%; z-index:5; } /* /desktop */ /* mobile */ .ka3_productTitleOuter { width:74vw; } .ka3_productTitle1 { width:45%; font-size: 40vw; line-height: 29vw; z-index:0; } .ka3_productTitle2 { width: 55%; margin-left: 0vw; font-size: 40vw; line-height: 29vw; z-index:15; } .ka3_productTitle3 { width: 100%; margin-left: 40vw; font-size: 9.5vw; line-height: 10.5vw; font-weight:500; z-index:10; } .ka3_text1 { margin-left: 41vw; margin-top: 0; width:53%; } .ka3_text1 p { width:100%; margin:0; font-size:6vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .ka3_text2 { margin-left: auto; margin-right: auto; margin-top: 12vh; width:100%; } .ka3_text2 p { margin:0; font-size:4.5vw; line-height:5vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .ka3_imgProduct1 { width:36%; z-index:5; } /* /mobile */ //init var isMobile = 0; var ka3_step2y = 0; var ka3_targetY; var ka3_getStep3Y; var ka3_fadeInTitle = gsap.timeline(); var ka3_MoveUpTitle = gsap.timeline(); var ka3_outro = gsap.timeline(); var ka3_tl = gsap.timeline(); $( document ).ready(function() { document.getElementsByClassName("ka3_productTitleOuter").style.height = $('.ka3_productTitle1').height() + 'px'; //$('.ka3_productTitleOuter').height( $('.ka3_productTitle1').height() ); var ka3_myTitle = $(".ka3_productTitleOuter"); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } $.ka3_animHeader1Reset = function () { // console.log('ka3_reset'); $(".ka3_text2").css('opacity', '1'); $(".ka3_imgProduct1").css('opacity', '0'); $(".ka3_headerAnimStart").css('opacity', '1'); $(".ka3_headerAnimStart").css('visibility', 'visible'); ka3_fadeInTitle.to( ".ka3_productTitleOuter", {"clearProps": "transform", duration: 0 }); ka3_MoveUpTitle.to( ".ka3_productTitleOuter", {"clearProps": "all", duration: 0 }); ka3_outro.to(".ka3_productTitle",{"clearProps": "all", duration: 0 }); ka3_outro.to(".ka3_text1",{"clearProps": "all", duration: 0 }); ka3_outro.to(".ka3_text2",{"clearProps": "all", duration: 0 }); ka3_fadeInTitle.clear(); ka3_outro.clear(); ka3_MoveUpTitle.clear(); ka3_tl.clear(); ka3_animHeader1Start(); } function ka3_animHeader1Start () { // console.log('music!'); //step1 ka3_fadeInTitle.fromTo(".ka3_productTitleOuter" , {opacity:0}, {opacity:1, duration: 1, ease: "power2.inOut", onComplete: ka3_fadeInTitleComplete}); ka3_MoveUpTitle.fromTo(".ka3_productTitleOuter" ,{height: $('.ka3_productTitle1').height()+'px'}, {height: $('.ka3_productTitle1').height()+'px', top: "30vh",delay:0, duration:1, ease: "power2.inOut"}); ka3_tl.eventCallback("onUpdate", ka3_step1AnimUpdate); ka3_tl.add( ka3_fadeInTitle, 'ka3_step0' ); ka3_tl.add( ka3_MoveUpTitle, 'ka3_step1' ); //ka3_tl.add( ka3_MoveUpTitle, 'ka3_step0' ); ka3_tl.invalidate(); ka3_tl.restart(); } function ka3_fadeInTitleComplete () { //var mypos=$('.ka3_productTitleOuter').position(); // var text1AppearYdest= mypos.top + $('.ka3_productTitleOuter').height() + 30 ;//TitleY + 90% of Title height // var text1AppearYsource = text1AppearYdest + $('.ka3_productTitleOuter').height()/3; var text1Appear = gsap.timeline(); let myMove1 = gsap.from( '.ka3_text1', { y:'5vh', duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.to( '.ka3_text1', {autoAlpha: 1, display:'block', duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'ka3_text1AppearStart'); text1Appear.add(myFade1,'ka3_text1AppearStart'); // var text2AppearYdest = text1AppearYdest + $('.ka3_text1').height() * 1.15; // var text2AppearYsource = text2AppearYdest + $('.ka3_text2').height() * 3; var text2Appear = gsap.timeline(); let myMove2 = gsap.from( ".ka3_text2", { y:'5vh', duration:0.5, delay: 0.6, ease: "power1.in", onComplete:ka3_text2AppearComplete}); let myFade2 = gsap.to( ".ka3_text2", {autoAlpha: 1, display:'block', duration:1, delay: 0.4, ease: "power3.inOut"}); text2Appear.add(myMove2,'ka3_text2AppearStart'); text2Appear.add(myFade2,'ka3_text2AppearStart'); } function ka3_text1AppearComplete () { } function ka3_text2AppearComplete () { //step3 // var xOffsetSource = $('.ka3_productTitleOuter').position().left - $(".ka3_imgProduct1").width() * .3; // var yOffsetSource = "80vh"; if (isMobile == 1 ) { var xDest = $('.ka3_productTitleOuter').width()/6; var yDest = $('.ka3_productTitle1').height() * 0.45; } else { var xDest = $('.ka3_productTitleOuter').width()/4; var yDest = $('.ka3_productTitle1').height() * -0.13; } gsap.fromTo( ".ka3_imgProduct1", {left: xDest+'px', top: yDest , opacity:0}, {left: xDest+'px', top: yDest, opacity:1, duration:1, delay: 0.5, onComplete:ka3_imgProduct1AppearComplete}); } function ka3_imgProduct1AppearComplete () { var mydelay=2; var myduration=1.5; ka3_outro.add( gsap.fromTo( ".ka3_imgProduct1", {opacity:1}, {delay: mydelay, opacity:0, duration:myduration, onComplete:ka3_endAnim}), "ka3_outro_start"); ka3_outro.add( gsap.fromTo( ".ka3_productTitle1", {}, {delay: mydelay, opacity:0, duration:myduration, x: "-=50vw",ease: "power1.in"}), "ka3_outro_start"); ka3_outro.add( gsap.fromTo( ".ka3_productTitle2", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "ka3_outro_start"); ka3_outro.add( gsap.fromTo( ".ka3_productTitle3", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "ka3_outro_start"); ka3_outro.add( gsap.fromTo( ".ka3_text1", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "ka3_outro_start"); ka3_outro.add( gsap.fromTo( ".ka3_text2", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "ka3_outro_start"); ka3_outro.invalidate(); ka3_outro.restart(); } function ka3_endAnim () { //next slick slider slide // console.log('going next slide'); if ( sliderRun == 1 ) { setTimeout(function(){ $('.js-slider0').slick('slickGoTo', 0, false);}, 1000); } } function ka3_centerTitle (el) { myxoffset = Math.floor( ($('.ka3_headerAnimContainer').width() - $(el).width() ) / 2); myyoffset = Math.floor( ($('.ka3_headerAnimContainer').height() - $(el).height() ) / 2); // console.log('myxoffset='+myxoffset+' myyoffset='+myyoffset); $(el).css("left",myxoffset+"px"); $(el).css("top",myyoffset+"px"); } function ka3_step1AnimUpdate() { //action possible sur chaque frame // centerTitle('.productTitleOuter'); } function ka3_getStep2YOffset () { return $('.ka3_headerAnimContainer').height() * .2;//20% of height } function ka3_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { //reposition image if (isMobile == 1 ) { var xDest = $('.ka3_productTitleOuter').width()/6; var yDest = $('.ka3_productTitle1').height() * 0.45; } else { var xDest = $('.ka3_productTitleOuter').width()/4; var yDest = $('.ka3_productTitle1').height() * -0.13; } $(".ka3_imgProduct1").css('left', xDest+'px'); $(".ka3_imgProduct1").css('top', yDest+'px'); }); }); Tailored to the evolving self-ordering industry.Backed by decades of experience, we have developed a unique self-ordering ecosystem to deliver the experience customers are expecting to live. !*TITLE*! !*SUBTITLE*! anchor middle .ka4_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; } .ka4_animTrigger { height:100%; width:100%; } .ka4_headeranim a { display:inline-block; color:#000000; height:100%; /*width:100%;*/ } .ka4_headerAnimContainer { width: 100%; height: 100%; text-align: center; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: relative; vertical-align:middle; overflow:hidden; background-image:url(https://encoursdedev.com/acrelec/wp-content/uploads/2020/05/bg02UHD.jpg); } .ka4_headerAnimStart { display:inline-block; text-align:center; width: 100%; height: 100%; position: relative; overflow:hidden; background-image:url(https://encoursdedev.com/acrelec/wp-content/uploads/2020/05/bg02UHD.jpg); /* background-repeat:repeat; background-position:50% 50%;/*astuce !!*/ /* background-size:1944px 1296px;astuce !!*/ } .ka4_productTitleOuter { position:relative; display: inline-block; margin:auto; vertical-align:middle; width:100%; height:100%; background-image:url(https://encoursdedev.com/acrelec/wp-content/uploads/2020/06/Kiosk.png); background-repeat:no-repeat; background-position:50% 50%; } .ka4_productTitleOuter::before { position: absolute; width: 100%; height: 100%; left: -100%; content: ""; background-color: #ffffff; } .ka4_productTitleOuter::after { position: absolute; width: 100%; height: 100%; margin-left: 50%; content: ""; background-color: #ffffff; } .ka4_spacer { position:absolute; bottom:0; width:100%; height:0; background:#FFFFFF; } .ka4_productTitle1 { /* width:100%; */ position:relative; display: inline-block; line-height: normal; word-break: normal; /*transform: scale(2);*/ /* font-size: 633vw; */ font-family: 'Fira Sans', sans-serif; font-weight: 900; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image:url(https://encoursdedev.com/acrelec/wp-content/uploads/2020/05/bg02UHD.jpg); background-repeat:repeat; background-position:50% 50%;/* ;astuce !! */ background-size:1944px 1296px;/*astuce !!*/ } .ka4_animAsset { opacity:0; position: absolute; top:0; left:0; /* border:1px solid; */ } .test { position:absolute; background-color:red; top:0; left:0; display:none; } .mid { position:absolute; background-color:blue; top:0; left:0; display:none; } .ka4_icons { display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: center; height: 6vw; max-height: 100px; width: 70%; max-width: 1200px; left: 0; right: 0; margin: auto; } .ka4_icon { /*width: 100%;*/ max-height: 100%; display: block; /*border:1px solid blue;*/ }/* desktop*/ .ka4_text1, .ka4_text2 { display:inline-block; width:70%; max-width:1200px; margin: auto; left: 0; right: 0; } .ka4_productTitleOuter { background-size:cover; max-width: 1200px; } .ka4_imgProduct1 { width:40%; left: 0; right: 0; margin: auto; } .ka4_text1 p { margin:0; font-size:3vw; line-height:3.5vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .ka4_text2 p { margin:0; font-size:1.5vw; line-height:1.9vw; font-family: 'Fira Sans', sans-serif; font-weight:500; } /* /desktop */ /* Mobile */ .ka4_icons { height: 10vw!important; } .ka4_text1, .ka4_text2 { display:inline-block; width:100%; } .ka4_productTitleOuter { background-size:100%; } .ka4_imgProduct1 { width:85%; left: 0; right: 0; margin: auto; } .ka4_text1 p { margin:0; font-size:7vw; line-height:8vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .ka4_text2 p { width:85%; margin:0; margin: auto; font-size:5vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:normal; } /* /mobile */ //init var isMobile = 0; var ka4_step2y = 0; var ka4_targetY; var ka4_getStep3Y; var ka4_firstBackground = gsap.timeline(); var ka4_zoomOutTitle = gsap.timeline(); var ka4_moveUpBackground = gsap.timeline(); var ka4_moveUpTitleSpacer = gsap.timeline(); var ka4_moveUpTitle = gsap.timeline(); var ka4_text1Appear = gsap.timeline(); var ka4_text2Appear = gsap.timeline(); var ka4_imgAppear = gsap.timeline(); var ka4_tl = gsap.timeline(); var ka4_myTitle; var ka4_img1Ydest; var ratio; var ka4_middleX; var ka4_middleY; var ka4_anchorY; var sliderRun = 1; $( document ).ready(function() { ratio = $(window).width() / $(window).height(); ka4_middleX = $(".ka4_headeranim").width() / 2; ka4_middleY = $(".ka4_headeranim").height() / 2; $(".mid").css("left",ka4_middleX+'px'); $(".mid").css("top",ka4_middleY+'px'); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } var ka4_anchorY = ka4_middleY + ka4_middleX * 0.1 + 50 - 0.4 * ka4_middleY;//0.4 * ka4_middleY = 0.2* height pour equivalent 20vh , et *2 parceque la moitié $(".test").css("left",ka4_middleX+'px'); $(".test").css("top",ka4_anchorY+'px'); ka4_myTitle = $(".ka4_productTitleOuter"); // console.log('ka4_reset'); $(".ka4_text1").css('opacity', '0'); $(".ka4_text2").css('opacity', '0'); $(".ka4_icons").css('opacity', '0'); $(".ka4_headerAnimStart").css('opacity', '1'); $(".ka4_headerAnimStart").css('background-position-y', '50%'); $(".ka4_headerAnimStart").css('visibility', 'visible'); $(".ka4_spacer").css('height', '0'); gsap.to( ".ka4_productTitleOuter", {"clearProps": "transform", duration: 0 }); ka4_moveUpBackground.to( ".ka4_headerAnimContainer", {"clearProps": "all", duration: 0 }); ka4_zoomOutTitle.clear(); ka4_moveUpTitleSpacer.clear(); ka4_moveUpBackground.clear(); ka4_moveUpTitle.clear(); ka4_tl.clear(); ka4_animHeader1Start(); function ka4_animHeader1Start () { //console.log('music!'); //step0 //ka4_firstBackground.to(".ka4_headerAnimStart" , {autoAlpha: 0, duration: 2.5, ease: "Power4.easeInOut"}); // //step1 // var myFontSize1 = "25vw"; if ( $('.ka4_headerAnimContainer').width() > 2000 ) { $(".ka4_icons").css("width","30%"); //ka4_img1Xdest = "33%"; } else { //$(".ka4_icons").css("width","50%"); //ka4_img1Xdest = "30%"; } ka4_zoomOutTitle.fromTo(".ka4_productTitleOuter" , {force3D:false, xPercent :-75, yPercent :45, scale: "50"}, { scale:"1", width: "100%", xPercent : "0", yPercent: "0", duration: 4.5, ease: "Power4.out"}); //step2 ka4_moveUpTitle.to( ".ka4_productTitleOuter", {"y": "-=13vh", duration: 1, ease: "power2.inOut"}); var ka4_moveBg = .18 * $('.ka4_headerAnimContainer').height();//20vh //chantier if ( isMobile == 1 ) { var text1Ydest= ka4_anchorY + .19 * $('.ka4_headerAnimContainer').width(); } else { var text1Ydest= ka4_anchorY + 20 + .03 * $('.ka4_headerAnimContainer').width(); } var text1Ysource = ka4_anchorY + 200; let myMove1 = gsap.fromTo( '.ka4_text1', { top: text1Ysource+"px"}, {top: text1Ydest+"px", duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.fromTo( '.ka4_text1', {opacity:0}, {opacity:1, duration:0.7, ease: "power3.in"}); ka4_text1Appear.add(myMove1,'ka4_text1AppearStart'); ka4_text1Appear.add(myFade1,'ka4_text1AppearStart'); var text2Ydest = text1Ydest + $(".ka4_text1").height() + $(".ka4_text2").height()/2; var text2Ysource = text1Ydest + $(".ka4_text1").height() + 100; let myMove2 = gsap.fromTo( ".ka4_text2", { top: text2Ysource+"px"}, {top: text2Ydest+"px", duration:0.5, delay: 0.6, ease: "power1.in"}); let myFade2 = gsap.fromTo( ".ka4_text2", {opacity:0}, {opacity:1, duration:0.6, delay: 0.4, ease: "power3.in"}); ka4_text2Appear.add(myMove2,'ka4_text2AppearStart'); ka4_text2Appear.add(myFade2,'ka4_text2AppearStart'); if ( isMobile == 1 ) { var ka4_img1Ydest = text2Ydest + $(".ka4_text2").height() + $(".ka4_text2").height()/10; } else { var ka4_img1Ydest = text2Ydest + $(".ka4_text2").height() + $(".ka4_text2").height()/2; } //ka4_imgAppear.add (gsap.fromTo( ka4_icons", {left: ka4_img1Xdest, top: ka4_img1Ydest+'px' , opacity:0}, {left: ka4_img1Xdest, opacity:1, duration:1})); ka4_imgAppear.add (gsap.fromTo( ".ka4_icons", { top: ka4_img1Ydest+'px' , opacity:0}, { opacity:1, duration:1})); ka4_moveUpBackground.to (".ka4_headerAnimContainer", {duration: 1, ease: "power2.inOut", "background-position-y": "-=18vh"}); //ka4_moveUpBackground.to (".ka4_headerAnimContainer", {duration: 1, ease: "power2.inOut", backgroundPosition: "50% 300px"}); ka4_moveUpTitleSpacer.to( ".ka4_spacer", {"height": "18.1vh", duration: 1, ease: "power2.inOut"}); //ka4_tl.add( ka4_firstBackground, 'ka4_step0' ); ka4_tl.add( ka4_zoomOutTitle, 'ka4_step0' ); ka4_tl.add( ka4_moveUpTitle, 'ka4_step1'); ka4_tl.add( ka4_moveUpBackground, 'ka4_step1'); ka4_tl.add( ka4_moveUpTitleSpacer, 'ka4_step1'); ka4_tl.add( ka4_text1Appear, 'ka4_step2'); ka4_tl.add( ka4_text2Appear, 'ka4_step3'); ka4_tl.add( ka4_imgAppear, 'ka4_step4'); // ScrollMagic var controller = new ScrollMagic.Controller(); // container pin // pour bloquer (épingler) .headeranim pendant "800ms/px" // = impression de bloquer le scroll var startpin = new ScrollMagic.Scene({ duration: 2000 }) .setPin(".panel-header") .addTo(controller); // tween new ScrollMagic.Scene({ duration: 2000 }) .setTween(ka4_tl) .addTo(controller); } $( window ).resize(function() { ratio = $(window).width() / $(window).height(); ka4_middleX = $(".ka4_headeranim").width() / 2; ka4_middleY = $(".ka4_headeranim").height() / 2; $(".mid").css("left",ka4_middleX+'px'); $(".mid").css("top",ka4_middleY+'px'); ka4_anchorY = ka4_middleY + ka4_middleX * 0.1 + 50 - 0.4 * ka4_middleY; $(".test").css("left",ka4_middleX+'px'); $(".test").css("top",ka4_anchorY+'px'); if ( isMobile == 1 ) { var text1Ydest= ka4_anchorY + .1 * $('.ka4_headerAnimContainer').width(); } else { var text1Ydest= ka4_anchorY + 20 + .03 * $('.ka4_headerAnimContainer').width(); } $(".ka4_text1").css("top",text1Ydest+'px'); var text2Ydest = text1Ydest + $(".ka4_text1").height() + $(".ka4_text2").height()/2; $(".ka4_text2").css("top",text2Ydest+'px'); // if ( $('.ka4_headerAnimContainer').width() > 1000 ) { // $(".ka4_imgProduct1").css("width","30%"); // } else { // $(".ka4_imgProduct1").css("width","50%"); // } var ka4_img1Ydest = text2Ydest + $(".ka4_text2").height() + $(".ka4_text2").height()/2; $(".ka4_icons").css('top', ka4_img1Ydest+'px'); }); $(window).scroll(function() { //$('.js-slider0').slick('slickGoTo', 3, false); //$('.js-slider0').slick('slickPause'); sliderRun = 0; }); }); ArrayK22 Size Screen 22’’ Configuration Counter top, Stand alone, Wall mounted Main feature The same cutting-edge technology packed in our most compact design. ArrayK27 VISIONSize Screen 27’’ Configuration Single sided, Double sided, Wall mounted Main feature Our most customizable kiosk, with sleek design and the latest technology. ArrayK32 OUTDOOR Size Screen 32’’ Configuration Single sided, Wall mounted Main feature Designed for the outdoor experience, our most durable kiosk. Our Kioskslinear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 35%, rgba(255,255,255,1) 100%)ArraycontainportraittranslateY(10%) K27 Vision Another step further. With 2 cameras, K27 Vision guarantees a premier experience. Slim and low-maintenance, this intelligent AI-driven solution creates a powerful connection between customers and your brand. leftlinear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 35%, rgba(255,255,255,1) 100%)Arraycontainlandscapetranslate(-10%, 10%) Real Desinfection. Real-time Cleaning Data. With an unprecedented need for desinfection and risk mitigation, Acrelec’s S-Pure works better, faster and more efficiently. It is proven to kill 99.99% of bacteria and safeguard your staff and customers. right#52595FArraycovercover bridge Our APIs help developers manage, optimize, display and inject orders across all digital devices and channels. Bridge offers the most extensive POS integration library with 50+ pre-built plugins. Bridge Loyalty, Experiment and Personalize modules enables each customer to get a unique experience with your brand. ATP ATP (Acrelec Transformation Platform) enables remote management of your entire device fleet. It enables hardware and peripheral monitoring, driver management, software versioning and security services for both proprietary and 3rd party applications. #FFFFFFArraycontainportraittranslateY(15%) K27 When a look changes everything. The most innovative technology combines with the sleekest design.The K27 can be fully customized, providing your business with the most elegant and efficient self-service solution. Details righturl(https://acrelec.com/wp-content/uploads/2020/06/Groupe-289.png) no-repeat center centerArraycontainlandscapetranslate(15%, 15%)Table Service Elevate the dining experience. Do not let your customer wait in line, let them seat comfortably. Relaxed customer experience results in higher guest count. Decrease your service time by 20 sec with Acrelec Table Service solution and gain 5% work productivity with a streamlined process. Details left#AFD7CEArraycontainportraittranslateX(-10%)DOT Delivering innovation. Driving opportunity. DOT (Digital Order Taker) is a world leading kiosk ordering framework, interfaced with most existing POS solutions. it harnesses AI to personalize the each journey with product recommendation based on weather, traffic, time and items added to the basket. Flexible, DOT enables AB-Tested content strategies and UI analytics to further improve your customers experiences. righturl(https://acrelec.com/wp-content/uploads/2020/04/k22_bkg.png) no-repeat center centerArraycontainlandscapetranslateX(5%)K22 Designed to blend in. The same cutting-edge technology and design as the K27, with some extra wiggle room. Our most versatile and compact solution made to suit all types of location. lefturl(https://acrelec.com/wp-content/uploads/2020/04/Bitmap.png) no-repeat center centerArraycontainlandscapetranslateX(-15%)K32 Our most durable kiosk. The ultimate size for maximum impact, even outdoors. As powerful as the K27, the larger K32 can be seen from anywhere. righturl(https://acrelec.com/wp-content/uploads/2020/04/udvise_bkg.png) no-repeat center centerArraycontainlandscapetranslate(5%, 10%) Experts in digital for Food & Beverage Let our experienced teams create data-driven solutions for your business. Details leftWhich Kioskis made for you?What we have done for themPlease select icon
Drive
DriveDrive solutionsBright and sleek, to enhance your brand.You will see how excellence in digital signage can improve your sales figures. D55 !*TITLE*! !*SUBTITLE*! .js-slider0 .slick-track:before { position:absolute; width:100vw; height:100vh; background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg01uhd.jpg)!important; background-repeat:no-repeat!important; background-position:50% 50%!important; background-size:cover; } .js-slider0 .slideSingle { align-items: flex-start!important; } .da1_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; /* background-color:blue; */ } .da1_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .da1_headerAnimContainer { width: 100%; height: 100%; position: relative; overflow:hidden; } .da1_headerAnimStart { display:inline-block; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg01uhd.jpg);*/ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;/*astuce !!*/ /* background-size:2560px 1440px; */ } .da1_productTitleOuter { position:absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .da1_productTitle1, .da1_productTitle2 { position:relative; display: inline-block; line-height: normal; word-break: normal; font-family: 'Fira Sans', sans-serif; font-weight: 900; color:#FFFFFF; } .da1_animAsset { opacity:0; position: absolute; top:0; left:0; } .da1_text1, .da1_text2 { display:none; position: relative; }.da1_productTitleOuter { width:50vw; } .da1_productTitle1 { width:38%; font-size: 26vw; line-height: 19vw; } .da1_productTitle2 { width: 62%; margin-left: 0vw; font-size: 26vw; line-height: 19vw; } .da1_text1 { margin-left: 29vw; margin-top: 0; width:70%; } .da1_text1 p { width:100%; margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .da1_text2 { margin-left: 29vw; margin-right: auto; margin-top: 15px; width:70%; } .da1_text2 p { margin:0; font-size:1.5vw; line-height:2vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 65%; } .da1_imgProduct1 { width:32%; }.da1_productTitleOuter { width:70vw; } .da1_productTitle1 { width:38%; font-size: 40vw; line-height: 29vw; } .da1_productTitle2 { width: 62%; margin-left: 0vw; font-size: 40vw; line-height: 29vw; } .da1_text1 { margin-left: 40vw; margin-top: 0; width:62%; } .da1_text1 p { width:100%; margin:0; font-size:6vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .da1_text2 { margin-left: auto; margin-right: auto; margin-top: 12vh; width:90%; } .da1_text2 p { margin:0; font-size:4.5vw; line-height:5vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .da1_imgProduct1 { width:49%; }//init var isMobile = 0; var da1_step2y = 0; var da1_targetY; var da1_getStep3Y; var da1_fadeInTitle = gsap.timeline(); var da1_MoveUpTitle = gsap.timeline(); var da1_outro = gsap.timeline(); var da1_tl = gsap.timeline(); $( document ).ready(function() { document.getElementsByClassName("da1_productTitleOuter").style.height = $('.da1_productTitle1').height() + 'px'; //$('.da1_productTitleOuter').height( $('.da1_productTitle1').height() ); var da1_myTitle = $(".da1_productTitleOuter"); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } $.da1_animHeader1Reset = function () { // console.log('da1_reset'); $(".da1_text2").css('opacity', '1'); $(".da1_imgProduct1").css('opacity', '0'); $(".da1_headerAnimStart").css('opacity', '1'); $(".da1_headerAnimStart").css('visibility', 'visible'); da1_fadeInTitle.to( ".da1_productTitleOuter", {"clearProps": "transform", duration: 0 }); da1_MoveUpTitle.to( ".da1_productTitleOuter", {"clearProps": "all", duration: 0 }); da1_outro.to(".da1_productTitle",{"clearProps": "all", duration: 0 }); da1_outro.to(".da1_text1",{"clearProps": "all", duration: 0 }); da1_outro.to(".da1_text2",{"clearProps": "all", duration: 0 }); da1_fadeInTitle.clear(); da1_outro.clear(); da1_MoveUpTitle.clear(); da1_tl.clear(); da1_animHeader1Start(); } function da1_animHeader1Start () { // console.log('music!'); //step1 da1_fadeInTitle.fromTo(".da1_productTitleOuter" , {opacity:0}, {opacity:1, duration: 1, ease: "power2.inOut", onComplete: da1_fadeInTitleComplete}); da1_MoveUpTitle.fromTo(".da1_productTitleOuter" ,{height: $('.da1_productTitle1').height()+'px'}, {height: $('.da1_productTitle1').height()+'px', top: "30vh",delay:0, duration:1, ease: "power2.inOut"}); da1_tl.eventCallback("onUpdate", da1_step1AnimUpdate); da1_tl.add( da1_fadeInTitle, 'da1_step0' ); da1_tl.add( da1_MoveUpTitle, 'da1_step1' ); //da1_tl.add( da1_MoveUpTitle, 'da1_step0' ); da1_tl.invalidate(); da1_tl.restart(); } function da1_fadeInTitleComplete () { //var mypos=$('.da1_productTitleOuter').position(); // var text1AppearYdest= mypos.top + $('.da1_productTitleOuter').height() + 30 ;//TitleY + 90% of Title height // var text1AppearYsource = text1AppearYdest + $('.da1_productTitleOuter').height()/3; var text1Appear = gsap.timeline(); let myMove1 = gsap.from( '.da1_text1', { y:'5vh', duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.to( '.da1_text1', {autoAlpha: 1, display:'block', duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'da1_text1AppearStart'); text1Appear.add(myFade1,'da1_text1AppearStart'); // var text2AppearYdest = text1AppearYdest + $('.da1_text1').height() * 1.15; // var text2AppearYsource = text2AppearYdest + $('.da1_text2').height() * 3; var text2Appear = gsap.timeline(); let myMove2 = gsap.from( ".da1_text2", { y:'5vh', duration:0.5, delay: 0.6, ease: "power1.in", onComplete:da1_text2AppearComplete}); let myFade2 = gsap.to( ".da1_text2", {autoAlpha: 1, display:'block', duration:1, delay: 0.4, ease: "power3.inOut"}); text2Appear.add(myMove2,'da1_text2AppearStart'); text2Appear.add(myFade2,'da1_text2AppearStart'); } function da1_text1AppearComplete () { } function da1_text2AppearComplete () { //step3 if (isMobile == 1 ) { var xDest = $('.da1_productTitleOuter').position().left - $('.da1_productTitleOuter').width()/6; var yDest = $('.da1_productTitleOuter').position().top + $('.da1_productTitle1').height() * .75; } else { var xDest = $('.da1_productTitleOuter').position().left - $('.da1_productTitleOuter').width()/10; var yDest = $('.da1_productTitleOuter').position().top + $('.da1_productTitle1').height() * .7; } gsap.fromTo( ".da1_imgProduct1", {left: xDest+'px', top: yDest , opacity:0}, {left: xDest+'px', top: yDest, opacity:1, duration:1, delay: 0.5, onComplete:da1_imgProduct1AppearComplete}); } function da1_imgProduct1AppearComplete () { var mydelay=2; var myduration=1.5; da1_outro.add( gsap.fromTo( ".da1_imgProduct1", {opacity:1}, {delay: mydelay, opacity:0, duration:myduration, onComplete:da1_endAnim}), "da1_outro_start"); da1_outro.add( gsap.fromTo( ".da1_productTitle1", {}, {delay: mydelay, opacity:0, duration:myduration, x: "-=50vw",ease: "power1.in"}), "da1_outro_start"); da1_outro.add( gsap.fromTo( ".da1_productTitle2", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "da1_outro_start"); da1_outro.add( gsap.fromTo( ".da1_text1", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "da1_outro_start"); da1_outro.add( gsap.fromTo( ".da1_text2", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "da1_outro_start"); da1_outro.invalidate(); da1_outro.restart(); } function da1_endAnim () { //next slick slider slide // console.log('going next slide'); if ( sliderRun == 1 ) { setTimeout(function(){ $('.js-slider0').slick('slickNext', 0, true);}, 1000); } } function da1_centerTitle (el) { myxoffset = Math.floor( ($('.da1_headerAnimContainer').width() - $(el).width() ) / 2); myyoffset = Math.floor( ($('.da1_headerAnimContainer').height() - $(el).height() ) / 2); // console.log('myxoffset='+myxoffset+' myyoffset='+myyoffset); $(el).css("left",myxoffset+"px"); $(el).css("top",myyoffset+"px"); } function da1_step1AnimUpdate() { //action possible sur chaque frame // centerTitle('.productTitleOuter'); } function da1_getStep2YOffset () { return $('.da1_headerAnimContainer').height() * .2;//20% of height } function da1_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { //reposition image if (isMobile == 1 ) { var xDest = $('.da1_productTitleOuter').position().left - $('.da1_productTitleOuter').width()/6; var yDest = $('.da1_productTitleOuter').position().top + $('.da1_productTitle1').height() * .75; } else { var xDest = $('.da1_productTitleOuter').position().left - $('.da1_productTitleOuter').width()/10; var yDest = $('.da1_productTitleOuter').position().top + $('.da1_productTitle1').height() * .7; } $(".da1_imgProduct1").css('left', xDest+'px'); $(".da1_imgProduct1").css('top', yDest+'px'); }); $(window).scroll(function() { $('.js-slider0').slick('slickGoTo', 3, false); $('.js-slider0').slick('slickPause'); sliderRun = 0; $('.headerslideSingle-count').hide(); }); }); Packed withadvancedtechnology.Our Speaker Post solution combines the most innovative technology to ensure everyone is heard, regardless of background noise or weather conditions. SPEAKERPOST !*TITLE*! !*SUBTITLE*! .da2_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; /* background-color:blue; */ } .da2_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .da2_headerAnimContainer { width: 100%; height: 100%; position: relative; overflow:hidden; } .da2_headerAnimStart { display:inline-block; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg01uhd.jpg);*/ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;/*astuce !!*/ /* background-size:2560px 1440px; */ } .da2_productTitleOuter { position:absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .da2_productTitle1, .da2_productTitle2 { position:relative; display: inline-block; line-height: normal; word-break: normal; font-family: 'Fira Sans', sans-serif; font-weight: 900; color:#FFFFFF; } .da2_animAsset { opacity:0; position: absolute; top:0; left:0; } .da2_text1, .da2_text2 { display:none; position: relative; }.da2_productTitleOuter { width:62vw; } .da2_productTitle1 { width:100%; font-size: 15vw; line-height: 11vw; } .da2_productTitle2 { width: 100%; margin-left: 33vw; font-size: 7.5vw; line-height: 7.5vw; } .da2_text1 { margin-left: 33vw; margin-top: 0; width:70%; } .da2_text1 p { width:100%; margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .da2_text2 { margin-left: 33vw; margin-right: auto; margin-top: 15px; width:70%; } .da2_text2 p { margin:0; font-size:1.5vw; line-height:2vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .da2_imgProduct1 { width:13%; }.da2_productTitleOuter { width:74vw; } .da2_productTitle1 { width:100%; font-size: 18vw; line-height: 17vw; } .da2_productTitle2 { width: 100%; margin-left: 33vw; font-size: 7.5vw; line-height: 7.5vw; } .da2_text1 { margin-left: 33vw; margin-top: 0; width:70%; } .da2_text1 p { width:100%; margin:0; font-size:6vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .da2_text2 { margin-left: auto; margin-right: auto; margin-top: 12vh; width:90%; } .da2_text2 p { margin:0; font-size:4.5vw; line-height:5vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .da2_imgProduct1 { width:18%; } //init var isMobile = 0; var da2_step2y = 0; var da2_targetY; var da2_getStep3Y; var da2_fadeInTitle = gsap.timeline(); var da2_MoveUpTitle = gsap.timeline(); var da2_outro = gsap.timeline(); var da2_tl = gsap.timeline(); $( document ).ready(function() { document.getElementsByClassName("da2_productTitleOuter").style.height = $('.da2_productTitle1').height() + 'px'; //$('.da2_productTitleOuter').height( $('.da2_productTitle1').height() ); var da2_myTitle = $(".da2_productTitleOuter"); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } $.da2_animHeader1Reset = function () { // console.log('da2_reset'); $(".da2_text2").css('opacity', '1'); $(".da2_imgProduct1").css('opacity', '0'); $(".da2_headerAnimStart").css('opacity', '1'); $(".da2_headerAnimStart").css('visibility', 'visible'); da2_fadeInTitle.to( ".da2_productTitleOuter", {"clearProps": "transform", duration: 0 }); da2_MoveUpTitle.to( ".da2_productTitleOuter", {"clearProps": "all", duration: 0 }); da2_outro.to(".da2_productTitle",{"clearProps": "all", duration: 0 }); da2_outro.to(".da2_text1",{"clearProps": "all", duration: 0 }); da2_outro.to(".da2_text2",{"clearProps": "all", duration: 0 }); da2_fadeInTitle.clear(); da2_outro.clear(); da2_MoveUpTitle.clear(); da2_tl.clear(); da2_animHeader1Start(); } function da2_animHeader1Start () { // console.log('music!'); //step1 da2_fadeInTitle.fromTo(".da2_productTitleOuter" , {opacity:0}, {opacity:1, duration: 1, ease: "power2.inOut", onComplete: da2_fadeInTitleComplete}); da2_MoveUpTitle.fromTo(".da2_productTitleOuter" ,{height: $('.da2_productTitle1').height()+'px'}, {height: $('.da2_productTitle1').height()+'px', top: "30vh",delay:0, duration:1, ease: "power2.inOut"}); da2_tl.eventCallback("onUpdate", da2_step1AnimUpdate); da2_tl.add( da2_fadeInTitle, 'da2_step0' ); da2_tl.add( da2_MoveUpTitle, 'da2_step1' ); //da2_tl.add( da2_MoveUpTitle, 'da2_step0' ); da2_tl.invalidate(); da2_tl.restart(); } function da2_fadeInTitleComplete () { //var mypos=$('.da2_productTitleOuter').position(); // var text1AppearYdest= mypos.top + $('.da2_productTitleOuter').height() + 30 ;//TitleY + 90% of Title height // var text1AppearYsource = text1AppearYdest + $('.da2_productTitleOuter').height()/3; var text1Appear = gsap.timeline(); let myMove1 = gsap.from( '.da2_text1', { y:'5vh', duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.to( '.da2_text1', {autoAlpha: 1, display:'block', duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'da2_text1AppearStart'); text1Appear.add(myFade1,'da2_text1AppearStart'); // var text2AppearYdest = text1AppearYdest + $('.da2_text1').height() * 1.15; // var text2AppearYsource = text2AppearYdest + $('.da2_text2').height() * 3; var text2Appear = gsap.timeline(); let myMove2 = gsap.from( ".da2_text2", { y:'5vh', duration:0.5, delay: 0.6, ease: "power1.in", onComplete:da2_text2AppearComplete}); let myFade2 = gsap.to( ".da2_text2", {autoAlpha: 1, display:'block', duration:1, delay: 0.4, ease: "power3.inOut"}); text2Appear.add(myMove2,'da2_text2AppearStart'); text2Appear.add(myFade2,'da2_text2AppearStart'); } function da2_text1AppearComplete () { } function da2_text2AppearComplete () { //step3 // var xOffsetSource = $('.da2_productTitleOuter').position().left - $(".da2_imgProduct1").width() * .3; // var yOffsetSource = "80vh"; if (isMobile == 1 ) { var xDest = $('.da2_productTitleOuter').position().left + $('.da2_productTitleOuter').width()/6.5; var yDest = $('.da2_productTitleOuter').position().top + $('.da2_productTitle1').height() * .3; } else { var xDest = $('.da2_productTitleOuter').position().left + $('.da2_productTitleOuter').width()/3.3; var yDest = $('.da2_productTitleOuter').position().top + $('.da2_productTitle1').height() * .3; } gsap.fromTo( ".da2_imgProduct1", {left: xDest+'px', top: yDest , opacity:0}, {left: xDest+'px', top: yDest, opacity:1, duration:1, delay: 0.5, onComplete:da2_imgProduct1AppearComplete}); } function da2_imgProduct1AppearComplete () { var mydelay=2; var myduration=1.5; da2_outro.add( gsap.fromTo( ".da2_imgProduct1", {opacity:1}, {delay: mydelay, opacity:0, duration:myduration, onComplete:da2_endAnim}), "da2_outro_start"); da2_outro.add( gsap.fromTo( ".da2_productTitle1", {}, {delay: mydelay, opacity:0, duration:myduration, x: "-=50vw",ease: "power1.in"}), "da2_outro_start"); da2_outro.add( gsap.fromTo( ".da2_productTitle2", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "da2_outro_start"); da2_outro.add( gsap.fromTo( ".da2_text1", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "da2_outro_start"); da2_outro.add( gsap.fromTo( ".da2_text2", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "da2_outro_start"); da2_outro.invalidate(); da2_outro.restart(); } function da2_endAnim () { //next slick slider slide // console.log('going next slide'); if ( sliderRun == 1 ) { setTimeout(function(){ $('.js-slider0').slick('slickNext', 0, true);}, 1000); } } function da2_centerTitle (el) { myxoffset = Math.floor( ($('.da2_headerAnimContainer').width() - $(el).width() ) / 2); myyoffset = Math.floor( ($('.da2_headerAnimContainer').height() - $(el).height() ) / 2); // console.log('myxoffset='+myxoffset+' myyoffset='+myyoffset); $(el).css("left",myxoffset+"px"); $(el).css("top",myyoffset+"px"); } function da2_step1AnimUpdate() { //action possible sur chaque frame // centerTitle('.productTitleOuter'); } function da2_getStep2YOffset () { return $('.da2_headerAnimContainer').height() * .2;//20% of height } function da2_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { //reposition image if (isMobile == 1 ) { var xDest = $('.da2_productTitleOuter').position().left + $('.da2_productTitleOuter').width()/6.5; var yDest = $('.da2_productTitleOuter').position().top + $('.da2_productTitle1').height() * .3; } else { var xDest = $('.da2_productTitleOuter').position().left + $('.da2_productTitleOuter').width()/3.3; var yDest = $('.da2_productTitleOuter').position().top + $('.da2_productTitle1').height() * .3; } $(".da2_imgProduct1").css('left', xDest+'px'); $(".da2_imgProduct1").css('top', yDest+'px'); }); }); Create Meaningful Interactions with your customers.Accelerate your Drive-Thru with our SDK and bluetooth sensors to leverage your loyalty program! DRIVEID !*TITLE*! !*SUBTITLE*! .da3_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; /* background-color:blue; */ } .da3_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .da3_headerAnimContainer { width: 100%; height: 100%; position: relative; overflow:hidden; } .da3_headerAnimStart { display:inline-block; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/05/bg01uhd.jpg);*/ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;/*astuce !!*/ /* background-size:2560px 1440px; */ } .da3_productTitleOuter { position:absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .da3_productTitle1, .da3_productTitle2 { position:relative; display: inline-block; line-height: normal; word-break: normal; font-family: 'Fira Sans', sans-serif; font-weight: 900; color:#FFFFFF; } .da3_animAsset { opacity:0; position: absolute; top:0; left:0; } .da3_text1, .da3_text2 { display:none; position: relative; }.da3_productTitleOuter { width:56vw; } .da3_productTitle1 { width:75%; font-size: 15vw; line-height: 11vw; } .da3_productTitle2 { width: 25%; margin-left: 0vw; font-size: 15vw; line-height: 11vw; } .da3_text1 { margin-left: 33vw; margin-top: 0; width:70%; } .da3_text1 p { width:100%; margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .da3_text2 { margin-left: 33vw; margin-right: auto; margin-top: 15px; width:70%; } .da3_text2 p { margin:0; font-size:1.5vw; line-height:2vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 65%; } .da3_imgProduct1 { width:13%; } .da3_productTitleOuter { width:70vw; } .da3_productTitle1 { width:75%; font-size: 18vw; line-height: 17vw; } .da3_productTitle2 { width: 25%; margin-left: 0vw; font-size: 18vw; line-height: 17vw; } .da3_text1 { margin-left: 33vw; margin-top: 0; width:70%; } .da3_text1 p { width:100%; margin:0; font-size:6vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .da3_text2 { margin-left: auto; margin-right: auto; margin-top: 12vh; width:90%; } .da3_text2 p { margin:0; font-size:4.5vw; line-height:5vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .da3_imgProduct1 { width:20%; } //init var isMobile = 0; var da3_step2y = 0; var da3_targetY; var da3_getStep3Y; var da3_fadeInTitle = gsap.timeline(); var da3_MoveUpTitle = gsap.timeline(); var da3_outro = gsap.timeline(); var da3_tl = gsap.timeline(); $( document ).ready(function() { document.getElementsByClassName("da3_productTitleOuter").style.height = $('.da3_productTitle1').height() + 'px'; //$('.da3_productTitleOuter').height( $('.da3_productTitle1').height() ); var da3_myTitle = $(".da3_productTitleOuter"); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } $.da3_animHeader1Reset = function () { // console.log('da3_reset'); $(".da3_text2").css('opacity', '1'); $(".da3_imgProduct1").css('opacity', '0'); $(".da3_headerAnimStart").css('opacity', '1'); $(".da3_headerAnimStart").css('visibility', 'visible'); da3_fadeInTitle.to( ".da3_productTitleOuter", {"clearProps": "transform", duration: 0 }); da3_MoveUpTitle.to( ".da3_productTitleOuter", {"clearProps": "all", duration: 0 }); da3_outro.to(".da3_productTitle",{"clearProps": "all", duration: 0 }); da3_outro.to(".da3_text1",{"clearProps": "all", duration: 0 }); da3_outro.to(".da3_text2",{"clearProps": "all", duration: 0 }); da3_fadeInTitle.clear(); da3_outro.clear(); da3_MoveUpTitle.clear(); da3_tl.clear(); da3_animHeader1Start(); } function da3_animHeader1Start () { // console.log('music!'); //step1 da3_fadeInTitle.fromTo(".da3_productTitleOuter" , {opacity:0}, {opacity:1, duration: 1, ease: "power2.inOut", onComplete: da3_fadeInTitleComplete}); da3_MoveUpTitle.fromTo(".da3_productTitleOuter" ,{height: $('.da3_productTitle1').height()+'px'}, {height: $('.da3_productTitle1').height()+'px', top: "30vh",delay:0, duration:1, ease: "power2.inOut"}); da3_tl.eventCallback("onUpdate", da3_step1AnimUpdate); da3_tl.add( da3_fadeInTitle, 'da3_step0' ); da3_tl.add( da3_MoveUpTitle, 'da3_step1' ); //da3_tl.add( da3_MoveUpTitle, 'da3_step0' ); da3_tl.invalidate(); da3_tl.restart(); } function da3_fadeInTitleComplete () { //var mypos=$('.da3_productTitleOuter').position(); // var text1AppearYdest= mypos.top + $('.da3_productTitleOuter').height() + 30 ;//TitleY + 90% of Title height // var text1AppearYsource = text1AppearYdest + $('.da3_productTitleOuter').height()/3; var text1Appear = gsap.timeline(); let myMove1 = gsap.from( '.da3_text1', { y:'5vh', duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.to( '.da3_text1', {autoAlpha: 1, display:'block', duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'da3_text1AppearStart'); text1Appear.add(myFade1,'da3_text1AppearStart'); // var text2AppearYdest = text1AppearYdest + $('.da3_text1').height() * 1.15; // var text2AppearYsource = text2AppearYdest + $('.da3_text2').height() * 3; var text2Appear = gsap.timeline(); let myMove2 = gsap.from( ".da3_text2", { y:'5vh', duration:0.5, delay: 0.6, ease: "power1.in", onComplete:da3_text2AppearComplete}); let myFade2 = gsap.to( ".da3_text2", {autoAlpha: 1, display:'block', duration:1, delay: 0.4, ease: "power3.inOut"}); text2Appear.add(myMove2,'da3_text2AppearStart'); text2Appear.add(myFade2,'da3_text2AppearStart'); } function da3_text1AppearComplete () { } function da3_text2AppearComplete () { //step3 if (isMobile == 1 ) { var xDest = $('.da3_productTitleOuter').position().left + $('.da3_productTitleOuter').width()/10; var yDest = $('.da3_productTitleOuter').position().top + $('.da3_productTitle1').height() * .6; } else { var xDest = $('.da3_productTitleOuter').position().left + $('.da3_productTitleOuter').width()/3.3; var yDest = $('.da3_productTitleOuter').position().top + $('.da3_productTitle1').height() * .8; } gsap.fromTo( ".da3_imgProduct1", {left: xDest+'px', top: yDest , opacity:0}, {left: xDest+'px', top: yDest, opacity:1, duration:1, delay: 0.5, onComplete:da3_imgProduct1AppearComplete}); } function da3_imgProduct1AppearComplete () { var mydelay=2; var myduration=1.5; da3_outro.add( gsap.fromTo( ".da3_imgProduct1", {opacity:1}, {delay: mydelay, opacity:0, duration:myduration, onComplete:da3_endAnim}), "da3_outro_start"); da3_outro.add( gsap.fromTo( ".da3_productTitle1", {}, {delay: mydelay, opacity:0, duration:myduration, x: "-=50vw",ease: "power1.in"}), "da3_outro_start"); da3_outro.add( gsap.fromTo( ".da3_productTitle2", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "da3_outro_start"); da3_outro.add( gsap.fromTo( ".da3_text1", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "da3_outro_start"); da3_outro.add( gsap.fromTo( ".da3_text2", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "da3_outro_start"); da3_outro.invalidate(); da3_outro.restart(); } function da3_endAnim () { //next slick slider slide // console.log('going next slide'); if ( sliderRun == 1 ) { setTimeout(function(){ $('.js-slider0').slick('slickGoTo', 0, false);}, 1000); } } function da3_centerTitle (el) { myxoffset = Math.floor( ($('.da3_headerAnimContainer').width() - $(el).width() ) / 2); myyoffset = Math.floor( ($('.da3_headerAnimContainer').height() - $(el).height() ) / 2); // console.log('myxoffset='+myxoffset+' myyoffset='+myyoffset); $(el).css("left",myxoffset+"px"); $(el).css("top",myyoffset+"px"); } function da3_step1AnimUpdate() { //action possible sur chaque frame // centerTitle('.productTitleOuter'); } function da3_getStep2YOffset () { return $('.da3_headerAnimContainer').height() * .2;//20% of height } function da3_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { //reposition image if (isMobile == 1 ) { var xDest = $('.da3_productTitleOuter').position().left + $('.da3_productTitleOuter').width()/10; var yDest = $('.da3_productTitleOuter').position().top + $('.da3_productTitle1').height() * .6; } else { var xDest = $('.da3_productTitleOuter').position().left + $('.da3_productTitleOuter').width()/3.3; var yDest = $('.da3_productTitleOuter').position().top + $('.da3_productTitle1').height() * .8; } $(".da3_imgProduct1").css('left', xDest+'px'); $(".da3_imgProduct1").css('top', yDest+'px'); }); }); A complete ecosystem of solutions focused towards efficiencyOur ideal drive-thru seeks to maximize the average ticket while minimizing the service time !*TITLE*! !*SUBTITLE*! anchor middle .da4_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; } .da4_headeranim a { display:inline-block; color:#000000; height:100%; /*width:100%;*/ } .da4_headerAnimContainer { width: 100%; height: 100%; text-align: center; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: relative; vertical-align:middle; overflow:hidden; background-image:url(https://encoursdedev.com/acrelec/wp-content/uploads/2020/05/bg01uhd.jpg); } .da4_headerAnimStart { display:inline-block; text-align:center; width: 100%; height: 100%; position: relative; overflow:hidden; background-image:url(https://encoursdedev.com/acrelec/wp-content/uploads/2020/05/bg01uhd.jpg); /* background-repeat:repeat; background-position:50% 50%;/*astuce !!*/ /* background-size:1944px 1296px;astuce !!*/ } .da4_productTitleOuter { position:relative; display: inline-block; margin:auto; vertical-align:middle; width:100%; height:100%; background-image:url(https://encoursdedev.com/acrelec/wp-content/uploads/2020/06/Drive-ext.png); background-repeat:no-repeat; background-position:50% 50%; } .da4_productTitleOuter::before { position: absolute; width: 100%; height: 100%; left: -100%; content: ""; background-color: #ffffff; } .da4_productTitleOuter::after { position: absolute; width: 100%; height: 100%; margin-left: 50%; content: ""; background-color: #ffffff; } .da4_spacer { position:absolute; bottom:0; width:100%; height:0; background:#FFFFFF; } .da4_productTitle1 { /* width:100%; */ position:relative; display: inline-block; line-height: normal; word-break: normal; /*transform: scale(2);*/ /* font-size: 633vw; */ font-family: 'Fira Sans', sans-serif; font-weight: 900; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image:url(https://encoursdedev.com/acrelec/wp-content/uploads/2020/05/bg01uhd.jpg); background-repeat:repeat; background-position:50% 50%;/* ;astuce !! */ background-size:1944px 1296px;/*astuce !!*/ } .da4_animAsset { opacity:0; position: absolute; top:0; left:0; /* border:1px solid; */ } .test { position:absolute; background-color:red; top:0; left:0; display:none; } .mid { position:absolute; background-color:blue; top:0; left:0; display:none; } .da4_icons { display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: center; height: 6vw; max-height: 100px; width: 70%; max-width: 1200px; left: 0; right: 0; margin: auto; } .da4_icon { /*width: 100%;*/ max-height: 100%; display: block; /*border:1px solid blue;*/ } .da4_animTrigger { height: 100%; } .da4_text1, .da4_text2 { display:inline-block; width:70%; max-width:1200px; margin: auto; left: 0; right: 0; } .da4_productTitleOuter { background-size:cover; max-width: 1200px; } .da4_imgProduct1 { width:40%; left: 0; right: 0; margin: auto; } .da4_text1 p { margin:0; font-size:3vw; line-height:3.5vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .da4_text2 p { margin:0; font-size:1.5vw; line-height:1.9vw; font-family: 'Fira Sans', sans-serif; font-weight:500; }.da4_icons { height: 10vw!important; } .da4_text1, .da4_text2 { display:inline-block; width:100%; /* border:1px solid red; */ } .da4_productTitleOuter { background-size:100%; } .da4_imgProduct1 { width:100%; left: 0; right: 0; margin: auto; } .da4_text1 p { margin:0; font-size:7vw; line-height:8vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .da4_text2 p { width:85%; margin:0; margin: auto; font-size:5vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:normal; }//init var isMobile = 0; var da4_step2y = 0; var da4_targetY; var da4_getStep3Y; var da4_firstBackground = gsap.timeline(); var da4_zoomOutTitle = gsap.timeline(); var da4_moveUpBackground = gsap.timeline(); var da4_moveUpTitleSpacer = gsap.timeline(); var da4_moveUpTitle = gsap.timeline(); var da4_text1Appear = gsap.timeline(); var da4_text2Appear = gsap.timeline(); var da4_imgAppear = gsap.timeline(); var da4_tl = gsap.timeline(); var da4_myTitle; var da4_img1Ydest; var ratio; var da4_middleX; var da4_middleY; var da4_anchorY; var sliderRun = 1; $( document ).ready(function() { ratio = $(window).width() / $(window).height(); da4_middleX = $(".da4_headeranim").width() / 2; da4_middleY = $(".da4_headeranim").height() / 2; $(".mid").css("left",da4_middleX+'px'); $(".mid").css("top",da4_middleY+'px'); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } var da4_anchorY = da4_middleY + da4_middleX * 0.1 + 50 - 0.4 * da4_middleY;//0.4 * da4_middleY = 0.2* height pour equivalent 20vh , et *2 parceque la moitié $(".test").css("left",da4_middleX+'px'); $(".test").css("top",da4_anchorY+'px'); da4_myTitle = $(".da4_productTitleOuter"); // console.log('da4_reset'); $(".da4_text1").css('opacity', '0'); $(".da4_text2").css('opacity', '0'); $(".da4_icons").css('opacity', '0'); $(".da4_headerAnimStart").css('opacity', '1'); $(".da4_headerAnimStart").css('background-position-y', '50%'); $(".da4_headerAnimStart").css('visibility', 'visible'); $(".da4_spacer").css('height', '0'); gsap.to( ".da4_productTitleOuter", {"clearProps": "transform", duration: 0 }); da4_moveUpBackground.to( ".da4_headerAnimContainer", {"clearProps": "all", duration: 0 }); da4_zoomOutTitle.clear(); da4_moveUpTitleSpacer.clear(); da4_moveUpBackground.clear(); da4_moveUpTitle.clear(); da4_tl.clear(); da4_animHeader1Start(); function da4_animHeader1Start () { //console.log('music!'); //step0 //da4_firstBackground.to(".da4_headerAnimStart" , {autoAlpha: 0, duration: 2.5, ease: "Power4.easeInOut"}); // //step1 // var myFontSize1 = "25vw"; if ( $('.da4_headerAnimContainer').width() > 2000 ) { $(".da4_icons").css("width","30%"); //da4_img1Xdest = "33%"; } else { //$(".da4_icons").css("width","50%"); //da4_img1Xdest = "30%"; } da4_zoomOutTitle.fromTo(".da4_productTitleOuter" , {force3D:false, xPercent :0, yPercent :55, scale: "50"}, { scale:"1", width: "100%", xPercent : "0", yPercent: "0", duration: 4.5, ease: "Power4.out"}); //step2 da4_moveUpTitle.to( ".da4_productTitleOuter", {"y": "-=13vh", duration: 1, ease: "power2.inOut"}); var da4_moveBg = .18 * $('.da4_headerAnimContainer').height();//20vh //chantier if ( isMobile == 1 ) { var text1Ydest= da4_anchorY + .1 * $('.da4_headerAnimContainer').width(); } else { var text1Ydest= da4_anchorY + 20 + .03 * $('.da4_headerAnimContainer').width(); } var text1Ysource = da4_anchorY + 200; let myMove1 = gsap.fromTo( '.da4_text1', { top: text1Ysource+"px"}, {top: text1Ydest+"px", duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.fromTo( '.da4_text1', {opacity:0}, {opacity:1, duration:0.7, ease: "power3.in"}); da4_text1Appear.add(myMove1,'da4_text1AppearStart'); da4_text1Appear.add(myFade1,'da4_text1AppearStart'); var text2Ydest = text1Ydest + $(".da4_text1").height() + $(".da4_text2").height()/2; var text2Ysource = text1Ydest + $(".da4_text1").height() + 100; let myMove2 = gsap.fromTo( ".da4_text2", { top: text2Ysource+"px"}, {top: text2Ydest+"px", duration:0.5, delay: 0.6, ease: "power1.in"}); let myFade2 = gsap.fromTo( ".da4_text2", {opacity:0}, {opacity:1, duration:0.6, delay: 0.4, ease: "power3.in"}); da4_text2Appear.add(myMove2,'da4_text2AppearStart'); da4_text2Appear.add(myFade2,'da4_text2AppearStart'); var da4_img1Ydest = text2Ydest + $(".da4_text2").height() + $(".da4_text2").height()/2; //da4_imgAppear.add (gsap.fromTo( ".da4_icons", {left: da4_img1Xdest, top: da4_img1Ydest+'px' , opacity:0}, {left: da4_img1Xdest, opacity:1, duration:1})); da4_imgAppear.add (gsap.fromTo( ".da4_icons", { top: da4_img1Ydest+'px' , opacity:0}, { opacity:1, duration:1})); da4_moveUpBackground.to (".da4_headerAnimContainer", {duration: 1, ease: "power2.inOut", "background-position-y": "-=18vh"}); //da4_moveUpBackground.to (".da4_headerAnimContainer", {duration: 1, ease: "power2.inOut", backgroundPosition: "50% 300px"}); da4_moveUpTitleSpacer.to( ".da4_spacer", {"height": "18.1vh", duration: 1, ease: "power2.inOut"}); //da4_tl.add( da4_firstBackground, 'da4_step0' ); da4_tl.add( da4_zoomOutTitle, 'da4_step0' ); da4_tl.add( da4_moveUpTitle, 'da4_step1'); da4_tl.add( da4_moveUpBackground, 'da4_step1'); da4_tl.add( da4_moveUpTitleSpacer, 'da4_step1'); da4_tl.add( da4_text1Appear, 'da4_step2'); da4_tl.add( da4_text2Appear, 'da4_step3'); da4_tl.add( da4_imgAppear, 'da4_step4'); // ScrollMagic var controller = new ScrollMagic.Controller(); // container pin // pour bloquer (épingler) .headeranim pendant "800ms/px" // = impression de bloquer le scroll var startpin = new ScrollMagic.Scene({ duration: 2000 }) .setPin(".panel-header") .addTo(controller); // tween new ScrollMagic.Scene({ duration: 2000 }) .setTween(da4_tl) .addTo(controller); } $( window ).resize(function() { ratio = $(window).width() / $(window).height(); da4_middleX = $(".da4_headeranim").width() / 2; da4_middleY = $(".da4_headeranim").height() / 2; $(".mid").css("left",da4_middleX+'px'); $(".mid").css("top",da4_middleY+'px'); da4_anchorY = da4_middleY + da4_middleX * 0.1 + 50 - 0.4 * da4_middleY; $(".test").css("left",da4_middleX+'px'); $(".test").css("top",da4_anchorY+'px'); if ( isMobile == 1 ) { var text1Ydest= da4_anchorY + .1 * $('.da4_headerAnimContainer').width(); } else { var text1Ydest= da4_anchorY + 20 + .03 * $('.da4_headerAnimContainer').width(); } $(".da4_text1").css("top",text1Ydest+'px'); var text2Ydest = text1Ydest + $(".da4_text1").height() + $(".da4_text2").height()/2; $(".da4_text2").css("top",text2Ydest+'px'); var da4_img1Ydest = text2Ydest + $(".da4_text2").height() + $(".da4_text2").height()/2; $(".da4_icons").css('top', da4_img1Ydest+'px'); }); }); Ourinnovationsurl(https://acrelec.com/wp-content/uploads/2020/04/speaker_bkg-1.png) no-repeat center centerArraycontainlandscape Speaker post Leveraging advanced technology The Speaker Post, featuring a Bluetooth-based solution increases speed and enhances the customer experience with its detection proficiency. Its high-definition speakers ensures that everyone is clearly heard, regardless of background noise. lefturl(https://acrelec.com/wp-content/uploads/2020/04/cod19_bkg.png) no-repeat center centerArraycontainportraittranslateX(-10%) ODMB Delivering innovation. Driving opportunity. For your Outdoor Digital Menu Boards: Data is everything! Our Bridge APIs empower your marketing team to develop ambitious customer journeys. Compatible with most CMS on the market, Bridge POS, loyalty, personalize and experiment modules will feed your displays complementing your CMS content with data driven content strategies. right#F5F5F5ArraycontainlandscapetranslateX(20%) D55 Bright and sleek, to enhance your brand. The D55 is our most advanced outdoor screen, available in 46” and 55” formats, with an impressive single or dual screen. Bright and sleek, the D55 has been designed to withstand the harshest weather conditions. leftSee our innovation in actionSelect a brand for morehttps://acrelec.com/wp-content/uploads/2020/05/2-drive-ID-drive-animation-_1_.webmhttps://acrelec.com/wp-content/uploads/2020/05/2-drive-ID-drive-animation-1.mp4 Create Meaningful Interactions and Accelerate your Drive-Thru Acrelec Drive ID supports various loyalty experiences and delivers best-in-class identification and personalization with an unmatched accuracy, speed, flexibility and reliability for prime operations and unlimited Drive-thru performance optimization. Details right QTimer Leverage natural desire for performance and achievement. QTimer keeps the drive-thru moving. It provides a realtime display of vehicles, optimizing traffic flow and resulting in a 30-second reduction in average service times. QTimer’s sensors send live data directly into the store, helping teams optimize decision-making and maintain a steady flow of orders. QTimer’s gamification helps boost team performance by letting each store see how it compares with others.
SCO
SCOSCO solutionsAdapted to exceed your expectationsAcrelec has the right solution for your business; we develop our technology based on your specific needs. SCO !*TITLE*! !*SUBTITLE*! .js-slider0 .slick-track:before { position:absolute; width:100vw; height:100vh; background-image:url(https://acrelec.com/wp-content/uploads/2020/04/bg03.jpg)!important; background-repeat:no-repeat!important; background-position:50% 50%!important; background-size:cover; } .js-slider0 .slideSingle { align-items: flex-start!important; } .sa1_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; /* background-color:blue; */ } .sa1_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .sa1_headerAnimContainer { width: 100%; height: 100%; position: relative; overflow:hidden; } .sa1_headerAnimStart { display:inline-block; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/04/bg03.jpg);*/ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;/*astuce !!*/ /* background-size:2560px 1440px; */ } .sa1_productTitleOuter { position:absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sa1_productTitle1, .sa1_productTitle2 { position:relative; display: inline-block; line-height: normal; word-break: normal; font-family: 'Fira Sans', sans-serif; font-weight: 900; color:#FFFFFF; } .sa1_animAsset { opacity:0; position: absolute; top:0; left:0; } .sa1_text1, .sa1_text2 { display:none; position: relative; } .sa1_productTitleOuter { width:47vw; } .sa1_productTitle1 { width:100%; font-size: 26vw; line-height: 20vw; } .sa1_productTitle2 { width: 100%; margin-left: 20vw; font-size: 7.5vw; line-height: 7.5vw; } .sa1_text1 { margin-left: 20vw; margin-top: 0; width:85%; } .sa1_text1 p { width:100%; margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .sa1_text2 { margin-left: 20vw; margin-right: auto; margin-top: 15px; width:70%; } .sa1_text2 p { margin:0; font-size:1.5vw; line-height:2vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .sa1_imgProduct1 { width:30%; } .sa1_productTitleOuter { width:74vw; } .sa1_productTitle1 { width:100%; font-size: 40vw; line-height: 29vw; } .sa1_productTitle2 { width: 100%; margin-left: 33vw; font-size: 9.5vw; line-height: 10.5vw; } .sa1_text1 { margin-left: 33vw; margin-top: 0; width:65%; } .sa1_text1 p { width:100%; margin:0; font-size:6vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .sa1_text2 { margin-left: auto; margin-right: auto; margin-top: 10vh; width:100%; } .sa1_text2 p { margin:0; font-size:4.5vw; line-height:5vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .sa1_imgProduct1 { width:40%; }//init var isMobile = 0; var sa1_step2y = 0; var sa1_targetY; var sa1_getStep3Y; var sa1_fadeInTitle = gsap.timeline(); var sa1_MoveUpTitle = gsap.timeline(); var sa1_outro = gsap.timeline(); var sa1_tl = gsap.timeline(); $( document ).ready(function() { document.getElementsByClassName("sa1_productTitleOuter").style.height = $('.sa1_productTitle1').height() + 'px'; //$('.sa1_productTitleOuter').height( $('.sa1_productTitle1').height() ); var sa1_myTitle = $(".sa1_productTitleOuter"); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } $.sa1_animHeader1Reset = function () { // console.log('sa1_reset'); $(".sa1_text2").css('opacity', '1'); $(".sa1_imgProduct1").css('opacity', '0'); $(".sa1_headerAnimStart").css('opacity', '1'); $(".sa1_headerAnimStart").css('visibility', 'visible'); sa1_fadeInTitle.to( ".sa1_productTitleOuter", {"clearProps": "transform", duration: 0 }); sa1_MoveUpTitle.to( ".sa1_productTitleOuter", {"clearProps": "all", duration: 0 }); sa1_outro.to(".sa1_productTitle",{"clearProps": "all", duration: 0 }); sa1_outro.to(".sa1_text1",{"clearProps": "all", duration: 0 }); sa1_outro.to(".sa1_text2",{"clearProps": "all", duration: 0 }); sa1_fadeInTitle.clear(); sa1_outro.clear(); sa1_MoveUpTitle.clear(); sa1_tl.clear(); sa1_animHeader1Start(); } function sa1_animHeader1Start () { // console.log('music!'); //step1 sa1_fadeInTitle.fromTo(".sa1_productTitleOuter" , {opacity:0}, {opacity:1, duration: 1, ease: "power2.inOut", onComplete: sa1_fadeInTitleComplete}); sa1_MoveUpTitle.fromTo(".sa1_productTitleOuter" ,{height: $('.sa1_productTitle1').height()+'px'}, {height: $('.sa1_productTitle1').height()+'px', top: "30vh",delay:0, duration:1, ease: "power2.inOut"}); sa1_tl.eventCallback("onUpdate", sa1_step1AnimUpdate); sa1_tl.add( sa1_fadeInTitle, 'sa1_step0' ); sa1_tl.add( sa1_MoveUpTitle, 'sa1_step1' ); //sa1_tl.add( sa1_MoveUpTitle, 'sa1_step0' ); sa1_tl.invalidate(); sa1_tl.restart(); } function sa1_fadeInTitleComplete () { //var mypos=$('.sa1_productTitleOuter').position(); // var text1AppearYdest= mypos.top + $('.sa1_productTitleOuter').height() + 30 ;//TitleY + 90% of Title height // var text1AppearYsource = text1AppearYdest + $('.sa1_productTitleOuter').height()/3; var text1Appear = gsap.timeline(); let myMove1 = gsap.from( '.sa1_text1', { y:'5vh', duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.to( '.sa1_text1', {autoAlpha: 1, display:'block', duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'sa1_text1AppearStart'); text1Appear.add(myFade1,'sa1_text1AppearStart'); // var text2AppearYdest = text1AppearYdest + $('.sa1_text1').height() * 1.15; // var text2AppearYsource = text2AppearYdest + $('.sa1_text2').height() * 3; var text2Appear = gsap.timeline(); let myMove2 = gsap.from( ".sa1_text2", { y:'5vh', duration:0.5, delay: 0.6, ease: "power1.in", onComplete:sa1_text2AppearComplete}); let myFade2 = gsap.to( ".sa1_text2", {autoAlpha: 1, display:'block', duration:1, delay: 0.4, ease: "power3.inOut"}); text2Appear.add(myMove2,'sa1_text2AppearStart'); text2Appear.add(myFade2,'sa1_text2AppearStart'); } function sa1_text1AppearComplete () { } function sa1_text2AppearComplete () { //step3 // var xOffsetSource = $('.sa1_productTitleOuter').position().left - $(".sa1_imgProduct1").width() * .3; // var yOffsetSource = "80vh"; if (isMobile == 1 ) { var xDest = $('.sa1_productTitleOuter').position().left - $('.sa1_productTitleOuter').width()/9; var yDest = $('.sa1_productTitleOuter').position().top + $('.sa1_productTitle1').height() * .4; } else { var xDest = $('.sa1_productTitleOuter').position().left - $('.sa1_productTitleOuter').width()/3.7; var yDest = $('.sa1_productTitleOuter').position().top + $('.sa1_productTitle1').height() * .2; } gsap.fromTo( ".sa1_imgProduct1", {left: xDest+'px', top: yDest , opacity:0}, {left: xDest+'px', top: yDest, opacity:1, duration:1, delay: 0.5, onComplete:sa1_imgProduct1AppearComplete}); } function sa1_imgProduct1AppearComplete () { var mydelay=2; var myduration=1.5; sa1_outro.add( gsap.fromTo( ".sa1_imgProduct1", {opacity:1}, {delay: mydelay, opacity:0, duration:myduration, onComplete:sa1_endAnim}), "sa1_outro_start"); sa1_outro.add( gsap.fromTo( ".sa1_productTitle1", {}, {delay: mydelay, opacity:0, duration:myduration, x: "-=50vw",ease: "power1.in"}), "sa1_outro_start"); sa1_outro.add( gsap.fromTo( ".sa1_productTitle2", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "sa1_outro_start"); sa1_outro.add( gsap.fromTo( ".sa1_text1", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "sa1_outro_start"); sa1_outro.add( gsap.fromTo( ".sa1_text2", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "sa1_outro_start"); sa1_outro.invalidate(); sa1_outro.restart(); } function sa1_endAnim () { //next slick slider slide // console.log('going next slide'); if ( sliderRun == 1 ) { setTimeout(function(){ $('.js-slider0').slick('slickNext', 0, true);}, 1000); } } function sa1_centerTitle (el) { myxoffset = Math.floor( ($('.sa1_headerAnimContainer').width() - $(el).width() ) / 2); myyoffset = Math.floor( ($('.sa1_headerAnimContainer').height() - $(el).height() ) / 2); // console.log('myxoffset='+myxoffset+' myyoffset='+myyoffset); $(el).css("left",myxoffset+"px"); $(el).css("top",myyoffset+"px"); } function sa1_step1AnimUpdate() { //action possible sur chaque frame // centerTitle('.productTitleOuter'); } function sa1_getStep2YOffset () { return $('.sa1_headerAnimContainer').height() * .2;//20% of height } function sa1_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { //reposition image if (isMobile == 1 ) { var xDest = $('.sa1_productTitleOuter').position().left - $('.sa1_productTitleOuter').width()/9; var yDest = $('.sa1_productTitleOuter').position().top + $('.sa1_productTitle1').height() * .4; } else { var xDest = $('.sa1_productTitleOuter').position().left - $('.sa1_productTitleOuter').width()/3.7; var yDest = $('.sa1_productTitleOuter').position().top + $('.sa1_productTitle1').height() * .2; } $(".sa1_imgProduct1").css('left', xDest+'px'); $(".sa1_imgProduct1").css('top', yDest+'px'); }); $(window).scroll(function() { $('.js-slider0').slick('slickGoTo', 2, false); $('.js-slider0').slick('slickPause'); sliderRun = 0; $('.headerslideSingle-count').hide(); }); }); Line changer.Game Changer.Our SCO is built for high performance and adaptability. SCO !*TITLE*! !*SUBTITLE*! .sa2_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; /* background-color:blue; */ } .sa2_headeranim a { display:inline-block; color:#000000; height:100%; width:100%; } .sa2_headerAnimContainer { width: 100%; height: 100%; position: relative; overflow:hidden; } .sa2_headerAnimStart { display:inline-block; width: 100%; height: 100%; position: relative; overflow:hidden; /*background-image:url(https://acrelec.com/wp-content/uploads/2020/04/bg03.jpg);*/ background-repeat:no-repeat; background-size:cover; background-position:50% 50%;/*astuce !!*/ /* background-size:2560px 1440px; */ } .sa2_productTitleOuter { position:absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sa2_productTitle1, .sa2_productTitle2 { position:relative; display: inline-block; line-height: normal; word-break: normal; font-family: 'Fira Sans', sans-serif; font-weight: 900; color:#FFFFFF; } .sa2_animAsset { opacity:0; position: absolute; top:0; left:0; } .sa2_text1, .sa2_text2 { display:none; position: relative; }.sa2_productTitleOuter { width:47vw; } .sa2_productTitle1 { width:100%; font-size: 26vw; line-height: 20vw; } .sa2_productTitle2 { width: 100%; margin-left: 20vw; font-size: 7.5vw; line-height: 7.5vw; } .sa2_text1 { margin-left: 20vw; margin-top: 0; width:85%; } .sa2_text1 p { width:100%; margin:0; font-size:4vw; line-height:4vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .sa2_text2 { margin-left: 20vw; margin-right: auto; margin-top: 15px; width:70%; } .sa2_text2 p { margin:0; font-size:1.5vw; line-height:2vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .sa2_imgProduct1 { width:20%; } .sa2_productTitleOuter { width:74vw; } .sa2_productTitle1 { width:100%; font-size: 40vw; line-height: 29vw; } .sa2_productTitle2 { width: 100%; margin-left: 33vw; font-size: 9.5vw; line-height: 10.5vw; } .sa2_text1 { margin-left: 33vw; margin-top: 0; width:70%; } .sa2_text1 p { width:100%; margin:0; font-size:6vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:500; color:#ffffff; } .sa2_text2 { margin-left: auto; margin-right: auto; margin-top: 10vh; width:100%; } .sa2_text2 p { margin:0; font-size:4.5vw; line-height:5vw; font-family: 'Fira Sans', sans-serif; font-weight:500; width: 100%; } .sa2_imgProduct1 { width:30%; } //init var isMobile = 0; var sa2_step2y = 0; var sa2_targetY; var sa2_getStep3Y; var sa2_fadeInTitle = gsap.timeline(); var sa2_MoveUpTitle = gsap.timeline(); var sa2_outro = gsap.timeline(); var sa2_tl = gsap.timeline(); $( document ).ready(function() { document.getElementsByClassName("sa2_productTitleOuter").style.height = $('.sa2_productTitle1').height() + 'px'; //$('.sa2_productTitleOuter').height( $('.sa2_productTitle1').height() ); var sa2_myTitle = $(".sa2_productTitleOuter"); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } $.sa2_animHeader1Reset = function () { // console.log('sa2_reset'); $(".sa2_text2").css('opacity', '1'); $(".sa2_imgProduct1").css('opacity', '0'); $(".sa2_headerAnimStart").css('opacity', '1'); $(".sa2_headerAnimStart").css('visibility', 'visible'); sa2_fadeInTitle.to( ".sa2_productTitleOuter", {"clearProps": "transform", duration: 0 }); sa2_MoveUpTitle.to( ".sa2_productTitleOuter", {"clearProps": "all", duration: 0 }); sa2_outro.to(".sa2_productTitle",{"clearProps": "all", duration: 0 }); sa2_outro.to(".sa2_text1",{"clearProps": "all", duration: 0 }); sa2_outro.to(".sa2_text2",{"clearProps": "all", duration: 0 }); sa2_fadeInTitle.clear(); sa2_outro.clear(); sa2_MoveUpTitle.clear(); sa2_tl.clear(); sa2_animHeader1Start(); } function sa2_animHeader1Start () { // console.log('music!'); //step1 sa2_fadeInTitle.fromTo(".sa2_productTitleOuter" , {opacity:0}, {opacity:1, duration: 1, ease: "power2.inOut", onComplete: sa2_fadeInTitleComplete}); sa2_MoveUpTitle.fromTo(".sa2_productTitleOuter" ,{height: $('.sa2_productTitle1').height()+'px'}, {height: $('.sa2_productTitle1').height()+'px', top: "30vh",delay:0, duration:1, ease: "power2.inOut"}); sa2_tl.eventCallback("onUpdate", sa2_step1AnimUpdate); sa2_tl.add( sa2_fadeInTitle, 'sa2_step0' ); sa2_tl.add( sa2_MoveUpTitle, 'sa2_step1' ); //sa2_tl.add( sa2_MoveUpTitle, 'sa2_step0' ); sa2_tl.invalidate(); sa2_tl.restart(); } function sa2_fadeInTitleComplete () { //var mypos=$('.sa2_productTitleOuter').position(); // var text1AppearYdest= mypos.top + $('.sa2_productTitleOuter').height() + 30 ;//TitleY + 90% of Title height // var text1AppearYsource = text1AppearYdest + $('.sa2_productTitleOuter').height()/3; var text1Appear = gsap.timeline(); let myMove1 = gsap.from( '.sa2_text1', { y:'5vh', duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.to( '.sa2_text1', {autoAlpha: 1, display:'block', duration:0.7, ease: "power3.in"}); text1Appear.add(myMove1,'sa2_text1AppearStart'); text1Appear.add(myFade1,'sa2_text1AppearStart'); // var text2AppearYdest = text1AppearYdest + $('.sa2_text1').height() * 1.15; // var text2AppearYsource = text2AppearYdest + $('.sa2_text2').height() * 3; var text2Appear = gsap.timeline(); let myMove2 = gsap.from( ".sa2_text2", { y:'5vh', duration:0.5, delay: 0.6, ease: "power1.in", onComplete:sa2_text2AppearComplete}); let myFade2 = gsap.to( ".sa2_text2", {autoAlpha: 1, display:'block', duration:1, delay: 0.4, ease: "power3.inOut"}); text2Appear.add(myMove2,'sa2_text2AppearStart'); text2Appear.add(myFade2,'sa2_text2AppearStart'); } function sa2_text1AppearComplete () { } function sa2_text2AppearComplete () { //step3 // var xOffsetSource = $('.sa2_productTitleOuter').position().left - $(".sa2_imgProduct1").width() * .3; // var yOffsetSource = "80vh"; if (isMobile == 1 ) { var xDest = $('.sa2_productTitleOuter').position().left - $('.sa2_productTitleOuter').width()/20; var yDest = $('.sa2_productTitleOuter').position().top + $('.sa2_productTitle1').height() * .5; } else { var xDest = $('.sa2_productTitleOuter').position().left - $('.sa2_productTitleOuter').width()/15; var yDest = $('.sa2_productTitleOuter').position().top + $('.sa2_productTitle1').height() * .35; } gsap.fromTo( ".sa2_imgProduct1", {left: xDest+'px', top: yDest , opacity:0}, {left: xDest+'px', top: yDest, opacity:1, duration:1, delay: 0.5, onComplete:sa2_imgProduct1AppearComplete}); } function sa2_imgProduct1AppearComplete () { var mydelay=2; var myduration=1.5; sa2_outro.add( gsap.fromTo( ".sa2_imgProduct1", {opacity:1}, {delay: mydelay, opacity:0, duration:myduration, onComplete:sa2_endAnim}), "sa2_outro_start"); sa2_outro.add( gsap.fromTo( ".sa2_productTitle1", {}, {delay: mydelay, opacity:0, duration:myduration, x: "-=50vw",ease: "power1.in"}), "sa2_outro_start"); sa2_outro.add( gsap.fromTo( ".sa2_productTitle2", {}, {delay: mydelay, opacity:0, duration:myduration, x: "+=50vw",ease: "power1.in"}), "sa2_outro_start"); sa2_outro.add( gsap.fromTo( ".sa2_text1", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "sa2_outro_start"); sa2_outro.add( gsap.fromTo( ".sa2_text2", {}, {delay: mydelay, opacity:0, duration:myduration, y: "-=70vw",ease: "power2.inOut"}), "sa2_outro_start"); sa2_outro.invalidate(); sa2_outro.restart(); } function sa2_endAnim () { //next slick slider slide // console.log('going next slide'); if ( sliderRun == 1 ) { setTimeout(function(){ $('.js-slider0').slick('slickGoTo', 0, false);}, 1000); } } function sa2_centerTitle (el) { myxoffset = Math.floor( ($('.sa2_headerAnimContainer').width() - $(el).width() ) / 2); myyoffset = Math.floor( ($('.sa2_headerAnimContainer').height() - $(el).height() ) / 2); // console.log('myxoffset='+myxoffset+' myyoffset='+myyoffset); $(el).css("left",myxoffset+"px"); $(el).css("top",myyoffset+"px"); } function sa2_step1AnimUpdate() { //action possible sur chaque frame // centerTitle('.productTitleOuter'); } function sa2_getStep2YOffset () { return $('.sa2_headerAnimContainer').height() * .2;//20% of height } function sa2_getStep3X () { //return $('.headerAnimContainer').width() / 2 - $("#imgProduct1").width() - 20;//20px from vertical middle } $( window ).resize(function() { //reposition image if (isMobile == 1 ) { var xDest = $('.sa2_productTitleOuter').position().left + $('.sa2_productTitleOuter').width()/8; var yDest = $('.sa2_productTitleOuter').position().top + $('.sa2_productTitle1').height() * .5; } else { var xDest = $('.sa2_productTitleOuter').position().left - $('.sa2_productTitleOuter').width()/15; var yDest = $('.sa2_productTitleOuter').position().top + $('.sa2_productTitle1').height() * .35; } $(".sa2_imgProduct1").css('left', xDest+'px'); $(".sa2_imgProduct1").css('top', yDest+'px'); }); }); Solutions for a fast-changingretail marketplace.Striving to be at the forefront of technology, we are proud to combine a spirit of innovation and quality. Our Self-Checkout solutions were developed to adapt to the unique customer journey of all types and sizes of stores. !*TITLE*! !*SUBTITLE*! anchor middle .sa3_animTrigger { height:100%; width:100%; } .sa3_headeranim { height: 100vh; width: 100%; position: relative; overflow: hidden; } .sa3_headeranim a { display:inline-block; color:#000000; height:100%; /*width:100%;*/ } .sa3_headerAnimContainer { width: 100%; height: 100%; text-align: center; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: relative; vertical-align:middle; overflow:hidden; background-image:url(https://acrelec.com/wp-content/uploads/2020/04/bg03.jpg); } .sa3_headerAnimStart { display:inline-block; text-align:center; width: 100%; height: 100%; position: relative; overflow:hidden; background-image:url(https://acrelec.com/wp-content/uploads/2020/04/bg03.jpg); /* background-repeat:repeat; background-position:50% 50%;/*astuce !!*/ /* background-size:1944px 1296px;astuce !!*/ } .sa3_productTitleOuter { position:relative; display: inline-block; margin:auto; vertical-align:middle; width:100%; height:100%; background-image:url(https://acrelec.com/wp-content/uploads/2020/06/SCheckout.png); background-repeat:no-repeat; background-position:50% 50%; } .sa3_productTitleOuter::before { position: absolute; width: 100%; height: 100%; left: -100%; content: ""; background-color: #ffffff; } .sa3_productTitleOuter::after { position: absolute; width: 100%; height: 100%; margin-left: 50%; content: ""; background-color: #ffffff; } .sa3_spacer { position:absolute; bottom:0; width:100%; height:0; background:#FFFFFF; } .sa3_productTitle1 { /* width:100%; */ position:relative; display: inline-block; line-height: normal; word-break: normal; /*transform: scale(2);*/ /* font-size: 633vw; */ font-family: 'Fira Sans', sans-serif; font-weight: 900; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image:url(https://acrelec.com/wp-content/uploads/2020/04/bg03.jpg); background-repeat:repeat; background-position:50% 50%;/* ;astuce !! */ background-size:1944px 1296px;/*astuce !!*/ } .sa3_animAsset { opacity:0; position: absolute; top:0; left:0; /* border:1px solid; */ } .test { position:absolute; background-color:red; top:0; left:0; display:none; } .mid { position:absolute; background-color:blue; top:0; left:0; display:none; } .sa3_icons { display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: center; height: 6vw; max-height: 100px; width: 70%; max-width: 1200px; left: 0; right: 0; margin: auto; } .sa3_icon { /*width: 100%;*/ max-height: 100%; display: block; /*border:1px solid blue;*/ }/* Desktop */ .sa3_text1, .sa3_text2 { display:inline-block; width:70%; max-width:1200px; margin: auto; left: 0; right: 0; } .sa3_productTitleOuter { background-size:cover; max-width: 1200px; } .sa3_imgProduct1 { width:40%; left: 0; right: 0; margin: auto; } .sa3_text1 p { margin:0; font-size:3vw; line-height:3.5vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .sa3_text2 p { margin:0 auto; width: 100%; font-size:1.5vw; line-height:1.9vw; font-family: 'Fira Sans', sans-serif; font-weight:500; } /* /Desktop */ /* Mobile */ .sa3_icons { height: 10vw!important; } .sa3_text1, .sa3_text2 { display:inline-block; width:100%; } .sa3_productTitleOuter { background-size:100%; } .sa3_imgProduct1 { width:85%; left: 0; right: 0; margin: auto; } .sa3_text1 p { margin:0; font-size:7vw; line-height:8vw; font-family: 'Fira Sans', sans-serif; font-weight:bold; } .sa3_text2 p { width:85%; margin:0; margin: auto; font-size:5vw; line-height:6vw; font-family: 'Fira Sans', sans-serif; font-weight:normal; } /* /Mobile */ //init var isMobile = 0; var sa3_step2y = 0; var sa3_targetY; var sa3_getStep3Y; var sa3_firstBackground = gsap.timeline(); var sa3_zoomOutTitle = gsap.timeline(); var sa3_moveUpBackground = gsap.timeline(); var sa3_moveUpTitleSpacer = gsap.timeline(); var sa3_moveUpTitle = gsap.timeline(); var sa3_text1Appear = gsap.timeline(); var sa3_text2Appear = gsap.timeline(); var sa3_imgAppear = gsap.timeline(); var sa3_tl = gsap.timeline(); var sa3_myTitle; var sa3_img1Ydest; var ratio; var sa3_middleX; var sa3_middleY; var sa3_anchorY; var sliderRun = 1; $( document ).ready(function() { ratio = $(window).width() / $(window).height(); sa3_middleX = $(".sa3_headeranim").width() / 2; sa3_middleY = $(".sa3_headeranim").height() / 2; $(".mid").css("left",sa3_middleX+'px'); $(".mid").css("top",sa3_middleY+'px'); if ( (/Mobi|Android/i.test(navigator.userAgent)) ) { isMobile = 1; } else { isMobile = 0; } var sa3_anchorY = sa3_middleY + sa3_middleX * 0.1 + 50 - 0.4 * sa3_middleY;//0.4 * sa3_middleY = 0.2* height pour equivalent 20vh , et *2 parceque la moitié $(".test").css("left",sa3_middleX+'px'); $(".test").css("top",sa3_anchorY+'px'); sa3_myTitle = $(".sa3_productTitleOuter"); // console.log('sa3_reset'); $(".sa3_text1").css('opacity', '0'); $(".sa3_text2").css('opacity', '0'); $(".sa3_icons").css('opacity', '0'); $(".sa3_headerAnimStart").css('opacity', '1'); $(".sa3_headerAnimStart").css('background-position-y', '50%'); $(".sa3_headerAnimStart").css('visibility', 'visible'); $(".sa3_spacer").css('height', '0'); gsap.to( ".sa3_productTitleOuter", {"clearProps": "transform", duration: 0 }); sa3_moveUpBackground.to( ".sa3_headerAnimContainer", {"clearProps": "all", duration: 0 }); sa3_zoomOutTitle.clear(); sa3_moveUpTitleSpacer.clear(); sa3_moveUpBackground.clear(); sa3_moveUpTitle.clear(); sa3_tl.clear(); sa3_animHeader1Start(); function sa3_animHeader1Start () { //console.log('music!'); //step0 //sa3_firstBackground.to(".sa3_headerAnimStart" , {autoAlpha: 0, duration: 2.5, ease: "Power4.easeInOut"}); // //step1 // var myFontSize1 = "25vw"; if ( $('.sa3_headerAnimContainer').width() > 2000 ) { $(".sa3_icons").css("width","30%"); //sa3_img1Xdest = "33%"; } else { //$(".sa3_icons").css("width","50%"); //sa3_img1Xdest = "30%"; } sa3_zoomOutTitle.fromTo(".sa3_productTitleOuter" , {force3D:false, xPercent :-68, yPercent :17, scale: "50"}, { scale:"1", width: "100%", xPercent : "0", yPercent: "0", duration: 4.5, ease: "Power4.out"}); //step2 sa3_moveUpTitle.to( ".sa3_productTitleOuter", {"y": "-=13vh", duration: 1, ease: "power2.inOut"}); var sa3_moveBg = .18 * $('.sa3_headerAnimContainer').height();//20vh //chantier if ( isMobile == 1 ) { var text1Ydest= sa3_anchorY + 0.05 * $('.sa3_headerAnimContainer').width(); } else { var text1Ydest= sa3_anchorY + .01 * $('.sa3_headerAnimContainer').width(); } var text1Ysource = sa3_anchorY + 200; let myMove1 = gsap.fromTo( '.sa3_text1', { top: text1Ysource+"px"}, {top: text1Ydest+"px", duration:0.5, delay: 0.3, ease: "power1.in"}); let myFade1 = gsap.fromTo( '.sa3_text1', {opacity:0}, {opacity:1, duration:0.7, ease: "power3.in"}); sa3_text1Appear.add(myMove1,'sa3_text1AppearStart'); sa3_text1Appear.add(myFade1,'sa3_text1AppearStart'); if ( isMobile == 1 ) { var text2Ydest = text1Ydest + $(".sa3_text1").height() + $(".sa3_text1").height()/2; } else { var text2Ydest = text1Ydest + $(".sa3_text1").height() + $('.sa3_headerAnimContainer').width() * .01; } var text2Ysource = text1Ydest + $(".sa3_text1").height() + 100; let myMove2 = gsap.fromTo( ".sa3_text2", { top: text2Ysource+"px"}, {top: text2Ydest+"px", duration:0.5, delay: 0.6, ease: "power1.in"}); let myFade2 = gsap.fromTo( ".sa3_text2", {opacity:0}, {opacity:1, duration:0.6, delay: 0.4, ease: "power3.in"}); sa3_text2Appear.add(myMove2,'sa3_text2AppearStart'); sa3_text2Appear.add(myFade2,'sa3_text2AppearStart'); if ( isMobile == 1 ) { var sa3_img1Ydest = text2Ydest + $(".sa3_text2").height() + $(".sa3_headeranim").width()*.01; } else { var sa3_img1Ydest = text2Ydest + $(".sa3_text2").height() + $(".sa3_headeranim").width()*.01; } //sa3_imgAppear.add (gsap.fromTo( ".sa3_icons", {left: sa3_img1Xdest, top: sa3_img1Ydest+'px' , opacity:0}, {left: sa3_img1Xdest, opacity:1, duration:1})); sa3_imgAppear.add (gsap.fromTo( ".sa3_icons", { top: sa3_img1Ydest+'px' , opacity:0}, { opacity:1, duration:1})); sa3_moveUpBackground.to (".sa3_headerAnimContainer", {duration: 1, ease: "power2.inOut", "background-position-y": "-=18vh"}); //sa3_moveUpBackground.to (".sa3_headerAnimContainer", {duration: 1, ease: "power2.inOut", backgroundPosition: "50% 300px"}); sa3_moveUpTitleSpacer.to( ".sa3_spacer", {"height": "18.1vh", duration: 1, ease: "power2.inOut"}); //sa3_tl.add( sa3_firstBackground, 'sa3_step0' ); sa3_tl.add( sa3_zoomOutTitle, 'sa3_step0' ); sa3_tl.add( sa3_moveUpTitle, 'sa3_step1'); sa3_tl.add( sa3_moveUpBackground, 'sa3_step1'); sa3_tl.add( sa3_moveUpTitleSpacer, 'sa3_step1'); sa3_tl.add( sa3_text1Appear, 'sa3_step2'); sa3_tl.add( sa3_text2Appear, 'sa3_step3'); sa3_tl.add( sa3_imgAppear, 'sa3_step4'); // ScrollMagic var controller = new ScrollMagic.Controller(); // container pin // pour bloquer (épingler) .headeranim pendant "800ms/px" // = impression de bloquer le scroll var startpin = new ScrollMagic.Scene({ duration: 2000 }) .setPin(".panel-header") .addTo(controller); // tween new ScrollMagic.Scene({ duration: 2000 }) .setTween(sa3_tl) .addTo(controller); } $( window ).resize(function() { ratio = $(window).width() / $(window).height(); sa3_middleX = $(".sa3_headeranim").width() / 2; sa3_middleY = $(".sa3_headeranim").height() / 2; $(".mid").css("left",sa3_middleX+'px'); $(".mid").css("top",sa3_middleY+'px'); sa3_anchorY = sa3_middleY + sa3_middleX * 0.1 + 50 - 0.4 * sa3_middleY; $(".test").css("left",sa3_middleX+'px'); $(".test").css("top",sa3_anchorY+'px'); if ( isMobile == 1 ) { var text1Ydest= sa3_anchorY + .15 * $('.sa3_headerAnimContainer').width(); } else { var text1Ydest= sa3_anchorY + .01 * $('.sa3_headerAnimContainer').width(); } $(".sa3_text1").css("top",text1Ydest+'px'); if ( isMobile == 1 ) { var text2Ydest = text1Ydest + $(".sa3_text1").height() + $(".sa3_text1").height()/2; } else { var text2Ydest = text1Ydest + $(".sa3_text1").height() + $('.sa3_headerAnimContainer').width() * .01; } $(".sa3_text2").css("top",text2Ydest+'px'); /* if ( $('.sa3_headerAnimContainer').width() > 1000 ) { $(".sa3_icons").css("width","30%"); } else { $(".sa3_icons").css("width","50%"); } */ if ( isMobile == 1 ) { var sa3_img1Ydest = text2Ydest + $(".sa3_text2").height() + $(".sa3_headeranim").width()*.01; } else { var sa3_img1Ydest = text2Ydest + $(".sa3_text2").height() + $(".sa3_headeranim").width()*.01; } $(".sa3_icons").css('top', sa3_img1Ydest+'px'); }); $(window).scroll(function() { // $('.js-slider0').slick('slickGoTo', 2, false); // $('.js-slider0').slick('slickPause'); sliderRun = 0; }); }); Which SCO is made for you?ArraySCO S15Size Screen 15’’ Power Intel Core i3 2.4 GHz Main feature Our solution for larger baskets offering an integrated cash management system, scale, audio system, tablet and hand scanner options ArraySCO S22 LiteSize Screen 22’’ Power Intel Core i5 3.6 GHz Main feature The same cutting-edge technology packed in our most compact design. Our productsurl(https://acrelec.com/wp-content/uploads/2020/04/computervision_bkg.png) no-repeat center centerArraycontainlandscapetranslateX(35%) Computer Vision Tomorrow’s technology delivered today. Our latest solution to protect your smart store. Computer Vision’s state-of-the-art optical technology immediately identifies products selected, while safeguarding your business and reducing the risk of theft. leftlinear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 35%, rgba(255,255,255,1) 100%)ArraycontainlandscapeS22 Lite Suitable for stores of all sizes. With the compact S22 Lite turnkey solution, customers will avoid long lines, and increase their connection with your brand. right#52595FArraycovercover bridge Our APIs help developers manage, optimize, display and inject orders across all digital devices and channels. Bridge offers the most extensive POS integration library with 50+ pre-built plugins. Bridge Loyalty, Experiment and Personalize modules enables each customer to get a unique experience with your brand. ATP ATP (Acrelec Transformation Platform) enables remote management of your entire device fleet. It enables hardware and peripheral monitoring, driver management, software versioning and security services for both proprietary and 3rd party applications. url(https://acrelec.com/wp-content/uploads/2020/04/watch_bkg.png) no-repeat center centerArraycontainlandscapeWearables Streamline your operations. This smart watch feeds live information, providing realtime information of store happenings and alerting if there are any issues. Wearables deliver a better experience and greater satisfaction. rightlinear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 35%, rgba(223,223,223,1) 100%)ArraycontainlandscapeS15 Tailor-made is our signature. A complete checkout solution offering an integrated cash management system, letting your customer pay with cash if preferred and includes an optional security scale for reducing the risk of theft. leftlinear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 35%, rgba(255,255,255,1) 100%)Arraycontainlandscapetranslate(-10%, 0%) Real Sterilization. Real-time Cleaning Data. Killing 99.99% of pathogens, leaving touch screens clean and bacteria-free, S-Pure combines the latest in digital technology with an ultra-efficient disinfection tool to deliver the safest solution, essential for today’s times. rightSee our innovation in actionSelect a brand for moreOn air
Retail and Leisure
Retail and LeisureRetail and leisure solutionsLorem IpsumArrayArrayLorem Ipsum Lorem IpsumArrayArrayLorem Ipsum Lorem IpsumArrayArrayLorem Ipsum #FFFFFFArraycontainlandscapetranslateX(-6%) Proximity Leaders across a wide array of industries have chosen us because of our innovative and reliable solutions. The partnerships with these global brands make vital contributions to the accuracy of our product development roadmap to adresse customers needs. By working together we advance our research and further solidify our both our positions as cutting-edge market leaders. left linear-gradient(180deg, rgba(248,246,245,1) 0%, rgba(248,246,245,1) 35%, rgba(255,255,255,1) 100%)ArraycontainlandscapetranslateX(-6%) Your global partner Our products operate in more than seventy countries, across every continent, either directly or through partner companies, so we can guarantee a global continuity of services for deployments worldwide. This exposure gives us a strong cultural intelligence, cross-market ingenuity and supply chain reliability. The world has many different markets and having resources in scores of local markets helps Acrelec track local changes or any area specific innovations to be rolled out within targeted localities. With this information we can adjust our products to best meet distinct customer needs wherever they live. right#F5F5F5ArraycontainlandscapetranslateX(-10%) Customization Acrelec has extensive industry knowledge and experience that we have leveraged to make sure our products are at the forefront of innovation. Our advances coupled with our global support infrastructure makes the difference in the effectiveness of our solutions, this is why leading brands have given us their trust. Given the breadth of our exposure across store types, we are able to provide hardware and software with a high level of customization. Our solutions can respond to the specific needs of all types and sizes of Retail & Leisure outlets. left#FDCD58ArraycovercovertranslateY(-15%)Advancing today, enhancing tomorrow We are the technology integrator for leading brands worldwide and our agility is our signature feature. Our solutions can respond to the specific needs of all types and sizes of retail outlets. Acrelec’s technology offers the highest level of security (ISO 27001) and we impress retail customers with innovative hardware designs and cutting edge software interfaces, enabling world-class support at competitive pricing. Our track record of expertise in delivering breakthrough technology and innovation makes us the best partner to deploy complex technologies like AI, where opportunities to leverage the capture and analysis of data are limitless. Acrelec’s Research and Development team is also pushing boundaries in customer identification, data analytics, facial recognition and voice interaction. These developments are key to providing new and innovative technologies, and the smooth and personalized customer experience that comes with them. linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 35%, rgba(255,255,255,1) 100%)Arraycontainlandscape Self-CheckOut Agility is a hallmark of our brand and our tailor-made Self Checkout solutions come with a vast array of customizable options, designed to enhance customer experience. SCO Subtilis and SCO Altus were developed to adapt to the unique customer journey of all types and sizes of commercial locations. righturl(https://acrelec.com/wp-content/uploads/2020/05/clickandcollect_bkg.png) no-repeat center centerArraycontainlandscape Click & Collect Today, and millions of collections later, we’re still helping the most recognized retail brands make their store collections fast, efficient and profitable! Now it’s even easier for your stores & customers to benefit from this experience with our simple to deploy Click & Collect solutions. left#FFFFFFArraycontainportraittranslateX(-10%) Ticketing Our wide range of ticketing kiosk solutions offers a multitude of possibilities. Our K-Line was developed to meet the needs of a variety of sectors, namely movie theaters, car washes, gaz stations, leisure parks… Whether you need a heavy-duty ticketing kiosk or a kiosk that your clients can see from a distance, we have the solutions for you. rightWhat we have done for themPlease select iconACRELEC yourRetail partnerOur culture for What we offerInnovation
Food and Beverage
Food and BeverageFood and beverage solutionsLorem IpsumArrayArrayLorem Ipsum Lorem IpsumArrayArrayLorem Ipsum Lorem IpsumArrayArrayLorem Ipsum Our vision ofThe smartrestauranthttps://acrelec.com/wp-content/uploads/2020/05/Animation_Acrelec_DRIVE_INVERTED_Webm.webmhttps://acrelec.com/wp-content/uploads/2020/05/WhatsApp-Video-2020-05-06-at-22.45.36.mp4 Strategy Smart store We offer unique solutions that brings the power of AI to the heart of your restaurants. This connects customer-facing technology to decision-making algorithms, resulting in streamlined operations and increased ROI. Acrelec’s R&D team is also pushing boundaries in customer identification, data analytics, facial recognition and voice interaction. These advances are key to providing new and innovative technologies, and the personalized, intuitive customer experience that comes with them. left#F9F9F9Arraycovercover Global experience meets locals execution We have an extensive network of 20 global offices and the ability to serve customers in 70 major markets. Worldwide partnerships with market leaders, such as Glory, increase our global coverage and enhance our support capabilities. right#FFFFFFArraycovercover Delivering innovation. Driving opportunity. Acrelec emphasizes nimble teams who can make things happen. Our technology, products and capabilities provide the opportunity to anticipate what’s next and disrupt in ways others cannot. We offer time-tested hardware, software and services that distinguish us from off-the-shelf solutions and unproven offerings. #FDFCFEArraycontainlandscapetranslateX(8%) Kiosk solutions Backed by decades of expertise, we have developed a unique self-ordering ecosystem to deliver the experience customers are expecting. Our K-line was developed to adapt to unique customer journeys, regardless of size or type of restaurant. Details left#000000Arraycovercover Create Meaningful Interactions and Accelerate your Drive-Thru. Acrelec Drive ID supports various loyalty experiences and delivers best-in-class identification and personalization with an unmatched accuracy, speed, flexibility and reliability for prime operations and unlimited Drive-Thru performance optimization. Details leftWhat we have done for themPlease select icon#B2CBC8Arraycontainlandscapetranslate(-15%, 8%) Complete set of offerings Acrelec offers a comprehensive range of services to increase the value of your business. Our Kiosk software, hardware, digital menu boards, speaker post, table service and Qtimer focus on optimizing your service performance. Our service and support capabilities all around the world guarantee your business will transition and operate seamlessly. rightWhat we offer
Contactless Collection guide – USA
Click & CollectProtect your staff & customersWITH A CONTACTLESS IN STORE ORDER COLLECTION SERVICEAt a time when online retail demand has never been higher – a safe and efficient order fulfilment processes is vital for retailers and a major factor in how customers choose where they shop. Acrelec’s new innovative technology makes offering a contactless Click & Collect service at your stores simpler than ever. Downloadour guide nowinfo-us@acrelec.comContactSolutions to Covid-19Click Here
Contactless Collection guide – Danemark
Click & CollectProtect your staff & customersWITH A CONTACTLESS IN STORE ORDER COLLECTION SERVICEAt a time when online retail demand has never been higher – a safe and efficient order fulfilment processes is vital for retailers and a major factor in how customers choose where they shop. Acrelec’s new innovative technology makes offering a contactless Click & Collect service at your stores simpler than ever. Downloadour guide nowinfo-dk@acrelec.comContactSolutions to Covid-19Click Here
Contactless Collection guide – Sweden
Click & CollectProtect your staff & customersWITH A CONTACTLESS IN STORE ORDER COLLECTION SERVICEAt a time when online retail demand has never been higher – a safe and efficient order fulfilment processes is vital for retailers and a major factor in how customers choose where they shop. Acrelec’s new innovative technology makes offering a contactless Click & Collect service at your stores simpler than ever. Downloadour guide nowoffice@se.acrelec.comContactSolutions to Covid-19Click Here
Contactless Collection guide – UK
Click & CollectProtect your staff & customersWITH A CONTACTLESS IN STORE ORDER COLLECTION SERVICEAt a time when online retail demand has never been higher – a safe and efficient order fulfilment processes is vital for retailers and a major factor in how customers choose where they shop. Acrelec’s new innovative technology makes offering a contactless Click & Collect service at your stores simpler than ever. Downloadour guide nowinfo-uk@acrelec.comContactSolutions to Covid-19Click Here
Contactless Collection guide – Spain
Click & CollectProtect your staff & customersWITH A CONTACTLESS IN STORE ORDER COLLECTION SERVICEAt a time when online retail demand has never been higher – a safe and efficient order fulfilment processes is vital for retailers and a major factor in how customers choose where they shop. Acrelec’s new innovative technology makes offering a contactless Click & Collect service at your stores simpler than ever. Downloadour guide nowinfo-es@acrelec.comContactSolutions to Covid-19Click Here
Contactless Collection guide – Brazil
Click & CollectProtect your staff & customersWITH A CONTACTLESS IN STORE ORDER COLLECTION SERVICEAt a time when online retail demand has never been higher – a safe and efficient order fulfilment processes is vital for retailers and a major factor in how customers choose where they shop. Acrelec’s new innovative technology makes offering a contactless Click & Collect service at your stores simpler than ever. Downloadour guide nowinfo-us@acrelec.comContactSolutions to Covid-19Click Here
Contactless Collection guide – Finland
Click & CollectProtect your staff & customersWITH A CONTACTLESS IN STORE ORDER COLLECTION SERVICEAt a time when online retail demand has never been higher – a safe and efficient order fulfilment processes is vital for retailers and a major factor in how customers choose where they shop. Acrelec’s new innovative technology makes offering a contactless Click & Collect service at your stores simpler than ever. Downloadour guide nowinfo.fi@acrelec.comContactSolutions to Covid-19Click Here
Cookies
A cookie is a small piece of information file sent to your browser by websites you visit and stored on your device (ex: computer, smartphone), (hereinafter “Cookies”). This file contains data and status information such as your session identifier, language preference, Internet service provider, operating system, date and time of access. Cookies are used to store, as long as they are valid, status information when a browser accesses to different pages of a website or when that same browser returns to visit that website at a later time. ACRELEC may process information related to your visit on our website, such as pages you visit the most on the website. Thanks to this information ACRELEC can improve the content of the website and your browsing. ACRELEC uses cookies or other tracers in particular for the following purposes: strictly necessary cookies to facilitate browsing on the website while enjoying all its functionalities and features; functional cookies especially to adapt the display of website pages to your terminal and to its location; audience measurement cookies to improve the comfort of users by helping us understand your interactions with our website; these cookies may be used to gather statistics. Some types of cookies require your consent before any installation on your device. In this context, upon your first visit to ACRELEC website, you will be asked if you accept the installation of this type of cookies, which will only be activated after your approval. You can always change your mind and choose to delete cookies and other tracers. You can configure the settings of your browser to allow you to decide whether you want to accept them, so that cookies are saved in your terminal or, on the contrary, they are rejected, either systematically or according to their issuer. You can also configure you browser so that the acceptance or rejection of cookies is punctually offered to you, before any cookie is likely to be stored on your device. In such case, we inform you that features of our browser may not be available in all or in part. If You refuse the installation of cookies on your terminal or browser, or if you delete those installed there, You are informed that your browsing and experience on our website may be limited. In such case, ACRELEC declines any liability for the consequences related to the degraded operating mode of the website and associated services possibly offered, resulting from (i) your refusal of cookies, (ii) the impossibility for ACRELEC to store or consult the cookies necessary to their proper operation because of your choice. You may express your preferences at any time and modify your settings with regards to cookies. ACRELEC may also use the services of external service providers to help it collect and process the information described hereof. These types of cookies are only installed on your terminals if you accept it, while continuing your navigation on our website. You can nevertheless withdraw your consent at any time.Cookies
Contactless Collection guide – Germany
Click & CollectSCHÜTZEN SIE IHRE MITARBEITER & KUNDENMIT UNSERER KONTAKTLOSEN IN-HAUS BESTELLLÖSUNGIn einer Zeit, in der die Nachfrage im Online-Einzelhandel so hoch ist wie nie zuvor, ist es für den Einzelhandel wichtig dem Kunden durch effiziente und sichere Prozesse die Suche nach einer geeigneten Einkaufsmöglichkeit zu unterstützen. Die neue innovative Technologie von Acrelec macht das Anbieten eines kontaktlosen Click & Collect Service in Ihren Filialen einfacher als je zuvor. HIER ERHALTEN SIE UNSERE INFOBROSCHÜREinfo@acrelec.deContactLösungen in Zeiten von Covid-19HIER KLICKEN
My account – GDPR
Personal Data Access Forget me Data rectification Below, you can request for your personal data that's collected by this website sent to you in an email. Email: I consent to have my email collected in order to receive my requested data. See Privacy Policy page for more information. Below, you can browse services which collects your personal data on this website. Check services you wish to be forgotten by. This will send a request to the website admin. You will be notified by email once this is done." Gravity Forms Gravity forms gathers data entered by users in forms WP Comments WordPress Comments are data entered by users in comments WordPress Posts WordPress posts author data WP User Data WordPress user data stored as user meta data in database Email: I consent to have my email collected in order to process this request. See Privacy Policy page for more information. Below, you can send a request to have your data rectified by the website admin. Enter what you would like to be rectified. You will be notified by email once this is done. Current data Rectified data Email: I consent to have my email collected in order to process this request. See Privacy Policy page for more information. My account - GDPR
About
AboutOur PhilosophyWe Value 17Offices275Projects900Employees68ClientsAbout Acrelec in numbersSteering CommitteeArrayJacques MangeotCEOArrayJalel SouissiCEOArrayIra PriftiCHIEF STRATEGY OFFICERArraySemi SdiriRETAIL DIRECTORArrayChristophe NaillotCFOArrayPatrick BouletINDUSTRIAL DIRECTORArrayDaniel TomasescuCTOArrayThibaud DenolleINNOVATION & MARKETING DIRECTORArrayBruno Lo-RéFOOD & BEVERAGE DIRECTORManaging DirectorsWant to work with us?ArrayBenoit DupuitMANAGING DIRECTOR FRANCE ArrayAnna WarrenMANAGING DIRECTOR UK & IRELAND & DAPHArrayJavier AlbaMANAGING DIRECTOR IBERIA & ITALIAArrayThomas HappeCOUNTRY MANAGER GERMANYArrayTerence TAYMANAGING DIRECTOR ASIA PACIFICArrayJoska DE JONGMANAGING DIRECTOR BENELUXArrayMarkku NopanenMANAGING DIRECTOR NORDICS & BALTICSOur StoryAcrelec is first and foremost a meeting between Jacques Mangeot and Jalel Souissi, two former McDonald’s employees. “We met in 1989 in Chicago when we were both working for McDonald’s on a huge project” recalls Jacques. A few years later, after observing evolutions in the QSR (Quick service restaurant) industry, they decided to buy Acrelec, a 10 employees’ company that was manufacturing robust equipments for the electrical industry. We are in 2004 and the word “digital” doesn’t exist yet but this is exactly what they are aiming to do by providing innovative technology solutions to reimagine the customer experience in restaurant and retails brands. From their humble beginnings, they remember this call for bids from a major French company for which they decided to install their prototype right where everyone in that company had their coffee break while the competition brought 10 representatives to do a PowerPoint presentation for their proposal. “It was just Jalel and I with our prototype ready to take orders and we thought we lost it, but we received a call the next day that we had won the bid!” Fast forward to today, Acrelec counts over 40,000 installations around the world (ironically enough a lot of them can be found at McDonald’s) in 70 countries and over 800 employees, has 2 manufacturing plants, a 60 people software division. But its success relies on the very same approach, a customer centric mindset that allows the company to move fast in order to adapt to the ever-changing customer needs. In 2020, Glory Global Solutions invested in $223 million in Acrelec capital. Acrelec is a global technology company focused on reinventing the customer experience for restaurant and retail brands. Leveraging decades of software, hardware and service expertise, we develop and integrate new platforms that increase customer engagement, optimize efficiency and improve operations. Our 900 employees around the globe collaborate with our customers and partners to design, create and build the world’s leading smart stores. Never satisfied with the status quo, our passion is in delivering breakthroughs that drive business results. proximityscalabilityinnovationreliability
Visit us
Visit usThe world is our canvasDiscover our officesaround the worldThe Acrelec Group is a leading digital transformation company that provides the world’s largest restaurant and retail brands with hardware, software and services to reimagine the customer experience for the digital age. France / ParisArrayFinland / HelsinkiArray
Acrelec Finland
FinlandTervetuloaFinlandOlemme digitaalisen asiakaskokemuksen ytimessä. Ratkaisumme ovat parantaneet asiakkaittemme myyntiä 15-20% ja luoneet uusia digitaalisia asiakaspolkuja, jotka parantavat toimintaa kaikilla tasoilla. Kuluttajat haluavat digitaalisia palveluja Kuluttajat haluavat yhä useammin käyttää digitaalisia kanavia. Acrelecin ratkaisujen avulla pystyt vastaamaan kuluttajien tarpeisiin. Digitaalisia kanavia voivat olla verkkokauppatilausten noutopalvelu Click & Collect, itsepalvelukioskit, näytöt ja kolmannen osapuolen järjestelmät kuten mobiilisovellukset. Acrelec Bridge yhdistää palvelut Acrelec integroi myyntipisteiden keskeisten järjestelmien, kuten kassajärjestelmän ja BI-työkalujen tiedot Acrelec Bridgen ja välittää ne kaikkiin asiakaskokemuksen kanaviin. Ratkaisut brändillesi Ohjelmistomme ja laitteistomme tarjoavat täydellisen modulaariset ratkaisut brändillesi. Acrelec palvelee yli 200 suurta asiakasta ja yli 20 000 myyntipistettä digitaalisten ratkaisujen koko elinkaaren ajan ympäri maailmaa. Globaali osaaminen paikallisesti käytössäsi Acrelec Groupin pääkonttori sijaitsee Ranskassa, Pariisin alueella. Siellä sijaitsee myös tehdas, missä valmistamme Acrelecin laitteistot asiakkaiden omien brändien mukaisesti. Toimimme paikallisesti ja olemme lähellä asiakkaitamme. Acrelec Finlandissa työskentelee 25 henkilöä ja teemme tiiviisti yhteistyötä Nordic-tasolla Acrelec Ruotsin ja Acrelec Tanskan toimistojen kanssa. Acrelec Finlandilla on omat myyjät, projektipäälliköt, ohjelmistokehittäjät, asentajat ja tukipalvelut. info.fi@acrelec.comOur teamContact usArrayMarkku NopanenManaging DirectorContact usLokalisointiOttaa yhteyttä– Markku Nopanen / Managing DirectorFinland
Acrelec France
FranceBienvenueFranceAdopter nos solutions c’est implanter un véritable système nerveux central digital au cœur de votre point de vente. Acrelec intègre les informations (POS, BI, CRM, Marketing…) et les coordonne pour influer sur tous les fronts-end du parcours digital client. Nos solutions renforcent votre marque, développent vos ventes de 15 à 20% et créent de nouveaux parcours clients sans couture se traduisant par une amélioration opérationnelle à tous les niveaux. Nous accompagnons plus de 200 clients grands comptes dans la transformation digitale et ce, sur plus de 20.000 points de vente à travers le monde. Plus que jamais, le point de vente de demain est lié à la capacité d’intégrer les nouveaux besoins du consommateur connecté. Nos solutions, tant logicielles que matérielles, offrent la couverture fonctionnelle complète et modulaire dont votre enseigne a besoin. La France héberge le siège du groupe Acrelec et la principale implantation industrielle de même que les équipes spécialement dédiées au marché français. Au total près de 400 personnes au service du groupe et de la France. Acrelec France dispose ainsi en propre, des moyens techniques, commerciaux et de support (chefs de projet, hotline, techniciens itinérants de maintenance…) pour accompagner ses clients sur l’ensemble de leurs besoins. info@acrelec.comNotre équipeContactArrayBenoit DupuisManaging DirectorArrayArnaud PiroelleDirecteur Commercial DCE (Digital Customer Experience)ArrayFrançois Lepivert Directeur Commercial QSR (Quick Service Restaurant)ArrayMarina Pin Directrice Administrative et FinancièreArrayChristophe Charré Directeur des opérationsArrayEric Théa Directeur techniqueArrayEric Zacarias Responsable SupportArrayJonathan Roncin Responsable Gestion de ContenuArrayBenjamin Panzani Responsable SAVArrayLaurence Colas Responsable Administration Des VentesArrayVanoudet Souvanheuane Responsable SupplyContactez-nousLocalisationContact– Benoit Dupuit / Managing DirectorFrance
Job board
CareersWe are digital transformation experts who specialize in the integration of point of sale, mobile apps, online ordering and payment systems to add convenience, speed of service and purchasing ease to the customer journey. Come work with us! We are always looking for great talent to join our global teams. Talent NeededGeneral applicationFor spontaneous job application, please send your resume and cover letter by clicking below. Job BoardApply
Careers
CareersCareersLife at AcrelecAcrelec is a global technology company focused on reinventing the customer experience for restaurant and retail brands. Never satisfied with the status quo, our passion is in delivering breakthroughs that drive business results. Our network spans geographies, cultures and capabilities. Our diversity is what makes us strong, inventive, and agile enough to stay ahead of the competition. Everyone has a place within the Acrelec team. We invite you to join us on our journey as we pave the road to innovation. Working With usWe can only reach our goal and vision of “Digital transformation experts” with the help and commitment of our employees. Acrelec operates in 17 countries and we offer a wide range of career opportunities worldwide. We are always looking for driven, ambitious and forward-thinking people to join us. Acrelec is a highly-regarded employer with an ethos of equal opportunity for all. Through years of experience we have created a working environment and employee reward scheme that sets a benchmark for the industry. Albert Einstein1879-1955RecruitmentOur recruiting processes are quick and easy. We are both looking for technical skills and personal qualities as much as you professional projects. We are looking forward to work with you and supporting you in your career development. As you may know, we collect and process data about you to ensure the quality of our services. Acrelec is committed to protecting and respecting your privacy. Meet our peopleAcrelec offers a wide variety of job opportunities. Discover the testimonials of the collaborators who represent Acrelec around the world. ArrayVincent Attia - Data Project ManagerWatch the videoArrayArrayJeff Wayman - Global Account ManagerWatch the videoArrayArrayTim Yarbrough - Global Account ManagerWatch the videoArrayArrayAmanda Stamm - Marketing and Innovation Project ManagerWatch the videoArrayArrayTyler Marpes - Project Integration SupervisorWatch the videoArrayLatest opportunities
Table Service
Table ServiceTable ServiceElevates the dining experienceby reducing wait times to boost overall customer satisfaction and drive salesTable Service helps relocate waiting time directly to the table to declutter and clear the restaurant entrance. The solution provides more comfort for the customer and improves the effectiveness of the team. It’s easy to install and use. Table Service elevates the dining experience by reducing wait times and queues to boost overall customer satisfaction and drive sales. Our solution is affordable and customizable to meet the unique needs of your business. A quick and simple wireless installation eliminates any down time, and our robust system is built to last. Key benefits of table servicehttps://acrelec.com/wp-content/uploads/2020/07/tableservice_icon1.pngCustomer satisfactionIncrease customer loyalty and satisfaction to drive sales up by 5% when paired with a kioskhttps://acrelec.com/wp-content/uploads/2020/07/tableservice_icon2.pngEase of installation2 hours installation* to have the system up and running before the next rush timehttps://acrelec.com/wp-content/uploads/2020/07/tableservice_icon3.pngQuick ROI6 month return on investment; our most affordable solution without compromising on quality or resultshttps://acrelec.com/wp-content/uploads/2020/07/tableservice_icon4.pnghttps://acrelec.com/wp-content/uploads/2020/07/tableservice_icon4xs.pngSpeed of operationDecrease service times by 20 seconds with our technologyhttps://acrelec.com/wp-content/uploads/2020/07/tableservice_icon5.pnghttps://acrelec.com/wp-content/uploads/2020/07/tableservice_icon5xs.pngIncreased revenueStreamline processes, increasing crew focus and efficiency to gain 5% work productivityFast and precise geolocation of your guest for premium service.Table Service is the quickest and easiest way to elevate your customer’s dining experience. After placing the order, guests are sitting comfortably at a table while the order is being prepared. Once it is ready, the crew member visualizes the position of the guest and delivers the order. With Bluetooth technology for accuracy and our behind-the-scenes monitors for crew, it has never been easier to provide outstanding service. Wireless Bluetooth technology for seamless installationhttps://acrelec.com/wp-content/uploads/2020/07/tableservice_item1.pngTable flagsThe guest is given a table flag when they place an order at the kiosk or counter. After finding a seat, they place the flag on the table and wait for their order.https://acrelec.com/wp-content/uploads/2020/07/tableservice_item2.pngTable beaconsThe wireless table beacons are placed under strategically chosen tables indoors and outdoors.https://acrelec.com/wp-content/uploads/2020/07/tableservice_item3.pngDongle collectorThese small antennas collect data.https://acrelec.com/wp-content/uploads/2020/07/tableservice_item4.pngGatewayEach gateway collects locations. The position of the flag is calculated and sent to the tablethttps://acrelec.com/wp-content/uploads/2020/07/tableservice_item5.pngTabletThe tablet is placed on the counter in the pick up area and runs Serve, our software displaying the position of all active flags.Once the order is ready, the runner visualizes the position of the guest on the tablet. Then he/she serves the guest at their table and takes the flag back to the kiosk or counter.Click and serve faster than everThe guest position is calculated by complex algorithms fined tuned over thousands of live implementations. The crew member can then simply click on the Flag number to visualise and serve the customer accurately. The manager can choose between two levels of accuracy; zone accuracy and table accuracy. Serve offers powerful featuresColor selection per zone for faster indication of the guest’s position Arranging the guest’s orders by flag number or service time Low battery notifications to ensure full accuracy of the solution Notifications when a flag remains on the table for too long to support a quicker action Language selection and customizable features, such as one or multiple locators displayed at a time, rotation of the map, and more Quick onboarding: Crew training takes only five minutes, as the solution is intuitive and contains video instructions. Table Service benefitsEasy to install anywhere: Terraces, multiple floors, high ceilings, hidden corners… Our fully wireless network of IPX4-rated Bluetooth sensors can accommodate the most intricate layouts. https://acrelec.com/wp-content/uploads/2020/07/tableservice_icon6.pngSmart technologyTable Service is a robust solution with intelligent sensors to ensure consistent results and low battery alerts.https://acrelec.com/wp-content/uploads/2020/07/tableservice_icon7.pngBuilt to lastPrior to selling, all locators are stress-tested to ensure durability, making it the most robust hardware available.https://acrelec.com/wp-content/uploads/2020/07/tableservice_icon8.pngEfficientOur Bluetooth sensors The table beacons have a battery lifespan of over four years, minimizing the need for replacements and tech support.https://acrelec.com/wp-content/uploads/2020/07/tableservice_icon9.pngkiosk integrationPair Table Service with new or existing Kiosks to increase transactions and guest counts.Your brand, our focusThe Flag is the only element of the solution that the guest will be in contact with. It is available in different level of customization using UV-printing or stickers to suit your business model and your brand identity.
Drive ID
Drive IDDrive ID Virtuous CycleThe secret to unlimited drive-thru growthAcrelec Drive ID frictionless journey initiates a positive flywheel effect leading to faster Drive-Thru and growth.Frictionless JourneyInteract with customers at every step of their journey, from their very arrival in the lane to after their departure from the restaurant. Create meaningful & personalized interactionsBurnSend multiple offers flawlessly at the Order Point using Acrelec Drive ID.Customers can select and send offers before the COD; the Acrelec Drive ID technology makes sure that offers are accurately injected to the POS. It also keeps the customer informed of the status of their on-going redemption in real-time until final confirmation. Acrelec Drive ID SDK-s support multiple offers from a single customer as well as simultaneous redemptions from many. ArrayEarn & RedeemAcrelec Drive ID supports rewards for an increased customer fidelity.Rewards are the ultimate system to build loyalty and create a meaningful and long-term relationship with customers. Acrelec Drive ID intensifies the feeling of community affiliation with maximum transparency to the program’s members.  Earning and redeeming points are made easy by Drive ID. ArrayMobile Order PayRun accurate and swift Mobile Order Pay journeys at the  Drive-Thru.Say goodbye to confusing and complicated 4-digit voice code: operational mistakes disappear with Acrelec Drive ID. Regular customers can autonomously confirm their prepaid mobile orders without any intervention from the crew, making Mobile Order Pay the most satisfying online ordering experience ever. ArrayPersonalization enablerEarly identificationAcrelec Drive ID identifies the customer early to allow personalization of every interactions like the DMBs, verbal order taking, curbside pickup…etc. Accelerate the Drive-ThruThe Drive ID technology has been designed from scratch to operate in challenging Drive-Thru environments with various vehicles types, drive lane layouts…etc. Acrelec Drive ID performs flawlessly in every situation. The Drive ID technology benefits from Acrelec’s 15-year expertise in Drive-Thrus to guarantee high pace and confidence to operators. AccuracySpeedIrreproachable accuracy at the CODUnmatched speed required to send messages to COD Acrelec Drive ID sends the loyalty information to the COD in less than 1 second, maximizing the order flow efficiency on both the customer and operator sides. This unrivalled quickness also remains in the most extreme weather conditions. Array Faster Drive-Thru compared to traditional scanners Data shows a 23 seconds gain in Drive-Thru total service time compared to traditional identification methods used at the payment window. Acrelec Drive ID feels natural and transparent to the customer, letting them share information during the order process. ArrayAll in one deviceTailored for deploymentAcrelec Drive ID technology is packaged in one single device for easy installation and high durability. The solution requires no cable management and can be installed in various physical environments. Acrelec Drive ID is designed to withstand the most extreme weather conditions. FeaturesUp-to 16 simultaneous connections Supports simultaneous connection with up to 16 individual smartphones. No interference with other Bluetooth signals Receives and sends messages with devices already paired with an external Bluetooth device (e.g. car media system) without interference. No interference with other Bluetooth signals Receives and sends messages with devices already paired with an external Bluetooth device (e.g. car media system) without interference. Withstands extreme conditionsHumidity Designed for outdoor use, IP-56 Operating temperature -40 °C to 85 °C Welcome Personalized message upon arrivalAcrelec Drive ID welcomes customers at the Drive-Thru entry: reminders of specials, recommendations, marketing messages… The possibilities are infinite. Array Offer selection Stress-free browsingThe Acrelec Drive ID notification encourages browsing early in the journey, thus relieving the customer of stress at the order point. Array Payload sending Hassle free, fast and naturalAcrelec Drive ID allows the customer to seamlessly send information to the Restaurant in less than a second without their phone ever leaving the car. Array Confirmation Instant and reassuringAcrelec Drive ID supports simultaneous redemption from up to 8 customers, while keeping the process clear with instant individual confirmation. Array Goodbye Prolong a great experience. It’s like the cherry on top! Arrayicon-ac-playWatch the movie
Blog
Latests NewsLatests News
Videos
Latests NewsThe VideoChannelVideos
Acrelec Germany
GermanyWillkommenGermanyWorking in partnership with our customers ensuring that together we deliver the right solution built to your business needs. We specialise in addressing operational challenges through the delivery of Acrelec solutions to support and enhance the customers experience. Through our technology we can increases sales, reduce labour costs and allows for labour redeployment, improve order accuracy and speed and support marketing strategies and loyalty programs. Enabling the personnalisation of the customer experience, through engagement and choice. info@acrelec.deOur teamContact usArrayThomas HappeManaging DirectorContact usLocalisationContact– Thomas Happe / Managing DirectorGermany
Acrelec Chicago
ChicagoWelcomeChicagoChicago, the iconic “windy city”, is the home of Acrelec Innovation & Marketing team. Its location in the vibrant West Loop neighborhood allows proximity with tech companies, digital agencies as well as our key customer “McDonald’s” which recently moved it’s global HQ here. info-us@acrelec.comOur teamContact usArrayThibaud DenolleInnovation & Marketing DirectorArraySamuel MalkaProject ManagerContact usLocalisationContact– Thibaud Denolle / Innovation & Marketing DirectorChicago
Terms and Conditions
Privacy PolicyPrivacy Policy1 / Data Privacy PolicyThis website is owned, operated and maintained by AKSOR (hereinafter “ACRELEC”), SAS (simplified joint-stock company), having its registered office at 3 Rue Louis De Broglie Zac l’Esplanade, 77400 Saint-Thibault-Des-Vignes, registered with the Meaux Trade and Companies Register under number 453 689 978. At ACRELEC, the protection of privacy and personal data is essential to meeting the expectations and keeping the trust of users of the website https://www.acrelec.com . ACRELEC therefore take all necessary precautions and appropriate technical and organisational measures to ensure the security and confidentiality of your Personal Data and in particular prevent them from being altered, damaged or accessed by unauthorised parties. This Data Privacy Policy is designed to help you understand how we collect, use and protect your Personal Data through our Website at https://www.acrelec.com and its subdomains or any URL that may be substituted for it later (hereinafter “Website”), as well as in any search done or form sent on said Website, and/or any use of said Website by the User and the means at Your disposal to control this use. “Personal Data” means any information relating to any natural person who is directly or indirectly identified or identifiable as defined by Article 4 of European Regulation (EU) 2016/679, known as the “General Data Protection Regulation” or “GDPR”. The Website is not intended to receive confidential information from Users. Consequently, any information, in any form – document, data, graph, question, suggestion, concept, design, remark, form or other – communicated on the Website will in no case be considered confidential. This Policy does not apply to any third party websites mentioned on the Website. We recommend that you carefully review the confidentiality policies of each website you visit to understand how they collect, use, and disclose information. 2 / Method for collecting Personal DataWe may collect and process the following Personal Data: Information you provide us when filling out free fields or forms, surveys on our Website https://www.acrelec.com. We may also collect information when you report a problem with our Website. If you contact us, we may keep a record of that correspondence. As a visitor to our Website, you can access certain features without having to provide any Personal Information about yourself. However, the Personal Data collected are limited to Personal Data that are strictly necessary for the purposes set out in section 3 below. You are free to provide all or part of your Personal Data or not. No personal data is collected unless you have voluntarily decided to transmit it. Data of minors ACRELEC does not intend to accommodate an audience of children under 18 years or to collect their Personal Data. However, if this were to occur, ACRELEC undertakes to take the necessary measures to obtain parental consent to the processing of such data, to protect them and to consider them as sensitive. 3 / "Contact form" informationThe information collected in the contact form is transmitted voluntarily by the User who wishes to be contacted by ACRELEC and is stored by ACRELEC in a computerised file to manage its customer database. It is kept for two (2) months for contact purposes and is used by the marketing and/or sales departments of ACRELEC. No personal information of the user of the Website is used without consent of the User, exchanged, transferred, assigned or sold on any support to any third party. Only in the event of an acquisition of ACRELEC or another transaction involving the transfer of its rights would the transmission of such information to the prospective buyer be allowed. The prospective buyer would in turn be held to the same obligation of confidentiality, retention and modification of the data toward the User of the Website. a. Purposes of processing Your Personal Data may be collected for the purposes of the activities of ACRELEC, which include customer relationship and supplier management (contact form). b. Retention period Unless specified otherwise, the Personal Data collected will be retained for a period of two (2) months. When they are no longer retained, the Personal Data will be destroyed. c. Sharing of your Personal Data with recipients We may need to share your Personal Data with the other entities of the ACRELEC group if necessary to respond to your request. ACRELEC will not share your Personal Data with any other third parties unless specifically requested by you or if required by law or regulations. Any distribution or sale of your Personal Data is excluded. d. Transfer of Personal Data Unless you contact an ACRELEC entity established outside the European Union or unless required by law, ACRELEC will not transfer your Personal Data outside the European Union or outside the country where data is collected without informing you in advance. 4 / "Recruitment form" informationThis Privacy Policy defines and informs you of the manner in which ACRELEC uses and protects the personal data that you transmit to it in connection with your recruitment. We implement technical and organizational measures to protect your personal data. ACRELEC and third parties (subcontractors, service providers) working for us who need to know the personal data shall comply with strict standards in terms of security and protection of your Personal Data. In accordance with the General Data Protection Regulation (GDPR) adopted by the European Parliament on 14 April 2016, ACRELEC informs you of the following: a. Identity of the data controller The data controller is the company AKSOR (hereinafter “ACRELEC”) SAS (simplified joint-stock company), having its registered office at 3 Rue Louis De Broglie Zac l’Esplanade, 77400 Saint-Thibault-Des-Vignes, registered with the Meaux Commercial and Companies Register under number 453 689 978. When the terms “we” or “our” are used, these include ACRELEC. b. Purpose of the processing In the context of recruitment, ACRELEC may process your Personal Data for the purposes of: Managing your recruitment ACRELEC only processes your Personal Data if you consent to it or if this processing is based on one of the following legal premises: the processing is necessary for the execution of pre-contractual measures taken at your request the processing is necessary for ACRELEC to comply with one of its legal obligations c. Recipients ACRELEC may work with a service provider to manage the recruitment process. The information provided in this case are those that you voluntarily provide to us when submitting your application. ACRELEC is the recipient of your Personal Data provided that your Personal Data may be transmitted: to our counsels and lawyers to the subcontracting company NIBELIS d. Retention period Your Personal Data are kept by ACRELEC for the period corresponding to the purpose of the collection as indicated in section 3 above, which cannot in any case exceed 2 years if the outcome of your application is negative. ACRELEC will not retain them longer than necessary, and when it no longer needs them, it will destroy them or make them completely anonymous. e. Transfer of personal data Unless you apply for a job outside of the European Union or unless required by law, ACRELEC will not transfer your Personal Data outside the European Union or outside the country where data is collected without your prior consent. f. Your rights In addition to the rights set out in section 5 “Your rights” concerning your Personal Data, you may exercise your rights by writing to us at the following postal address: AKSOR DRH 2, rue Louis de Broglie 77400, Saint-Thibault-des-Vignes France Due to the obligation of ACRELEC to ensure security and confidentiality in the processing of Personal Data, Your request will only be processed if you provide proof of your identity. 5 / Your rightsACRELEC has implemented appropriate personal data protection measures to ensure that the data are used for the purposes described in section 3 and to guarantee that they are accurate and kept up-to-date. Thus, we commit to allow you to exercise the rights listed below. You can make a request by any of the means indicated in the contact section or by using our online form. Right of access, rectification, erasure and restriction of processing of your Personal Data You have the right to request to access, rectify, update and delete your Personal Data as well as to restrict processing of your Personal Data subject to compliance with applicable regulations. Right to portability You have the right to request to receive certain Personal Data about you in a structured, commonly used and machine readable format. Right to object In compliance with applicable regulations, you have the right to object the processing of your Personal Data at any time for reasons related to your particular situation. Right to lodge a complaint with a supervisory authority If you believe that ACRELEC is not complying with this Data Privacy Policy or your rights are not adequately protected, you have the right to lodge a complaint with a supervisory authority. The French Data Protection Authority is the “Commission Nationale de l’Informatique et des Libertés” or “CNIL”, postal address: 3 place de Fontenoy – TSA 80715 -75334 Paris Cedex 07, France; phone number : +33 (0)1 53 73 22 22 ; website : http://www.cnil.fr). In the UK, the Data Protection Authority is the Information Commissioner’s Office “ICO”, postal address: Wycliffe House, Water Lane, Wilmslow, Cheshire, SK9 5AF, United-Kingdom; phone number: 01625 545 745; website: https://ico.org.uk. In any case, do not hesitate to contact us at the following address: data.privacy@acrelec.com 6 / ContactWe invite you to contact us with any questions regarding this Data Privacy Policy and to assert your rights if necessary at the following address: By email: data.privacy@acrelec.com By post: AKSOR Data Protection Officer 2, rue Louis de Broglie 77400, Saint-Thibault-des-Vignes France 7 / Effective date and revision of the Data Privacy PolicyThis Data Privacy Policy is effective as of October 1, 2018 and may be updated on this page according to the needs of ACRELEC or legal and regulatory requirements. In the event of a substantial change, we undertake to inform you as soon as possible on our Website. This Data Privacy Policy supersedes all prior notices or statements regarding the same subject. Terms and ConditionsConditions Générales d’Achat I Francehttps://acrelec.com/wp-content/uploads/2020/09/france.pngFranceArrayConditions Générales de Maintenance I Francehttps://acrelec.com/wp-content/uploads/2020/09/france.pngFranceArrayConditions Générales de Vente I Francehttps://acrelec.com/wp-content/uploads/2020/09/france.pngFranceArrayGeneral Sales Conditions - Canadahttps://acrelec.com/wp-content/uploads/2020/09/canada.pngCanadaArrayGeneral Sales Conditions - Englishhttps://acrelec.com/wp-content/uploads/2020/09/united-kingdom.pngEnglishArrayGeneral Sales Conditions - UShttps://acrelec.com/wp-content/uploads/2020/09/united-states-of-america.pngUSArrayAllgemeine Geschäftsbedingungen - Deutschlandhttps://acrelec.com/wp-content/uploads/2020/09/germany.pngGermanyArrayCondiciones Generales - Españahttps://acrelec.com/wp-content/uploads/2020/09/spain.pngEspañaArrayCláusula de protección de datos de carácter personal - Españahttps://acrelec.com/wp-content/uploads/2020/09/spain.pngEspañaArray
SPure
SPure Real sterilization. Real time cleaning data. Our answer transparent linear-gradient(180deg, #000000 0%, #373737 100%)ArrayArraycontainlandscapetranslateX(10%)Protect Your Customers, And Your Business Acrelec S Pure kills 99.99% of pathogens, so you can keep your touchscreens clean and bacteria free. Even when your customers’ hands aren’t. Customer safety is a top priority for every business, and touchscreen are an essential part of maintaining a clean—and compliant—business. Unfortunately, no one is immune to customers spreading pathogens and bacteria, especially when touchscreen kiosks are involved. Too often, customers don’t properly wash their hands, spreading bacteria to everything else they touch—their children, their food, and your touchscreens. Acrelec has been researching and developing a new product for more than 2 years to answer those issues. Discover right#FFFFFFArrayArraycontainlandscapetranslateX(10%)Better sterilization in less time With a single use, your touchscreens will be cleaner than ever, twice as fast. Microfiber cloth removes grease, fingerprints, and dirt particles, while UV-C LEDs kill any bacteria, pathogens, and other germs and viruses. The Acrelec S Pure combines the strongest sterilization tool with cutting-edge digital technology to deliver the cleanest touch screens in the world. With Acrelec S Pure, you’ll know your screens are 99.99% germ and pathogen free. Acrelec S Pure has been scientifically tested by world-renown labs such as Eurofins Scientific, and has been proven to kill 99.99% of bacteria, including staphylococcus and Escherichia coli (E-coli). By using the Acrelec S Pure, you can practically eliminate the risk of infections and outbreaks, not to mention negative customer reviews and bad press. right#FFFFFFArrayArraycontainlandscapetranslateX(-10%)Green and sustainable cleaning solution Acrelec S Pure reduces water usage and eliminates the introduction of dangerous chemicals to the environment Most disinfectant sprays contain chemicals that contribute to both air and water pollution. But with the Acrelec S Pure, no chemical agents are needed. The microfiber is made from recycled material, it is removable and washable, making it one of the most sustainable cleaning systems available. And because there’s no need to dilute liquid solutions, cleaning with the Acrelec S Pure reduces water usage and eliminates the introduction of dangerous chemicals to the environment. Discover lefttransparent linear-gradient(180deg, #141414 0%, #373737 100%)ArrayArraycontainlandscapetranslateX(10%)Cloud connected device Everything You Want in a Touchscreen Sanitizing System. And More. The Acrelec S Pure is built with high-quality, lightweight materials that are designed to last. Each unit uses the most efficient high-powered UV LEDs to make the sterilization process effective and efficient. With real-time IoT connectivity, the Acrelec S Pure delivers key digital information about your cleaning to our online portal. But the Acrelec S Pure is more than a simple sterilization system. It’s a full-featured digital cleaning intelligence system. Acrelec’s online portal helps you get more done, faster by providing real-time cleaning alerts via email, SMS, and smartwatch notifications. Discover right#FFFFFFArrayArraycontainlandscapeTrack your cleaning sessions Acrelec puts data in your hands so you can track and optimize your cleaning process. The Acrelec S Pure is more than just a touchscreen sterilization tool. It captures data with each usage, sending it to a customizable dashboard that shows you what’s been cleaned—and what hasn’t—in real time. So, whether you manage a handful of kiosks or thousands, Acrelec puts data in your hands so you can track and optimize your cleaning process. Gathering and analyzing data is the key to Acrelec’s effective and efficient cleaning. Using our intuitive online platform, you’ll gain insights into cleaning patterns of the kiosks in each of your locations. Our platform is fully accessible from any device—desktop, tablet, or smartphone—so you’ll never have to wonder about the state of your touchscreens. left#FFFFFFArrayArraycontainlandscapetranslateX(10%)Get instant notification when cleaning is needed Do a Deep Dive on Deep Cleaning with S Pure’s reporting you’ll have access to nearly infinite insights. The Acrelec S Pure’s online portal offers three levels of reporting, with each giving you powerful insights into your cleaning process. And with better insights, you’ll be able to run your business more efficiently than ever before. From real-time reporting to business intelligence—and everything in between, Acrelec S Pure gives you the tools you need to optimize the cleaning process, provide employees with better training, and incentivize higher levels of performance. Real-time notification, Weekly & Monthly Reporting as well as Business Intelligence connection helps you achieve more than ever a clean and compliant business. Discover right Interested ? Contact us. https://acrelec.com/wp-content/uploads/2020/09/spure_nettoyage.webmhttps://acrelec.com/wp-content/uploads/2020/09/spure_nettoyage.mp4ArrayLorem Ipsum 99.99% pathogens eradication laboratory certified Green cleaning Cloud tracking of cleaning sessions left
QTimer
QTimer 2.0Leverage natural desire for performance and achievement.QTimer shaves 30 seconds off your Drive-Thru equating to a 13% increase in sales. The biggest Drive-Thru brands trust Acrelec: QTimer already track an average of 4.5 million vehicle per day Since nearly 60% of the revenue in the quick-service business comes from Drive-Thru sales, the way to increase revenue is through optimizing the Drive-Thru. Accurate data takes out the guesswork of optimization. QTimer 2.0 provides you with detailed, intelligent data, including minute-to-minute awareness of the customer journey to help you identify bottlenecks. QTimer 2.0 uses a combination of two state-of-the-art hardware technologies. The Underground Vehicle Detection Induction Loop tracks the vehicle’s journey as it moves through predetermined positions along the Drive-Thru, such as the Order, Payment, and Presentation windows. The data is then displayed in real-time on the QTimer 2.0 Dashboard helping your team optimize decision-making in real-time. Drive Lane UITurn seconds into salesFor every 10 second reduction in average service time, you can expect to see about a 3.3% increase in vehicle count, equating to a 4.4% increase in sales: QTimer shaves 30 seconds off your drive-thru times by receiving real-time drive-thru information using the Drive Lane UI to quickly identify bottlenecks and allocate resource where they are needed to serve faster. Our first-class solution is highly customizable. Focused solely on brand specific monitored metrics; the design of the display can be easily adapted to highlight the most important metrics. Drive productivity with gamificationResearch shows that crews perform best when working towards a goal. Gamification motivates workers, drives productivity, and improves business outcomes 90Of employees are more productive when they use gamification72Of people believe that gamification inspires them to work harder95Of employees enjoy using gamification systemsEnGage© your crew with gamificationQTimer 2.0 comes with EnGage©, a powerful gamification software that lets restaurants organize competitions to increase personnel motivation. Our EnGage© Performance Board allows managers to challenge their crews in operationally based competitions, award badges for achievements, and create leagues for rivalries. Thanks to the friendly EnGage© Performance Board tracking efficiency, your teams will have fun while striving to be the best and win prizes! ArrayEnGage© reward systemWith QTimer 2.0, crews can earn rewards and avatars by achieving various goals set by a manager and continuously tracked in the background. There are three reward systems, typically taking place at the same time: everyday functions performed by the crew, reaching a weekly goal competing against other restaurants, and active challenges set by the restaurant manager. ArrayRanking, become the best in your networkIf EnGage© is not for you, our real-time ranking capabilities allow you to compare the performance of your Drive-Thru to that of other stores within the network, whether you are on location or working remotely on mobile devices. This smart technology is designed to motivate your crew members and improve their individual performance against other restaurants by setting clear goals for your location. This software allows Owner/Operators and managers to monitor how their restaurants are stacking up and to motivate crews at those locations. Nobody likes to be last, and visualizing what your store can do to achieve a higher rank will motivate crews to meet their goals! ArrayQlik BI: next-level reportingQTimer 2.0 comes with the powerful Qlik Business Intelligence Reporting system. The cloud-based system gives you a quick overview of Drive-Thru analytics, helping to optimize strategy and restaurant performance. Through the graphical analysis, you can visualize KPIs such as average service times, total time in lane, greet time, cars per day, and ‘ghost’ cars, allowing for aggregation over time or comparisons between restaurants. You can also go deeper and identify single vehicles that may have skewed Drive-Thru times. This supports restaurant managers in strategic decisions based on real data rather than assumptions. Affordable, but not at the expense of qualityEasy to install and run QTimer 2.0 supports a large array of vehicle detection sensors (ground loops, pucks, ultra sonic…) and integrates with 50+ POS solutions. This means we can certainly leverage what you already installed. Maintenance and Support are easy with remote access for a low total cost of ownership. Cost-efficient Finally, QTimer 2.0 is affordable. It’s on average 15% less expensive than competing solutions, without sacrificing any of the features and functions you expect for your Drive-Thru operation. Enhanced mobile app Our enhanced mobile app allows managers to adjust their restaurant’s target goals on the go. The app also includes Ranking, EnGage gamification, and at-a-glance KPIs to help understand how a restaurant is trending and how it compares to others in the network. Keep an eye on your drive
Acrelec Spain
SpainWelcomeSpainTrabajamos en colaboración con nuestros clientes para ofrecer la solución que más se adapta a sus necesidades de negocio. En Acrelec diseñamos soluciones para mejorar los procesos operacionales y la experiencia de sus clientes. A través de nuestra tecnología es posible conseguir un aumento de las ventas, reducir costes, optimizar el proceso de pedido, así como dar apoyo tecnológico a las necesidades y estrategias de los equipos de marketing, para potenciar la fidelización y satisfacción de sus clientes Ponemos a disposición de nuestros clientes soluciones que permiten ofrecer una experiencia personalizada. info-es@acrelec.comOur teamContact usArrayJavier AlbaGeneral DirectorArrayBeatriz Diaz Financial controllerArrayEduardo Dominguez Sales DirectorArrayMariano Terron Technical DirectorArrayJose Lopez Key Account ManagerArraySophia Sinan Account ManagerArrayIgnacio Bernal Account ManagerContact usLocalisationContact– Javier Alba / General DirectorSpain

Careers

Talent Needed

We are digital transformation experts who specialize in the integration of point of sale, mobile apps, online ordering and payment systems to add convenience, speed of service and purchasing ease to the customer journey. Come work with us! We are always looking for great talent to join our global teams.

General application

For spontaneous job application, please send your resume and cover letter by clicking below.

Apply here

Careers

Talent Needed

General application

Job Board

Assistant administratif Apprentissage (H/F)

MANAGER BUSINESS UNIT RESTAURATION (H/F)

MANAGER COMMERCIAL RETAIL (H/F)

Strategic Account Executive – for North America Dunkin’ Brands, Arby’s, and Burger King (RBI)

Strategic Account Executive – for North America McDonald’s and YUM! Brands

Ingénieur fabrication tôlerie (H/F)

Scrum Master

Senior .NET Developer @Super Timer Team

Senior .NET Developer @ATP Team

Senior QA Automation Engineer

Senior Frontend Developer

Technicien Support Help Desk (H/F)

Monteur câbleur (H/F)

Technicien qualité (H/F)

LinkedIn

Youtube

Instagram

Podcast

Spotify

Careers

Talent Needed

General application

Job Board

Assistant administratif Apprentissage (H/F)

MANAGER BUSINESS UNIT RESTAURATION (H/F)

MANAGER COMMERCIAL RETAIL (H/F)

Strategic Account Executive – for North America Dunkin’ Brands, Arby’s, and Burger King (RBI)

Strategic Account Executive – for North America McDonald’s and YUM! Brands

Ingénieur fabrication tôlerie (H/F)

Scrum Master

Senior .NET Developer @Super Timer Team

Senior .NET Developer @ATP Team

Senior QA Automation Engineer

Senior Frontend Developer

Technicien Support Help Desk (H/F)

Monteur câbleur (H/F)

Technicien qualité (H/F)

Privacy settings

With the slider, you can enable or disable different types of cookies:

This website will

This website won't

This website will

This website won't

This website will

This website won't

This website will

This website won't