mport { useState } from "react";
import { Menu, X } from "lucide-react";
const navLinks = [
{ name: "Home", href: "#", active: true },
{ name: "video", href: "#video" },
{ name: "livestream", href: "#livestream" },
{ name: "about", href: "#about" },
{ name: "toolsthings", href: "#toolsthings" },
{ name: "birthday", href: "#birthday" },
{ name: "store", href: "https://bonfire.com/store/raphaelaraujoonline", external: true },
];
const Header = () => {
const [isMenuOpen, setIsMenuOpen] = useState(false);
return (
);
};
export default Header;
{/* Logo */}
{/* Desktop Navigation */}
{/* Mobile Menu Button */}
{/* Mobile Navigation */}
{isMenuOpen && (
)} r