search

content/pages/devenez-conducteur-solidaire/index.md

@@ -6,6 +6,8 @@ menu:
     weight: 2
 etapesTitle: "Une démarche simple et pratique"
 depliantLink: "depliant_covoiturage.pdf"
+ctaText: "Vous aussi, devenez conducteur solidaire !"
+ctaLink: "https://docs.google.com/forms/d/e/1FAIpQLSfZ1QFpt2iuYsx4d9zhOKZ-DIiuW_NJxZ14R808eOfJDch9-g/viewform"
 ---
 
 Aidez une personne de votre territoire sans solution de transport pour un trajet ponctuel.

content/pages/nos-solutions-de-mobilite/garage-solidaire.md

@@ -3,4 +3,4 @@ title: Garage solidaire
 image: images/visuels/Garage-solidaire-Eric-Soudan.png
 weight: 6
 ---
-Solidarauto43 est un garage réservé aux quotients familiaux inférieur à 950 €. Locations, vente et réparations de véhicules, conseils pour l'achat en direct à un particulier. En savoir plus sur [Solidarauto43](https://solidarauto.org/garage-solidaire-le-puy-en-velay/)
+Solidarauto43 est un garage réservé aux quotients familiaux inférieur à 950 €. Locations, vente et réparations de véhicules, conseils pour l'achat en direct à un particulier. [En savoir plus sur Solidarauto43](https://solidarauto.org/garage-solidaire-le-puy-en-velay/)

hugo.toml

@@ -20,10 +20,12 @@ line2after = "EN HAUTE-LOIRE"
 
 [params.search]
 title = "Rechercher un trajet"
-labelDepart = "Départ"
+labelDepart = "Départ : Indiquez une adresse précise"
-labelDestination = "Destination"
+labelDestination = "Destination : Indiquez une adresse précise"
 labelDate = "Date"
-labelHeure = "Heure"
+labelHeure = "Heure départ"
+placeholderDepart = "Ex : 1 place du Breuil, Le Puy-en-Velay"
+placeholderDestination = "Ex : 24 boulevard du Montferrand, Le Puy-en-Velay"
 buttonText = "Rechercher"
 
 [params.video]

themes/mms43/assets/css/main.css

@@ -874,6 +874,38 @@ main {
   left: -80px;
 }
 
+/* Sidebar Conducteur */
+.conducteur-sidebar {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  align-items: center;
+}
+
+/* CTA Conducteur */
+.cta-conducteur {
+  width: 100%;
+  text-align: center;
+}
+
+.cta-conducteur-button {
+  display: inline-block;
+  background-color: var(--color-highlight);
+  color: var(--color-white);
+  padding: 1rem 2rem;
+  border-radius: 25px;
+  text-decoration: none;
+  font-size: 20px;
+  font-weight: 700;
+  transition: opacity 0.2s, transform 0.2s;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
+}
+
+.cta-conducteur-button:hover {
+  opacity: 0.9;
+  transform: translateY(-2px);
+}
+
 /* Plus d'infos */
 .plus-infos {
   width: 100%;

themes/mms43/layouts/_partials/search-block.html

@@ -36,7 +36,7 @@
           @focus="departure.showResults = departure.results.length > 0"
           @click.outside="departure.showResults = false"
           autocomplete="off"
-          placeholder=""
+          placeholder="{{ site.Params.search.placeholderDepart }}"
           :class="{ 'input-error': errors.departure }"
           required />
         <ul class="autocomplete-results" x-show="departure.showResults && departure.results.length > 0" x-cloak>
@@ -62,7 +62,7 @@
           @focus="destination.showResults = destination.results.length > 0"
           @click.outside="destination.showResults = false"
           autocomplete="off"
-          placeholder=""
+          placeholder="{{ site.Params.search.placeholderDestination }}"
           :class="{ 'input-error': errors.destination }"
           required />
         <ul class="autocomplete-results" x-show="destination.showResults && destination.results.length > 0" x-cloak>
@@ -179,7 +179,7 @@
         }
 
         try {
-          const response = await fetch(`https://api-adresse.data.gouv.fr/search/?q=${encodeURIComponent(fieldData.input)}&limit=5`);
+          const response = await fetch(`https://data.geopf.fr/geocodage/search/?q=${encodeURIComponent(fieldData.input)}&limit=5`);
           const json = await response.json();
           fieldData.results = json.features || [];
           fieldData.showResults = fieldData.results.length > 0;

themes/mms43/layouts/pages/devenez-conducteur-solidaire.html

@@ -62,6 +62,13 @@
         </div>
       {{ end }}
 
+      <div class="conducteur-sidebar">
+        {{ with .Params.ctaLink }}
+        <div class="cta-conducteur">
+          <a href="{{ . }}" class="cta-conducteur-button" target="_blank">{{ $.Params.ctaText | default "Vous aussi, devenez conducteur solidaire !" }}</a>
+        </div>
+        {{ end }}
+
         <div class="plus-infos">
           {{ $downloadIcon := resources.Get "images/picto/Telechargez.svg" }}
           <h3 class="plus-infos-title">{{ .Params.plusInfosTitle | default "Plus d'infos ?" }}</h3>
@@ -78,6 +85,7 @@
           {{ end }}
         </div>
       </div>
+    </div>
 
     <div class="conducteur-video">
       <div class="conducteur-video-container">
@@ -91,14 +99,5 @@
       </div>
     </div>
 
-    {{ $pageFooter := where $allResources "Params.type" "page-footer" }}
-    {{ range $pageFooter }}
-      <div class="page-footer-section">
-        <h2 class="page-footer-title">{{ .Title }}</h2>
-        <div class="page-footer-content">
-          {{ .Content }}
-        </div>
-      </div>
-    {{ end }}
   </section>
 {{ end }}

themes/mms43/layouts/pages/nos-solutions-de-mobilite.html

@@ -29,7 +29,7 @@
               {{ if $iconClose }}<img src="{{ $iconClose.RelPermalink }}" alt="" />{{ end }}
             </div>
             <div class="solution-content">
-              <p class="solution-text">{{ .Content | plainify }}</p>
+              <div class="solution-text">{{ .Content }}</div>
             </div>
           </div>
         </div>