diff --git a/lang/fr/front.php b/lang/fr/front.php
index 88168b0e..817a8ed2 100644
--- a/lang/fr/front.php
+++ b/lang/fr/front.php
@@ -13,7 +13,7 @@ return [
"all_recipes" => "voir toutes nos recettes"
],
"know_more" => "en savoir plus",
- "ovoteam_commit" => "ovoteam s'engage",
+ "ovoteam_commit" => "nos engagements",
"discover_our_commit" => "découvrez nos engagements",
"ovoteam_recipe" => "recettes ovoteam",
"image" => [
diff --git a/public/assets/img/commitments/1fabrique-en-france.png b/public/assets/img/commitments/1fabrique-en-france.png
new file mode 100644
index 00000000..a2802d1f
Binary files /dev/null and b/public/assets/img/commitments/1fabrique-en-france.png differ
diff --git a/public/assets/img/commitments/2large-gamme-issue-d-039-elevages-plein-air.png b/public/assets/img/commitments/2large-gamme-issue-d-039-elevages-plein-air.png
new file mode 100644
index 00000000..59c6a51b
Binary files /dev/null and b/public/assets/img/commitments/2large-gamme-issue-d-039-elevages-plein-air.png differ
diff --git a/public/assets/img/commitments/3a-vos-cotes-depuis-1963.png b/public/assets/img/commitments/3a-vos-cotes-depuis-1963.png
new file mode 100644
index 00000000..6a3d7cea
Binary files /dev/null and b/public/assets/img/commitments/3a-vos-cotes-depuis-1963.png differ
diff --git a/resources/ts/front/Components/Theme/Sections/TripleColSection.tsx b/resources/ts/front/Components/Theme/Sections/TripleColSection.tsx
index 5c3e05a9..938239cd 100644
--- a/resources/ts/front/Components/Theme/Sections/TripleColSection.tsx
+++ b/resources/ts/front/Components/Theme/Sections/TripleColSection.tsx
@@ -2,7 +2,7 @@
import { CustomButtonVariant, TextProps } from "@/types/front";
import TripleCol, { TripleColType } from "$/uwil/TripleCol";
import { ButtonProps } from "@/components/ui/button";
-import { BgColorName, bgColors } from "@/front/lib/constants";
+import { BgColorName, bgColors, ImageShapeName, imageShapes } from "@/front/lib/constants";
import Section from "$/uwil/Section";
import { cn } from "@/lib/utils";
@@ -17,6 +17,7 @@ type TripleColSectionProps = {
};
variant?: BgColorName;
className?: string;
+ shape?: ImageShapeName;
};
/**
@@ -45,6 +46,7 @@ type TripleColSectionProps = {
* @property {Object} button - Optional CTA button
* @property {string} button.label - Button text
* @property {string} button.href - Link target
+ * @property {ImageShapeName} shape - Optional, shape of the image
* @property {string} button.variant - Button style variant
* @property {BgColorName} variant - Section background theme (default: BACKGROUND)
*
@@ -67,6 +69,7 @@ export default function TripleColSection(props: TripleColSectionProps) {
button,
variant = bgColors.BACKGROUND,
className,
+ shape = imageShapes.ROUNDED
} = props;
return (
@@ -101,7 +104,7 @@ export default function TripleColSection(props: TripleColSectionProps) {
},
})}
>
-