.

app/[locale]/[workspaceid]/chat/page.tsx

@@ -12,6 +12,8 @@ import useHotkey from "@/lib/hooks/use-hotkey"
 import { useTheme } from "next-themes"
 import { useContext } from "react"
 
+import { useTranslation } from 'react-i18next'
+
 export default function ChatPage() {
   useHotkey("o", () => handleNewChat())
   useHotkey("l", () => {
@@ -24,6 +26,8 @@ export default function ChatPage() {
 
   const { theme } = useTheme()
 
+  const { t } = useTranslation()
+
   return (
     <>
       {chatMessages.length === 0 ? (

components/ui/brand.tsx

@@ -4,15 +4,18 @@ import Link from "next/link"
 import { FC } from "react"
 import { ChatbotUISVG } from "../icons/chatbotui-svg"
 
+import { useTranslation } from 'react-i18next'
+
 interface BrandProps {
   theme?: "dark" | "light"
 }
 
 export const Brand: FC<BrandProps> = ({ theme = "dark" }) => {
+  const { t } = useTranslation()
   return (
     <Link
       className="flex cursor-pointer flex-col items-center hover:opacity-50"
-      href="https://www.chatbotui.com"
+      href="https://ai.szaiai.com"
       target="_blank"
       rel="noopener noreferrer"
     >
@@ -20,7 +23,7 @@ export const Brand: FC<BrandProps> = ({ theme = "dark" }) => {
         <ChatbotUISVG theme={theme === "dark" ? "dark" : "light"} scale={0.3} />
       </div>
 
-      <div className="text-4xl font-bold tracking-wide">Chatbot UI</div>
+      <div className="text-4xl font-bold tracking-wide">{t("Company Name")}</div>
     </Link>
   )
 }