Update useface photos

public/locales/fr/contributors.json

@@ -7,9 +7,8 @@
       "companyLogo": "/images/logo/opengento.svg",
       "companyUrl": "https://opengento.fr/",
       "linkedin": "https://www.linkedin.com/in/timoth%C3%A9e-aubry-33b543196/",
-      "role": "Développeur",
-      "photo": "/images/staff/timothee_aubry.jpeg",
-      "photoBg": 1,
+      "role": "Developer",
+      "photo": "/images/staff/timothee_aubry.png",
       "biography": ""
     },
     {
@@ -19,9 +18,8 @@
       "companyLogo": "/images/logo/opengento.svg",
       "companyUrl": "https://opengento.fr/",
       "linkedin": "https://www.linkedin.com/in/baptiste-bourzeix-%F0%9F%85%93%F0%9F%85%9D%F0%9F%85%93-34bb7565",
-      "role": "Développeur",
-      "photo": "/images/staff/baptiste_bourzeix.jpeg",
-      "photoBg": 2,
+      "role": "Developer",
+      "photo": "/images/staff/baptiste_bourzeix.png",
       "biography": ""
     },
     {
@@ -31,9 +29,30 @@
       "companyLogo": "/images/logo/opengento.svg",
       "companyUrl": "https://opengento.fr/",
       "linkedin": "https://www.linkedin.com/in/thomas-klein/",
-      "role": "Développeur",
+      "role": "Developer",
       "photo": "/images/staff/thomas_klein.png",
-      "photoBg": 3,
+      "biography": ""
+    },
+    {
+      "id": 4,
+      "name": "Vilya Ean",
+      "company": "Dn'D",
+      "companyLogo": "/images/logo/dnd.svg",
+      "companyUrl": "https://www.dnd.fr/",
+      "linkedin": "https://www.linkedin.com/in/vilya-ean-%F0%9F%85%93%F0%9F%85%9D%F0%9F%85%93-32351733",
+      "role": "Head of UX & UI Design",
+      "photo": "/images/staff/vilya_ean.png",
+      "biography": ""
+    },
+    {
+      "id": 5,
+      "name": "Mathis Querne",
+      "company": "Dn'D",
+      "companyLogo": "/images/logo/dnd.svg",
+      "companyUrl": "https://www.dnd.fr/",
+      "linkedin": "https://www.linkedin.com/in/mathis-querne",
+      "role": "UI/UX Designer",
+      "photo": "/images/staff/mathis_querne.png",
       "biography": ""
     }
   ]

public/locales/fr/speakers.json

@@ -20,8 +20,7 @@
         "companyUrl": "https://platform.sh/",
         "linkedin": "",
         "role": "CEO",
-        "photo": "/images/speakers/fred_plais.jpg",
-        "photoBg": 3,
+        "photo": "/images/speakers/fred_plais.png",
         "biography": "Fred Plais est un serial entrepreneur et cofondateur & CEO de Platform.sh, localisé en Californie depuis 2015. Passioné de tech, d'open source et d'entreprenariat, Fred est aussi investisseur et board member de plusieurs startups et scaleups francaises et americaines."
       },
       {
@@ -32,8 +31,7 @@
         "companyUrl": "https://ivanchepurnyi.github.io/",
         "linkedin": "https://www.linkedin.com/in/ivanchepurnyi/",
         "role": "Magento Performance Expert",
-        "photo": "/images/speakers/ivan_chepurnyi.jpg",
-        "photoBg": 6,
+        "photo": "/images/speakers/ivan_chepurnyi.png",
         "biography": "Ivan Chepurnyi stands as a recognized expert in the Magento platform, a status he’s earned since his start in 2007. His deep technical understanding of the system has enabled him to build and fine-tune Magento websites for clients all around the globe.\n\nBeyond his technical skills, Ivan excels in breaking down complex ideas about performance optimization, code quality, and development workflows. His knack for making these intricate topics easy to understand has made him a regular speaker at Magento conferences and events."
       },
       {
@@ -44,8 +42,7 @@
         "companyUrl": "https://www.dnd.fr/",
         "linkedin": "https://fr.linkedin.com/in/illyadrien",
         "role": "Tech Expert",
-        "photo": "/images/speakers/adrien_illy.jpg",
-        "photoBg": 4,
+        "photo": "/images/speakers/adrien_illy.png",
         "biography": ""
       },
       {
@@ -56,8 +53,7 @@
         "companyUrl": "https://www.maddlen.fr/",
         "linkedin": "https://www.linkedin.com/in/herveguetin/",
         "role": "Consultant & développeur full-stack",
-        "photo": "/images/speakers/herve_guetin.jpg",
-        "photoBg": 1,
+        "photo": "/images/speakers/herve_guetin.png",
         "biography": ""
       }
     ],

public/locales/fr/staff.json

@@ -17,7 +17,6 @@
       "linkedin": "https://www.linkedin.com/in/camille-b%C3%A9nard",
       "role": "Responsable Communication et Marketing",
       "photo": "/images/staff/camille_benard.png",
