rosuqt · rosuqt · Mar 17, 2025 · Mar 17, 2025 · Mar 17, 2025 · Mar 17, 2025
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,12 +9,16 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@react-three/drei": "^10.0.4",
+    "@react-three/fiber": "^9.1.0",
     "framer-motion": "^12.5.0",
     "lucide-react": "^0.479.0",
     "next": "15.2.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "tailwind-scrollbar": "^3.1.0"
+    "react-intersection-observer": "^9.16.0",
+    "tailwind-scrollbar": "^3.1.0",
+    "three": "^0.174.0"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",

diff --git a/public/images/how-it-works/employer1.avif b/public/images/how-it-works/employer1.avif
diff --git a/public/images/how-it-works/employer2.avif b/public/images/how-it-works/employer2.avif
diff --git a/public/images/how-it-works/employer3.avif b/public/images/how-it-works/employer3.avif
diff --git a/public/images/how-it-works/student1.avif b/public/images/how-it-works/student1.avif
diff --git a/public/images/how-it-works/student2.avif b/public/images/how-it-works/student2.avif
diff --git a/public/images/how-it-works/student3.avif b/public/images/how-it-works/student3.avif
diff --git a/public/images/shapes/confetti.webp b/public/images/shapes/confetti.webp
diff --git a/public/images/shapes/cute-shape.png b/public/images/shapes/cute-shape.png
diff --git a/public/images/shapes/shapes.png b/public/images/shapes/shapes.png
diff --git a/public/images/shapes/shapes2.png b/public/images/shapes/shapes2.png
diff --git a/public/images/shapes/square.png b/public/images/shapes/square.png
diff --git a/public/images/shapes/star.png b/public/images/shapes/star.png
diff --git a/public/images/sti/teacher1.jpg b/public/images/sti/teacher1.jpg
diff --git a/public/images/sti/teacher2.jpg b/public/images/sti/teacher2.jpg
diff --git a/public/images/sti/teacher3.jpg b/public/images/sti/teacher3.jpg
diff --git a/public/images/sti/teacher4.jpg b/public/images/sti/teacher4.jpg
diff --git a/public/images/sti/teacher5.jpg b/public/images/sti/teacher5.jpg
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -2,11 +2,32 @@
 @tailwind components;
 @tailwind utilities;
 
-.scrollbar-hide::-webkit-scrollbar {
-    display: none;
-  }
-  .scrollbar-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar {
+  width: 0px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgb(207, 207, 207);
+  border-radius: 4px;
+}
+
+
+
+  @keyframes moveBackground {
+    0% { background-position: 0% 50%; }
+    25% { background-position: 30% 70%; }
+    50% { background-position: 70% 30%; }
+    75% { background-position: 50% 80%; }
+    100% { background-position: 0% 50%; }
   }
+
+  .bg-animate {
+    background-size: 300% 300%;
+    animation: moveBackground 10s infinite ease-in-out;
+  } 
+