aos correction

index.html

@@ -4,8 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/Image/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <!-- AOS Link
-    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> -->
+
 
     <title>My Portfolio</title>
   </head>

src/App.jsx

@@ -6,11 +6,16 @@ import Project from "./Component/Project/Project";
 import About from "./Component/About/About";
 import Skill from "./Component/Skill/Skill";
 import styled from "styled-components";
+import  { useEffect } from 'react';
 import AOS from 'aos';
-import 'aos/dist/aos.css'; // also use <link> for styles
+import 'aos/dist/aos.css';
 
-AOS.init();
 function App() {
+  useEffect(() => {
+    AOS.init({
+      duration: 1200, // duration of the animation in milliseconds
+    });
+  }, []);
   return (
     <>
       <Topcontainer>