templates/FrontOffice/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block title %} Home {% endblock %}
  5. {% block body %}
  6. <div class="noselect">
  7.   <section id="hero" class="hero">
  9.       <img src="{{ asset('plugins/FrontOffice/img/hero-bg-2.jpg') }}" alt="" data-aos="fade-in">
  11.       <div class="container">
  12.         <div class="row">
  13.           <div class="col-lg-10">
  14.             <h2 data-aos="fade-up" data-aos-delay="100">TRANSFORMEZ VOTRE BOUTIQUE EN PLATEFORME DE SERVICES DIGITAUX / GUICHET NUMERIQUE / BOUTIQUE 2.0</h2>
  15.             <p data-aos="fade-up" data-aos-delay="200">En un claquement de doigts</p>
  16.           </div>
  17.           <div class="col-lg-5">
  18.             <form action="#" class="sign-up-form d-flex" data-aos="fade-up" data-aos-delay="300">
  19.               <input type="text" class="form-control" placeholder="Enter email address">
  20.               <input type="submit" class="btn btn-primary" value="Prendre RDV">
  21.             </form>
  22.           </div>
  23.         </div>
  24.       </div>
  26.   </section>
  28.   <!-- Features Section - Home Page -->
  29.   <section id="features" class="features">
  31.     <!--  Section Title -->
  32.     <div class="container section-title" data-aos="fade-up">
  33.       <h2>Services</h2>
  34.       <p>Gênerez plus de revenus dans votre point de vente & développez vous</p>
  35.     </div><!-- End Section Title -->
  37.     <div class="container">
  38.       <div class="row gy-4 align-items-stretch justify-content-between features-item ">
  39.         <div class="col-lg-6" data-aos="zoom-out">
  40.           <div class="swiper SwiperFeatures">
  41.             <div class="swiper-wrapper">
  42.               <div class="swiper-slide">
  43.                 <img src="{{ asset('plugins/FrontOffice/img/service/CarteGrise.JPG') }}" class="img-fluid" alt="">
  44.               </div>
  45.               <div class="swiper-slide">
  46.                 <img src="{{ asset('plugins/FrontOffice/img/service/BilletBus.JPG') }}" class="img-fluid" alt="">
  47.               </div>
  48.               <div class="swiper-slide">
  49.                 <img src="{{ asset('plugins/FrontOffice/img/features-light-3.jpg') }}" class="img-fluid" alt="">
  50.               </div>
  51.             </div>
  52.           </div>
  53.         </div>
  54.         <div class="col-lg-5 d-flex justify-content-center flex-column" data-aos="fade-up">
  55.           <h3>
  56.             <span>Une seule solution</span>
  57.             <div class="trait"></div>
  58.             <span>UNE MULTITUDE DE SERVICES</span>
  59.           </h3>
  60.           <ul>
  61.             <li><i class="bi bi-check"></i> <span>Carte grise</span></li>
  62.             <li><i class="bi bi-check"></i><span>Billet de Bus</span></li>
  63.             <li><i class="bi bi-check"></i> <span>Recharges Mobile</span></li>
  64.             <li><i class="bi bi-check"></i> <span>Transfert d’Argent</span></li>
  65.             <li><i class="bi bi-check"></i> <span>Transfert de crédit</span></li>
  66.             <li><i class="bi bi-check"></i> <span>Accessoires mobiles</span>.</li>
  67.           </ul>
  68.           <a href="#" class="btn btn-get-started align-self-start">En savoir plus</a>
  69.         </div>
  70.       </div>
  72.       <div class="row gy-4 align-items-center features-item">
  73.         <div class="col-lg-5 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
  74.           <h3>OFFREZ UNE NOUVELLE EXPERIENCE A VOS CLIENTS</h3>
  75.           <p>
  76.             Fidélisez votre clientèle en leur offrant 
  77.             les services de proximité dont ils ont besoin 
  78.             au quotidien pour eux et pour leur famille !
  79.           </p>
  80.           <a href="#" class="btn btn-get-started">En savoir plus</a>
  81.           <a href="#" class="btn btn-rdv">PRENEZ RDV AVEC UN COMMERCIAL</a>
  83.         </div>
  84.         <div class="col-lg-7 order-1 order-lg-2 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="100">
  85.           <div class="image-stack">
  86.             <img src="{{ asset('plugins/FrontOffice/img/features-light-1.jpg') }}" alt="" class="stack-front">
  87.             <img src="{{ asset('plugins/FrontOffice/img/features-light-2.jpg') }}" alt="" class="stack-back">
  88.           </div>
  89.         </div>
  90.       </div><!-- Features Item -->
  92.       <!-- Features Item -->
  94.     </div>
  96.   </section><!-- End Features Section -->
  98.   <section id="decouvert" class="decouvert">
  99.     <!--  Section Title -->
  100.     <div class="container section-title" data-aos="fade-up">
  101.       <h2>Découvrir la solution</h2>
  102.       <p>Découvrez les avantages de travailler avec notre solution</p>
  103.     </div><!-- End Section Title -->
  105.     <div class="container">
  107.       <div class="row gy-4">
  108.         <div class="decouvert-card" data-aos="fade-up" data-aos-delay="100">
  109.           <article>
  110.             <div class="solution">
  111.               <p>1ère solution tout intégrée du marché</p>
  112.             </div>
  113.             <div class="avantage">
  114.               <p>Tous nos services sont directement disponibles sur notre plateforme.</p>
  115.             </div>
  116.           </article>
  117.         </div>
  119.         <div class="decouvert-card" data-aos="fade-up" data-aos-delay="200">
  120.           <article>
  121.             <div class="solution">
  122.               <p>Des services innovants et demandés par vos clients</p>
  123.             </div>
  124.             <div class="avantage">
  125.               <p>Nous intégrons les services les
  126.                 plus demandés par vos clients
  127.                 et restons attentifs aux
  128.                 évolution des besoins</p>
  129.             </div>
  130.           </article>
  131.         </div>
  133.         <div class="decouvert-card" data-aos="fade-up" data-aos-delay="300">
  134.           <article>
  135.             <div class="solution">
  136.               <p>Du complément de
  137.                 revenus à votre activité
  138.                 principale</p>
  139.             </div>
  140.             <div class="avantage">
  141.               <p>Notre solution vous permettra
  142.                 de générer plus de revenus et
  143.                 parfois même de transformer
  144.                 votre business en devant votre
  145.                 source de revenus principale</p>
  146.             </div>
  147.           </article>
  148.         </div>
  150.         <div class="decouvert-card" data-aos="fade-up" data-aos-delay="400">
  151.           <article>
  152.             <div class="solution">
  153.               <p>Un service client et un
  154.                 service commercial à
  155.                 votre disposition 6j/7
  156.                 </p>
  157.             </div>
  158.             <div class="avantage">
  159.               <p>Deux services dédiés à votre
  160.                 confort et à votre réussite !
  161.                 Nous nous efforçons de
  162.                 construire une relation
  163.                 durable avec tous nos clients</p>
  164.             </div>
  165.           </article>
  166.         </div>
  168.         <div class="decouvert-card" data-aos="fade-up" data-aos-delay="500">
  169.           <article>
  170.             <div class="solution">
  171.               <p>Une solution
  172.                 100% gratuite
  173.                 </p>
  174.             </div>
  175.             <div class="avantage">
  176.               <p>La création de compte et
  177.                 l’accès à notre solution est
  178.                 100% gratuit ! N’hésitez pas à
  179.                 l’essayer.</p>
  180.             </div>
  181.           </article>
  182.         </div>
  184.       </div>
  186.     </div>
  187.   </section>
  189.   <!-- Call-to-action Section - Home Page -->
  190.   <section id="call-to-action" class="call-to-action">
  192.   <img src="{{ asset('plugins/FrontOffice/img/cta-bg.jpg') }}" alt="">
  194.   <div class="container">
  195.     <div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100">
  196.       <div class="col-xl-10">
  197.         <div class="text-center">
  198.           <h3>Déjà + de 1 000 points de vente partenaires</h3>
  199.           <p>Près à rejoindre notre réseau et à développer votre boutique?</p>
  200.           <a class="cta-btn" href="#">DEMONSTRATION GRATUITE</a>
  201.         </div>
  202.       </div>
  203.     </div>
  204.   </div>
  206.   </section><!-- End Call-to-action Section -->
  208.   {% endblock %}
  210.   {% block footer %}
  211.     <!-- ======= Footer ======= -->
  212.     <footer id="footer" class="footer">
  214.     <div class="container footer-top">
  215.       <div class="row gy-4">
  216.         <div class="col-lg-5 col-md-12 footer-about">
  217.           <a href="" class="logo d-flex align-items-center">
  218.             {# <span>Append</span> #}
  219.             <img src="{{ asset('plugins/FrontOffice/img/logo_smarty.png') }}" alt="">
  220.           </a>
  221.           {# <p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p> #}
  222.           <div class="social-links d-flex mt-4">
  223.             <a href=""><i class="bi bi-twitter"></i></a>
  224.             <a href=""><i class="bi bi-facebook"></i></a>
  225.             <a href=""><i class="bi bi-instagram"></i></a>
  226.             <a href=""><i class="bi bi-linkedin"></i></a>
  227.           </div>
  228.         </div>
  230.         <div class="col-lg-2 col-6 footer-links">
  231.           <h4>Smarty Store</h4>
  232.           <ul>
  233.             <li><a href="#">Accueil</a></li>
  234.             <li><a href="#">Qui sommes-nous ?</a></li>
  235.             <li><a href="#">Découvrir la solution</a></li>
  236.             <li><a href="#">Contater</a></li>
  237.             {# <li><a href="#">Privacy policy</a></li> #}
  238.           </ul>
  239.         </div>
  241.         {# <div class="col-lg-2 col-6 footer-links">
  242.           <h4>Our Services</h4>
  243.           <ul>
  244.             <li><a href="#">Web Design</a></li>
  245.             <li><a href="#">Web Development</a></li>
  246.             <li><a href="#">Product Management</a></li>
  247.             <li><a href="#">Marketing</a></li>
  248.             <li><a href="#">Graphic Design</a></li>
  249.           </ul>
  250.         </div> #}
  252.         <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
  253.           <h4>Contact</h4>
  254.           <p>131 bd Pereire</p>
  255.           <p>75017 Paris</p>
  256.           {# <p>United States</p> #}
  257.           <p class="mt-4"><strong>Phone:</strong> <span>0189817060</span></p>
  258.           <p><strong>Email:</strong> <span>adv@smartystore.fr</span></p>
  259.         </div>
  261.       </div>
  262.     </div>
  264.     <div class="container copyright text-center mt-4">
  265.       <p>&copy; <span>Copyright</span> <strong class="px-1">Smarty Store</strong> {{ 'now' | date('Y') }} </p>
  266.       <div class="credits">
  267.         <!-- All the links in the footer should remain intact. -->
  268.         <!-- You can delete the links only if you've purchased the pro version. -->
  269.         <!-- Licensing information: https://bootstrapmade.com/license/ -->
  270.         <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
  271.         {# Designed by <a href="https://bootstrapmade.com/">FD</a> #}
  272.       </div>
  273.     </div>
  275.     </footer><!-- End Footer -->
  276. </div>
  277. {% endblock %}
  279. {% block javascripts %}
  280.   {{ parent() }}
  281.   <script src="{{ asset('plugins/FrontOffice/js/js.js') }}"></script>
  282. {% endblock %}