templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block revoSliderCss %}
  4.     <link rel="stylesheet" type="text/css" href="{{ asset ('include/rs-plugin/css/settings.css') }}" media="screen"/>
  5.     <link rel="stylesheet" type="text/css" href="{{ asset ('include/rs-plugin/css/layers.css') }}">
  6.     <link rel="stylesheet" type="text/css" href="{{ asset ('include/rs-plugin/css/navigation.css') }}">
  7. {% endblock %}
  9. {% block recaptcha %}
  10.     <script src='https://www.google.com/recaptcha/api.js'></script>
  11. {% endblock %}
  13. {% block content %}
  14.     <div class="stripe bg_th"></div>
  16.     <section id="slider" class="slider-element revslider-wrap clearfix">
  17.         <div class="slider-parallax-inner">
  18.             <div id="main_slider_wrapper" class="rev_slider_wrapper fullwidth-container" style="padding:0px;">
  19.                 <div id="main_slider" class="rev_slider fullwidthbanner" style="display:none;" data-version="5.1.4">
  20.                     <ul>
  21.                         <li class="slide-overlay" data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-delay="15000" data-saveperformance="off">
  23.                             <img src="{{ asset (asset_graphics ~ '/slider.webp') }}" data-bgposition="center top" class="rev-slidebg" data-no-retina>
  25.                             <div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder" data-x="middle" data-hoffset="0" data-y="top" data-voffset="185" data-fontsize="['70','70','70','40']" data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;" data-speed="800" data-start="1200" data-easing="easeOutQuad" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1" data-endspeed="1000" data-textalign="center" data-endeasing="Power4.easeIn" style="z-index: 3; color: #fff; white-space: nowrap;">EPOSM</div>
  27.                             <div class="tp-caption ltl tp-resizeme revo-slider-desc-text" data-x="middle" data-hoffset="0" data-y="top" data-voffset="295" data-fontsize="['40','40','40','10']" data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;" data-speed="800" data-lineheight="['50','50','50','20']" data-width="['750','750','550','360']" data-start="1400" data-easing="easeOutQuad" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1" data-endspeed="1000" data-textalign="center" data-endeasing="Power4.easeIn" style="z-index: 3; color: #fff; max-width: 650px; white-space: normal;">Il software per le società di manutenzione POS</div>
  28.                         </li>
  29.                     </ul>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </section>
  35.     {# LA NOSTRA MISSIONE#}
  36.     <section id="mission">
  37.         <div class="container p_tb_80p">
  38.             <div class="row">
  39.                 <div class="col-12">
  40.                     <h2 class="uppercase txt_a_c">La nostra <b class="color_pr">missione</b></h2>
  41.                     <p class="txt_a_j"><b class="color_pr">EPOSM</b> - Easy POS Manager - vuole rivoluzionare il settore della manutenzione dei sistemi POS attraverso la standardizzazione e l'ottimizzazione dei processi di gestione dei ticket di assistenza.</p>
  42.                     <p class="txt_a_j">EPOSM mira a migliorare l'efficienza operativa delle aziende, garantendo una gestione precisa del magazzino e una trasparenza totale nella comunicazione interna.</p>
  43.                     <p class="txt_a_j">Grazie alla sua flessibilità, EPOSM facilita il lavoro dei tecnici, permette una gestione accurata delle risorse e assicura che ogni intervento sia monitorato e remunerato correttamente, contribuendo così al successo e alla crescita delle società di manutenzione POS.</p>
  44.                 </div>
  45.             </div>
  46.         </div>
  47.     </section>
  49.     {#
  50.     <section id="number">
  51.         <div class="section bg_am scroll-detect m-0 border-top-0 py-5 scroll-detect-inview scroll-detect-inview-start" style="--cnvs-scroll-height: 393; --cnvs-scroll-percent: 32.65390715109574; --cnvs-scroll-ratio: 0.7203800890585241; --cnvs-scroll-start: 0.7203800890585241; --cnvs-scroll-end: 0;">
  52.             <div class="container-fluid text-center">
  53.                 <div class="row justify-content-center col-mb-30">
  54.                     <div class="col-sm-6 col-md-4 col-lg-1-5 bounceIn animated" data-animate="bounceIn">
  55.                         <div class="counter counter-large">
  56.                             <span data-from="100" data-to="345" data-refresh-interval="20" data-speed="2000">345</span>
  57.                         </div>
  58.                         <h5>Ticket chiusi</h5>
  59.                     </div>
  60.                     <div class="col-sm-6 col-md-4 col-lg-1-5 bounceIn animated" data-animate="bounceIn" data-delay="200">
  61.                         <div class="counter counter-large">
  62.                             <span data-from="10" data-to="116" data-refresh-interval="10" data-speed="2000">116</span>
  63.                         </div>
  64.                         <h5>Fornitori</h5>
  65.                     </div>
  66.                     <div class="col-sm-6 col-md-4 col-lg-1-5 bounceIn animated" data-animate="bounceIn" data-delay="400">
  67.                         <div class="counter counter-large">
  68.                             <span data-from="2" data-to="178" data-refresh-interval="13" data-speed="3000">178</span>
  69.                         </div>
  70.                         <h5>Clienti</h5>
  71.                     </div>
  72.                     <div class="col-sm-6 col-md-4 col-lg-1-5 bounceIn animated" data-animate="bounceIn" data-delay="600">
  73.                         <div class="counter counter-large">
  74.                             <span data-from="50" data-to="1523" data-refresh-interval="25" data-speed="2500">1523</span>
  75.                         </div>
  76.                         <h5>Partner</h5>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </section>
  82.     #}
  84.     {# IL SOFTWARE #}
  85.     <section id="software" class="bg_am">
  86.         <div class="container p_tb_80p">
  87.             <h2 class="txt_a_c"><b class="color_pr">Necessità</b> e <b class="color_pr">obbiettivi</b></h2>
  88.             <p><b class="color_pr">EPOSM</b>è stato creato per affrontare le sfide delle <b class="color_pr">società di manutenzione dei sistemi POS</b>, in particolare la gestione dei <b class="color_pr">ticket di assistenza</b> e le operazioni quotidiane.</p>
  90.             <p>Le aziende del settore si trovano spesso a dover gestire richieste di assistenza frammentate da diversi fornitori, rendendo difficile mantenere un flusso di lavoro uniforme e efficiente.<br>
  91.             Il software risponde a questa necessità offrendo una soluzione integrata che ottimizza ogni fase del processo di assistenza.</p>
  93.             <p><b class="color_pr">EPOSM</b> migliora l'efficienza operativa attraverso la <b class="color_pr">standardizzazione</b> della gestione dei ticket, la <b class="color_pr">movimentazione precisa</b> dei prodotti e strumenti avanzati per il <b class="color_pr">tracciamento</b>e il calcolo della <b class="color_pr">retribuzione dei tecnici</b>. Inoltre, facilita una pianificazione più accurata degli interventi sul campo grazie alla gestione dettagliata delle <b class="color_pr">risorse</b> e della <b class="color_pr">copertura territoriale</b>.</p>
  95.             <p>La presenza di <b class="color_pr">allarmi</b> e <b class="color_pr">notifiche</b> è fondamentale per prevenire la perdita di prodotti e garantire risposte tempestive ai problemi operativi.<br>
  96.             Grazie all'alto grado di <b class="color_pr">flessibilità</b> e <b class="color_pr">personalizzazione</b>, <b class="color_pr">EPOSM</b> si adatta alle specifiche esigenze di ciascuna azienda, migliorando la gestione delle operazioni e assicurando un servizio di alta qualità.</p>
  97.             
  98.             <p>Pensato per le aziende specializzate nella manutenzione dei sistemi POS, <b class="color_pr">EPOSM</b> si rivolge a tutti i ruoli coinvolti, dagli amministrativi ai tecnici, offrendo uno strumento utile per gestire e monitorare le richieste di assistenza e le risorse, semplificando i processi e migliorando l'efficienza.</p>
  99.         </div>
  100.     </section>
  102. {# CARATTERISTICHE #}
  103. <section id="features">
  104.     <div class="container p_tb_80p">
  105.         <h2 class="txt_a_c"><b class="color_pr">Punti</b> di <b class="color_pr">forza</b></h2>
  106.         <div class="row align-items-center g-5 mb-0">
  107.             <div class="col-lg-4 col-sm-6">
  108.             <div class="feature-box fbox-dark fbox-effect flex-lg-row-reverse text-lg-end fadeIn animated" data-animate="fadeIn">
  109.                 <div class="fbox-content">
  110.                     <h3>Standardizzazione e Centralizzazione</h3>
  111.                     <p>Centralizza e uniforma i ticket di assistenza provenienti da vari fornitori e fonti.</p>
  112.                 </div>
  113.             </div>
  114.             <div class="feature-box fbox-dark fbox-effect flex-lg-row-reverse text-lg-end mt-6 fadeIn animated" data-animate="fadeIn" data-delay="200">
  115.                 <div class="fbox-content">
  116.                     <h3>Gestione Efficiente del Magazzino</h3>
  117.                     <p>Traccia la movimentazione di prodotti e previene perdite grazie a un log dettagliato di tutte le transazioni.</p>
  118.                 </div>
  119.             </div>
  120.             <div class="feature-box fbox-dark fbox-effect flex-lg-row-reverse text-lg-end mt-6 fadeIn animated" data-animate="fadeIn" data-delay="400">
  121.                 <div class="fbox-content">
  122.                     <h3>Monitoraggio e Retribuzione dei Tecnici:</h3>
  123.                     <p>Registra gli interventi dei tecnici e calcola la loro retribuzione con precisione.</p>
  124.                 </div>
  125.             </div>
  126.         </div>
  127.         <div class="col-lg-4 d-none d-lg-block text-center">
  128.             <img src="{{ asset (asset_graphics ~ '/strength.webp')}}" alt="Workout">
  129.         </div>
  130.         <div class="col-lg-4 col-sm-6">
  131.             <div class="feature-box fbox-dark fbox-effect fadeIn animated" data-animate="fadeIn">
  132.                 <div class="fbox-content">
  133.                     <h3>Gestione Geografica degli Interventi</h3>
  134.                     <p>Identifica la copertura territoriale fino al raggio di un CAP, ottimizzando la pianificazione e gestione delle risorse.</p>
  135.                 </div>
  136.             </div>
  137.             <div class="feature-box fbox-dark fbox-effect mt-6 fadeIn animated" data-animate="fadeIn" data-delay="200">
  138.                 <div class="fbox-content">
  139.                     <h3>Flessibilità nella Configurazione</h3>
  140.                     <p>Permette di personalizzare le tariffe per fornitori, tipi di intervento e tecnici, adattandosi alle esigenze specifiche.</p>
  141.                 </div>
  142.             </div>
  143.             <div class="feature-box fbox-dark fbox-effect mt-6 fadeIn animated" data-animate="fadeIn" data-delay="400">
  144.                 <div class="fbox-content">
  145.                     <h3>Accesso e Mobilità</h3>
  146.                     <p>Essendo basato su cloud e supportato da un’app mobile, offre accesso remoto e gestione flessibile delle attività.</p>
  147.                 </div>
  148.             </div>
  149.         </div>
  150.     </div>
  151. </section>
  153. {# PROVIDER #}
  154. <section id="providers" class="bg_am">
  155.     <div class="container p_tb_80p">
  156.         <h2 class="txt_a_c">I <b class="color_pr">Provider</b> gestibili con <b class="color_pr">EPOSM</b></h2>
  157.         <div class="row">
  158.             <p>Attualmente la piattaforma supporta diversi provider di pagamento, le società possono gestire i ticket di assistenza e ottimizzare i flussi di lavoro. Stiamo costantemente lavorando per espandere l'elenco dei provider supportati, integrando nuove soluzioni per rispondere alle esigenze in continua evoluzione dei nostri clienti. Qui sotto è disponibile l'elenco dei provider attualmente integrabili:</p>
  159.             <div class="col-12 col-md-6 txt_a_c">
  160.                 <h4>NEXI Payments - Book Monetica</h4>
  161.                 <h4>NEXI Payments - Book MEPS</h4>
  162.                 <h4>NEXI Payments - Book SIA</h4>
  163.                 <h4>BCC POS</h4>
  164.             </div>
  165.             <div class="col-12 col-md-6 txt_a_c">
  166.                 <h4>FABRICK</h4>
  167.                 <h4>CSC ITALIA</h4>
  168.                 <h4>LIS HOLDING</h4>
  169.                 <h4>WORLDLINE ITALIA</h4>
  170.             </div>
  171.         </div>
  172.     </div>
  173. </section>
  175. {# CONTATTI #}
  176. <section id="contact">
  177.     <div class="container p_tb_80p">
  178.         <div class="row justify-content-between align-items-center g-5">
  179.             <div class="col-md-5">
  180.                 <div class="position-relative">
  181.                     <h2 class="txt_a_c">Vuoi <b class="color_pr">provare</b> il software?</h2>
  182.                 </div>
  183.                 <p>Richiedi una demo personalizzata del nostro prodotto, progettata specificamente per rispondere alle esigenze uniche della tua azienda, oppure contattaci per ogni tuo dubbio o se hai bisogno maggiori informazioni.</p>
  184.                 
  185.                 <div class="feature-box align-items-center mb-4">
  186.                     <div class="fbox-icon">
  187.                         <i class="bg-white text-dark icon-email"></i>
  188.                     </div>
  189.                     <div class="fbox-content font-primary">
  190.                         <a href="mailto:info@eposmanager.software">
  191.                             <u>info@eposmanager.software</u>
  192.                         </a>
  193.                     </div>
  194.                 </div>
  195.                 <div class="feature-box align-items-center mb-4">
  196.                     <div class="fbox-icon">
  197.                         <i class="bg-white text-dark icon-phone3"></i>
  198.                     </div>
  199.                     <div class="fbox-content font-primary">
  200.                         <a href="tel:+0290260585" target="_blank">
  201.                             <u>(+39) 02 902 60 585</u>
  202.                         </a>
  203.                     </div>
  204.                 </div>
  205.                 <div class="feature-box align-items-center mb-4">
  206.                     <div class="fbox-icon">
  207.                         <i class="bg-white text-dark icon-map-marker1"></i>
  208.                     </div>
  209.                     <div class="fbox-content font-primary">
  210.                         <a href="https://maps.app.goo.gl/8ZXXSJpkxutWTVuF6" target="_blank">
  211.                             <u>Via Trieste, 61 - Vittuone (MI) 20009</u>
  212.                         </a>
  213.                     </div>
  214.                 </div>
  215.             </div>
  216.             <div class="col-lg-6 col-md-7">
  217.                 <div class=" bg-white p_30p rounded-2">
  218.                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2797.13977254193!2d8.957116476704003!3d45.48713003190798!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4786ec32c759d0af%3A0xb23d07e84358abc6!2sVia%20Trieste%2C%2061%2C%2020009%20Vittuone%20MI!5e0!3m2!1sit!2sit!4v1721631759450!5m2!1sit!2sit" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  219.                 </div>
  220.             </div>
  221.         </div>
  222.     </div>
  223. </section>
  224. {% endblock %}
  226. {% block footer %}
  227. <footer id="footer" class="dark notopborder bg_pr m_none">
  228.     <div class="container">
  229.         <div class="row">
  230.             <div class="col-12 txt_a_c p_tb_5p">
  231.                 <span><a href="https://www.rpgmultimedia.it" target="_blank" class="color_w">Software realizzato da R.P.G.</a></span>
  232.             </div>
  233.         </div>
  234.     </div>
  235. </footer>
  236. {% endblock %}
  238. {% block javascripts %}
  239. {{ parent() }}
  240.     <script src="{{ asset ('include/rs-plugin/js/jquery.themepunch.tools.min.js') }}"></script>
  241.     <script src="{{ asset ('include/rs-plugin/js/jquery.themepunch.revolution.min.js') }}"></script>
  242.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.video.min.js') }}"></script>
  243.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.slideanims.min.js') }}"></script>
  244.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.actions.min.js') }}"></script>
  245.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js') }}"></script>
  246.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.kenburn.min.js') }}"></script>
  247.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.navigation.min.js') }}"></script>
  248.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.migration.min.js') }}"></script>
  249.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.parallax.min.js') }}"></script>
  250.     <script>
  251.         $(document).ready(function () {
  252.         var apiRevoSlider = $('#main_slider').show().revolution({
  253.             sliderType: "standard",
  254.             sliderLayout: "fullwidth",
  255.             delay: 9000,
  256.             navigation: {
  257.                 arrows: {
  258.                     enable: false
  259.                 }
  260.             },
  261.             responsiveLevels: [1240, 1024, 778, 480],
  262.             visibilityLevels: [1240, 1024, 778, 480],
  263.             gridwidth: [1240, 1024, 778, 480],
  264.             gridheight: [600, 768, 960, 720]
  265.         });
  267.         apiRevoSlider.bind("revolution.slide.onloaded", function (e) {
  268.             setTimeout(function () {
  269.                 SEMICOLON.slider.sliderDimensions();
  270.                 sliderHeight = jQuery('#slider').outerHeight();
  271.             }, 200);
  272.         });
  274.         apiRevoSlider.bind("revolution.slide.onchange", function (e, data) {
  275.             SEMICOLON.slider.revolutionSliderMenu();
  276.         });
  278.     });
  279.     </script>
  280. {% endblock %}