{% extends 'base.html.twig' %}

{% block title %}A propos{% endblock %}

{% block content %}
<!-- section -->
<div class="mt-4">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <!-- breadcrumb -->
                <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ path('app_home') }}">Accueil</a></li>
                    <li class="breadcrumb-item active" aria-current="page">A propos</li>
                </ol>
                </nav>
            </div>
        </div>
    </div>
</div>


<!-- section -->
<section class="mt-lg-14 mt-8">
    <!-- container -->
    <div class="container">
        <!-- row -->
        <div class="row">
            <!-- col -->
            <div class="offset-lg-1 col-lg-10 col-12">
                <div class="row align-items-center mb-14">
                    <div class="col-md-6">
                        <!-- text -->
                        <div class="ms-xxl-14 me-xxl-15 mb-8 mb-md-0 text-center text-md-start">
                            <h1 class="mb-6">A propos de Tahiti Best Promo ® :</h1>
                            <p class="mb-0 lead">
                                Tahiti Best Promo est l’application qu’il vous faut pour shopper malin !
                            </p>
                        </div>
                    </div>
                    <!-- col -->
                    <div class="col-md-6">
                        <div class="me-6">
                            <!-- img -->
                            <img src="../assets/images/about/about-img.jpg" alt="" class="img-fluid rounded" />
                        </div>
                    </div>
                </div>
                <!-- row -->
                <div class="row mb-12">
                    <div class="col-12">
                        <div class="mb-8">
                            <!-- heading -->
                            <h2>Un salon virtuel</h2>
                        </div>
                    </div>
                    <p>
                        Made in Fenua
                        <br>
                        Choix illimités des activités et services proposés par tous les professionnels du Fenua.
                        <br>
                        Un engagement écologique
                        <br>
                        Grâce à Tahiti Best Promo diminuez votre empreinte écologique en favorisant les prospectus digitaux                    
                    </p>
                    <div class="col-md-4">
                        <!-- card -->
                        <div class="card bg-light mb-6 border-0">
                            <!-- card body -->
                            <div class="card-body p-8">
                                <div class="mb-4">
                                <!-- img -->
                                <img src="../assets/images/about/about-icons-1.svg" alt="" />
                                </div>
                                <h4>En un clic !</h4>
                                <p> 
                                    Tous les catalogues, offres, promotions et informations utiles actualisés en temps réel 
                                    quand vous le souhaitez où que vous soyez !
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <!-- card -->
                        <div class="card bg-light mb-6 border-0">
                            <!-- card body -->
                            <div class="card-body p-8">
                                <div class="mb-4">
                                <!-- img -->
                                <img src="../assets/images/about/about-icons-2.svg" alt="" />
                                </div>
                                <h4>Gagnez du temps</h4>
                                <p>
                                    et optimisez vos économies grâce à Tahiti best Promo. 
                                    <ul>
                                        <li>Sélectionnez les produits qui vous intéressent avant de vous rendre en magasin</li>
                                        <li>Trouvez facilement en géolocalisant</li>
                                        <li>Partagez avec vos proches sur les réseaux sociaux</li>
                                    </ul>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <!-- card -->
                        <div class="card bg-light mb-6 border-0">
                            <!-- card body -->
                            <div class="card-body p-8">
                                <div class="mb-4">
                                <!-- img -->
                                <img src="{{ asset('assets/images/about/about-icons-3.svg') }}" alt="About" />
                                </div>
                                <h4>100% gratuit</h4>
                                <p>
                                    Recevez tous les bons plans du moment directement sur votre smartphone.
                                    <br>
                                    Participez gratuitement aux jeux sur l’application.                             
                                </p>
                            </div>
                        </div>
                    </div>

<!-- cta section -->
<section>
   <div class="container">
      <hr class="my-lg-14 my-8" />
      <!-- row -->
      <div class="row align-items-center">
         <div class="offset-lg-2 col-lg-4 col-md-6">
            <div class="text-center">
               <!-- img -->
               <img src="{{ asset('assets/images/png/iphone-2.png') }}" alt="" class="img-fluid" />
            </div>
         </div>
         <div class="col-lg-6 col-md-6">
            <div class="mb-6">
               <div class="mb-7">
                  <!-- heading -->
                  <h2>Installez l'application mobile</h2>
                  <p class="mb-0">Cliquez sur le lien de votre "market" ci-dessous</p>
                  <p class="mb-0">et rejoignez nos milliers d'utilisateurs.</p>
                  <p class="mb-0">Pour 'smartphones' et tablettes.</p>
               </div>

               <div>
                  <!-- app -->
                  <small>Téléchargez l'application sur</small>
                  <ul class="list-inline mb-0 mt-3">
                     <!-- list item -->
                     <li class="list-inline-item">
                        <!-- img -->
                        <a href="https://apps.apple.com/fr/app/tahiti-best-promo/id1436348873#?platform=iphone"><img src="{{ asset('assets/images/appbutton/appstore-btn.svg') }}" alt="" style="width: 140px" /></a>
                     </li>
                     <li class="list-inline-item">
                        <!-- img -->
                        <a href="https://play.google.com/store/apps/details?id=io.tbp.app&hl=fr"><img src="{{ asset('assets/images/appbutton/googleplay-btn.svg') }}" alt="" style="width: 140px" /></a>
                     </li>
                  </ul>
               </div>
               <div class="mt-2">
                  <!-- app qrcode -->
                  <small>ou scannez le QR Code ci-dessous</small>
                  <ul class="list-inline mb-0 mt-3">
                     <!-- list item -->
                     <li class="list-inline-item">
                        <!-- img -->
                        <img src="{{ asset('assets/images/png/QRCODE-markets.png') }}" alt="qr code" style="width: 140px" />
                     </li>

                  </ul>
               </div>               
            </div>
         </div>
      </div>
      <hr class="my-lg-14 my-8" />
   </div>
</section>

                    <div class="col">
                        <!-- text -->
                        <p>
                            Pour toute notre actualité, retrouvez nous sur notre page 
                            <a href="https://www.facebook.com/tahitibestpromo/">Facebook</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


                

{% endblock %}