init

components/NavBar.tsx

@@ -0,0 +1,46 @@
+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>
+  );
+}