final commit

src/Components/Footer.jsx

@@ -1,12 +1,26 @@
 import { Box, Container, Text } from "@chakra-ui/react";
 import React from "react";
-import { Link } from "react-router-dom";
+import { Link,  NavLink, useNavigate  } from "react-router-dom";
 import { IoLogoTwitter } from "react-icons/io5";
 import { FaFacebookF } from "react-icons/fa6";
 import { FaInstagram } from "react-icons/fa";
 import { IoLogoGithub } from "react-icons/io";
+import { Link as ScrollLink, animateScroll as scroll } from "react-scroll";
 
 const Footer = () => {
+  const navigate = useNavigate()
+
+
+  const handleNavClick = (path) => {
+    if (path === "aboutus") {
+      navigate(`/${path}`);
+    } else {
+      navigate("/");
+    }
+  };
+
+
+
   return (
     <Box backgroundColor={"#0041180D"}>
       <Container
@@ -55,22 +69,46 @@ const Footer = () => {
             <Box w={"15%"}>
               <Text as={"h6"}>Company</Text>
               <Box display={"flex"} flexDirection={"column"} gap={1} mt={6}>
-                <Link to={"/"}>
+                <Link to={"/"} onClick={() => scroll.scrollToTop()}>
                   <Text fontSize={"sm"} as={"span"}>
                     Home
                   </Text>{" "}
                 </Link>
-                <Link to={"investment"}>
+                <ScrollLink 
+                style={{
+                  textDecoration: "none",
+                  display: "flex",
+                  alignItems: "center",
+                  cursor: "pointer",
+                }}
+                to={"investment"}
+                spy={true}
+                smooth={true}
+                offset={0}
+                duration={100}
+                onClick={() => handleNavClick("investment")}>
                   <Text fontSize={"sm"} as={"span"}>
                     Investment
                   </Text>
-                </Link>
-                <Link to={"investment"}>
+                </ScrollLink>
+                <ScrollLink 
+                style={{
+                  textDecoration: "none",
+                  display: "flex",
+                  alignItems: "center",
+                  cursor: "pointer",
+                }}
+                to={"how-it-works"}
+                spy={true}
+                smooth={true}
+                offset={0}
+                duration={100}
+                onClick={() => handleNavClick("how-it-works")}>
                   <Text fontSize={"sm"} as={"span"}>
                     How it works
                   </Text>
-                </Link>
-                <Link to={"investment"}>
+                </ScrollLink>
+                <Link to={"/faq"}>
                   <Text fontSize={"sm"} as={"span"}>
                     FAQ's
                   </Text>

src/Components/Header.jsx

@@ -114,7 +114,7 @@ const Header = () => {
                 spy={true}
                 smooth={true}
                 offset={0}
-                duration={300}
+                duration={100}
                 onClick={() => handleNavClick(path)}
               >
                 {title}