{/* Logo */}
FJ Cart
{/* Desktop Navigation (Top Right) */}
{/* Mobile Menu Button & Drawer */}
Navigation Menu
home
import React, { useState, useEffect } from ‘react’;
import { Link, useLocation } from ‘react-router-dom’;
import { motion } from ‘framer-motion’;
import { Menu, Phone, Mail, Instagram } from ‘lucide-react’;
import { Button } from ‘@/components/ui/button’;
import { Sheet, SheetContent, SheetTrigger, SheetTitle } from ‘@/components/ui/sheet’;
const Header = () => {
const [scrolled, setScrolled] = useState(false);
const [isOpen, setIsOpeapps$0n] = useState(false);
const location = useLocation();
const navLinks = [
{ name: ‘Home’, path: ‘/’ },
{ name: ‘Menu’, path: ‘/menu’ },
{ name: ‘Catering’, path: ‘/catering’ },
{ name: ‘Cart Rental’, path: ‘/cart-rental’ },
{ name: ‘Coming Soon’, path: ‘/coming-soon’ },
{ name: ‘About’, path: ‘/about’ },
{ name: ‘Contact’, path: ‘/contact’ },
];
const isActive = (path) => location.pathname === path;
useEffect(() => {
const handleScroll = () => {
setScrolled(window.scrollY > 20);
};
window.addEventListener(‘scroll’, handleScroll);
return () => window.removeEventListener(‘scroll’, handleScroll);
}, []);
return (
{/* Top Contact Bar – Only visible when not scrolled */}
);
};
export default Header;