{% extends 'site_officiel/base.html.twig' %}
{% block title %}MagmaERP | Bienvenue{% endblock %}
{% block content %}
<!-- Spinner Start -->
<!-- Spinner End -->
<div id="header-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="w-100" src="{{ asset('site_officiel/img/carousel-1.jpg') }}" alt="Image">
<div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
<div class="p-3" style="max-width: 900px;">
<h5 class="text-white text-uppercase mb-3 animated slideInDown">Système de Gestion Intégrée</h5>
<h1 class="display-1 text-white mb-md-4 animated zoomIn">UNE GESTION D'ENTREPRISE REUSSIE</h1>
<a href="{{ path('quote') }}" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInLeft">Demande de quotation</a>
<a href="{{ path('contact') }}" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight">Contactez-nous</a>
</div>
</div>
</div>
<div class="carousel-item">
<img class="w-100" src="{{ asset('site_officiel/img/carousel-2.jpg') }}" alt="Image">
<div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
<div class="p-3" style="max-width: 900px;">
<h5 class="text-white text-uppercase mb-3 animated slideInDown">Système de Gestion Intégrée</h5>
<h1 class="display-1 text-white mb-md-4 animated zoomIn">SIMPLE - UTILE & PERFORMANT</h1>
<a href="{{ path('quote') }}" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInLeft">Demande de quotation</a>
<a href="{{ path('contact')}}" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight">Contactez-nous</a>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#header-carousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#header-carousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Facts Start -->
<div class="container-fluid facts py-5 pt-lg-0">
<div class="container py-5 pt-lg-0">
<div class="row gx-0">
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.1s">
<div class="bg-primary shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
<div class="bg-white d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
<i class="fa fa-users text-primary"></i>
</div>
<div class="ps-4">
<h5 class="text-white mb-0"> Entreprises</h5>
<h1 class="text-white mb-0" data-toggle="counter-up">12345</h1>
</div>
</div>
</div>
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.3s">
<div class="bg-light shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
<div class="bg-primary d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
<i class="fa fa-check text-white"></i>
</div>
<div class="ps-4">
<h5 class="text-primary mb-0">Utilisateurs</h5>
<h1 class="mb-0" data-toggle="counter-up">12345</h1>
</div>
</div>
</div>
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.6s">
<div class="bg-primary shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
<div class="bg-white d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
<i class="fa fa-award text-primary"></i>
</div>
<div class="ps-4">
<h5 class="text-white mb-0">Bilans</h5>
<h1 class="text-white mb-0" data-toggle="counter-up">12345</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Facts Start -->
<!-- About Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-7">
<div class="section-title position-relative pb-3 mb-5">
<h5 class="fw-bold text-primary text-uppercase">A propos de nous</h5>
<h1 class="mb-0">Une solution complète et robuste bâtie sur plus de 27 ans d'expérience</h1>
</div>
<p class="mb-4">Au coeur de l'écosystèeme d'intelligence économique NET2ALL-Business, MagmaERP est la pièce maîtraisse de votre gestion d'entreprise. </br></br> Que votre organisation soit Micro, Petite, Moyenne ou une Multinationnale, MagmaERP vous offre en toute simplicité, une gestion transversale de vos activités en synchronisant parfaitement vos données en temps réel avec plus d'une dizaine de solutions de l'écosystème NET2ALL</p>
<div class="row g-0 mb-3">
</div>
<div class="d-flex align-items-center mb-4 wow fadeIn" data-wow-delay="0.6s">
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
<i class="fa fa-phone-alt text-white"></i>
</div>
<div class="ps-4">
<h5 class="mb-2">Ecrivez-nous par WhatsApp pour toutes vos question</h5>
<h4 class="text-primary mb-0">+229 55 15 65 50</h4>
</div>
</div>
<a href="{{ path('quote') }}" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s">Demandez une quotation</a>
</div>
<div class="col-lg-5" style="min-height: 500px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s" src="{{ asset('site_officiel/img/about.jpg') }}" style="object-fit: cover;">
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Features Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container py-5">
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
<h5 class="fw-bold text-primary text-uppercase">Pourquoi nous choisir</h5>
<h1 class="mb-0">Nous vous accompagnons à tous les niveaux de développement de votre entreprise</h1>
</div>
<div class="row g-5">
<div class="col-lg-4">
<div class="row g-5">
<div class="col-12 wow zoomIn" data-wow-delay="0.2s">
<div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-cubes text-white"></i>
</div>
<h4>Formation continue</h4>
<p class="mb-0">Bénéfifies d'un suivi total pour vous et vos collaborateurs</p>
</div>
<div class="col-12 wow zoomIn" data-wow-delay="0.6s">
<div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-award text-white"></i>
</div>
<h4>Terminaux variés</h4>
<p class="mb-0">Travailler en toute aisance avec votre Smartphone, Tablette ou Ordinateur</p>
</div>
</div>
</div>
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.9s" style="min-height: 350px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.1s" src="{{ asset('site_officiel/img/feature.jpg') }}" style="object-fit: cover;">
</div>
</div>
<div class="col-lg-4">
<div class="row g-5">
<div class="col-12 wow zoomIn" data-wow-delay="0.4s">
<div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-users-cog text-white"></i>
</div>
<h4>Une équipe de professionnels</h4>
<p class="mb-0">Tous vos besoins sont pris en charge par une compétence variéee et disponible</p>
</div>
<div class="col-12 wow zoomIn" data-wow-delay="0.8s">
<div class="bg-primary rounded d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-phone-alt text-white"></i>
</div>
<h4>24/7 Support</h4>
<p class="mb-0">Recevez une assistance permanante à travers des canaux multiples: téléphone, WhatsApp, mail</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Features Start -->
<!-- Service Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container py-5">
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
<h5 class="fw-bold text-primary text-uppercase">Une solution complète</h5>
<h1 class="mb-0">Des processus de travail et de gestion d'information automatisées.</h1>
</div>
<div class="row g-5">
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.3s">
<div class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center">
<div class="service-icon">
<i class="fa fa-shield-alt text-white"></i>
</div>
<h4 class="mb-3">Gestion de tiers</h4>
<p class="m-0">Prospects - Clients - Fournisseurs</p>
<a class="btn btn-lg btn-primary rounded" href="">
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.6s">
<div class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center">
<div class="service-icon">
<i class="fa fa-chart-pie text-white"></i>
</div>
<h4 class="mb-3">Produits - Services</h4>
<p class="m-0">Catégories et sous-catégories - Numéro de série - Code barre et code QR - Tarification - Packs - Marge</p>
<a class="btn btn-lg btn-primary rounded" href="">
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.9s">
<div class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center">
<div class="service-icon">
<i class="fa fa-code text-white"></i>
</div>
<h4 class="mb-3">Gestion de stock</h4>
<p class="m-0">Entrepots - Approvisionnement - Valorisation</p>
<a class="btn btn-lg btn-primary rounded" href="">
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.3s">
<div class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center">
<div class="service-icon">
<i class="fab fa-android text-white"></i>
</div>
<h4 class="mb-3">Apps Development</h4>
<p class="m-0">Amet justo dolor lorem kasd amet magna sea stet eos vero lorem ipsum dolore sed</p>
<a class="btn btn-lg btn-primary rounded" href="">
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.6s">
<div class="service-item bg-light rounded d-flex flex-column align-items-center justify-content-center text-center">
<div class="service-icon">
<i class="fa fa-search text-white"></i>
</div>
<h4 class="mb-3">SEO Optimization</h4>
<p class="m-0">Amet justo dolor lorem kasd amet magna sea stet eos vero lorem ipsum dolore sed</p>
<a class="btn btn-lg btn-primary rounded" href="">
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.9s">
<div class="position-relative bg-primary rounded h-100 d-flex flex-column align-items-center justify-content-center text-center p-5">
<h3 class="text-white mb-3">Call Us For Quote</h3>
<p class="text-white mb-3">Clita ipsum magna kasd rebum at ipsum amet dolor justo dolor est magna stet eirmod</p>
<h2 class="text-white mb-0">+012 345 6789</h2>
</div>
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Pricing Plan Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container py-5">
<div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
<h5 class="fw-bold text-primary text-uppercase">Tarification</h5>
<h1 class="mb-0">Nos formules pour les organisations de toutes les tailles</h1>
</div>
<div class="row g-0">
<div class="col-lg-4 wow slideInUp" data-wow-delay="0.6s">
<div class="bg-light rounded">
<div class="border-bottom py-4 px-5 mb-4">
<h4 class="text-primary mb-1">ACCESS</h4>
<small class="text-uppercase">Gratuit pour la découverte</small>
</div>
<div class="p-5 pt-0">
<h1 class="display-5 mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;"></small>0.00<small
class="align-bottom" style="font-size: 16px; line-height: 40px;">XOF</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>Tiers</span><i class="fa fa-check text-primary pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-times text-danger pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-times text-danger pt-1"></i></div>
<a href="" class="btn btn-primary py-2 px-4 mt-4">Choisir</a>
</div>
</div>
</div>
<div class="col-lg-4 wow slideInUp" data-wow-delay="0.3s">
<div class="bg-white rounded shadow position-relative" style="z-index: 1;">
<div class="border-bottom py-4 px-5 mb-4">
<h4 class="text-primary mb-1">ESSENTIALS</h4>
<small class="text-uppercase">Pour MPME</small>
</div>
<div class="p-5 pt-0">
<h1 class="display-5 mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;"></small>50.000<small
class="align-bottom" style="font-size: 16px; line-height: 40px;">XOF</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-times text-danger pt-1"></i></div>
<a href="" class="btn btn-primary py-2 px-4 mt-4">Choisir</a>
</div>
</div>
</div>
<div class="col-lg-4 wow slideInUp" data-wow-delay="0.9s">
<div class="bg-light rounded">
<div class="border-bottom py-4 px-5 mb-4">
<h4 class="text-primary mb-1">INTEGRAL</h4>
<small class="text-uppercase">Pour grandes entreprises</small>
</div>
<div class="p-5 pt-0">
<h1 class="display-5 mb-3">
<small class="align-top" style="font-size: 22px; line-height: 45px;"></small>750.000<small
class="align-bottom" style="font-size: 16px; line-height: 40px;">XOF</small>
</h1>
<div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
<div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary pt-1"></i></div>
<div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-check text-primary pt-1"></i></div>
<a href="" class="btn btn-primary py-2 px-4 mt-4">Choisir</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Pricing Plan End -->
<!-- Quote Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-7">
<div class="section-title position-relative pb-3 mb-5">
<h5 class="fw-bold text-primary text-uppercase">Demande de quotation</h5>
<h1 class="mb-0">Besoin d'une quotation GRATUITE? Merci de nous contacter</h1>
</div>
<div class="row gx-3">
<div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s">
<h5 class="mb-4"><i class="fa fa-reply text-primary me-3"></i>Réponse en 24 houres</h5>
</div>
<div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s">
<h5 class="mb-4"><i class="fa fa-phone-alt text-primary me-3"></i>du lun-ven | de 9h à 18H</h5>
</div>
</div>
<p class="mb-4">NET2ALL , intégrateur de solutions de gestion d'entreprise met en peuvre des plate-formes completes et évolutives capables de s'adapter au mode de fonctionnement de tout type d'organisation.</p>
<div class="d-flex align-items-center mt-2 wow zoomIn" data-wow-delay="0.6s">
<div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
<i class="fa fa-phone-alt text-white"></i>
</div>
<div class="ps-4">
<h5 class="mb-2">Ecrivez-nous par WhatsApp pour toutes vos question</h5>
<h4 class="text-primary mb-0">+229 55 15 65 50</h4>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="bg-primary rounded h-100 d-flex align-items-center p-5 wow zoomIn" data-wow-delay="0.9s">
<form>
<div class="row g-3">
<div class="col-xl-12">
<input type="text" class="form-control bg-light border-0" placeholder="Your Name" style="height: 55px;">
</div>
<div class="col-12">
<input type="email" class="form-control bg-light border-0" placeholder="Your Email" style="height: 55px;">
</div>
<div class="col-12">
<select class="form-select bg-light border-0" style="height: 55px;">
<option selected>Select A Service</option>
<option value="1">Service 1</option>
<option value="2">Service 2</option>
<option value="3">Service 3</option>
</select>
</div>
<div class="col-12">
<textarea class="form-control bg-light border-0" rows="3" placeholder="Message"></textarea>
</div>
<div class="col-12">
<button class="btn btn-dark w-100 py-3" type="submit">Request A Quote</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Quote End -->
<!-- Vendor Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container py-5 mb-5">
<div class="bg-white">
<div class="owl-carousel vendor-carousel">
<img src="{{ asset('site_officiel/img/vendor-1.jpg') }}" alt="">
<img src="{{ asset('site_officiel/img/vendor-2.jpg') }}" alt="">
<img src="{{ asset('site_officiel/img/vendor-3.jpg') }}" alt="">
<img src="{{ asset('site_officiel/img/vendor-4.jpg') }}" alt="">
<img src="{{ asset('site_officiel/img/vendor-5.jpg') }}" alt="">
<img src="{{ asset('site_officiel/img/vendor-6.jpg') }}" alt="">
<img src="{{ asset('site_officiel/img/vendor-7.jpg') }}" alt="">
<img src="{{ asset('site_officiel/img/vendor-8.jpg') }}" alt="">
<img src="{{ asset('site_officiel/img/vendor-9.jpg') }}" alt="">
</div>
</div>
</div>
</div>
<!-- Vendor End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a>
</body>
{% endblock %}