Add team photos to our about page

app/about/page.tsx

@@ -15,10 +15,10 @@ const World = dynamic(() => import("@/components/aceternity/ui/globe").then((m)
 
 export default function AboutPage() {
     const images = [
-        "/team2021.png",
         "/team2022.png",
-        "/team2023.png",
-        "/team2024.png",
+        "/team2020.jpg",
+        "/team2019-2.jpg",
+        "/team2019.jpg",
     ];
 
 

app/layout.tsx

@@ -55,7 +55,7 @@ export default function RootLayout({
                 fontSans.variable
             )}
         >
-        <Providers themeProps={{attribute: "class", defaultTheme: "dark"}}>
+        <Providers themeProps={{attribute: "class", defaultTheme: "dark", children: children}}>
             <Cursor/>
             <Navbar/>
             <main className="px-0">

components/aceternity/ui/page-hero.tsx

@@ -74,7 +74,7 @@ export const ImagesSlider = ({
         if (autoplay) {
             interval = setInterval(() => {
                 handleNext();
-            }, 5000);
+            }, 3000);
         }
 
         return () => {

package.json

@@ -31,7 +31,7 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@react-aria/ssr": "^3.9.2",
     "@react-aria/visually-hidden": "^3.8.10",
-    "@react-three/drei": "^9.103.1",
+    "@react-three/drei": "^9.105.1",
     "@react-three/fiber": "^8.16.1",
     "@splinetool/react-spline": "^2.2.6",
     "@types/node": "20.12.3",
@@ -44,7 +44,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
-    "embla-carousel-react": "^8.0.0",
+    "embla-carousel-react": "^8.0.1",
     "eslint": "8.57.0",
     "eslint-config-next": "14.1.4",
     "framer-motion": "^11.0.24",