Add image URL to project data and display image in Projects component

src/components/Projects.astro

@@ -13,6 +13,7 @@ interface ProjectProps {
 	title: string;
 	description: string;
 	tags: ProjectTag[];
+    imageUrl: string;
 	liveUrl?: string;
 	repoUrl: string;
 }
@@ -25,6 +26,9 @@ interface ProjectProps {
         {
             projects.map((project: ProjectProps) => (
                 <div class="section-card overflow-hidden md:flex">
+                    {project.imageUrl && (
+                        <img src={project.imageUrl} alt={project.title} class="hidden md:block md:w-48 object-cover" />
+                    )}
                     <div class="p-8 flex-1">
                         <h4 class="text-xl font-bold text-white mb-2">
                             {project.title}

src/data/index.ts

@@ -71,6 +71,7 @@ export const projects = [
 			{ name: "React", icon: "react" },
 			{ name: "Tailwind CSS", icon: "tailwind" },
 		],
+		imageUrl: "/hamitalia.webp",
 		liveUrl: "https://hamitalia.com",
 		repoUrl: null,
 	},