update of experiences section and add of single experience

src/components/Experiences.jsx

@@ -1,10 +1,45 @@
+import '../styles/Experiences.css';
+import SingleExperience from './SingleExperience';
+
 function Experiences() {
+    const experiencesData = [
+        {
+            id: 1,
+            role: "Web Development Intern",
+            company: "Pandora",
+            duration: "April 2024",
+            location: "Rennes (Ille-et-Vilaine), France",
+            tasks: [
+                "Development of a dynamic website with database integration (HTML, CSS, PHP, SQL)",
+                "Created a reusable interface used as an internal learning resource",
+                "Introduction to GitHub Actions"
+            ]
+        },
+        {
+            id: 2,
+            role: "IT Support Intern",
+            company: "INRAE",
+            duration: "April 2023",
+            location: "Rennes (Ille-et-Vilaine), France",
+            tasks: [
+                "Introduction to ProxMox Backup and UpdateEngine tools",
+                "Preparation of two workstations",
+                "Setup of a Wi-Fi hotspot using a Raspberry Pi",
+                "Installation of a RAID 1 system"
+            ]
+        }
+    ];
+
     return (
         <section id="experiences-section">
-            <h1>Experiences</h1>
+            <h1>Expériences</h1>
+            <div className="experiences-container">
+                {experiencesData.map((exp, index) => (
+                    <SingleExperience experience={exp} whichSide={index % 2 !== 0}/>
+                ))}
+            </div>
         </section>
-    )
+    );
 }
 
-
-export default Experiences
+export default Experiences;