You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.0 KiB
49 lines
1.0 KiB
"use client";
|
|
|
|
import {
|
|
Button,
|
|
Link,
|
|
Navbar,
|
|
NavbarBrand,
|
|
NavbarContent,
|
|
NavbarItem
|
|
} from "@nextui-org/react";
|
|
import { Component } from "@typings/component";
|
|
|
|
export const Nav: Component = () => {
|
|
return (
|
|
<Navbar position="sticky">
|
|
<NavbarBrand>
|
|
<p className="font-bold text-inherit">ACME</p>
|
|
</NavbarBrand>
|
|
<NavbarContent className="hidden sm:flex gap-4" justify="center">
|
|
<NavbarItem>
|
|
<Link color="foreground" href="#">
|
|
Features
|
|
</Link>
|
|
</NavbarItem>
|
|
<NavbarItem isActive>
|
|
<Link href="#" aria-current="page">
|
|
Customers
|
|
</Link>
|
|
</NavbarItem>
|
|
<NavbarItem>
|
|
<Link color="foreground" href="#">
|
|
Integrations
|
|
</Link>
|
|
</NavbarItem>
|
|
</NavbarContent>
|
|
<NavbarContent justify="end">
|
|
<NavbarItem className="hidden lg:flex">
|
|
<Link href="#">Login</Link>
|
|
</NavbarItem>
|
|
<NavbarItem>
|
|
<Button as={Link} color="primary" href="#" variant="flat">
|
|
Sign Up
|
|
</Button>
|
|
</NavbarItem>
|
|
</NavbarContent>
|
|
</Navbar>
|
|
);
|
|
};
|