-      "photoBg": 1,
       "biography": ""
     },
     {
@@ -29,7 +28,6 @@
       "linkedin": "https://www.linkedin.com/in/julien-didier-%F0%9F%85%93%F0%9F%85%9D%F0%9F%85%93-0306278",
       "role": "Président & Co-fondateur",
       "photo": "/images/staff/julien_didier.png",
-      "photoBg": 2,
       "biography": ""
     },
     {
@@ -41,7 +39,6 @@
       "linkedin": "https://www.linkedin.com/in/thienlan",
       "role": "VP Strategy & Marketing",
       "photo": "/images/staff/thien-lan_weber.png",
-      "photoBg": 3,
       "biography": ""
     },
     {
@@ -53,7 +50,6 @@
       "linkedin": "https://www.linkedin.com/in/fr%C3%A9d%C3%A9ric-martinez-922aa319",
       "role": "CEO & Co-Founder PH2M, President Opengento",
       "photo": "/images/staff/frederic_martinez.png",
-      "photoBg": 4,
       "biography": ""
     },
     {
@@ -65,7 +61,6 @@
       "linkedin": "https://www.linkedin.com/in/marion-sainty",
       "role": "Développement commercial et digital",
       "photo": "/images/staff/marion_sainty.png",
-      "photoBg": 5,
       "biography": ""
     },
     {
@@ -77,7 +72,6 @@
       "linkedin": "https://www.linkedin.com/in/thomas-klein/",
       "role": "Secrétaire",
       "photo": "/images/staff/thomas_klein.png",
-      "photoBg": 3,
       "biography": ""
     },
     {
@@ -89,7 +83,6 @@
       "linkedin": "https://www.linkedin.com/in/cannelle-lemnos-consultante-communication",
       "role": "Chargée de communication",
       "photo": "/images/staff/cannelle_lemnos.png",
-      "photoBg": 6,
       "biography": ""
     },
     {
@@ -101,7 +94,6 @@
       "linkedin": "https://www.linkedin.com/in/kaplanceyhun",
       "role": "Directeur associé",
       "photo": "/images/staff/ceyhun_kaplan.png",
-      "photoBg": 5,
       "biography": ""
     },
     {
@@ -113,7 +105,6 @@
       "linkedin": "https://www.linkedin.com/in/patriciaponcy",
       "role": "Agency Partner Manager Western EU",
       "photo": "/images/staff/patricia_poncy.png",
-      "photoBg": 1,
       "biography": ""
     },
     {
@@ -125,7 +116,6 @@
       "linkedin": "https://www.linkedin.com/in/olivierhaesen",
       "role": "Directeur Commercial",
       "photo": "/images/staff/olivier_haesen.png",
-      "photoBg": 4,
       "biography": ""
     },
     {
@@ -137,7 +127,6 @@
       "linkedin": "https://www.linkedin.com/in/elodie-guiroux/",
       "role": "Events Marketing Manager",
       "photo": "/images/staff/elodie_guiroux.png",
-      "photoBg": 2,
       "biography": ""
     }
   ]

src/components/Person/Person.tsx

@@ -37,7 +37,6 @@ const Person = ({
   appearance?: "speaker" | "program";
 }) => {
   const { width } = useWindowSize();
-  const bgClass = `bg-cover bg-photo-${person.photoBg}`;
 
   const imageClass = classNames(
     "relative aspect-square object-cover overflow-hidden",
@@ -49,7 +48,6 @@ const Person = ({
       "[clip-path:polygon(50%_0%,100%_25%,100%_75%,50%_100%,0%_75%,0%_25%)]":
         appearance === "program",
     },
-    bgClass
   );
 
   return (

src/components/Person/PersonPopInContent.tsx

@@ -4,16 +4,13 @@ import Image from "next/image";
 import Link from "next/link";
 import { FaLinkedinIn } from "react-icons/fa";
 import Typography from "@/components/Typography/Typography";
-import classNames from "classnames";
 
 interface PersonPopInContentProps {
   person: PersonProps;
   children?: ReactNode
 }
 
 const PersonPopInContent = ({ person, children }: PersonPopInContentProps) => {
-  const bgClass = `bg-photo-${person.photoBg}`;
-
   return (
     <div className="person-popin-content flex flex-col gap-6">
       {/* Person info section */}
@@ -22,10 +19,7 @@ const PersonPopInContent = ({ person, children }: PersonPopInContentProps) => {
           <Image
             src={person.photo}
             alt={person.name}
-            className={classNames(
-              "rounded-xl aspect-square object-cover bg-cover",
-              bgClass
-            )}
+            className="rounded-xl aspect-square object-cover bg-cover"
             width={235}
             height={235}
           />

src/components/Person/PersonProps.ts

@@ -8,6 +8,5 @@ export type PersonProps = {
   linkedin?: string;
   role: string;
   photo: string;
-  photoBg: 1;
   biography: string;
 };