update

components/Presentation.jsx

@@ -11,7 +11,6 @@ const Presentation = () => {
       id="home"
       className="flex flex-col md:flex-row items-center justify-center min-h-screen py-16 px-4 md:px-8 bg-gray-50 overflow-hidden"
     >
-      {/* Right Image Column (appears first on small screens due to flex-col order) */}
       <div
         className={`${styles.animatedImage} relative flex-shrink-0 overflow-hidden shadow-xl mt-16 md:mt-0 md:ml-12 order-1 md:order-2`}
         style={{
@@ -19,35 +18,24 @@ const Presentation = () => {
         }}
       ></div>
 
-      {/* Left Content Column (appears second on small screens, first on medium screens) */}
       <div className="flex flex-col items-center md:items-start text-center md:text-left md:w-1/2 p-4 md:p-8 space-y-6 order-2 md:order-1">
-        {/* Title */}
         <div className="max-w-xl">
           <h1
             className={`${styles.title} text-4xl sm:text-5xl lg:text-6xl font-extrabold text-gray-900 leading-tight`}
           >
             AI - Robotic Engineer & Data Scientist
-            <br /> Student{" "}
-            <span role="img" aria-label="mobile phone">
-              ✨
-            </span>
+            <br /> Student
           </h1>
         </div>
 
-        {/* Description */}
         <div className={`${styles.description} max-w-md text-lg text-gray-700`}>
           <p>
-            Hello, I'm Valentin Massonniere, an enthusiastic{" "}
-            <br className="hidden sm:inline" />
-            AI - Robotic Engineer & Data Scientist at IceBergData Lab from
-            France{" "}
-            <span role="img" aria-label="pin location">
-              🇫🇷
-            </span>
+            Hi, I'm Valentin Massonniere.
+            <br className="hidden sm:inline" /> Currently at Iceberg Data Lab,
+            based in France.
           </p>
         </div>
 
-        {/* Social Links */}
         <div className="flex space-x-6 text-gray-600">
           <a
             href="https://www.linkedin.com/in/valentin-massonniere/"
@@ -69,59 +57,79 @@ const Presentation = () => {
           </a>
         </div>
 
-        {/* Tech Stack */}
         <div className="flex flex-col md:flex-row items-center md:items-center space-y-2 md:space-y-0 md:space-x-4 pt-4 w-full">
           <h3 className="text-xl font-semibold text-gray-800 mb-2 md:mb-0 whitespace-nowrap">
             Tech Stack |
           </h3>
           <div className="grid grid-cols-2 gap-4 md:flex md:flex-row md:gap-4">
             <Image
-              src="/assets/icon/CPP.svg"
+              src="https://raw.githubusercontent.com/tandpfun/skill-icons/main/icons/Rust.svg"
+              alt="Logo Rust"
+              width={40}
+              height={40}
+              className={`object-contain ${styles.techIcon}`}
+            />
+            <Image
+              src="https://github.com/tandpfun/skill-icons/raw/main/icons/CPP.svg"
               alt="Logo C++"
               width={40}
               height={40}
               className={`object-contain ${styles.techIcon}`}
             />
             <Image
-              src="/assets/icon/Python.svg"
+              src="https://raw.githubusercontent.com/tandpfun/skill-icons/main/icons/Python-Dark.svg"
               alt="Logo Python"
               width={40}
               height={40}
               className={`object-contain ${styles.techIcon}`}
             />
             <Image
-              src="/assets/icon/ROS-Dark.svg"
-              alt="Logo GCP"
+              src="https://raw.githubusercontent.com/tandpfun/skill-icons/main/icons/Matlab-Dark.svg"
+              alt="Logo Matlab"
               width={40}
               height={40}
               className={`object-contain ${styles.techIcon}`}
             />
             <Image
-              src="/assets/icon/Arduino.svg"
-              alt="Logo GCP"
+              src="https://raw.githubusercontent.com/tandpfun/skill-icons/main/icons/ROS-Dark.svg"
+              alt="Logo ROS2"
+              title="ROS2"
               width={40}
               height={40}
               className={`object-contain ${styles.techIcon}`}
             />
             <Image
-              src="/assets/icon/Docker.svg"
+              src="https://github.com/tandpfun/skill-icons/raw/main/icons/Arduino.svg"
+              alt="Logo Arduino"
+              width={40}
+              height={40}
+              className={`object-contain ${styles.techIcon}`}
+            />
+            <Image
+              src="https://raw.githubusercontent.com/tandpfun/skill-icons/main/icons/NeoVim-Dark.svg"
+              alt="Logo NeoVim"
+              width={40}
+              height={40}
+              className={`object-contain ${styles.techIcon}`}
+            />
+            <Image
+              src="https://raw.githubusercontent.com/tandpfun/skill-icons/main/icons/Linux-Dark.svg"
+              alt="Logo Linux"
+              width={40}
+              height={40}
+              className={`object-contain ${styles.techIcon}`}
+            />
+            <Image
+              src="https://github.com/tandpfun/skill-icons/raw/main/icons/Docker.svg"
               alt="Logo Docker"
               width={40}
               height={40}
               className={`object-contain ${styles.techIcon}`}
             />
-            <Image
-              src="/assets/icon/RaspberryPi.svg"
-              alt="Logo RaspberryPi"
-              width={40}
-              height={40}
-              className={`object-contain ${styles.techIcon}`}
-            />
           </div>
         </div>
       </div>
 
-      {/* Scroll Down Indicator */}
       <a
         href="#aboutScroll"
         aria-label="Scroll down"