{/* Mobile menu button */} {/* Mobile Navigation */} {isMobileMenuOpen && (

{navItems.map((item) => ( {item.name} ))}

)} ); } export default TopNavOne; 1a:Tefe,import { Button } from "@/components/retroui/Button"; import { Phone, Mail, Instagram, Twitter, Facebook, Linkedin } from "lucide-react"; import { useState } from "react"; const navItems = [ { name: "About", href: "#" }, { name: "Catelog", href: "#" }, { name: "Places", href: "#" }, { name: "Blogs", href: "#" }, { name: "Contact", href: "#" }, ]; function TopNavTwo() { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); return (

{/* Top contact bar */}

+(406) 555-0120

ckctm12@gmail.com

{/* Main navigation */}

RetroUI Navbar Blocks

Top Nav 01

Top Nav 02

Top Nav 03

Top Nav 04

Top Nav 05

Top Nav 06

Top Nav 07

Top Nav 08