622 lines
28 KiB
Twig
622 lines
28 KiB
Twig
{% extends 'frontend/basic/base.html.twig' %}
|
||
|
||
{% block title %}Logiciel de gestion commerciale gratuit{% endblock %}
|
||
|
||
|
||
{% block body %}
|
||
|
||
<body class="index-page">
|
||
|
||
<script src="https://www.google.com/recaptcha/api.js?render={{ GOOGLE_RECAPTCHA_SITE_KEY }}"></script>
|
||
|
||
<main class="main">
|
||
|
||
<!-- Hero Section -->
|
||
<section id="hero" class="hero section">
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6">
|
||
<div class="hero-content" data-aos="fade-up" data-aos-delay="200">
|
||
|
||
|
||
<h1 class="mb-4">
|
||
Logiciel de Gestion Commerciale <span class="accent-text">Gratuit</span>
|
||
</h1>
|
||
|
||
<p class="mb-4 mb-md-5">
|
||
Pilotez votre entreprise en toute simplicité, de la prospection à la facturation, tout en suivant votre activité commerciale en temps réel. Avec PowerPME, bénéficiez d’un contrôle complet et optimisé sur votre business.
|
||
</p>
|
||
|
||
<div class="hero-buttons">
|
||
<a href="{{ path('demo_download') }}" class="btn btn-primary me-0 me-sm-2 mx-1">Télécharger la version démo</a>
|
||
{#<a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="btn btn-link mt-2 mt-sm-0 glightbox">
|
||
<i class="bi bi-play-circle me-1"></i>
|
||
Play Video
|
||
</a>#}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<div class="hero-image" data-aos="zoom-out" data-aos-delay="300">
|
||
<img src="assets/img/illustration-1.webp" alt="Hero Image" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section><!-- /Hero Section -->
|
||
|
||
<!-- About Section -->
|
||
<section id="about" class="about section">
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="row gy-4 align-items-center justify-content-between">
|
||
|
||
<div class="col-xl-5" data-aos="fade-up" data-aos-delay="200">
|
||
<span class="about-meta">À PROPOS</span>
|
||
<h2 class="about-title">À propos sur logiciels de gestion commerciale</h2>
|
||
<p class="about-description">
|
||
PowerPME est outil essentiel pour accélérer le développement d'une entreprise.
|
||
En optimisant les processus et en simplifiant la prise de décision, il permet de gérer efficacement l'activité commerciale, quelle que soit la taille de l'entreprise.
|
||
Mais comment bien choisir un logiciel de gestion commerciale ? Découvrez nos conseils pratiques et notre sélection des meilleurs outils pour vous accompagner dans votre choix.
|
||
</p>
|
||
|
||
|
||
|
||
<div class="info-wrapper">
|
||
<div class="row gy-4">
|
||
<div class="col-lg-6">
|
||
<div class="profile d-flex align-items-center gap-3">
|
||
<img src="assets/img/profile 2021.jpg" alt="CEO Profile" class="profile-image">
|
||
<div>
|
||
<h4 class="profile-name">Maher Ben Tili</h4>
|
||
<p class="profile-position">CEO & Founder</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="contact-info d-flex align-items-center gap-2">
|
||
<i class="bi bi-telephone-fill"></i>
|
||
<div>
|
||
<p class="contact-label">Appelez-nous</p>
|
||
<p class="contact-number">(+216) 52 719 341</p>
|
||
<p class="contact-number">(+33) 06 05 68 60 69</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xl-6" data-aos="fade-up" data-aos-delay="300">
|
||
<div class="image-wrapper">
|
||
<div class="images position-relative" data-aos="zoom-out" data-aos-delay="400">
|
||
<img src="assets/img/about-5.webp" alt="Business Meeting" class="img-fluid main-image rounded-4">
|
||
<img src="assets/img/about-2.webp" alt="Team Discussion" class="img-fluid small-image rounded-4">
|
||
</div>
|
||
<div class="experience-badge floating">
|
||
<h3>5+ <span>Années</span></h3>
|
||
<p>D'expérience en service aux entreprises</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /About Section -->
|
||
|
||
<!-- Features Section -->
|
||
<section id="features" class="features section">
|
||
|
||
<!-- Section Title -->
|
||
<div class="container section-title" data-aos="fade-up">
|
||
<h2>Nos fonctionnalités</h2>
|
||
<p>
|
||
Découvrez gratuitement l'ensemble de fonctionnalités propose par PowerPME.
|
||
</p>
|
||
</div><!-- End Section Title -->
|
||
|
||
<div class="container">
|
||
|
||
<div class="d-flex justify-content-center">
|
||
|
||
<ul class="nav nav-tabs" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#features-tab-1">
|
||
<h4>Achat</h4>
|
||
</a>
|
||
</li><!-- End tab nav item -->
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-2">
|
||
<h4>Vente</h4>
|
||
</a><!-- End tab nav item -->
|
||
</li>
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-3">
|
||
<h4>Stock</h4>
|
||
</a><!-- End tab nav item -->
|
||
</li>
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-4">
|
||
<h4>Caisse</h4>
|
||
</a>
|
||
</li><!-- End tab nav item -->
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
<div class="tab-content" data-aos="fade-up" data-aos-delay="200">
|
||
|
||
<div class="tab-pane fade active show" id="features-tab-1">
|
||
<div class="row">
|
||
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">
|
||
<h3>Gestion des Achats</h3>
|
||
<p class="fst-italic">
|
||
PowerPME intègre des fonctionnalités dédiées à la gestion des achats, conçues pour optimiser et rationaliser les processus d'approvisionnement.
|
||
</p>
|
||
<ul>
|
||
<li><i class="bi bi-check2-all"></i> <span>La gestion des fournisseurs, qui permet de centraliser les informations relatives aux partenaires, de suivre les performances et de faciliter les négociations.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>La gestion des bons de réception simplifie l'enregistrement et le suivi des marchandises reçues, en assurant une correspondance précise avec les commandes passées.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>La gestion des règlements offre un suivi précis des paiements, en synchronisant les échéances et en facilitant la gestion de la trésorerie. </span></li>
|
||
</ul>
|
||
<p class="fst-italic">
|
||
Ensemble, ces outils permettent une gestion efficace des achats, une meilleure maîtrise des coûts et une collaboration optimale avec les fournisseurs.
|
||
</p>
|
||
</div>
|
||
<div class="col-lg-6 order-1 order-lg-2 text-center">
|
||
<img src="assets/img/features-illustration-1.webp" alt="" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
</div><!-- End tab content item -->
|
||
|
||
<div class="tab-pane fade" id="features-tab-2">
|
||
<div class="row">
|
||
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">
|
||
<h3>Gestion des Ventes</h3>
|
||
<p class="fst-italic">
|
||
PowerPME offre une suite complète de fonctionnalités dédiées à la gestion des ventes, permettant d'optimiser et de simplifier les processus commerciaux.
|
||
</p>
|
||
<ul>
|
||
<li><i class="bi bi-check2-all"></i> <span>La gestion des devis, qui facilite la création, la personnalisation et le suivi des propositions commerciales, assurant une transition fluide vers la commande.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>La gestion des factures permet de générer, envoyer et suivre les factures en temps réel, garantissant une traçabilité et une gestion financière précise.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>La gestion des commandes centralise et automatise le traitement des commandes clients, de la réception à la préparation, tout en assurant un suivi efficace des stocks.</span></li>
|
||
</ul>
|
||
<p class="fst-italic">
|
||
Ensemble, ces outils améliorent la productivité, réduisent les erreurs et offrent une visibilité complète sur le cycle de vente.</span></li>
|
||
</p>
|
||
</div>
|
||
<div class="col-lg-6 order-1 order-lg-2 text-center">
|
||
<img src="assets/img/features-illustration-2.webp" alt="" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
</div><!-- End tab content item -->
|
||
|
||
<div class="tab-pane fade" id="features-tab-3">
|
||
<div class="row">
|
||
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">
|
||
<h3>Gestion du Stock</h3>
|
||
<p class="fst-italic">
|
||
PowerPME propose des fonctionnalités puissantes pour la gestion des stocks, permettant une maîtrise totale des flux et des niveaux de stock.
|
||
</p>
|
||
<ul>
|
||
<li><i class="bi bi-check2-all"></i> <span>Le suivi des mouvements de stock, qui enregistre en temps réel les entrées, sorties et transferts de marchandises, offrant une visibilité précise sur l'évolution des stocks. </span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Les états de stock fournissent des rapports détaillés sur les quantités disponibles, les valeurs du stock et les tendances, facilitant la prise de décision et la planification des réapprovisionnements.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>La gestion des bons d'entrée permet de documenter et de valider les réceptions de marchandises, en les liant aux commandes fournisseurs ou aux retours clients.</span></li>
|
||
</ul>
|
||
<p class="fst-italic">
|
||
Ces outils garantissent une gestion optimisée des stocks, réduisent les risques de rupture ou de surstock et améliorent l'efficacité opérationnelle.
|
||
</p>
|
||
</div>
|
||
<div class="col-lg-6 order-1 order-lg-2 text-center">
|
||
<img src="assets/img/hero-img.png" alt="" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
</div><!-- End tab content item -->
|
||
|
||
<div class="tab-pane fade" id="features-tab-4">
|
||
<div class="row">
|
||
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">
|
||
<h3>Gestion du Caisse</h3>
|
||
<ul>
|
||
<li><i class="bi bi-check2-all"></i> <span>PowerPME inclut des fonctionnalités dédiées à la gestion de la caisse, offrant un contrôle précis et une traçabilité complète des flux financiers.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>La gestion des entrées de caisse, qui permet d'enregistrer les encaissements liés aux ventes, aux règlements clients ou à d'autres sources de revenus.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Les sorties de caisse facilitent l'enregistrement des dépenses, telles que les paiements fournisseurs, les retraits ou les frais opérationnels.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Le module de traitement des transactions assure un suivi en temps réel des opérations, en synchronisant les données avec les comptes clients et fournisseurs.</span></li>
|
||
</ul>
|
||
<p class="fst-italic">
|
||
Ces outils offrent une visibilité complète sur la trésorerie, améliorent la gestion des liquidités et réduisent les risques d'erreurs ou de fraudes.
|
||
</p>
|
||
</div>
|
||
<div class="col-lg-6 order-1 order-lg-2 text-center">
|
||
<img src="assets/img/features-illustration-3.webp" alt="" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
</div><!-- End tab content item -->
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Features Section -->
|
||
|
||
|
||
|
||
<!-- Clients Section -->
|
||
<section id="clients" class="clients section">
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="swiper init-swiper">
|
||
<script type="application/json" class="swiper-config">
|
||
{
|
||
"loop": true,
|
||
"speed": 600,
|
||
"autoplay": {
|
||
"delay": 5000
|
||
},
|
||
"slidesPerView": "auto",
|
||
"pagination": {
|
||
"el": ".swiper-pagination",
|
||
"type": "bullets",
|
||
"clickable": true
|
||
},
|
||
"breakpoints": {
|
||
"320": {
|
||
"slidesPerView": 2,
|
||
"spaceBetween": 40
|
||
},
|
||
"480": {
|
||
"slidesPerView": 3,
|
||
"spaceBetween": 60
|
||
},
|
||
"640": {
|
||
"slidesPerView": 4,
|
||
"spaceBetween": 80
|
||
},
|
||
"992": {
|
||
"slidesPerView": 6,
|
||
"spaceBetween": 120
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<div class="swiper-wrapper align-items-center">
|
||
<div class="swiper-slide"><img src="assets/img/clients/client-1.png" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/clients/client-2.png" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div>
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Clients Section -->
|
||
|
||
<!-- Testimonials Section -->
|
||
<section id="testimonials" class="testimonials section light-background">
|
||
|
||
<!-- Section Title -->
|
||
<div class="container section-title" data-aos="fade-up">
|
||
<h2>Témoignages</h2>
|
||
<p>Ces témoignages illustrent comment PowerPME peut répondre aux besoins variés des entreprises, en améliorant leur efficacité et leur rentabilité.</p>
|
||
</div><!-- End Section Title -->
|
||
|
||
<div class="container">
|
||
|
||
<div class="row g-5">
|
||
|
||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
|
||
<h3>Karim</h3>
|
||
<h4>Responsable logistique d'une entreprise de vente en gros</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>Depuis que nous avons adopté PowerPME, notre productivité a considérablement augmenté. La centralisation des données, la gestion automatisée des stocks et la génération rapide de devis et de factures nous ont fait gagner un temps précieux. Nous pouvons maintenant nous concentrer sur notre croissance plutôt que sur des tâches administratives répétitives.</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div><!-- End testimonial item -->
|
||
|
||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
|
||
<h3>Sarah</h3>
|
||
<h4>Gérante d'une PME de distribution</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>La gestion des stocks était un vrai casse-tête pour nous. Avec ce logiciel, nous avons enfin une visibilité en temps réel sur nos niveaux de stock, les mouvements et les réapprovisionnements. Les alertes automatiques nous évitent les ruptures de stock et les surstocks. Un outil indispensable pour notre activité !</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div><!-- End testimonial item -->
|
||
|
||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
|
||
<h3>Jena</h3>
|
||
<h4>Directrice financière d'une entreprise de services</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>Ce logiciel a révolutionné notre gestion financière. Les fonctionnalités de suivi des entrées et sorties de caisse, ainsi que la gestion des règlements, nous permettent de garder une trésorerie saine et de prendre des décisions éclairées. La génération automatique des états financiers est un vrai plus pour notre comptabilité.</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div><!-- End testimonial item -->
|
||
|
||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
|
||
<h3>Thomas</h3>
|
||
<h4>Responsable des achats dans une entreprise de production</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>La gestion des achats est devenue beaucoup plus simple grâce à ce logiciel. Nous pouvons suivre les commandes fournisseurs, les bons de réception et les factures en un seul endroit. Les rappels automatiques nous aident à respecter les délais de paiement et à maintenir de bonnes relations avec nos partenaires.</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div><!-- End testimonial item -->
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Testimonials Section -->
|
||
|
||
|
||
|
||
|
||
<!-- Pricing Section -->
|
||
<section id="pricing" class="pricing section light-background">
|
||
|
||
<!-- Section Title -->
|
||
<div class="container section-title" data-aos="fade-up">
|
||
<h2>Téléchargement</h2>
|
||
</div><!-- End Section Title -->
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="row g-4 justify-content-center">
|
||
|
||
<!-- Version Demo -->
|
||
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="pricing-card">
|
||
<div class="price">
|
||
<span class="currency">Version Demo</span>
|
||
</div>
|
||
<p class="description">Découvrez notre logiciel en action avec cette démo gratuite, conçue pour vous offrir un aperçu complet de ses fonctionnalités et de sa simplicité d'utilisation.</p>
|
||
|
||
<h4>Les options:</h4>
|
||
<ul class="features-list">
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Base de données en memoire
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Un seul utilisateur
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Un seul Magasin
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Fonctionne sans connexion internet
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Système d'exploitation Windows
|
||
</li>
|
||
</ul>
|
||
<a href="{{ path('demo_download') }}" class="btn btn-primary">
|
||
Télécharger
|
||
<i class="bi bi-arrow-right"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Version complète -->
|
||
<div class="col-lg-6 offset-1" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="pricing-card popular">
|
||
<div class="price">
|
||
<span class="currency">Version complète</span>
|
||
</div>
|
||
<p class="description">Passez à la version complète de notre logiciel pour débloquer toutes les fonctionnalités avancées et optimiser votre productivité dès aujourd'hui !.</p>
|
||
|
||
<h4>Les options:</h4>
|
||
<ul class="features-list">
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Multi PC
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Multi Utilisateurs
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Plusieurs Magasin
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Base de données en Mysql
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Authentification sans connexion internet
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-check-circle-fill"></i>
|
||
Système d'exploitation Windows
|
||
</li>
|
||
</ul>
|
||
|
||
|
||
<a href="#contact" class="btn btn-light">
|
||
Nos contacter
|
||
<i class="bi bi-arrow-right"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Pricing Section -->
|
||
|
||
<!-- Contact Section -->
|
||
<section id="contact" class="contact section light-background">
|
||
|
||
<!-- Section Title -->
|
||
<div class="container section-title" data-aos="fade-up">
|
||
<h2>Contact</h2>
|
||
<p>Besoin d’aide ? Une question ? Nous sommes là pour vous accompagner. Contactez-nous par e-mail ou par téléphone.</p>
|
||
</div><!-- End Section Title -->
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="row g-4 g-lg-5">
|
||
<div class="col-lg-5">
|
||
<div class="info-box" data-aos="fade-up" data-aos-delay="200">
|
||
<h3>Contact</h3>
|
||
<p>Pour toute question ou information supplémentaire, n'hésitez pas à nous contacter à l'adresse e-mail ou numéro de téléphone suivant</p>
|
||
|
||
<div class="info-item" data-aos="fade-up" data-aos-delay="300">
|
||
<div class="icon-box">
|
||
<i class="bi bi-geo-alt"></i>
|
||
</div>
|
||
<div class="content">
|
||
<h4>Adress Postale</h4>
|
||
<p>2 rue elmouez</p>
|
||
<p>mornguia 1110 Tunis</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info-item" data-aos="fade-up" data-aos-delay="400">
|
||
<div class="icon-box">
|
||
<i class="bi bi-telephone"></i>
|
||
</div>
|
||
<div class="content">
|
||
<h4>Numéro de Téléphone</h4>
|
||
<p>(+216) 52 719 341</p>
|
||
<p>(+33) 06 05 68 60 69</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info-item" data-aos="fade-up" data-aos-delay="500">
|
||
<div class="icon-box">
|
||
<i class="bi bi-envelope"></i>
|
||
</div>
|
||
<div class="content">
|
||
<h4>Email </h4>
|
||
<p>info@powerpme.com</p>
|
||
<p>contact@powerpme.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-7">
|
||
<div class="contact-form" data-aos="fade-up" data-aos-delay="300">
|
||
<h3>Votre Message</h3>
|
||
<p>Les données obligatoires sont indiquées par un astérisque *.
|
||
Le numéro de téléphone nous permettra de vous répondre plus rapidement, notamment en cas de problème.</p>
|
||
|
||
{{ form_start(form, {'action': path('home_contact'), 'method': 'POST'}) }}
|
||
<div class="row gy-4">
|
||
<div class="col-md-6">
|
||
{{ form_widget(form.fullname, {'attr': {'class': 'form-control'}}) }}
|
||
</div>
|
||
<div class="col-md-6">
|
||
{{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
|
||
</div>
|
||
<div class="col-12">
|
||
{{ form_widget(form.subject, {'attr': {'class': 'form-control'}}) }}
|
||
</div>
|
||
<div class="col-12">
|
||
{{ form_widget(form.message, {'attr': {'class': 'form-control'}}) }}
|
||
</div>
|
||
|
||
{{ form_widget(form.recaptcha) }}
|
||
|
||
<div class="col-12 text-center">
|
||
|
||
{% for message in app.flashes('notice-email') %}
|
||
<div class="alert alert-info" role="alert"> {{ message }} </div>
|
||
{% endfor %}
|
||
|
||
{% for message in app.flashes('erreur-email') %}
|
||
<div class="alert alert-danger" role="alert"> {{ message }} </div>
|
||
{% endfor %}
|
||
|
||
{{ form_widget(form.submit, {'attr': {'class': 'btn'}}) }}
|
||
</div>
|
||
</div>
|
||
{{ form_end(form) }}
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Contact Section -->
|
||
|
||
</main>
|
||
|
||
<script>
|
||
|
||
|
||
$(function(){
|
||
|
||
grecaptcha.ready(function() {
|
||
grecaptcha.execute('{{ GOOGLE_RECAPTCHA_SITE_KEY }}', {action: 'submit'}).then(function(token) {
|
||
$("#mail_recaptcha").empty().val(token);
|
||
});
|
||
});
|
||
|
||
{% if app.user is null %}
|
||
{% if geoVisitor != true %}
|
||
|
||
$.get( "https://api.ipgeolocation.io/ipgeo?apiKey=64b7e23d901d45c6a23fe077f45f82e8&output=json", function( data ) {
|
||
$.post( "{{ path('home_geolocation')}}", {api:JSON.stringify(data)}, function( reponse ) {
|
||
//console.log(reponse);
|
||
});
|
||
});
|
||
|
||
{% endif %}
|
||
{% endif %}
|
||
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
{% endblock %}
|