Remove Navbar component and associated styles
This commit is contained in:
ishikabhoyar
@@ -1,150 +0,0 @@
|
|||||||
import React from "react"
|
|
||||||
"use client"
|
|
||||||
|
|
||||||
import Link from "next/link"
|
|
||||||
import { ChevronDown } from "lucide-react"
|
|
||||||
|
|
||||||
import { Button } from "@/components/ui/button"
|
|
||||||
import {
|
|
||||||
NavigationMenu,
|
|
||||||
NavigationMenuContent,
|
|
||||||
NavigationMenuItem,
|
|
||||||
NavigationMenuLink,
|
|
||||||
NavigationMenuList,
|
|
||||||
NavigationMenuTrigger,
|
|
||||||
} from "@/components/ui/navigation-menu"
|
|
||||||
|
|
||||||
export function Navbar() {
|
|
||||||
return (
|
|
||||||
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
|
||||||
<div className="container flex h-16 items-center justify-between">
|
|
||||||
<Link href="/" className="flex items-center space-x-2">
|
|
||||||
<span className="text-xl font-bold">*Azzle</span>
|
|
||||||
</Link>
|
|
||||||
|
|
||||||
<NavigationMenu className="hidden md:flex">
|
|
||||||
<NavigationMenuList>
|
|
||||||
<NavigationMenuItem>
|
|
||||||
<NavigationMenuTrigger>
|
|
||||||
Demo <ChevronDown className="h-4 w-4" />
|
|
||||||
</NavigationMenuTrigger>
|
|
||||||
<NavigationMenuContent>
|
|
||||||
<div className="grid gap-3 p-6 w-[400px]">
|
|
||||||
<NavigationMenuLink asChild>
|
|
||||||
<Link
|
|
||||||
href="/demo/features"
|
|
||||||
className="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
||||||
>
|
|
||||||
<div className="text-sm font-medium leading-none">Features</div>
|
|
||||||
<p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
|
|
||||||
Explore all the features our platform has to offer
|
|
||||||
</p>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuLink>
|
|
||||||
<NavigationMenuLink asChild>
|
|
||||||
<Link
|
|
||||||
href="/demo/pricing"
|
|
||||||
className="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
||||||
>
|
|
||||||
<div className="text-sm font-medium leading-none">Pricing</div>
|
|
||||||
<p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
|
|
||||||
View our flexible pricing plans
|
|
||||||
</p>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuLink>
|
|
||||||
</div>
|
|
||||||
</NavigationMenuContent>
|
|
||||||
</NavigationMenuItem>
|
|
||||||
<NavigationMenuItem>
|
|
||||||
<Link href="/about" legacyBehavior passHref>
|
|
||||||
<NavigationMenuLink className="group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50">
|
|
||||||
About
|
|
||||||
</NavigationMenuLink>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuItem>
|
|
||||||
<NavigationMenuItem>
|
|
||||||
<NavigationMenuTrigger>
|
|
||||||
Services <ChevronDown className="h-4 w-4" />
|
|
||||||
</NavigationMenuTrigger>
|
|
||||||
<NavigationMenuContent>
|
|
||||||
<div className="grid gap-3 p-6 w-[400px]">
|
|
||||||
<NavigationMenuLink asChild>
|
|
||||||
<Link
|
|
||||||
href="/services/consulting"
|
|
||||||
className="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
||||||
>
|
|
||||||
<div className="text-sm font-medium leading-none">Consulting</div>
|
|
||||||
<p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
|
|
||||||
Expert guidance for your business needs
|
|
||||||
</p>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuLink>
|
|
||||||
<NavigationMenuLink asChild>
|
|
||||||
<Link
|
|
||||||
href="/services/implementation"
|
|
||||||
className="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
||||||
>
|
|
||||||
<div className="text-sm font-medium leading-none">Implementation</div>
|
|
||||||
<p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
|
|
||||||
Full-service implementation and support
|
|
||||||
</p>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuLink>
|
|
||||||
</div>
|
|
||||||
</NavigationMenuContent>
|
|
||||||
</NavigationMenuItem>
|
|
||||||
<NavigationMenuItem>
|
|
||||||
<NavigationMenuTrigger>
|
|
||||||
Pages <ChevronDown className="h-4 w-4" />
|
|
||||||
</NavigationMenuTrigger>
|
|
||||||
<NavigationMenuContent>
|
|
||||||
<div className="grid gap-3 p-6 w-[400px]">
|
|
||||||
<NavigationMenuLink asChild>
|
|
||||||
<Link
|
|
||||||
href="/blog"
|
|
||||||
className="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
||||||
>
|
|
||||||
<div className="text-sm font-medium leading-none">Blog</div>
|
|
||||||
<p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
|
|
||||||
Read our latest articles and updates
|
|
||||||
</p>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuLink>
|
|
||||||
<NavigationMenuLink asChild>
|
|
||||||
<Link
|
|
||||||
href="/resources"
|
|
||||||
className="block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
||||||
>
|
|
||||||
<div className="text-sm font-medium leading-none">Resources</div>
|
|
||||||
<p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
|
|
||||||
Helpful guides and documentation
|
|
||||||
</p>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuLink>
|
|
||||||
</div>
|
|
||||||
</NavigationMenuContent>
|
|
||||||
</NavigationMenuItem>
|
|
||||||
<NavigationMenuItem>
|
|
||||||
<Link href="/contact" legacyBehavior passHref>
|
|
||||||
<NavigationMenuLink className="group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50">
|
|
||||||
Contact
|
|
||||||
</NavigationMenuLink>
|
|
||||||
</Link>
|
|
||||||
</NavigationMenuItem>
|
|
||||||
</NavigationMenuList>
|
|
||||||
</NavigationMenu>
|
|
||||||
|
|
||||||
<div className="flex items-center space-x-4">
|
|
||||||
<Button variant="ghost" asChild>
|
|
||||||
<Link href="/login">Login</Link>
|
|
||||||
</Button>
|
|
||||||
<Button asChild>
|
|
||||||
<Link href="/signup">Sign up free</Link>
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Navbar
|
|
||||||
Reference in New Issue
Block a user