diff --git a/frontend/src/components/Footer/index.jsx b/frontend/src/components/Footer/index.jsx
index 0ee53593..a7ac4011 100644
--- a/frontend/src/components/Footer/index.jsx
+++ b/frontend/src/components/Footer/index.jsx
@@ -6,8 +6,8 @@ import logoUpdate from '../../assets/logoUpdate.svg';
 
 const aboutUsData = [
 	{
-		name: 'Our Mission',
-		path: '/aboutus',
+		name: 'Resources',
+		path: '/resources',
 	},
 	{
 		name: 'Our Vision',
@@ -52,71 +52,100 @@ const resourcesData = [
 // removed according to new design ];
 
 const Footer = () => (
-	<footer className='bg-[#D1E9FF] px-0 py-0'>
-	<div className="w-full flex flex-col max-w-[1440px] mx-auto max-md:flex-col-reverse max-md:justify-center max-md:items-center max-md:py-8 md:flex-row justify-between xl:py-[136px] max-xl:py-[81px] max-xl:px-[80px] xl:px-[160px]">
-		
-		<div>
-			<figure className='flex flex-col max-md:h-[25px] max-md:mt-10'>
-			<img className='w-full h-full' src={logoUpdate}  alt="Company logo" />
-			{/* <p className='font-semibold text-[40px] leading-[50px]'>reconcile.<span className='text-[#2E90FA]'>AI</span></p> */}
-			</figure>
-			{/* <div className="pt-[4px] mb-[18px] w-[230px]">
-				<p className="text-[#344054] font-normal text-[16px] xl:text-[20px]">
-					This is a website that can help you balance your sales account
-				</p>
-			</div> removed According to new design */ }
-			<div className="text-[#98A2B3] flex items-center gap-6 mt-6 max-md:justify-center">
-				<BsTwitter className='max-md:w-5' size={34} />
-				<BsFacebook className='max-md:w-5' size={34} />
-				<BsInstagram className='max-md:w-5' size={34} />
+	<footer className="bg-[#D1E9FF] py-[5em] md:py-[12em]">
+		<div className="flex flex-col-reverse justify-center items-center lg:items-start lg:flex-row lg:justify-between w-9/12 mx-auto gap-[4em] lg:gap-0 align-top">
+			<div className="flex flex-col justify-center lg:max-w-[20%] align-center lg:justify-start gap-[0.5rem] lg:gap-6">
+				<Link to="/">
+					<figure className="flex justify-start items-center flex-col lg:items-start">
+						<img
+							className="w-8/12 lg:w-10/12"
+							src={logoUpdate}
+							alt="Company logo"
+						/>
+					</figure>
+				</Link>
+
+				<div className="hidden text-[#98A2B3] lg:flex justify-center lg:justify-start items-center gap-6 mt-6">
+					<BsTwitter size={24} />
+					<BsFacebook size={24} />
+					<BsInstagram size={24} />
+				</div>
+
+				<div className="text-[#98A2B3] flex justify-center lg:justify-start items-center gap-6 mt-6 lg:hidden">
+					<BsTwitter size={20} />
+					<BsFacebook size={20} />
+					<BsInstagram size={20} />
+				</div>
+			</div>
+
+			{/* About us Tab */}
+			<div className="flex flex-col pt-[10px] xl:pt-0">
+				<h3 className="font-medium text-[#344054] text-[1.4em] md:text-[1.8em]  text-center lg:text-left">
+					About Us
+				</h3>
+
+				<div className="flex flex-col gap-6 mt-6  text-center lg:text-left">
+					{aboutUsData.map((item) => (
+						<Link
+							key={uuid()}
+							to={item.path}
+							className="text-[#344054] text-[1.2em] md:text-[1.4em]  text-center lg:text-left"
+						>
+							{item.name}
+						</Link>
+					))}
+				</div>
+			</div>
+
+			{/* Resources Tab */}
+			<div className="flex flex-col pt-[10px] xl:pt-0">
+				<h3 className="font-medium text-[#344054] text-[1.4em] text-center lg:text-left md:text-[1.8em]">
+					Resources
+				</h3>
+
+				<div className="flex flex-col gap-6 mt-6  text-center lg:text-left">
+					{resourcesData.map((item) => (
+						<Link
+							key={uuid()}
+							to={item.path}
+							className="text-[#344054] text-center lg:text-left md:text-[1.4em] text-[1.2em]"
+						>
+							{item.name}
+						</Link>
+					))}
+				</div>
 			</div>
 		</div>
 		<div className='flex justify-center max-md:text-center gap-[276px] max-md:flex-col px-10 max-lg:gap-8'>
-		<div className="flex flex-col">
-			<h3 className="font-medium text-[#101828] text-[18px] xl:text-[28px]">
-				About Us
-			</h3>
-			{aboutUsData.map((item) => (
-				<Link
-					to={item.path}
-					key={uuid()}
-					className="text-[#344054] font-normal  text-[16px] xl:text-[20px] py-[4px]"
-				>
-					{item.name}
-				</Link>
-			))}
-		</div>
-		<div className="flex flex-col">
-			<h3 className="font-medium text-[#101828] text-[18px] xl:text-[28px]">
-				Resources
-			</h3>
-			{resourcesData.map((item) => (
-				<Link
-					key={uuid()}
-					to={item.path}
-					className="text-[#344054] font-normal text-[16px] xl:text-[20px] py-[4px]"
-				>
-					{item.name}
-				</Link>
-			))}
-		</div>
+			<div className="flex flex-col">
+				<h3 className="font-medium text-[#101828] text-[18px] xl:text-[28px]">
+					About Us
+				</h3>
+				{aboutUsData.map((item) => (
+					<Link
+						to={item.path}
+						key={uuid()}
+						className="text-[#344054] font-normal  text-[16px] xl:text-[20px] py-[4px]"
+					>
+						{item.name}
+					</Link>
+				))}
+			</div>
+			<div className="flex flex-col">
+				<h3 className="font-medium text-[#101828] text-[18px] xl:text-[28px]">
+					Resources
+				</h3>
+				{resourcesData.map((item) => (
+					<Link
+						key={uuid()}
+						to={item.path}
+						className="text-[#344054] font-normal text-[16px] xl:text-[20px] py-[4px]"
+					>
+						{item.name}
+					</Link>
+				))}
+			</div>
 		</div>
-		
-		{/* Removed according to new design <div className="flex flex-col pt-[10px] xl:pt-0">
-			<h3 className="font-medium text-[#344054] text-[18px] xl:text-[28px]">
-				Product
-			</h3>
-			{ProductData.map((item) => (
-				<Link
-					to={item.path}
-					key={uuid()}
-					className="text-[#344054] font-normal text-[16px] xl:text-[20px] py-[4px]"
-				>
-					{item.name}
-				</Link>
-			))}
-		</div> */}
-	</div>
 	</footer>
 );
 
diff --git a/frontend/src/components/ScrollToTop/index.jsx b/frontend/src/components/ScrollToTop/index.jsx
new file mode 100644
index 00000000..ade9f235
--- /dev/null
+++ b/frontend/src/components/ScrollToTop/index.jsx
@@ -0,0 +1,12 @@
+import {useEffect} from 'react'
+import { useLocation } from 'react-router-dom';
+
+export default function ScrollToTop() {
+    const { pathname } = useLocation();
+
+    useEffect(() => {
+        window.scrollTo(0, 0);
+
+    }, [pathname])
+    return null;
+}
\ No newline at end of file
diff --git a/frontend/src/index.jsx b/frontend/src/index.jsx
index 828bab07..f288dad5 100644
--- a/frontend/src/index.jsx
+++ b/frontend/src/index.jsx
@@ -43,6 +43,7 @@ import Privacy from './pages/Privacy';
 // } from './pages/Dashboard/DashboardMain/UploadFile/Upload';
 
 const router = createBrowserRouter([
+
 	{
 		path: '/',
 		element: <LandingPage />,
@@ -181,7 +182,7 @@ const router = createBrowserRouter([
 		element: <Privacy />,
 	},
 	{
-		path: '/*',
+		path: '*',
 		element: <Error404 />,
 	},
 	// {
diff --git a/frontend/src/pages/Error404/index.jsx b/frontend/src/pages/Error404/index.jsx
index 4ca9184b..980ffe33 100644
--- a/frontend/src/pages/Error404/index.jsx
+++ b/frontend/src/pages/Error404/index.jsx
@@ -20,10 +20,10 @@ export default function Error404 () {
 						We could not find what you searched for. Try searching again
 					</p>
 					<a
-						className="py-[16px] px-[28px] w-[131px] h-[60px] bg-[#2E90FA] text-[#fff] rounded-[8px] shadow-[0_1px_2px_rgba(16, 24, 40, 0.05)] text-center"
+						className="py-[16px] px-[28px] w-[150px] h-[60px] bg-[#2E90FA] text-[#fff] rounded-[8px] shadow-[0_1px_2px_rgba(16, 24, 40, 0.05)] text-center"
 						href="https://reconcileai.hng.tech/"
 					>
-						Go Back
+						Go to Home
 					</a>
 				</div>
 			</div>