From d7764d7e72c3570848360b8d991a0fdb879ef6b8 Mon Sep 17 00:00:00 2001
From: MaelBallereau <ballereau.mael@educ-valadon-limoges.fr>
Date: Mon, 6 Oct 2025 15:52:55 +0200
Subject: [PATCH 1/3] Update : img to Next.js Image component and fix one
 Tailwind syntax error

---
 components/achievements/infiniteSlider.jsx | 3 ++-
 components/contact/ContactDetails.jsx      | 2 +-
 components/gallery/slider.jsx              | 3 ++-
 components/team/memberCard.jsx             | 8 ++++----
 components/team/membersAndAlumni.jsx       | 2 +-
 components/team/teamHero.jsx               | 3 ++-
 6 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/components/achievements/infiniteSlider.jsx b/components/achievements/infiniteSlider.jsx
index ecd753a..cef2942 100644
--- a/components/achievements/infiniteSlider.jsx
+++ b/components/achievements/infiniteSlider.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import Image from "next/image";
 import { useState, useEffect } from "react";
 import Slider from 'react-infinite-logo-slider'
 
@@ -18,7 +19,7 @@ const InfiniteSlider = ({ data, direction }) => {
           {data.map((company, index) => (
             <div className="flex justify-center items-center" key={index}>
               <Slider.Slide className="">
-                <img
+                <Image
                   src={company.img_path}
                   alt={company.alt}
                   className="md:w-44 md:h-44"
diff --git a/components/contact/ContactDetails.jsx b/components/contact/ContactDetails.jsx
index f29e035..e2e0cd0 100644
--- a/components/contact/ContactDetails.jsx
+++ b/components/contact/ContactDetails.jsx
@@ -44,7 +44,7 @@ const ContactDetails = () => {
                     initial="initial"
                     whileInView="animate"
                     viewport={{ once: true }}>
-                    <img src={data.contact.img} width={155}
+                    <Image src={data.contact.img} width={155}
                         height={155}
                         alt="white bulb" />
                 </motion.div>
diff --git a/components/gallery/slider.jsx b/components/gallery/slider.jsx
index c965f9b..01942b0 100644
--- a/components/gallery/slider.jsx
+++ b/components/gallery/slider.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import Image from "next/image";
 import Carousel from "react-multi-carousel";
 import "react-multi-carousel/lib/styles.css";
 import "./styles.css";
@@ -38,7 +39,7 @@ const Slider = ({ sliderImageUrl, showDescription }) => {
                 {sliderImageUrl.map((imageUrl, index) => {
                     return (
                         <div className="slider group" key={index}>
-                            <img src={imageUrl.url} Transition={Blur} loading="lazy"/>
+                            <Image src={imageUrl.url} Transition={Blur} loading="lazy"/>
                             {showDescription && ( 
                             <div className="absolute rounded-b-[0.6rem] inset-x-0 bottom-8 bg-black bg-opacity-80 py-2 px-4 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300">
                                 <p className="text-center">{imageUrl.description}</p>
diff --git a/components/team/memberCard.jsx b/components/team/memberCard.jsx
index 5d98c54..3e5391a 100644
--- a/components/team/memberCard.jsx
+++ b/components/team/memberCard.jsx
@@ -25,24 +25,24 @@ const memberCard = ({
           <p className="md:text-lg text-xs">{title}</p>
           <div className="flex justify-center lg:mt-10 md:mt-5 mt-1">
             {githubLink ? <a href={githubLink} target="_blank" rel="noreferrer">
-              <img
+              <Image
                 src="assets/icons/socials/Vector-3.svg"
                 alt="github"
                 className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
               />
             </a> :null}
             {twitterLink ? <a href={twitterLink} target="_blank" rel="noreferrer">
-              <img
+              <Image
                 src="assets/icons/socials/Vector-2.svg"
                 alt="twitter"
                 className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
               />
             </a> :null}
             {linkedinLink ? <a href={linkedinLink} target="_blank" rel="noreferrer">
-              <img
+              <Image
                 src="assets/icons/socials/Vector-4.svg"
                 alt="linkedin"
-                className="llg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
+                className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
               />
             </a> :null}
           </div>
diff --git a/components/team/membersAndAlumni.jsx b/components/team/membersAndAlumni.jsx
index 885f790..ef3d063 100644
--- a/components/team/membersAndAlumni.jsx
+++ b/components/team/membersAndAlumni.jsx
@@ -76,7 +76,7 @@ const MembersAndAlumni = ({ contentFor }) => {
       >
         <div className="flex justify-center flex-col items-center">
           {showAllMembers ? "See less" : "See more"}
-          <img
+          <Image
             src="/assets/icons/seeMore2.png"
             className={`w-10 h-10 my-5 ${
               showAllMembers ? "transform rotate-180" : ""
diff --git a/components/team/teamHero.jsx b/components/team/teamHero.jsx
index 63bb689..8061301 100644
--- a/components/team/teamHero.jsx
+++ b/components/team/teamHero.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import data from "@/content/team.json";
+import Image from "next/image";
 import {motion} from 'framer-motion'
 const teamHero = () => {
   const team1Varients={
@@ -20,7 +21,7 @@ const teamHero = () => {
         initial="initial"
         whileInView="animate"
         viewport={{once:true}}>
-          <img src={data.hero.img}
+          <Image src={data.hero.img}
           className="sm:w-[35rem] max-sm:w-[23rem] max-md:mx-5 sm:h-95"
             alt="team" />
           <h1 className="md:text-[31px] text-center text-3xl mt-5">{data.hero.title}</h1>

From f2ddae2b1b35e6327f52628f116f16c709ed50cc Mon Sep 17 00:00:00 2001
From: MaelBallereau <ballereau.mael@educ-valadon-limoges.fr>
Date: Mon, 6 Oct 2025 17:04:34 +0200
Subject: [PATCH 2/3] Fix : I adapt the width for all Image components

---
 components/achievements/infiniteSlider.jsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/achievements/infiniteSlider.jsx b/components/achievements/infiniteSlider.jsx
index cef2942..a480715 100644
--- a/components/achievements/infiniteSlider.jsx
+++ b/components/achievements/infiniteSlider.jsx
@@ -23,6 +23,8 @@ const InfiniteSlider = ({ data, direction }) => {
                   src={company.img_path}
                   alt={company.alt}
                   className="md:w-44 md:h-44"
+                  width={44}
+                  height={44}
                 />
               </Slider.Slide>
             </div>

From 0f5acd875cb7d238d7cf70df4a28bc3db670f3cf Mon Sep 17 00:00:00 2001
From: MaelBallereau <ballereau.mael@educ-valadon-limoges.fr>
Date: Tue, 7 Oct 2025 16:49:59 +0200
Subject: [PATCH 3/3] fix : width and height props

---
 components/gallery/slider.jsx        |  2 +-
 components/team/memberCard.jsx       | 56 +++++++++++++++++-----------
 components/team/membersAndAlumni.jsx |  4 ++
 components/team/teamHero.jsx         |  1 +
 4 files changed, 40 insertions(+), 23 deletions(-)

diff --git a/components/gallery/slider.jsx b/components/gallery/slider.jsx
index 01942b0..9de6cbd 100644
--- a/components/gallery/slider.jsx
+++ b/components/gallery/slider.jsx
@@ -39,7 +39,7 @@ const Slider = ({ sliderImageUrl, showDescription }) => {
                 {sliderImageUrl.map((imageUrl, index) => {
                     return (
                         <div className="slider group" key={index}>
-                            <Image src={imageUrl.url} Transition={Blur} loading="lazy"/>
+                            <Image src={imageUrl.url} Transition={Blur} loading="lazy" width={64} height={64}/>
                             {showDescription && ( 
                             <div className="absolute rounded-b-[0.6rem] inset-x-0 bottom-8 bg-black bg-opacity-80 py-2 px-4 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300">
                                 <p className="text-center">{imageUrl.description}</p>
diff --git a/components/team/memberCard.jsx b/components/team/memberCard.jsx
index 3e5391a..e9bb333 100644
--- a/components/team/memberCard.jsx
+++ b/components/team/memberCard.jsx
@@ -16,7 +16,7 @@ const memberCard = ({
           <Image
             src={imgPath}
             width={250}
-            height ={250}
+            height={250}
             className="h-full w-full md:rounded-3xl rounded-[2rem]"
           />
         </div>
@@ -24,27 +24,39 @@ const memberCard = ({
           <h1 className="md:text-2xl text-xs font-bold">{name}</h1>
           <p className="md:text-lg text-xs">{title}</p>
           <div className="flex justify-center lg:mt-10 md:mt-5 mt-1">
-            {githubLink ? <a href={githubLink} target="_blank" rel="noreferrer">
-              <Image
-                src="assets/icons/socials/Vector-3.svg"
-                alt="github"
-                className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
-              />
-            </a> :null}
-            {twitterLink ? <a href={twitterLink} target="_blank" rel="noreferrer">
-              <Image
-                src="assets/icons/socials/Vector-2.svg"
-                alt="twitter"
-                className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
-              />
-            </a> :null}
-            {linkedinLink ? <a href={linkedinLink} target="_blank" rel="noreferrer">
-              <Image
-                src="assets/icons/socials/Vector-4.svg"
-                alt="linkedin"
-                className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
-              />
-            </a> :null}
+            {githubLink ? (
+              <a href={githubLink} target="_blank" rel="noreferrer">
+                <Image
+                  src="assets/icons/socials/Vector-3.svg"
+                  alt="github"
+                  className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
+                  width={250}
+                  height={250}
+                />
+              </a>
+            ) : null}
+            {twitterLink ? (
+              <a href={twitterLink} target="_blank" rel="noreferrer">
+                <Image
+                  src="assets/icons/socials/Vector-2.svg"
+                  alt="twitter"
+                  className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
+                  width={250}
+                  height={250}
+                />
+              </a>
+            ) : null}
+            {linkedinLink ? (
+              <a href={linkedinLink} target="_blank" rel="noreferrer">
+                <Image
+                  src="assets/icons/socials/Vector-4.svg"
+                  alt="linkedin"
+                  className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
+                  width={250}
+                  height={250}
+                />
+              </a>
+            ) : null}
           </div>
         </div>
       </div>
diff --git a/components/team/membersAndAlumni.jsx b/components/team/membersAndAlumni.jsx
index ef3d063..12f7ba5 100644
--- a/components/team/membersAndAlumni.jsx
+++ b/components/team/membersAndAlumni.jsx
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
 import Title from "@/components/ui/title";
 import MemberCard from "@/components/team/memberCard";
 import data from "@/content/team.json";
+import Image from "next/image";
 import members from "@/content/members.json";
 import alumni from "@/content/alumni.json";
 import { motion } from "framer-motion";
@@ -78,6 +79,9 @@ const MembersAndAlumni = ({ contentFor }) => {
           {showAllMembers ? "See less" : "See more"}
           <Image
             src="/assets/icons/seeMore2.png"
+            alt="see more"
+            width={40}
+            height={40}
             className={`w-10 h-10 my-5 ${
               showAllMembers ? "transform rotate-180" : ""
             }`}
diff --git a/components/team/teamHero.jsx b/components/team/teamHero.jsx
index 8061301..381487c 100644
--- a/components/team/teamHero.jsx
+++ b/components/team/teamHero.jsx
@@ -23,6 +23,7 @@ const teamHero = () => {
         viewport={{once:true}}>
           <Image src={data.hero.img}
           className="sm:w-[35rem] max-sm:w-[23rem] max-md:mx-5 sm:h-95"
+          width={640} height={400}
             alt="team" />
           <h1 className="md:text-[31px] text-center text-3xl mt-5">{data.hero.title}</h1>
           <p className="mt-3 text-[1.1rem] text-center">