import { useState, useEffect } from 'react';
import { Button } from '@/components/ui/button';
import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet';
import { Menu, X } from 'lucide-react';
const Header = () => {
const [isScrolled, setIsScrolled] = useState(false);
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
useEffect(() => {
const handleScroll = () => {
setIsScrolled(window.scrollY > 10);
};
window.addEventListener('scroll', handleScroll);
return () => window.removeEventListener('scroll', handleScroll);
}, []);
const navItems = [
{ label: 'Prodotto', href: '#prodotto' },
{ label: 'Automazioni', href: '#automazioni' },
{ label: 'Soluzioni', href: '#soluzioni' },
{ label: 'Prezzi', href: '#prezzi' },
{ label: 'Risorse', href: '#risorse' },
{ label: 'Chi Siamo', href: '#chi-siamo' },
{ label: 'Contatti', href: '#contatti' }
];
return (
{/* Logo */}
{/* Desktop Navigation */}
{/* Desktop CTAs */}
{/* Mobile Menu */}
);
};
export default Header;