98 lines
3 KiB
TypeScript
98 lines
3 KiB
TypeScript
import GroundChicken from "&/images/labels/1.Poules_Sol.png";
|
|
import AirChicken from "&/images/labels/2.Poules_Plein_Air.png";
|
|
import Bio from "&/images/labels/3.Logo_Bio.jpg";
|
|
import Cee2 from "&/images/labels/4.Logo_Gamme_CEE2.png";
|
|
import Heart from "&/images/labels/5.Logo_Bleu_Blanc_Coeur.png";
|
|
import Red from "&/images/labels/6.Logo_Label_Rouge.png";
|
|
import Master from "&/images/labels/7.Logo_C_est_qui_le_patron.png";
|
|
import Ethique from "&/images/labels/8.Logo_Agri-éthique.png";
|
|
import CarouselSection from "@/front/Components/Theme/Sections/CarouselSection";
|
|
import { usePeekCarouselOptions } from "@/front/lib/carousels";
|
|
import { bgColors, imageShapes } from "@/front/lib/constants";
|
|
import { TextProps } from "@/types/front";
|
|
import { ButtonSectionProps } from "./Section";
|
|
|
|
export default function LabelSlider({
|
|
title,
|
|
description,
|
|
button,
|
|
}: {
|
|
title: TextProps;
|
|
description: TextProps;
|
|
button: ButtonSectionProps;
|
|
}) {
|
|
return (
|
|
<CarouselSection
|
|
carousel={usePeekCarouselOptions()}
|
|
shape={imageShapes.SQUARE}
|
|
variant={bgColors.PRIMARY}
|
|
title={title}
|
|
description={description}
|
|
button={button}
|
|
items={[
|
|
{
|
|
image: {
|
|
alt: 'Pictogramme "Poules au Sol" Ovoteam.',
|
|
title: "Nous proposons des produits issus de poules élevées au sol",
|
|
src: GroundChicken,
|
|
},
|
|
},
|
|
{
|
|
image: {
|
|
alt: 'Pictogramme "Poules Plein Air" Ovoteam.',
|
|
title:
|
|
"Nous proposons des produits issus de poules élevées en plein air.",
|
|
src: AirChicken,
|
|
},
|
|
},
|
|
{
|
|
image: {
|
|
alt: 'Logo "Agriculture biologique".',
|
|
title:
|
|
"Nous proposons des produits issus de poules élevées en agriculture biologique.",
|
|
src: Bio,
|
|
},
|
|
},
|
|
{
|
|
image: {
|
|
alt: 'Pictogramme "Gamme CEE2" Ovoteam.',
|
|
title:
|
|
'Nous proposons des produits "Certification environnementale de niveau 2" éligibles EGALIM.',
|
|
src: Cee2,
|
|
},
|
|
},
|
|
{
|
|
image: {
|
|
alt: 'Logo "Bleu Blanc Cœur"',
|
|
title:
|
|
'Nous proposons des produits labélisés "Bleu Blanc Cœur" éligibles EGALIM.',
|
|
src: Heart,
|
|
},
|
|
},
|
|
{
|
|
image: {
|
|
alt: 'Logo "Label Rouge"',
|
|
title: 'Nous proposons des produits "Label Rouge"',
|
|
src: Red,
|
|
},
|
|
},
|
|
{
|
|
image: {
|
|
alt: 'Logo "C\'est qui le patron?"',
|
|
title:
|
|
'Nous proposons des produits labélisés "C\'est qui le patron?"',
|
|
src: Master,
|
|
},
|
|
},
|
|
{
|
|
image: {
|
|
alt: 'Logo "Agri-Ethique France"',
|
|
title:
|
|
'Nous proposons des produits labélisés "Agri-Ethique France"',
|
|
src: Ethique,
|
|
},
|
|
},
|
|
]}
|
|
/>
|
|
);
|
|
}
|