templates/front/home.html.twig line 1

  1. {% extends 'front/base.html.twig' %}
  2. {% set title = 'Faites reprendre votre matériel photo & vidéo | BACK ipln' %}
  3. {% set metadescription = 'Revendez votre matériel photo & vidéo sur BACK ipln et recevez le montant en virement ou bon d\'achat !' %}
  4. {% set index = 'index' %}
  5. {% block stylesheets %}
  6.     {{ encore_entry_link_tags('home') }}
  7. {% endblock %}
  9. {% block javascripts %}
  10.     {{ encore_entry_script_tags('home') }}
  11. {% endblock %}
  12. {% block body %}
  13.     <header id="homepage">
  14.         <div class="container">
  15.             <div class="row v-center">
  16.                 <div class="w-70 pe-3">
  17.                     <h1 itemprop="name"><span>Revendez votre</span>matériel photo & vidéo</h1>
  18.                     <div class="subtitle" itemprop="description">
  19.                         Gratuit, rapide, & sans engagement ! Estimez, envoyez et recevez le montant en virement bancaire ou en bon d’achat sur ipln.fr 💰
  20.                     </div>
  21.                     <div itemscope itemtype="https://schema.org/Action">
  22.                         <meta itemprop="name" content="Faire une reprise">
  23.                         <meta itemprop="description" content="Gratuit, rapide, & sans engagement ! Estimez, envoyez et recevez le montant en virement bancaire ou en bon d’achat sur ipln.fr 💰">
  24.                         <a href="{{ path('tradeIn.start') }}" itemprop="url" class="btn btn-primary">Faire une reprise</a>
  25.                     </div>
  26.                 </div>
  27.                 <div class="w-30 header-illustration">
  28.                     <picture>
  29.                         <source srcset="{{ asset('build/img/illustration/header-illustration_mobile.jpg') }}" media="(max-width:770px)">
  30.                         <img src="{{ asset('build/img/illustration/header-illustration.jpg') }}" alt="Illustration simulateur de reprise" class="img-responsive scrollblur">
  31.                     </picture>
  32.                     <img class="illustration illustration_form" src="{{ asset('build/img/illustration/home/illustration_home_1.jpg') }}" alt="Illustration simulateur de reprise">
  33.                     <img class="illustration_round illustration_money" src="{{ asset('build/img/illustration/home/illustration_home_2.jpg') }}" alt="Illustration simulateur de reprise">
  34.                     <img class="illustration illustration_estimated" src="{{ asset('build/img/illustration/home/illustration_home_3.jpg') }}" alt="Illustration simulateur de reprise">
  35.                     <img class="illustration_round illustration_ticket" src="{{ asset('build/img/illustration/home/illustration_home_4.jpg') }}" alt="Illustration simulateur de reprise">
  36.                     <img class="illustration illustration_transport" src="{{ asset('build/img/illustration/home/illustration_home_5.jpg') }}" alt="Illustration simulateur de reprise">
  37.                     <img class="illustration_round illustration_ipln" src="{{ asset('build/img/illustration/home/illustration_home_6.jpg') }}" alt="Illustration simulateur de reprise">
  38.                     <img class="illustration illustration_hand" src="{{ asset('build/img/illustration/home/illustration_home_7.jpg') }}" alt="Illustration simulateur de reprise">
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </header>
  44.     {{ render(controller(
  45.         'App\\Controller\\HomeController::displayPromoSlider'
  46.     )) }}
  47.     <section id="testimonials">
  48.         <div class="container">
  49.             <img class="quote-top" src="{{ asset('build/img/illustration/home/quotation.svg') }}" alt="">
  50.             <img class="quote-bottom" src="{{ asset('build/img/illustration/home/quotation.svg') }}" alt="">
  51.             <h2>Qu'en pensent nos clients ?</h2>
  52.             <iframe width="100%" height="221" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.societe-des-avis-garantis.fr/wp-content/plugins/ag-core/widgets/iframe/2/h/?id=3295"> </iframe>
  53.         </div>
  54.     </section>
  55.     {% include 'front/elements/reassurance.html.twig' %}
  56.     <section id="trade-in" itemscope itemtype="https://schema.org/HowTo">
  57.         <div class="container">
  58.             <h2 itemprop="name">Une reprise rapide en 3 étapes !</h2>
  59.             <div class="row v-center">
  60.                 <div class="w-50">
  61.                     <ul>
  62.                         <li class="row" itemscope itemprop="step" itemtype="https://schema.org/HowToStep">
  63.                             <div class="w-20">
  64.                                 <div class="badge">
  65.                                     <img src="{{ asset('build/img/categories/camera.svg') }}" alt="" itemprop="image">
  66.                                 </div>
  67.                             </div>
  68.                             <div class="w-80">
  69.                                 <p itemprop="name">1. Estimez votre materiel</p>
  70.                                 <span itemprop="text">Faites estimer votre appareil photo en ligne via le simulateur pour connaître le montant de sa reprise ! 📸</span>
  71.                             </div>
  72.                         </li>
  73.                         <li class="row" itemscope itemprop="step" itemtype="https://schema.org/HowToStep">
  74.                             <div class="w-20">
  75.                                 <div class="badge">
  76.                                     <img src="{{ asset('build/img/illustration/reassurance/box.svg') }}" alt="" itemprop="image">
  77.                                 </div>
  78.                             </div>
  79.                             <div class="w-80">
  80.                                 <p itemprop="name">2. Envoi du produit chez IPLN</p>
  81.                                 <span 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 !📭</span>
  82.                             </div>
  83.                         </li>
  84.                         <li class="row" itemscope itemprop="step" itemtype="https://schema.org/HowToStep">
  85.                             <div class="w-20">
  86.                                 <div class="badge">
  87.                                     <img src="{{ asset('build/img/illustration/reassurance/money.svg') }}" alt="" itemprop="image">
  88.                                 </div>
  89.                             </div>
  90.                             <div class="w-80">
  91.                                 <p itemprop="name">3. Réception du bon d’achat ou virement bancaire*</p>
  92.                                 <span itemprop="text">Recevez la valeur de votre remise en bon d’achat sur ipln.fr ou par virement bancaire sous 48h à 72h ! 💰<small>*montant de reprise plus avantageux en bon d’achats qu’en paiement cash.</small></span>
  93.                             </div>
  94.                         </li>
  95.                     </ul>
  96.                 </div>
  97.                 <div class="w-50">
  98.                     <img src="{{ asset('build/img/illustration/steps-illustration.svg') }}" alt="Illustration des étapes du simulateur de reprise IPLN" class="img-responsive" itemprop="image">
  99.                 </div>
  100.             </div>
  101.         </div>
  102.     </section>
  103.     <section id="start">
  104.         <div class="container">
  105.             <div class="text-center">
  106.                 <h2>Revendez votre matériel photo</h2>
  107.                 <p>Gratuit, rapide, & sans engagement ! Estimez sur BACK ipln, envoyez et recevez le montant en virement bancaire ou en bon d’achat sur le site ipln.fr 💰</p>
  108.             </div>
  109.         </div>
  110.     </section>
  111.     <section id="faq" itemscope itemtype="https://schema.org/FAQPage">
  112.         <div class="container">
  113.             <h2>A savoir</h2>
  114.             <div class="accordion">
  115.                 <div class="item active" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  116.                     <h3 itemprop="name">Que faire si je ne suis pas sûr de l’état de mon matériel ?</h3>
  117.                     <span itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  118.                     <div itemprop="text">
  119.                         Nous avons établi 3 statuts pour votre produit afin de décrire son état général :
  120.                         <ul class="list-style">
  121.                             <li>Excellent</li>
  122.                             <li>Normal</li>
  123.                             <li>Usagé</li>
  124.                         </ul>
  125.                         Vous affinerez ensuite l’état de votre produit à travers le nombre de déclenchements et les photos.
  126.                     </div>
  127.                 </span>
  128.                 </div>
  129.                 <div class="item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  130.                     <h3 itemprop="name">Rachetez vous du matériel qui ne fonctionne pas ou fonctionne mal ?</h3>
  131.                     <span itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  132.                     <div itemprop="text">
  133.                         Nous ne reprenons uniquement du matériel en parfait état de fonctionnement, à savoir:
  134.                         <ul class="list-style">
  135.                             <li>L’appareil s’allume, tous les boutons fonctionnement et les fonctionnalitées sont parfaitement exploitable.</li>
  136.                             <li>Le capteur n’est pas endommagé</li>
  137.                             <li>Toutes les connectiques ( batteries, câbles et fente de la carte mémoire) sont intactes</li>
  138.                             <li>L’appareil ne présente aucune trace d’humidité ou de corrosion</li>
  139.                             <li>L’écran ne montre aucune erreur d’affichage et (si présent) le tactile fonctionne parfaitement</li>
  140.                         </ul>
  141.                         Nous nous réservons le droit de refuser une reprise si celle-ci ne permet pas un état de fonctionnement complet du matériel
  142.                     </div>
  143.                 </span>
  144.                 </div>
  145.                 <div class="item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  146.                     <h3 itemprop="name">Je ne trouve pas mon produit dans le bloc de recherche / Mon produit est « non repris »</h3>
  147.                     <span itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  148.                     <div itemprop="text">
  149.                         Si votre produit est dans notre base de données mais que celui ci est considéré comme « non repris », nous ne pourrons malheureusement pas le reprendre et donc vous ne pourrez pas effectuer votre simulation.
  150.                         Si vous ne trouvez pas votre produit dans notre base, merci de nous adresser un e-mail à l’adresse <b>back@ipln.fr</b>, notre équipe vous répondra dans les plus brefs délais.
  151.                     </div>
  152.                 </span>
  153.                 </div>
  154.                 <div class="item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  155.                     <h3 itemprop="name">Comment se passe une transaction de revente ?</h3>
  156.                     <span itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  157.                     <div itemprop="text">
  158.                         Le processus de transaction de vente est très simple. Vous sélectionnez puis décrivez votre matériel de la manière la plus précise possible. Une fois cette simulation réalisée, vous recevez une proposition de rachat ferme (payée par virement) et une proposition de bon d’achat à utiliser sur notre site sans limite de temps. Un bon d’envoi vous est envoyé pour nous retourner le matériel. Une fois le produit reçu dans nos ateliers, celui-ci est contrôlé et vérifié. Si l’état est conforme a la description, vous recevrez le paiement sous 48h !
  159.                     </div>
  160.                 </span>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.     </section>
  165.     <section id="cta" itemscope itemtype="https://schema.org/Action">
  166.         <div class="container">
  167.             <div class="row">
  168.                 <div class="card">
  169.                     <div class="wrapper row">
  170.                         <div class="w-50 row v-center">
  171.                             <h2 itemprop="name">Démarrez votre reprise</h2>
  172.                             <p itemprop="description">Faites dès maintenant une estimation en ligne pour connaître la valeur de vos produits ! 📸</p>
  173.                             <a href="{{ path('tradeIn.start') }}" class="btn btn-primary" itemprop="url">Faire une reprise</a>
  174.                         </div>
  175.                         <div class="w-50 row h-end">
  176.                             <div class="illustration">
  177.                                 <img class="cta_image" src="{{ asset('build/img/illustration/cta/cta.jpg') }}" alt="" itemprop="image">
  178.                                 <img class="cta_illustration cta_illustration_lense" src="{{ asset('build/img/illustration/cta/cta_icon_1.svg') }}" alt="">
  179.                                 <img class="cta_illustration cta_illustration_tripod" src="{{ asset('build/img/illustration/cta/cta_icon_2.svg') }}" alt="">
  180.                                 <img class="cta_illustration cta_illustration_camera" src="{{ asset('build/img/categories/camera.svg') }}" alt="">
  181.                             </div>
  182.                         </div>
  183.                     </div>
  184.                 </div>
  185.             </div>
  186.         </div>
  187.     </section>
  188. {% endblock %}