@@ -11,7 +11,7 @@ export const Infos = () => {
1111 modules = { [ Pagination , Autoplay ] }
1212 spaceBetween = { 0 }
1313 pagination = { { clickable : true } }
14- autoplay = { { delay : 4000 , disableOnInteraction : false } }
14+ autoplay = { { delay : 4000 , disableOnInteraction : true } }
1515 loop = { true }
1616 className = "w-full"
1717 style = { { height : "100%" , maxHeight : "600px" } }
@@ -81,6 +81,42 @@ export const Infos = () => {
8181 </ section >
8282 </ div >
8383 </ div >
84+
85+ { /* Roulette des partenaires */ }
86+ < div className = "bg-gray-100 py-12" >
87+ < h3 className = "text-2xl sm:text-3xl font-bold text-center text-blue-700 mb-8" >
88+ Nos Partenaires
89+ </ h3 >
90+ < Swiper
91+ modules = { [ Autoplay ] }
92+ spaceBetween = { 30 }
93+ slidesPerView = { 2 }
94+ breakpoints = { {
95+ 640 : { slidesPerView : 3 } ,
96+ 1024 : { slidesPerView : 5 } ,
97+ } }
98+ autoplay = { { delay : 3000 , disableOnInteraction : false } }
99+ loop = { true }
100+ className = "px-4"
101+ >
102+ { [
103+ { logo : "CIC.jpg" , name : "CIC" , link : "https://www.cic.fr/fr/particuliers.html" } ,
104+ { logo : "CVEC.jpg" , name : "CVEC" , link : "https://www.crous-reims.fr/le-crous/la-contribution-vie-etudiante-et-de-campus-cvec-une-demarche-obligatoire-et-utile-pour-les-etudiants/" } ,
105+ { logo : "DAMONTE.jpg" , name : "DAMONTE" , link : "https://www.yves-damonte.fr/" } ,
106+ { logo : "FONDATIONUTT.jpg" , name : "Partenaire D" , link : "https://partenaire-d.fr" }
107+ ] . map ( ( partner , i ) => (
108+ < SwiperSlide key = { i } className = "flex items-center justify-center" >
109+ < a href = { partner . link } target = "_blank" rel = "noopener noreferrer" >
110+ < img
111+ src = { `/img/${ partner . logo } ` }
112+ alt = { `Logo ${ partner . name } ` }
113+ className = "h-20 sm:h-24 object-contain grayscale hover:grayscale-0 transition duration-300"
114+ />
115+ </ a >
116+ </ SwiperSlide >
117+ ) ) }
118+ </ Swiper >
119+ </ div >
84120 </ div >
85121 ) ;
86122} ;
0 commit comments