Merge pull request #7 from meeIbrahim/dev

Dev

src/components/Home.tsx

@@ -30,7 +30,7 @@ const Home = () => {
             </Link>
           </div>
         </div>
-        <div>
+        <div className="py-10">
           <img
             src={me}
             alt="my profile"

src/components/Projects.tsx

@@ -16,7 +16,7 @@ export default function Projects() {
             fuga dolore.
           </p>
         </div>
-        <div className="rounded-md bg-cyan-950 flex flex-wrap -m-4">
+        <div className="rounded-md  flex flex-wrap -m-4">
           {projects.map((project) => (
             <a
               href={project.link}
@@ -26,10 +26,10 @@ export default function Projects() {
               <div className="flex relative">
                 <img
                   alt="gallery"
-                  className="absolute inset-0 w-full h-full object-cover object-center"
+                  className="absolute opacity-70 inset-0 w-full h-full object-cover object-center"
                   src={project.image}
                 />
-                <div className="px-8 py-10 relative z-10 w-full border-4 border-gray-800 bg-gray-900 opacity-0 hover:opacity-100">
+                <div className="px-8 py-10 size-64 relative z-10 w-full border-4 border-gray-800 bg-gray-900 opacity-0 hover:opacity-100">
                   <h2 className="tracking-widest text-sm title-font font-medium text-green-400 mb-1">
                     {project.subtitle}
                   </h2>

src/data/projects.tsx

@@ -1,34 +1,34 @@
 export const projects = [
   {
-    title: "C.A.R.E",
+    title: "Selenium in Cloud Agnostic Infrastructure",
     subtitle: "Selenium Grid inside K8 Cluster",
     description:
-      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium dolore rerum laborum iure enim sint nemo omnis voluptate exercitationem eius?",
-    image: "./project-2.gif",
+      "A robust test automation cloud infra that provides parallel cross browser testing capabilities with enhanced scalibility while remaining cost effective and modular",
+    image: "src/assets/care.jpg",
     link: "https://reedbarger.com",
   },
   {
     title: "Automation with Intelligent State Management",
     subtitle: "Java and Selenium",
     description:
-      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium dolore rerum laborum iure enim sint nemo omnis voluptate exercitationem eius?",
-    image: "./project-3.gif",
+      "Custom Automation Framework using Selenium with Java that provides a smart mechanism to fulfill prerequisites and dynamically set up the application for each test case",
+    image: "src/assets/automation_java.jpg",
     link: "https://jsbootcamp.com",
   },
   {
     title: "API Framework for Automation",
     subtitle: "Java with Apache Http5",
     description:
-      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium dolore rerum laborum iure enim sint nemo omnis voluptate exercitationem eius?",
-    image: "./project-4.gif",
+      "Custom API Automation Framework written with Apache HttpClient 5 that allows for API testing and functional testing using APIs via the Page Object Model, integrating into the UI Automation Framework",
+    image: "src/assets/api_automation.jpg",
     link: "https://pythonbootcamp.com",
   },
   {
     title: "This Website!",
     subtitle: "React with Tailwind",
     description:
-      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium dolore rerum laborum iure enim sint nemo omnis voluptate exercitationem eius?",
-    image: "./project-1.gif",
+      "A fun project to showcase my skills and accomplishments, while also documenting my journey of growth and knowledge!",
+    image: "src/assets/portfolio.jpg",
     link: "https://reactbootcamp.com",
   },
 ];