@extends('layouts.master_pages',['title'=>'home '])

@section('intro_home')
<!-- Intro Section -->
<div class="view jarallax" data-jarallax data-speed="0.2" style="background-image: url('{{ asset('img/site/Bureau_2.png') }}'); background-repeat: no-repeat; background-size: cover; background-position: center center;">
    <div class="mask">
        <div class="container h-100 d-flex justify-content-center align-items-center">
            <div class="row pt-5 mt-3">
                <div class="col-md-12 mb-3">
                    <div class="intro-info-content text-center">
                        <!-- Carte avec fond transparent -->
                        <div class="card rgba-black-light">
                            <div class="card-body">
                                <h1 class="text-white">Redéfinir la Propreté <br>pour un Retour au Bureau<br>Inspirant</h1>
                            </div>
                        </div>
                        <!-- Fin de la carte -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('content_home')
<!-- Première Section -->
<br>
<br>
<div class="container">
    <div class="row align-items-center" style="min-height: 80vh;">
        <div class="col-md-6">
            <h2>Notre Vision</h2>
            <p>Notre conviction chez <span class="pure-color">PURE</span> est que l'environnement de travail est le fondement du bien-être et de la productivité des employés. <br> <br>Dans une ère où le plein présentiel redevient une norme, nous nous dédions à transformer chaque bureau en un havre de propreté et de santé. Nous croyons que la confiance des employés en la sécurité de leur espace de travail est cruciale pour un retour serein et motivé.</p>
        </div>
        <div class="col-md-6">
            <img src="{{ asset('img/site/vision1.png') }}" alt="Transformer l'Industrie du Nettoyage" class="img-fluid">

        </div>
    </div>
</div>
<hr>

<!-- Deuxième Section -->
<div class="container">
    <div class="row align-items-center" style="min-height: 80vh;">
        <div class="col-md-6 order-md-2">
            <h2>Notre Approche</h2>
            <p>Pour concrétiser cette vision, <span class="pure-color pure-font">PURE</span> déploie une stratégie de nettoyage qui allie rigueur et souplesse. Avec des programmes <strong>"Fixe"</strong> pour l'entretien régulier et des services <strong>"Flex"</strong> pour des besoins spécifiques, notre approche est holistique et adaptative. <br><br>Nous utilisons des technologies de pointe et des méthodologies éprouvées pour garantir des espaces non seulement impeccables mais également propices à la santé et au bien-être des employés. Notre équipe est formée pour répondre avec agilité et précision, assurant un environnement de travail optimal quelles que soient les circonstances.</p>
        </div>
        <div class="col-md-6 order-md-1">
            <img src="{{ asset('img/site/approche1.png') }}" alt="Transformer l'Industrie du Nettoyage" class="img-fluid">
        </div>
    </div>
</div>
<hr>

<!-- Troisième Section -->
<h2 class="text-center">L'excellence, Adaptée à Vos Besoins</h2>
<h4 class="text-center grey-text">Faites l'expérience de nos services personnalisés...</h4>
<div class="container">
    <div class="row align-items-center" style="min-height: 100vh;">
        <div class="col-md-6 d-flex justify-content-center align-items-center">
            <div class="card mb-4" style="width: 18rem;"> <!-- Ajout de mb-4 pour espacement sur mobile -->
              <img src="{{ asset('img/site/fixe.png') }}" class="card-img-top" alt="Services fixe"/>
              <div class="card-body">
                <p class="card-text text-center"> 
                    <ul class="list-unstyled">
                      <li class="mb-1"><i class="fas fa-check-circle me-2 text-success"></i>Nos Services Fixes</li>
                  </ul>
                  <br> La constance est la clé de notre offre "Fixe". Par des interventions programmées, nous assurons la propreté quotidienne et la maintenance des standards d'hygiène, avec une attention particulière aux zones à forte fréquentation et aux points de contact critiques.</p>
              </div>
          </div>
      </div>
      <div class="col-md-6 d-flex justify-content-center align-items-center">
        <div class="card mb-4" style="width: 18rem;"> <!-- Ajout de mb-4 pour espacement sur mobile -->
          <img src="{{ asset('img/site/flex.png') }}" class="card-img-top" alt="Services fléxibles"/>
          <div class="card-body">
            <p class="card-text text-center"> 
                <ul class="list-unstyled">
                  <li class="mb-1"><i class="fas fa-check-circle me-2 text-success"></i>Nos Services Flexibles</li>
              </ul>
              <br> La flexibilité de nos services "Flex" permet de s'adapter aux imprévus, aux événements spéciaux, ou aux variations d'effectif, avec des nettoyages approfondis et des désinfections ciblées qui renforcent la sécurité et la confiance des employés.</p>
          </div>
      </div>
  </div>
</div>
</div>
<br><br>

<!-- Section Streak -->
<div class="streak streak-photo" style="background-image: url('img/site/communaute.png')" alt=" Art numérique d'un groupe de professionnels diversifiés joignant les mains au centre au-dessus d'une table en bois rustique, symbolisant l'unité et le travail d'équipe dans un bureau de style industriel." title="Les mains jointes au centre sur une table en bois évoquent la collaboration et la solidarité professionnelle sous une lumière naturelle douce.">
    <div class="flex-center white-text pattern-5">
        <ul class="list-unstyled">
            <li>
                <h1 class="white-text"><strong>Une</strong> communauté de performance</h1>
            </li>
        </ul>
    </div>
</div>
<!-- /.Streak Section -->
      @endsection