import { Button } from "@/components/ui/button"; import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@/components/ui/navigation-menu"; import { Menu, X } from "lucide-react"; import { useState, useEffect } from "react"; import { useNavigate, useLocation } from "react-router-dom"; const Navigation = () => { const [isOpen, setIsOpen] = useState(false); const [isScrolled, setIsScrolled] = useState(false); const navigate = useNavigate(); const location = useLocation(); const isFoundersPage = location.pathname === '/founders'; useEffect(() => { const handleScroll = () => { const scrollPosition = window.scrollY; setIsScrolled(scrollPosition > 50); }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); const scrollToSection = (sectionId: string) => { const element = document.getElementById(sectionId); if (element) { element.scrollIntoView({ behavior: 'smooth' }); } setIsOpen(false); // Close mobile menu after navigation }; const getStartedPath = isFoundersPage ? '/founders-start' : '/start'; return ( ); }; export default Navigation;