"use client"; import { Menu, ShoppingBasket } from "lucide-react"; import Link from "next/link"; import React, { useState } from "react"; import { Button } from "@/components/ui/button"; import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle } from "@/components/ui/navigation-menu"; import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"; import { Badge } from "@/components/ui/badge"; const categories: { title: string; href: string; description: string }[] = [ { title: "Men", href: "/category/men", description: "Apparel, shoes, and accessories for men." }, { title: "Women", href: "/category/women", description: "Stylish and comfortable fashion for women." }, { title: "Kids", href: "/category/kids", description: "Fun and functional outfits for kids of all ages." }, { title: "Home & Living", href: "/category/home", description: "Decor, kitchenware, and lifestyle products." }, { title: "Beauty", href: "/category/beauty", description: "Skin care, cosmetics, and grooming essentials." }, { title: "Electronics", href: "/category/electronics", description: "Gadgets, accessories, and smart devices." } ]; function ListItem({ title, children, href, ...props }: React.ComponentPropsWithoutRef<"li"> & { href: string }) { return (

{title}

{children}

); } export default function Navbar() { const [isOpen, setIsOpen] = useState(false); return (

Logo

Shop

New Arrivals

Discover the styles in our latest collection.

Lightweight essentials perfect for the warm season.

Complete your look with our stylish bags, jewelry, and more.

Shop discounted items before they're gone.

Navbars

Centered navbar

E-commerce navbar

Unlock premium blocks