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) { }, })} > - + ); } diff --git a/resources/ts/front/Components/Theme/TripleCol.tsx b/resources/ts/front/Components/Theme/TripleCol.tsx index 497bcfa4..b9970058 100644 --- a/resources/ts/front/Components/Theme/TripleCol.tsx +++ b/resources/ts/front/Components/Theme/TripleCol.tsx @@ -2,7 +2,7 @@ import { ImageProps, TextProps } from "@/types/front"; import Image from "$/uwil/Image"; import { cn } from "@/lib/utils"; import { Separator } from "@/components/ui/separator"; -import { BgColorName, bgColors, fonts } from "@/front/lib/constants"; +import { BgColorName, bgColors, fonts, ImageShapeName, imageShapes } from "@/front/lib/constants"; export type TripleColType = { image: ImageProps; @@ -14,10 +14,11 @@ export type TripleColType = { type Props = { cols: TripleColType[]; variant?: BgColorName; + shape?: ImageShapeName; }; export default function TripleCol(props: Props) { - const { cols, variant } = props; + const { cols, variant, shape = imageShapes.ROUNDED } = props; const width = "w-72 lg:w-56"; const height = "aspect-square lg:h-56"; @@ -33,7 +34,7 @@ export default function TripleCol(props: Props) {