templates/services/security/index.html.twig line 1

  1. {% extends 'site.html.twig' %}
  5. {% block title %} Agents Sécurité et Prévention qualifiés - Guardian France{% endblock %}
  7. {% block meta_description %}Guardian France propose des services de sécurité et de Préventions professionnels pour protéger votre entreprise et vos événement . Le groupe Guardian France est spécialiste de la sécurité événementielle . Agents cynophiles, vigiles, SSIAP, maîtres-chiens qualifiés disponibles.{% endblock %}
  9. {% block meta_keywords %}sécurité, gardiennage, entreprise de gardiennage, entreprise de sécurité, agent cynophile, vigile, SSIAP, maître-chien, protection émeutes , commerces , vitrines ,Rapports et documentation,Sécurité événementielle, Accueil et contrôle d'accès {% endblock %}
  11. {% block meta_itemprop %} 01 48 10 23 50 {% endblock %}
  13. {% block body %}
  15. {% if app.session.flashBag.has('success') %}
  16.     <script>
  17.         document.addEventListener('DOMContentLoaded', function() {
  18.             Swal.fire({
  19.                 icon: 'success',
  20.                 title: 'Message envoyé avec succès !',
  21.                 text: '{{ app.session.flashBag.get('success')[0] }}',
  22.               confirmButtonText: 'OK',
  23.                 customClass: {
  24.                     confirmButton: 'my-confirm-button-class'
  25.                 }
  26.             });
  27.           
  28.         });
  29.     </script>
  30. {% endif %}
  32. <div class="container-fluid bg-primary py-5 bg-header-secu" style="margin-bottom:40px;">
  33.             <div class="row py-5">
  34.                 <div class="col-12 pt-lg-5 mt-lg-5 text-center">
  35.                  
  37.  </div>
  38.             </div>
  39.         </div>
  40.     </div>
  42. <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
  43.         <div class="container py-5">
  44.             <div class="row g-5">
  45.                 
  46.                 <div class="col-lg-8">
  47.                 <h1 class="mb-4">AGENT DE SÉCURITÉ & PRÉVENTION</h1>
  48.                     <img class="img-fluid w-100 rounded mb-5" src="/../assets/site/img/securite-guardian.webp" alt="Agent de sécurité Guardian France">
  49.                     
  50. <p>Chez Guardian France, nous sommes spécialisés dans la fourniture de solutions de sécurité sur mesure pour répondre à vos besoins uniques. Nous pouvons offrir des services de surveillance, d'intervention en cas d'incident, de gestion des alarmes, d'accueil et de contrôle d'accès, de protection rapprochée, de sécurité événementielle, d'enquêtes de sécurité, d'assistance technique, et de rapports et documentation.</p>
  51. <p>Nos agents de sécurité sont formés pour surveiller vos biens, qu'ils soient meubles ou immeubles, de façon permanente, exceptionnelle ou discontinue. Ils peuvent également garantir votre sécurité et celle des personnes qui sont liées directement ou indirectement à la sécurité de ces biens, conformément à l'article 1 de la loi 83-629 de 1983.</p>
  52. <p>Si vous recherchez une société de sécurité privée pour assurer la protection de vos biens et de vos personnes, Guardian France est là pour vous. Nous avons une équipe d'agents de sécurité et de prévention professionnels qui peuvent vous offrir une gamme de prestations pour répondre à vos besoins en matière de sécurité.</p>
  53.                
  54.                 </div>
  55.                 
  56.     
  57.                 
  58.                 <div class="col-lg-4">
  59.                     
  60.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
  61.                         <div class="section-title-1 section-title-sm position-relative pb-3 mb-4">
  62.                             <h3 class="mb-0">Nos prestations d'agent de sécurité</h3>
  63.                         </div>
  64.                         <div class="d-flex flex-column justify-content-start">
  65.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Surveillance de sites et de bâtiments </span></h5>
  66.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Intervention en cas d'incident</span></h5>
  67.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Gestion des alarmes </span></h5>
  68.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Accueil et contrôle d'accès</span></h5>
  69.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Protection rapprochée </span></h5>
  70.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Sécurité événementielle </span></h5>
  71.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Enquêtes de sécurité </span></h5>
  72.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Assistance technique  </span></h5>
  73.                             <h5 class=" fw-semi-bold bg-light rounded py-3 px-4 d-flex justify-content-between mb-2"><span>Rapports et documentation</span></h5>
  74.                         </div>
  75.                     </div>
  76.                     
  77.     
  78.                     
  79.                     <div class="wow slideInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
  80.                         <div class="section-title-1 section-title-sm position-relative pb-3 mb-4">
  81.                             <h3 class="mb-0">Information de Contact </h3>
  82.                         </div>
  83.                         <div class="bg-primary p-4">
  84.                             <div class="d-flex align-items-center mb-4 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
  85.                                 <div class="d-flex align-items-center justify-content-center rounded" style="width: 45px; height: 45px;">
  86.                                     <i class="fa fa-phone-alt " style="color:white; font-size: 26px;"></i>
  87.                                 </div>
  88.                                 <div class="ps-3">
  89.                                     <a href="tel:+330148102350"class="text-white mb-1">01 48 10 23 50</a>
  90.                                     
  91.                                 </div>
  92.                             </div>
  93.                             <div class="d-flex align-items-center mb-4 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
  94.                                 <div class=" d-flex align-items-center justify-content-center rounded" style="width: 45px; height: 45px;">
  95.                                     <i class="bi bi-envelope-open" style="color:white; font-size: 30px;"></i>
  96.                                 </div>
  97.                                 <div class="ps-3">
  98.                                     <p class="text-white mb-1">contact@guardianfrance.fr </p>
  99.                                
  100.                                 </div>
  101.                             </div>
  102.                             <div class="d-flex align-items-center wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
  103.                                 <div class=" d-flex align-items-center justify-content-center rounded" style="width: 45px; height: 45px;">
  104.                                     <i class="bi bi-geo-alt"style="color:white; font-size: 30px;"></i>
  105.                                 </div>
  106.                                 <div class="ps-3">
  107.                                     <p class="text-white mb-1">5 Rue de Rome</p>
  108.                                     <p class="text-white mb-0">93110 Rosny-sous-Bois</p>
  109.                                 </div>
  110.                             </div>
  111.                         </div>
  112.                     </div>
  113.                     
  114.                 </div>
  115.                 
  116.             </div>
  117.         </div>
  118.     </div>
  119. <div class="container py-5">
  120.             <div class="row g-5">
  121.                 <div class="col-lg-7">
  122.                     <div class="section-title position-relative pb-3 mb-5">
  123.                         <h5 class="fw-bold text-primary text-uppercase">Demandez un devis d'agent de sécurité & prévention </h5>
  124.                         <h1 class="mb-0">Faites votre demande de devis gratuitement</h1>
  125.                     </div>
  126.                     <div class="row gx-3">
  127.                         <div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s">
  128.                             <h5 class="mb-4"><i class="fa fa-reply text-primary me-3"></i>Traitement sous 24H</h5>
  129.                         </div>
  130.                         <div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s">
  131.                             <h5 class="mb-4"><i class="fa fa-phone-alt text-primary me-3"></i>Réponse au téléphone immédiate</h5>
  132.                         </div>
  133.                     </div>
  134.                    
  135.     <p>Chez Guardian France, nous nous engageons à fournir des solutions de sécurité personnalisées répondant aux besoins spécifiques de chaque client. Nous comprenons que chaque entreprise et propriété a des exigences uniques en matière de sécurité, c'est pourquoi nous sommes là pour vous aider à identifier les services adaptés à vos besoins.</p>
  137.     <p>Nos prestations couvrent une large gamme de services de sécurité, allant de la surveillance et l'intervention en cas d'incident, à la gestion des alarmes, l'accueil et le contrôle d'accès, la protection rapprochée, la sécurité événementielle, les enquêtes de sécurité, la formation à la sécurité, l'assistance technique, ainsi que la production de rapports et de documentation.</p>
  139.     <p>Notre équipe d'agents de sécurité est constituée de professionnels hautement qualifiés et expérimentés, dédiés à fournir des services de sécurité de première qualité. Nous sommes fiers de notre capacité à maintenir des niveaux élevés de sécurité pour nos clients tout en offrant un service client exceptionnel.</p>
  141.     <p>Pour obtenir un devis pour les services de sécurité de Guardian France, nous vous invitons à remplir notre formulaire de demande de devis en ligne ou à nous contacter directement par téléphone ou par e-mail. Nous serons ravis de discuter de vos besoins en matière de sécurité et de vous proposer un devis personnalisé répondant à vos exigences.</p>
  144.                     <div class="d-flex align-items-center mt-2 wow zoomIn" data-wow-delay="0.6s">
  145.                         <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
  146.                             <i class="fa fa-phone-alt text-white"></i>
  147.                         </div>
  148.                         <div class="ps-4">
  149.                             <h5 class="mb-2">Contactez nous</h5>
  150.                             <h4 class="text-primary mb-0">01 48 10 23 50</h4>
  151.                         </div>
  152.                     </div>
  153.                 </div>
  154.                 <div class="col-lg-5">
  155.                 <!-- Formulaire de contact -->
  156.                 <div class="col-lg-9 col-md-9 wow slideInUp mx-md-0" data-wow-delay="0.3s">
  157.                     {{ form_start(form) }}
  158. <div class="row g-7">
  159.     <center><h5 class="fw-bold text-primary text-uppercase">Formulaire de contact</h5></center>
  160.     <div class="col-md-12 mb-3">
  161.         {{ form_row(form.name, {'label_attr': {'class': 'required-label'}}) }}
  162.     </div>
  163.     <div class="col-md-12 mb-3">
  164.         {{ form_row(form.firstname, {'label_attr': {'class': 'required-label'}}) }}
  165.     </div>
  166.     <div class="col-md-12 mb-3">
  167.         {{ form_row(form.email, {'label_attr': {'class': 'required-label'}}) }}
  168.     </div>
  169.     <div class="col-md-12 mb-3">
  170.         {{ form_row(form.phone, {'label_attr': {'class': 'required-label'}}) }}
  171.     </div>
  172.     <div class="col-md-12 mb-3">
  173.         {{ form_row(form.society, {'label_attr': {'class': 'required-label'}}) }}
  174.     </div>
  175.     <div class="col-md-12 mb-3">
  176.         {{ form_row(form.adresse, {'label_attr': {'class': 'required-label'}}) }}
  177.     </div>
  178.     <div class="col-md-12 mb-3">
  179.         {{ form_row(form.city, {'label_attr': {'class': 'required-label'}}) }}
  180.     </div>
  181.     <div class="col-md-12 mb-3">
  182.         {{ form_row(form.zip, {'label_attr': {'class': 'required-label'}}) }}
  183.     </div>
  184.     <div class="col-md-12 mb-3">
  185.         {{ form_row(form.services, {'label_attr': {'class': 'required-label'}}) }}
  186.     </div>
  187.     <div class="col-12 mb-3">
  188.         {{ form_row(form.subject, {'label_attr': {'class': 'required-label'}}) }}
  189.     </div>
  190.     <div class="form-check mb-3">
  191.         {{ form_widget(form.consent, {'attr': {'class': 'form-check-input'}}) }}
  192.         {{ form_label(form.consent, null, {'label_attr': {'class': 'form-check-label'}}) }}
  193.     </div>
  194.     <div class="col-12">
  195.         <button class="btn btn-primary w-100 py-3" type="submit">Envoyer</button>
  196.     </div>
  197. </div>
  198. {{ form_end(form) }}
  200.                 </div>
  201.             </div>
  202.             </div>
  204.   {{ include('partenaire.html.twig') }}
  206. <style>
  207. .required-label::before {
  208.     content: "*";
  209.     color: red;
  210.     margin-right: 5px;
  211. }
  213. .popup {
  214.         position: fixed;
  215.         top: 0;
  216.         left: 0;
  217.         width: 100%;
  218.         height: 100%;
  219.         background-color: rgba(0, 0, 0, 0.7);
  220.         display: flex;
  221.         justify-content: center;
  222.         align-items: center;
  223.     }
  225.     .modal {
  226.     display: none;
  227.     position: fixed;
  228.     z-index: 1;
  229.     left: 0;
  230.     top: 0;
  231.     width: 100%;
  232.     height: 100%;
  233.     background-color: rgba(0, 0, 0, 0.5);
  234. }
  236. .modal-content {
  237.     background-color: #fff;
  238.     max-width: 400px;
  239.     margin: 100px auto;
  240.     padding: 20px;
  241.     border-radius: 5px;
  242.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  243.     position: relative;
  244. }
  246. .close {
  247.     position: absolute;
  248.     top: 10px;
  249.     right: 10px;
  250.     font-size: 20px;
  251.     cursor: pointer;
  252. }
  254. button {
  255.     background-color: #17bebb;
  256.     color: #fff;
  257.     border: none;
  258.     padding: 10px 20px;
  259.     border-radius: 5px;
  260.     cursor: pointer;
  261. }
  263. button:hover {
  264.     background-color: #0b8c8a;
  265. }
  266. </style>
  268. {% endblock %}