scuffed slider loop

Author: Melyguy

bun.lockb

@@ -10,20 +10,21 @@
   },
   "dependencies": {
     "framer-motion": "^11.11.9",
-    "next": "14.2.14",
-    "react": "^18",
-    "react-dom": "^18",
+    "lenis": "^1.1.14",
+    "next": "15.0.0-rc.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-intersection-observer": "^9.13.1",
-    "vite": "^5.4.8"
+    "vite": "^5.4.10"
   },
   "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint": "^8",
+    "@types/node": "^20.17.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "eslint": "^8.57.1",
     "eslint-config-next": "14.2.14",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5"
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.6.3"
   }
 }

package-lock.json

@@ -0,0 +1,33 @@
+"use client"
+
+import React from "react";
+import Image from "next/image";
+
+import { StaticImageData } from "next/image";
+
+interface ProjectProps {
+  imageSrc: StaticImageData; 
+  title: string;
+  content: string;
+}
+
+export default function Project({ imageSrc, title, content, }: ProjectProps) {
+
+    return (
+        <>
+            <div className="relative flex flex-col justify-between h-full">
+                <Image src={imageSrc} alt="" className="w-full aspect-square object-cover rounded-[3vw] bg-thirdy cursor-pointer" />
+                <div className="flex justify-between items-center relative z-10 rounded-lg py-5"> 
+                    <div className="flex flex-col gap-3 w-full h-[200px]">
+                        <div className="text-secondary text-[6vw] md:text-[2vw]">{title}</div>
+                        <div className="flex gap-1">
+                        </div>
+                        <div className="w-full flex justify-between">
+                            <div className="text-thirdy text-[3vw] md:text-[1vw] w-4/5">{content}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    );
+}