41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
'use client'
|
|
import React from "react";
|
|
import { Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button } from "@nextui-org/react";
|
|
|
|
export default function TestNavbar() {
|
|
return (
|
|
<Navbar>
|
|
<NavbarBrand>
|
|
<p className="font-bold text-inherit">ACME</p>
|
|
</NavbarBrand>
|
|
<NavbarContent className="hidden sm:flex gap-4" justify="center">
|
|
<NavbarItem>
|
|
<Link color="foreground" key="about" href="/about">
|
|
Features
|
|
</Link>
|
|
</NavbarItem>
|
|
<NavbarItem isActive>
|
|
<Link href="/docs" aria-current="page">
|
|
Customers
|
|
</Link>
|
|
</NavbarItem>
|
|
<NavbarItem>
|
|
<Link color="foreground" href="/docs">
|
|
Integrations
|
|
</Link>
|
|
</NavbarItem>
|
|
</NavbarContent>
|
|
<NavbarContent justify="end">
|
|
<NavbarItem className="hidden lg:flex">
|
|
<Link href="about">Login</Link>
|
|
</NavbarItem>
|
|
<NavbarItem>
|
|
<Button as={Link} color="primary" href="#" variant="flat">
|
|
Sign Up
|
|
</Button>
|
|
</NavbarItem>
|
|
</NavbarContent>
|
|
</Navbar>
|
|
);
|
|
}
|