Merge pull request #39 from DongHY1/feat/project-card

Feat/project card

src/components/ui/bento-grid.jsx

@@ -27,7 +27,7 @@ const BentoCard = ({ name, className, background, description, href }) => {
 		>
 			<img
 				src={background}
-				className="border rounded-md absolute md:-right-36 md:-top-20 md:transition-all md:duration-300 md:ease-out md:scale-[0.6] md:group-hover:scale-100"
+				className="border rounded-md absolute md:-right-36 md:-top-[90px] md:transition-all md:duration-300 md:ease-out md:scale-[0.6] md:group-hover:scale-100"
 				alt={name}
 			/>
 			<div className="pointer-events-none z-10  flex transform-gpu flex-col gap-1 md:p-6 pl-4 transition-all duration-300 group-hover:-translate-y-10">

src/config/project.js

@@ -3,19 +3,19 @@ const Works = [
 		name: "Large Language Model",
 		description: "Medical field chat application.",
 		href: "/project/llm",
-		background: "/1.png",
+		background: "/llm.png",
 	},
 	{
 		name: "Data Visualization",
 		description: "Chart and 3D models.",
 		href: "/project/data-visualization",
-		background: "/1.png",
+		background: "/data-visualization.png",
 	},
 	{
 		name: "Hybrid Mobile App",
 		description: "QQ Music / We Sing Living Room.",
 		href: "/project/tme",
-		background: "/1.png",
+		background: "/tme.png",
 	},
 ];
 
@@ -24,13 +24,13 @@ const OpenSourceProjects = [
 		name: "Comments",
 		description: "Add comments to your website.",
 		href: "/project/comments",
-		background: "/1.png",
+		background: "/comments.png",
 	},
 	{
 		name: "daviddong.me",
 		description: "Personal website template.",
 		href: "/project/website",
-		background: "/1.png",
+		background: "/daviddong.png",
 	},
 ];