diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 31b995f..7028ad2 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -1,28 +1,123 @@
"use client";
+import { useEffect, useState } from "react";
+import { Button } from "./ui/button";
+
export function Navigation() {
+ const [isScrolled, setIsScrolled] = useState(false);
+ const [showMobileMenu, setShowMobileMenu] = useState(false);
+
+ useEffect(() => {
+ const handleScroll = () => {
+ const scrollTop = window.scrollY;
+ setIsScrolled(scrollTop > 0);
+ };
+
+ window.addEventListener("scroll", handleScroll);
+ return () => window.removeEventListener("scroll", handleScroll);
+ }, []);
+
return (
-
+ <>
+
+
+ {/* Mobile Menu Dropdown */}
+ {isScrolled && showMobileMenu && (
+
+ )}
+
);
}