feat: Changement de position des modalités

README.md

@@ -12,7 +12,13 @@ Vous pouvez retrouver les parties suivantes :
 - Les traductions sont dans le dossier [i18n](./i18n/), on peut retrouver [le français](./i18n/fr.yaml) ainsi que [l'anglais](./i18n/en.yaml)
 - Les articles de blog sont dans le dossier [content](./content/) et sont spécifique aux langues
 - Les images statiques sont dans le dossier [static/images](./static/images/) aucun traitement n'est effectué par Hugo, il faut donc qu'elles soient optimisées
-- Les données des différentes parties de la page d'accueil sont dans le dossier [data](./data/) avec une partie en [français](./data/fr/) et en [anglais](./data/en/)
+- Les données des différentes parties de la page d'accueil sont dans le dossier [data](./data/) avec une partie en [français](./data/fr/) et en [anglais](./data/en/) 
+    - Les [services](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/service.yml) 
+    - Les [modalités](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/cta.yml) 
+    - Le [Bandeau SAP](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/feature.yml)
+    - La [zone d'intervention](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/skill.yml)
+    - La [vision](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/about.yml)
+    - Les [contacts](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/contact.yml)
 - L'ordre des parties sur la page d'accueil sont dans le fichier [index.html](./themes/meghna-hugo/layouts/index.html)
 
 ## Technologie

config/_default/config.yml

@@ -17,7 +17,8 @@ defaultContentLanguage: fr
 
 params:
   # Le descriptif de la page d'accueil très important pour les moteurs de recherche
-  description: Responsive Multipurpose Parallax Hugo Template
+  description: Entreprise de Jardinage à vélo à Bordeaux et alentours  Entretien de vos espaces-verts avec une approche écologique pour transformer votre paysage. Les déchets verts issus de la taille des végétaux sont utilisés pour la vitalisation de vos massifs, arbustes, haies, et diverses plantations. Travaux sans produits phytosanitaires.
+
   # Un peu de publicité pour Weko
   author: Weko
   plugins:

content/french/mentions-legales.md

@@ -5,13 +5,16 @@ date: 2022-09-13
 
 ## Éditeur
 
-Le site WEB https://jarnat.fr est édité par :  
+Le site WEB https://jarnat.fr est édité par la SARL JARNAT, immatriculée 91440400900013.  
-XXX  
+Jarnat est une entreprise de l'économie sociale et solidaire.
-Immatriculée 
 
 ## Directeur de publication
 
-xxx
+JARNAT
+
+## Identité visuelle
+
+Jean-Luc Gehres / [welcomedesign.fr](https://welcomedesign.fr)
 
 ## Hébergement
 

data/fr/about.yml

@@ -18,4 +18,4 @@ about:
 
   - icon : #ti-thought # themify icon pack : https://themify.me/themify-icons
     title : Travail pour mieux vivre en ville
-    content : Nous vous proposons de transformer votre jardin de manière douce et durable par son entretien. Ainsi les végétaux pourront améliorer la qualité de l’air et y accroître la fraîcheur, limiter l’impact des canicules et des inondations, et tendre vers un équilibre pour la biodiversité. De plus, notre objectif est de vous transmettre un maximum de notre travail, afin de vous permettre d’être autonome !
+    content : Nous vous proposons de transformer votre jardin de manière douce et durable par son entretien. Ainsi les végétaux pourront améliorer la qualité de l’air et y accroître la fraîcheur, limiter l’impact des canicules et des inondations, et tendre vers un équilibre pour la biodiversité. Notre objectif est de vous transmettre un maximum de notre travail pour vous permettre d’être autonome.

data/fr/contact.yml

@@ -1,13 +1,10 @@
 ############################## Contact #############################
 contact:
   enable : true
-  title : Contact
+  title : "Contact"
   #subtitle : Contact Details
   content : |
-    Nous viendrons vous rencontrer lors d’un passage gratuit, pour comprendre vos besoins et expliquer nos méthodes.
+    Une question à propos de nos prestations ? Une demande liée à votre jardin ? N’hésitez pas à nous contacter, nous serons ravis d’échanger avec vous !  
-
-    Dans un second temps nous pourrons vous proposer un diagnostic permettant de transformer en douceur votre jardin et/ou entretenir vos végétaux (forfait ou prestation ponctuelle)
-
 
   # Contact details
   contact_list:

data/fr/cta.yml

@@ -1,11 +1,23 @@
 ############################# call to action ##############################
 cta:
   enable : true
-  bg_image : "images/backgrounds/bg-white-wall.jpg"
+  #bg_image : "images/backgrounds/bg-white-wall.jpg"
-  bg_image_webp : "images/backgrounds/bg-white-wall.webp"
+  #bg_image_webp : "images/backgrounds/bg-white-wall.webp"
-  title : "Great Design & Incredible Features"
+  title : "Nos modalités"
-  content : "Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis tenetur odio impedit incidunt? Omnis accusantium ea reiciendis, fugit commodi nostrum."
+  content : |
-  button:
+    Jarnat entretient des parcs et jardins pour des **entreprises, résidences, associations, bailleurs et particuliers**.  
-    enable : true
+    
-    label : "Start a project with us"
+    Une question à propos de nos prestations ? Une demande liée à votre jardin ? N’hésitez pas à nous contacter, nous serons ravis d’**échanger avec vous** !  
-    link : "#contact"
+    
+    Nous venons vous rencontrer lors d’un **passage gratuit**, pour faire connaissance avec vous et votre jardin.  
+    Ensuite nous vous proposons un devis pour intervenir selon votre besoin.
+    
+    Dans un second temps nous pourrons mettre en place un forfait et nous occuper de **transformer en douceur votre jardin durablement, par son entretien**.
+
+  call_to_action :
+    - icon : ti-mobile # themify icon pack : https://themify.me/themify-icons
+      text : 06 99 99 00 33
+      link : "tel:0699990033"
+    - icon : ti-email # themify icon pack : https://themify.me/themify-icons
+      text : bonjour@jarnat.fr
+      link : mailto:bonjour@jarnat.fr

data/fr/feature.yml

@@ -5,10 +5,10 @@ feature:
 #  image_webp : images/about/about-business-man.webp
   image : images/jarnat-icon.svg
   image_webp : images/jarnat-icon.svg
-  title : Entretien des jardins de particuliers, entreprises, résidences, associations, bailleurs
+  title : Vous êtes un particulier ?
   content : |
-    Particulier ? Bénéficiez du [Service À la Personne (SAP)](https://www.jardiniers-professionnels.fr/credit-dimpot-et-entretien-de-jardin/) 50% du prix est pris en charge en partenariat avec la coopérative basque Jardiniers professionnels.  
+    Bénéficiez du [Service À la Personne (SAP)](https://www.jardiniers-professionnels.fr/credit-dimpot-et-entretien-de-jardin/) 50% du coût est pris en charge en partenariat avec la coopérative basque Jardiniers professionnels.  
-    Contactez-nous et nous passerons vous rencontrer gratuitement.
+  
   call_to_action:
     text: Comment avoir une réduction de 50% ?
     link: "https://www.jardiniers-professionnels.fr/credit-dimpot-et-entretien-de-jardin/"

data/fr/service.yml

@@ -1,7 +1,7 @@
 ################################# Service #################################
 service:
   enable : true
-  title : Nos services de jardinier, à la carte
+  title : Nos services de jardinier à la carte
   service_item :
     # service item loop
     - name : Entretien classique de jardins
@@ -19,8 +19,7 @@ service:
     - name : Accompagnement sur-mesure
       icon : #ti-layout # themify icon pack : https://themify.me/themify-icons
       content : |
-          Diagnostic de votre jardin  
+          Diagnostic de votre jardin   
-          Baisse des coûts d’entretien  
           Inventaire et cartographie  
           Plan de suivi et d’entretien personnalisé  
           Gestion différenciée du jardin  
@@ -33,7 +32,6 @@ service:
     - name : Approche écologique
       icon : #ti-blackboard # themify icon pack : https://themify.me/themify-icons
       content : |
-          Outillage manuel et électrique  
           Broyage sur place  
           Gestion circulaire des déchets  
           Paillage d’hiver et couvert végétal  

data/fr/skill.yml

@@ -1,11 +1,12 @@
 ################################# Skill ##################################
 skill:
   enable : true
-  title : "Nos modalités"
+  #title : "Notre zone d'intervention"
   subtitle : "Notre zone d'intervention"
-  content : |
+  # content : |
-    Vos cyclistes jardiniers sont en capacité de venir s’occuper de vos jardins sur les communes de Bordeaux, Bègles, Villenave d’Ornon, Talence, Pessac, Mérignac, Le Bouscat, Bruges et Floirac.  
+  content_blocks:
-    A Bordeaux, nous passons dans tous les quartiers, de l'hypercentre à Caudéran, Chartrons, Grand Parc, Jardin Public, La Bastide, Nansouty, Saint-Genès, Saint-Augustin, Tauzin, Alphonse Dupeux, La Benauge, Saint-Jean, Bacalan, Saint Seurin, Faudondège, Quinconces, Capucins, Victoire, Mériadeck, Saint-Pierre, Ginko, Saint-Bruno.
+    - Nos cyclistes jardiniers sont en capacité de venir s’occuper de vos jardins sur les communes de Bordeaux, Bègles, Villenave d’Ornon, Talence, Pessac, Mérignac, Le Bouscat, Bruges et Floirac.
+    - A Bordeaux, nous passons dans tous les quartiers, de l'hypercentre à Caudéran, Chartrons, Grand Parc, Jardin Public, La Bastide, Nansouty, Saint-Genès, Saint-Augustin, Tauzin, Alphonse Dupeux, La Benauge, Saint-Jean, Bacalan, Saint Seurin, Fondaudège, Quinconces, Capucins, Victoire, Mériadeck, Saint-Pierre, Ginko, Saint-Bruno.
 #  image : images/about/company-growth.webp
   image : images/about/carte.svg
   call_to_action :

themes/meghna-hugo/assets/css/style.css

@@ -96,6 +96,7 @@ a:hover {
   padding: 10px 30px;
   border-radius: 0;
   transition: all .3s ease-in 0s;
+  font-size: 1.1rem;
 }
 
 .btn.btn-primary {
@@ -171,6 +172,7 @@ a:hover {
 
 .bg-one {
   background-color: var(--green);
+  color: white;
 }
 
 .bg-dark {
@@ -245,18 +247,34 @@ a:hover {
 }
 
 .section {
-  padding: 100px 0;
+  padding: 5rem 0;
 }
 
 @media (max-width: 768px) {
   .section {
-    padding: 80px 0;
+    padding: 4rem 0;
   }
 }
 
 @media (max-width: 480px) {
   .section {
-    padding: 50px 0;
+    padding: 3rem 0;
+  }
+}
+
+.section.stick {
+  padding: 5rem 0 0;
+}
+
+@media (max-width: 768px) {
+  .section.stick {
+    padding: 4rem 0 0;
+  }
+}
+
+@media (max-width: 480px) {
+  .section.stick {
+    padding: 3rem 0 0;
   }
 }
 
@@ -443,6 +461,10 @@ a:hover {
   border-color: #fff;
 }
 
+strong {
+  font-variation-settings: 'wght' 500
+}
+
 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
@@ -519,11 +541,23 @@ a:hover {
 
 .hero-area .block p {
   color: #fff;
-  font-size: 20px;
+  font-size: 30px;
   width: 70%;
   margin: 0 auto;
 }
 
+@media (max-width: 992px) {
+  .hero-area .block p {
+    font-size: 25px;
+  }
+}
+
+@media (max-width: 575px) {
+  .hero-area .block p {
+    font-size: 20px;
+  }
+}
+
 .hero-area .block .btn-transparent {
   margin-top: 40px;
   border-color: #fff;
@@ -607,12 +641,10 @@ a:hover {
 
 .call-to-action h2 {
   font-weight: 700;
-  color: #444;
 }
 
 .call-to-action p {
   font-size: 16px;
-  color: #666;
 }
 
 .call-to-action .btn-main {
@@ -707,6 +739,7 @@ a:hover {
 
 .con-info {
   margin-bottom: 20px;
+  font-size: 1.1rem;
 }
 
 .con-info i,
@@ -714,6 +747,10 @@ a:hover {
   padding-right: 5px;
 }
 
+.con-info strong a {
+  font-size: 1.4rem;
+}
+
 .error {
   display: none;
   padding: 10px;

themes/meghna-hugo/layouts/index.html

@@ -6,6 +6,8 @@
 
 {{ partial "service.html" . }}
 
+{{ partial "cta.html" . }}
+
 {{ partial "feature.html" . }}
 
 {{ partial "skill.html" . }}

themes/meghna-hugo/layouts/partials/banner.html

@@ -6,20 +6,21 @@
 <section class="hero-area" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
 	<img class="d-none" src="{{ .bg_image_webp | absURL }}" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" loading="lazy"/>
-
+	<div class="container">
-	<div class="block p-6">
+		<div class="block p-6">
-		{{ if .icon }}
+			{{ if .icon }}
-		<div class="video-button">
+			<div class="video-button">
-			<i class="{{ .icon }}"></i>
+				<i class="{{ .icon }}"></i>
+			</div>
+			{{ end }}
+			<h1>{{ .title | markdownify }}</h1>
+			<p>{{ .content | markdownify }}</p>
+			{{ if .button.enable }}
+			{{ with .button }}
+			<a href="{{ .link }}" class="btn btn-transparent page-scroll">{{ .label }}</a>
+			{{ end }}
+			{{ end }}
 		</div>
-		{{ end }}
-		<h1>{{ .title | markdownify }}</h1>
-		<p>{{ .content | markdownify }}</p>
-		{{ if .button.enable }}
-		{{ with .button }}
-		<a href="{{ .link }}" class="btn btn-transparent page-scroll">{{ .label }}</a>
-		{{ end }}
-		{{ end }}
 	</div>
 </section>
 {{"<!-- /Welcome Slider-->" | safeHTML}}

themes/meghna-hugo/layouts/partials/contact.html

@@ -18,13 +18,15 @@
 
 			{{"<!-- Contact Details -->" | safeHTML}}
 			<div class="contact-info col-lg-6 wow fadeInUp" data-wow-duration="500ms">
-				{{ with .subtitle }}
+				<div class="p-3">
-				<h3>{{ . | markdownify }}</h3>
+					{{ with .subtitle }}
-				{{ end }}
+					<h3>{{ . | markdownify }}</h3>
-				{{ .content | markdownify }}
+					{{ end }}
+					{{ .content | markdownify }}
+				</div>
 			</div>
 
-			<div class="contact-details col-lg-6">
+			<div class="contact-details col-lg-6 mt-5 mt-lg-0">
 				{{ range .contact_list }}
 				<div class="con-info clearfix">
 					<i class="{{ .icon }}"></i>

themes/meghna-hugo/layouts/partials/cta.html

@@ -3,19 +3,30 @@
 {{ if $data.cta.cta.enable}}
 {{ with $data.cta.cta}}
 {{"<!-- Start Call To Action -->" | safeHTML}}
-<section id="cta" class="call-to-action section-sm bg-1 overly" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
+<section id="modalites" class="call-to-action section bg-one" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
 	<img src="{{ .bg_image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'">
 	<div class="container">
-		<div class="row">
+		<div class="row justify-content-lg-center">
-			<div class="col-lg-12 text-center">
+			<div class="col-lg-9">
-				<h2>{{ .title | markdownify }}</h2>
+				<div class="p-3">
-				<p>{{ .content | markdownify }}</p>
+					<div class="title text-center wow fadeIn">
-				{{ if .button.enable }}
+						<h2>{{ .title | markdownify }}</h2>
-				{{ with .button }}
+					</div>
-				<a href="{{ .link }}" class="btn btn-main page-scroll">{{ .label }}</a>
+					<p>{{ .content | markdownify }}</p>
-				{{ end }}
+					{{ if .button.enable }}
-				{{ end }}
+					{{ with .button }}
+					<a href="{{ .link }}" class="btn btn-main page-scroll">{{ .label }}</a>
+					{{ end }}
+					{{ end }}
+					{{ with .call_to_action }}
+					<div class="text-center pt-3 px-3">
+						{{ range . }}
+						<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
+						{{ end }}
+					</div>
+					{{ end }}
+				</div>
 			</div>
 		</div>
 	</div>

themes/meghna-hugo/layouts/partials/feature.html

@@ -3,9 +3,9 @@
 {{ if $data.feature.feature.enable }}
 {{ with $data.feature.feature }}
 {{"<!-- feature -->" | safeHTML}}
-<section class="section section-bg p-3" id="feature">
+<section class="section section-bg" id="feature">
 	<div class="container-fluid">
-		<div class="row justify-content-center align-items-center">
+		<div class="row justify-content-center align-items-center p-3">
 			<div class="col-12 col-md-2 m-md-0 m-5 m-md-3" style="height: 150px; background-image: url('{{ .image_webp | absURL }}'); background-size: contain; background-position: center; background-repeat: no-repeat; ">
 				<!-- this image is for trigger this section fallback background image -->
 				<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'" loading="lazy">
@@ -15,7 +15,9 @@
 					<h2>{{ .title | markdownify }}</h2>
 					<p>{{ .content | markdownify }}</p>
 					{{ with .call_to_action }}
-					<a class="btn btn-primary" href="{{ .link | safeURL }}">{{ .text }}</a>
+					<div class="text-center text-md-left pt-3 px-3">
+						<a class="btn btn-primary" href="{{ .link | safeURL }}">{{ .text }}</a>
+					</div>
 					{{ end }}
 					<div class="row">
 						{{ range .feature_item }}

themes/meghna-hugo/layouts/partials/navigation.html

@@ -10,7 +10,7 @@
 				{{ end }}
 			</a>
 
-			<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
+			<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation" onfocusout="this.click()">
 				<span class="navbar-toggler-icon"></span>
 			</button>
 

themes/meghna-hugo/layouts/partials/service.html

@@ -3,7 +3,7 @@
 {{ if $data.service.service.enable}}
 {{ with $data.service.service}}
 {{"<!-- service -->" | safeHTML }}
-<section id="services" class="bg-one section">
+<section id="services" class="bg-one section stick">
 	<div class="container">
 		<div class="row justify-content-center">
 			<div class="col-lg-12">

themes/meghna-hugo/layouts/partials/skill.html

@@ -3,8 +3,9 @@
 {{ if $data.skill.skill.enable }}
 {{ with $data.skill.skill }}
 {{"<!-- Skills -->" | safeHTML }}
-<section id="modalites" class="section bg-one">
+<section id="skills" class="section bg-one stick">
 	<div class="container">
+		{{ if .title }}
 		<div class="row">
 			{{"<!-- section title -->" | safeHTML }}
 			<div class="col-lg-12">
@@ -15,22 +16,37 @@
 			</div>
 			{{"<!-- /section title -->" | safeHTML }}
 		</div>
+		{{ end }}
 		<div class="row">
 			{{ with .image }}
-			<div class="col-lg-6 p-3 text-center">
+			<div class="col-lg-6 text-center">
-				<img class="img-fluid" src="{{ . | absURL }}" alt="image" loading="lazy">
+				<div class="p-3">
+					<img class="img-fluid" src="{{ . | absURL }}" alt="image" loading="lazy">
+				</div>
 			</div>
 			{{ end }}
-			<div class="col-lg-{{ with .image }}6{{else}}12{{ end }} p-3">
+			<div class="col-lg-{{ with .image }}6{{else}}12{{ end }}">
-				<h2>{{ .subtitle | markdownify }}</h2>
+				<div class="p-3">
-				<p> {{ .content | markdownify }}</p>
+					<h2>{{ .subtitle | markdownify }}</h2>
-				{{ with .call_to_action }}
+					<p> {{ .content | markdownify }}</p>
-				<div class="text-center p-3">
+					{{ if .content_blocks }}
-					{{ range . }}
+					{{ $col := div 12 (len .content_blocks) }}
-					<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
+					<div class="row">
+						{{ range .content_blocks }}
+					<div class="col-sm-{{ $col }} col-12">
+						<p>{{ . | markdownify }}</p>
+					</div>
+					{{ end }}
+					</div>
+					{{ end }}
+					{{ with .call_to_action }}
+					<div class="text-center p-3">
+						{{ range . }}
+						<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
+						{{ end }}
+					</div>
 					{{ end }}
 				</div>
-				{{ end }}
 			</div>
 		</div>
 	</div>