templates/front/howItWorks.html.twig line 1

  1. {% extends 'front/base.html.twig' %}
  2. {% set title = 'Comment ça marche ? | BACK ipln' %}
  3. {% set metadescription = 'BACK ipln comment ça marche ? C\'est simple et gratuit : obtenez une estimation en ligne, envoyez votre produit, recevez votre montant !' %}
  4. {% set index = 'index' %}
  6. {% block stylesheets %}
  7.     {{ encore_entry_link_tags('how') }}
  8. {% endblock %}
  10. {% block javascripts %}
  11.     {{ encore_entry_script_tags('how') }}
  12. {% endblock %}
  13. {% block body %}
  14.     <header>
  15.         <div class="container">
  16.             <div class="row">
  17.                 <div class="w-100">
  18.                     <ul class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
  19.                         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  20.                             <a href="{{ path('index') }}" itemprop="item"><span itemprop="name">Accueil</span></a>
  21.                             <meta itemprop="position" content="1">
  22.                         </li>
  23.                         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  24.                             <span itemprop="name">Comment ça marche ?</span>
  25.                             <meta itemprop="position" content="2">
  26.                         </li>
  27.                     </ul>
  28.                 </div>
  29.             </div>
  30.             <div class="row">
  31.                 <div class="w-100">
  32.                     <h1 itemprop="name">Comment ça marche ?</h1>
  33.                     <p class="subtitle" itemprop="description">
  34.                         Découvrez les grandes étapes de BACK ipln : un moyen simple, rapide et écologique de reconditionner votre matériel !
  35.                     </p>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </header>
  40.     <section id="steps"  itemscope itemtype="https://schema.org/HowTo">
  41.         <meta content="Comment faire reprendre votre produit ?" itemprop="name">
  42.         <div class="container">
  43.             <div class="row">
  44.                 <div class="w-100">
  45.                     <div class="row v-center"  itemscope itemprop="step" itemtype="https://schema.org/HowToStep">
  46.                         <div class="w-33">
  47.                             <img src="{{ asset('build/img/illustration/first.png') }}" alt="" class="img-responsive" itemprop="image">
  48.                         </div>
  49.                         <div class="w-50">
  50.                             <h2 itemprop="name">Estimation de votre produit</h2>
  51.                             <p itemprop="text">Faites estimer votre appareil photo en ligne via le simulateur pour connaître le montant de sa reprise ! 📸</p>
  52.                         </div>
  53.                     </div>
  54.                     <div class="row v-center h-end" itemscope itemprop="step" itemtype="https://schema.org/HowToStep">
  55.                         <div class="w-50">
  56.                             <h2 itemprop="name">Envoi du produit chez IPLN</h2>
  57.                             <p itemprop="text">Envoyez votre appareil chez IPLN sans débourser un centime via une étiquette envoyée directement par email. On s’occupe de tout !📭 </p>
  58.                         </div>
  59.                         <div class="w-33">
  60.                             <img src="{{ asset('build/img/illustration/second.png') }}" alt="" class="img-responsive" itemprop="image">
  61.                         </div>
  62.                     </div>
  63.                     <div class="row v-center" itemscope itemprop="step" itemtype="https://schema.org/HowToStep">
  64.                         <div class="w-33">
  65.                             <img src="{{ asset('build/img/illustration/third.png') }}" alt="" class="img-responsive" itemprop="image">
  66.                         </div>
  67.                         <div class="w-50">
  68.                             <h2 itemprop="name">Réception du bon d’achat ou virement bancaire</h2>
  69.                             <p itemprop="text">Recevez la valeur de votre remise en bon d’achat sur ipln.fr ou par virement bancaire sous 48h à 72h ! 💰</p>
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.     </section>
  77.     {% include 'front/elements/reassurance.html.twig' %}
  79.     <section id="seo" itemscope itemtype="https://schema.org/ItemList">
  80.         <div class="container">
  81.             <div class="row">
  82.                 <div class="w-100">
  83.                     <h2 itemprop="name">A savoir !</h2>
  84.                     <ul class="list-style">
  85.                         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  86.                             <meta itemprop="position" content="1">
  87.                             <span itemprop="name">Il se peut que l’estimation donnée sur le simulateur diffère une fois que notre équipe aura inspecté le produit dans les locaux d’IPLN. Si les informations données sont mauvaises ou qu’une anomalie est détect��e, vous recevrez un e-mail vous indiquant le nouveau montant qu’IPLN vous propose pour le rachat de votre produit.</span>
  88.                         </li>
  89.                         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  90.                             <meta itemprop="position" content="2">
  91.                             <span itemprop="name">La valeur de reprise en bon d’achats à utiliser sur Ipln.fr est plus importante que la valeur de reprise en paiement cash.</span>
  92.                         </li>
  93.                         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  94.                             <meta itemprop="position" content="3">
  95.                             <span itemprop="name">L’envoi du produit se fera par Chronopost, vous aurez juste à imprimer l’étiquette prépayée jointe au mail de confirmation de reprise et de déposer votre appareil avec tous ses accessoires dans un point relais éligibile ou bureau de poste.</span>
  96.                         </li>
  97.                         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  98.                             <meta itemprop="position" content="4">
  99.                             <span itemprop="name">Pour toute question complémentaire ou inquiétude concernant le simulateur de reprise, nous vous invitons à nous contacter via le chatbot IPLN ou l’adresse mail suivante : <a href="mailto:back@ipln.fr">back@ipln.fr</a></span>
  100.                         </li>
  101.                     </ul>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.     </section>
  106. {% endblock %}