fixed nav and hero section design

src/App.tsx

@@ -1,9 +1,12 @@
 import { Toaster as Sonner } from "@/components/ui/sonner";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { ThemeProvider } from "@/contexts/ThemeContext";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { AnimatePresence } from "framer-motion";
 import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
 import ScrollToTop from "./components/ScrollToTop";
+import OverviewPage from "./pages/admins/components/dashboards/OverviewPage";
+import ManageProject from "./pages/admins/components/projects/ManageProject";
 import DashboardLayout from "./pages/admins/layout/DashboardLayout";
 import MainLayout from "./pages/admins/layout/MainLayout";
 import Index from "./pages/Index";
@@ -12,10 +15,6 @@ import { PrivacyPolicy } from "./pages/PrivacyPolicy";
 import ProjectDetails from "./pages/ProjectDetails";
 import Projects from "./pages/Projects";
 import { QueryProvider } from "./provider/QueryProvider";
-import OverviewPage from "./pages/admins/components/dashboards/OverviewPage";
-import ManageProject from "./pages/admins/components/projects/ManageProject";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-
 
 function AnimatedRoutes() {
   const location = useLocation();
@@ -36,8 +35,8 @@ function AnimatedRoutes() {
         {/* dashboard layouts */}
         <Route path="/dashboard" element={<DashboardLayout />}>
           <Route index element={<OverviewPage />} />
-          <Route path="/dashboard/projects" element={<ManageProject/>}/>
-    {/* <Route path="users" element={<Users />} />
+          <Route path="/dashboard/projects" element={<ManageProject />} />
+          {/* <Route path="users" element={<Users />} />
     <Route path="settings" element={<Settings />} /> */}
         </Route>
         <Route path="*" element={<NotFound />} />
@@ -48,13 +47,12 @@ function AnimatedRoutes() {
 
 const App = () => (
   <QueryProvider>
-      <ReactQueryDevtools initialIsOpen={false} />
+    <ReactQueryDevtools initialIsOpen={false} />
     <ThemeProvider>
       <TooltipProvider>
         <Sonner />
         <BrowserRouter>
           <ScrollToTop />
-
           <AnimatedRoutes />
         </BrowserRouter>
       </TooltipProvider>