47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import {
|
|
Link,
|
|
Navbar,
|
|
NavbarBrand,
|
|
NavbarContent,
|
|
NavbarItem,
|
|
} from "@nextui-org/react";
|
|
import { GithubIcon, HeyGenLogo } from "./Icons";
|
|
import { ThemeSwitch } from "./ThemeSwitch";
|
|
|
|
export default function NavBar() {
|
|
return (
|
|
<Navbar>
|
|
<NavbarBrand>
|
|
<Link isExternal aria-label="HeyGen" href="https://app.heygen.com/">
|
|
<HeyGenLogo />
|
|
</Link>
|
|
<div className="bg-gradient-to-br from-sky-300 to-indigo-500 bg-clip-text ml-4">
|
|
<p className="text-xl font-semibold text-transparent">
|
|
HeyGen Streaming Avatar SDK NextJS Demo
|
|
</p>
|
|
</div>
|
|
</NavbarBrand>
|
|
<NavbarContent justify="center">
|
|
<NavbarItem className="flex flex-row items-center gap-10">
|
|
<Link
|
|
color="foreground"
|
|
href="https://docs.heygen.com/reference/new-session-copy"
|
|
>
|
|
API Docs
|
|
</Link>
|
|
<Link
|
|
isExternal
|
|
aria-label="Github"
|
|
href="https://github.com/HeyGen-Official/StreamingAvatarSDK"
|
|
className="flex flex-row justify-center gap-2 text-foreground"
|
|
>
|
|
<GithubIcon className="text-default-500" />
|
|
SDK Github
|
|
</Link>
|
|
<ThemeSwitch />
|
|
</NavbarItem>
|
|
</NavbarContent>
|
|
</Navbar>
|
|
);
|
|
}
|