navbar sticky fixed

Author: ansifmk

src/App.tsx

@@ -1,5 +1,6 @@
 import Navbar from "../src/assets/components/layout/Navbar"
 import Footer from "./assets/components/layout/Footer"
+import About from "./features/about/About"
 import Homepage from "./features/home/Homepage"
 export default function App() {
   return (

src/assets/components/layout/Navbar.tsx

@@ -7,7 +7,7 @@ const Navbar: React.FC = () => {
   const navItems = ['Cases', 'About', 'Contact'];
 
   return (
-    <nav className="w-full bg-[#f4f4f4] px-6 py-4 md:px-12 md:py-6 border-b border-gray-200">
+<nav className="fixed top-0 left-0 right-0 z-50 w-full bg-[#f4f4f4] px-6 py-2 md:px-12 md:py-3 border-b border-gray-200">
       <div className="max-w-7xl mx-auto flex items-center justify-between">
 
         {/* Logo Section */}
@@ -82,4 +82,4 @@ const Navbar: React.FC = () => {
   );
 };
 
-export default Navbar;
+export default Navbar;