Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 46 additions & 18 deletions examples/text-to-voice/x-to-voice/components/footer-nav.tsx
Original file line number Diff line number Diff line change
@@ -1,25 +1,53 @@
import Link from "next/link";
import { cn } from "@/lib/utils";

export function FooterNav({className}: {className?: string}) {
return <nav
className={cn("w-full flex items-center justify-center py-4 px-8 gap-x-2 text-sm text-gray-600", className)}>
<div className={"sm:flex gap-x-2 justify-center items-center hidden"}>
<Link href={"https://elevenlabs.io/docs/api-reference/ttv-create-previews"} target={"_blank"}>
Voice Design API
export function FooterNav({ className }: { className?: string }) {
return (
<nav
className={cn(
"w-full flex items-center justify-center py-4 px-8 gap-x-2 text-sm text-gray-600",
className
)}
>
<div className={"sm:flex gap-x-2 justify-center items-center hidden"}>
<Link
href={"https://elevenlabs.io/docs/api-reference/ttv-create-previews"}
target={"_blank"}
>
Voice Design API
</Link>
<span>|</span>
<Link
href={"https://elevenlabs.io/docs/api-reference/text-to-speech"}
target={"_blank"}
>
Text to Speech API
</Link>
<span>|</span>
</div>
<Link href={"https://elevenlabs.io/text-to-speech"} target={"_blank"}>
Text to Speech
</Link>
<span>|</span>
<Link href={"https://elevenlabs.io/docs/api-reference/text-to-speech"} target={"_blank"}>
Text to Speech API
<Link href={"https://elevenlabs.io/voice-design"} target={"_blank"}>
Voice Design
</Link>
<span>|</span>
</div>
<Link href={"https://elevenlabs.io/text-to-speech"} target={"_blank"}>
Text to Speech
</Link>
<span>|</span>
<Link href={"https://elevenlabs.io/voice-design"} target={"_blank"}>
Voice Design
</Link>
</nav>;
}
<Link
href={"https://elevenlabs.io/terms-of-use"}
target={"_blank"}
prefetch={false}
>
Terms of Use
</Link>
<span>|</span>
<Link
href={"https://elevenlabs.io/privacy-policy"}
target={"_blank"}
prefetch={false}
>
Privacy Policy
</Link>
</nav>
);
}