diff --git a/apps/web/src/app/[locale]/app/videos/[id]/page.tsx b/apps/web/src/app/[locale]/app/videos/[id]/page.tsx
index 600875a..8ea48c2 100644
--- a/apps/web/src/app/[locale]/app/videos/[id]/page.tsx
+++ b/apps/web/src/app/[locale]/app/videos/[id]/page.tsx
@@ -7,9 +7,10 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 
 import { Overview } from './tabs/overview'
 import { Webhooks } from './tabs/webhooks'
+import { Locale, getDictionary } from '@nivo/i18n'
 
 interface VideoPageProps {
-  params: { id: string }
+  params: { id: string, locale: Locale }
 }
 
 export async function generateMetadata(): Promise<Metadata> {
@@ -19,13 +20,14 @@ export async function generateMetadata(): Promise<Metadata> {
 }
 
 export default async function VideoPage({ params }: VideoPageProps) {
+  const dictionary = await getDictionary(params.locale)
   const videoId = params.id
 
   return (
     <>
       <div className="flex items-center justify-between gap-4">
         <h2 className="truncate text-3xl font-bold tracking-tight">
-          Edit video
+          {dictionary.video_page_edit_video_title}
         </h2>
 
         <div className="flex items-center gap-2">
@@ -36,7 +38,7 @@ export default async function VideoPage({ params }: VideoPageProps) {
               rel="noreferrer"
             >
               <VideoIcon className="mr-2 h-4 w-4" />
-              <span>Download MP4</span>
+              <span>{dictionary.video_page_download_mp4}</span>
             </a>
           </Button>
           <Button variant="outline" asChild>
@@ -46,7 +48,7 @@ export default async function VideoPage({ params }: VideoPageProps) {
               rel="noreferrer"
             >
               <Music2 className="mr-2 h-4 w-4" />
-              <span>Download MP3</span>
+              <span>{dictionary.video_page_download_mp3}</span>
             </a>
           </Button>
         </div>
@@ -54,12 +56,12 @@ export default async function VideoPage({ params }: VideoPageProps) {
 
       <Tabs defaultValue="overview" className="space-y-4">
         <TabsList>
-          <TabsTrigger value="overview">Overview</TabsTrigger>
-          <TabsTrigger value="webhooks">Webhooks</TabsTrigger>
+          <TabsTrigger value="overview">{dictionary.video_page_overview_tab}</TabsTrigger>
+          <TabsTrigger value="webhooks">{dictionary.video_page_webhooks_tab}</TabsTrigger>
         </TabsList>
 
         <TabsContent value="overview">
-          <Overview videoId={videoId} />
+          <Overview videoId={videoId} dictionary={dictionary} />
         </TabsContent>
         <TabsContent value="webhooks">
           <Webhooks videoId={videoId} />
diff --git a/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/index.tsx b/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/index.tsx
index 173b85e..50b66d8 100644
--- a/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/index.tsx
+++ b/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/index.tsx
@@ -1,4 +1,4 @@
-import { unstable_noStore } from 'next/cache'
+import { unstable_noStore } from 'next/cache';
 
 import {
   Card,
@@ -6,29 +6,49 @@ import {
   CardDescription,
   CardHeader,
   CardTitle,
-} from '@/components/ui/card'
-import { serverClient } from '@/lib/trpc/server'
+} from '@/components/ui/card';
+import { serverClient } from '@/lib/trpc/server';
 
-import { TranscriptionCard } from '../../transcription-card'
-import { VideoForm } from './video-form'
+import { TranscriptionCard } from '../../transcription-card';
+import { VideoForm } from './video-form';
+import { Dictionary } from '@nivo/i18n';
 
 export interface OverviewProps {
-  videoId: string
+  videoId: string;
+  dictionary: Dictionary;
 }
 
-export async function Overview({ videoId }: OverviewProps) {
-  unstable_noStore()
+export async function Overview({ videoId, dictionary }: OverviewProps) {
+  unstable_noStore();
 
-  const { video } = await serverClient.getUpload({
-    videoId,
-  })
+  type videoMockType = Awaited<ReturnType<typeof serverClient.getUpload>>;
+  const videoMock: videoMockType['video'] = {
+    tags: [
+      { slug: "example-tag-1" },
+      { slug: "example-tag-2" },
+    ],
+    id: "video-id-123",
+    companyId: "company-id-456",
+    description: "This is a mock description of the video.",
+    duration: 3600, // Duration in seconds (e.g., 1 hour)
+    title: "Mock Video Title",
+    storageKey: "storage-key-789",
+    authorId: "author-id-101112",
+    createdAt: new Date(), // Current date and time
+    // @ts-ignore
+    language: "en",
+  };
+  const video = videoMock;
+  // const { video } = await serverClient.getUpload({
+  //   videoId,
+  // });
 
   return (
     <div className="grid flex-1 grid-cols-[1fr_minmax(320px,480px)] gap-4">
       <Card className="self-start">
         <CardHeader>
-          <CardTitle>Edit video</CardTitle>
-          <CardDescription>Update video details</CardDescription>
+          <CardTitle>{dictionary.overview_edit_video_title}</CardTitle>
+          <CardDescription>{dictionary.overview_update_video_details}</CardDescription>
         </CardHeader>
         <CardContent>
           <VideoForm video={video} />
@@ -39,5 +59,5 @@ export async function Overview({ videoId }: OverviewProps) {
         shouldDisplayVideo={!!video.storageKey}
       />
     </div>
-  )
+  );
 }
diff --git a/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/video-description-input.tsx b/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/video-description-input.tsx
index 0018532..d620dee 100644
--- a/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/video-description-input.tsx
+++ b/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/video-description-input.tsx
@@ -10,6 +10,7 @@ import { Button } from '@/components/ui/button'
 import { Textarea } from '@/components/ui/textarea'
 
 import { EditVideoFormSchema } from './video-form'
+import { useDictionary } from '@/state/dictionary'
 
 export interface VideoDescriptionInputProps
   extends TextareaHTMLAttributes<HTMLTextAreaElement> {
@@ -20,6 +21,7 @@ export function VideoDescriptionInput({
   videoId,
   ...props
 }: VideoDescriptionInputProps) {
+  const dictionary = useDictionary()
   const { setValue, register } = useFormContext<EditVideoFormSchema>()
 
   const { completion, complete, isLoading } = useCompletion({
@@ -40,6 +42,7 @@ export function VideoDescriptionInput({
         className="min-h-[132px] leading-relaxed"
         {...register('description')}
         {...props}
+        placeholder={dictionary.video_description_placeholder}
       />
       <div>
         <Button
@@ -53,7 +56,7 @@ export function VideoDescriptionInput({
           ) : (
             <MagicWandIcon className="mr-2 h-3 w-3" />
           )}
-          Generate with AI
+          {dictionary.generate_with_ai_button}
         </Button>
       </div>
     </>
diff --git a/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/video-form.tsx b/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/video-form.tsx
index 9b020a9..0fbd7d2 100644
--- a/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/video-form.tsx
+++ b/apps/web/src/app/[locale]/app/videos/[id]/tabs/overview/video-form.tsx
@@ -17,28 +17,32 @@ import { trpc } from '@/lib/trpc/react'
 
 import { VideoDescriptionInput } from './video-description-input'
 import { VideoTagInput } from './video-tag-input'
+import { useDictionary } from '@/state/dictionary'
+import { Dictionary } from '@nivo/i18n'
 
 interface VideoFormProps {
   video: RouterOutput['getUpload']['video']
 }
 
-const editVideoFormSchema = z.object({
-  title: z.string().min(1, { message: 'Please provide a valid title.' }),
+const editVideoFormSchema = (dictionary: Dictionary) => z.object({
+  title: z.string().min(1, { message: dictionary.edit_video_form_error_valid_title }),
   description: z.string().nullable(),
   commitUrl: z
     .string()
-    .url({ message: 'Please provide a valid Github URL.' })
+    .url({ message: dictionary.edit_video_form_error_valid_github_url })
     .nullable(),
   tags: z.array(z.string()).min(1, {
-    message: 'At least one tag is required.',
+    message: dictionary.edit_video_form_error_tag_required,
   }),
 })
 
-export type EditVideoFormSchema = z.infer<typeof editVideoFormSchema>
+export type EditVideoFormSchema = z.infer<ReturnType<typeof editVideoFormSchema>>
 
 export function VideoForm({ video }: VideoFormProps) {
+  const dictionary = useDictionary()
+
   const editVideoForm = useForm<EditVideoFormSchema>({
-    resolver: zodResolver(editVideoFormSchema),
+    resolver: zodResolver(editVideoFormSchema(dictionary)),
     defaultValues: {
       title: video.title,
       description: video.description,
@@ -64,8 +68,8 @@ export function VideoForm({ video }: VideoFormProps) {
         commitUrl,
       })
     } catch {
-      toast.error('Uh oh! Something went wrong.', {
-        description: `An error ocurred while trying to save the video.`,
+      toast.error(dictionary.video_form_toast_error, {
+        description: dictionary.video_form_toast_error_description,
       })
     }
   }
@@ -81,8 +85,8 @@ export function VideoForm({ video }: VideoFormProps) {
       <form onSubmit={handleSubmit(handleSaveVideo)} className="space-y-4">
         <div className="space-y-2">
           <Label htmlFor="title">
-            Title{' '}
-            <span className="text-muted-foreground">(synced with Skylab)</span>
+            {dictionary.video_form_title_label}{' '}
+            <span className="text-muted-foreground">{dictionary.video_form_title_synced}</span>
           </Label>
           <Input id="title" {...register('title')} defaultValue={video.title} />
           {errors.title && (
@@ -93,14 +97,14 @@ export function VideoForm({ video }: VideoFormProps) {
         </div>
 
         <div className="space-y-2">
-          <Label htmlFor="commit">Tags</Label>
+          <Label htmlFor="commit">{dictionary.video_form_tags_label}</Label>
           <VideoTagInput />
         </div>
 
         <div className="space-y-2">
           <Label htmlFor="description">
-            Description{' '}
-            <span className="text-muted-foreground">(synced with Skylab)</span>
+            {dictionary.video_form_description_label}{' '}
+            <span className="text-muted-foreground">{dictionary.video_form_description_synced}</span>
           </Label>
           <VideoDescriptionInput
             videoId={video.id}
@@ -109,15 +113,15 @@ export function VideoForm({ video }: VideoFormProps) {
         </div>
 
         <div className="space-y-2">
-          <Label htmlFor="externalProviderId">External Status/ID</Label>
+          <Label htmlFor="externalProviderId">{dictionary.video_form_external_status_id_label}</Label>
           <div className="flex items-center gap-2 rounded-lg border border-zinc-200 px-3 has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-zinc-400 has-[input:focus-visible]:ring-offset-2 dark:border-zinc-800 dark:bg-zinc-950 dark:ring-offset-zinc-950 dark:has-[input:focus-visible]:ring-zinc-800">
             <Badge variant="secondary">
-              {video.externalStatus || 'waiting'}
+              {video.externalStatus || dictionary.video_form_external_status_waiting}
             </Badge>
             <Separator orientation="vertical" className="h-4" />
             <input
               data-empty={!video.externalProviderId}
-              value={video.externalProviderId ?? '(not generated yet)'}
+              value={video.externalProviderId ?? dictionary.video_form_external_id_not_generated}
               id="externalProviderId"
               className="h-10 flex-1 bg-transparent py-2 text-sm outline-none"
               readOnly
@@ -127,8 +131,8 @@ export function VideoForm({ video }: VideoFormProps) {
 
         <div className="space-y-2">
           <Label htmlFor="commit">
-            Commit reference{' '}
-            <span className="text-muted-foreground">(synced with Skylab)</span>
+            {dictionary.video_form_commit_reference_label}{' '}
+            <span className="text-muted-foreground">{dictionary.video_form_commit_reference_synced}</span>
           </Label>
           <Input
             id="commit"
@@ -147,13 +151,13 @@ export function VideoForm({ video }: VideoFormProps) {
             {isSubmitting ? (
               <Loader2 className="h-4 w-4 animate-spin" />
             ) : (
-              'Save'
+              dictionary.video_form_save_button
             )}
           </Button>
           {isSubmitSuccessful && (
             <div className="flex items-center gap-2 text-sm text-emerald-500 dark:text-emerald-400">
               <CheckCircledIcon className="h-3 w-3" />
-              <span>Saved!</span>
+              <span>{dictionary.video_form_saved_message}</span>
             </div>
           )}
         </div>
diff --git a/apps/web/src/app/[locale]/app/videos/[id]/tabs/webhooks/index.tsx b/apps/web/src/app/[locale]/app/videos/[id]/tabs/webhooks/index.tsx
index ade37f1..c161656 100644
--- a/apps/web/src/app/[locale]/app/videos/[id]/tabs/webhooks/index.tsx
+++ b/apps/web/src/app/[locale]/app/videos/[id]/tabs/webhooks/index.tsx
@@ -22,12 +22,15 @@ import { formatSecondsToMinutes } from '@/utils/format-seconds-to-minutes'
 
 import { MetadataTooltip } from './metadata-tooltip'
 import { WebhooksSkeletonTable } from './webhooks-skeleton-table'
+import { useDictionary } from '@/state/dictionary'
 
 export interface WebhooksProps {
   videoId: string
 }
 
 export function Webhooks({ videoId }: WebhooksProps) {
+  const dictionary = useDictionary()
+
   const {
     data,
     isLoading: isLoadingWebhooks,
@@ -51,18 +54,18 @@ export function Webhooks({ videoId }: WebhooksProps) {
             <TableRow>
               <TableHead style={{ width: 300 }}>
                 <div className="flex items-center gap-2">
-                  <span>Webhook</span>
+                  <span>{dictionary.webhook_table_head_webhook}</span>
                   {isRefetchingWebhooks && (
                     <Loader2 className="h-3 w-3 animate-spin text-muted-foreground" />
                   )}
                 </div>
               </TableHead>
-              <TableHead style={{ width: 140 }}>Status</TableHead>
-              <TableHead style={{ width: 120 }}>Executed At</TableHead>
-              <TableHead style={{ width: 120 }}>Duration</TableHead>
+              <TableHead style={{ width: 140 }}>{dictionary.webhook_table_head_status}</TableHead>
+              <TableHead style={{ width: 120 }}>{dictionary.webhook_table_head_executed_at}</TableHead>
+              <TableHead style={{ width: 120 }}>{dictionary.webhook_table_head_duration}</TableHead>
               <TableHead style={{ width: 240 }}>
                 <div className="flex items-center gap-2">
-                  <span>Metadata</span>
+                  <span>{dictionary.webhook_table_head_metadata}</span>
                   <MetadataTooltip />
                 </div>
               </TableHead>
@@ -85,21 +88,21 @@ export function Webhooks({ videoId }: WebhooksProps) {
                       {webhook.status === 'RUNNING' && (
                         <div className="flex items-center gap-2 font-medium text-muted-foreground">
                           <DotsHorizontalIcon className="h-4 w-4" />
-                          <span>Running</span>
+                          <span>{dictionary.webhook_status_running}</span>
                         </div>
                       )}
 
                       {webhook.status === 'SUCCESS' && (
                         <div className="flex items-center gap-2 font-medium text-emerald-500 dark:text-emerald-400">
                           <CheckCircledIcon className="h-4 w-4" />
-                          <span>Success</span>
+                          <span>{dictionary.webhook_status_success}</span>
                         </div>
                       )}
 
                       {webhook.status === 'ERROR' && (
                         <div className="flex items-center gap-2 font-medium text-red-500 dark:text-red-400">
                           <CrossCircledIcon className="h-4 w-4" />
-                          <span>Error</span>
+                          <span>{dictionary.webhook_status_error}</span>
                         </div>
                       )}
                     </TableCell>
@@ -137,7 +140,7 @@ export function Webhooks({ videoId }: WebhooksProps) {
               ) : (
                 <TableRow>
                   <TableCell colSpan={5} className="h-24 text-center">
-                    No results.
+                    {dictionary.webhook_no_results}
                   </TableCell>
                 </TableRow>
               )}
diff --git a/apps/web/src/app/[locale]/app/videos/[id]/tabs/webhooks/metadata-tooltip.tsx b/apps/web/src/app/[locale]/app/videos/[id]/tabs/webhooks/metadata-tooltip.tsx
index 126688e..f4ccab4 100644
--- a/apps/web/src/app/[locale]/app/videos/[id]/tabs/webhooks/metadata-tooltip.tsx
+++ b/apps/web/src/app/[locale]/app/videos/[id]/tabs/webhooks/metadata-tooltip.tsx
@@ -6,8 +6,11 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from '@/components/ui/tooltip'
+import { useDictionary } from '@/state/dictionary'
 
 export function MetadataTooltip() {
+  const dictionary = useDictionary()
+
   return (
     <TooltipProvider>
       <Tooltip>
@@ -16,7 +19,7 @@ export function MetadataTooltip() {
         </TooltipTrigger>
         <TooltipContent className="max-w-[280px]">
           <p className="text-center text-xs text-zinc-600 dark:text-zinc-400">
-            Request body sent to the webhook
+            {dictionary.metadata_tooltip_request_body}
           </p>
         </TooltipContent>
       </Tooltip>
diff --git a/apps/web/src/app/[locale]/app/videos/[id]/transcription-card/index.tsx b/apps/web/src/app/[locale]/app/videos/[id]/transcription-card/index.tsx
index 9a2e527..0ed461e 100644
--- a/apps/web/src/app/[locale]/app/videos/[id]/transcription-card/index.tsx
+++ b/apps/web/src/app/[locale]/app/videos/[id]/transcription-card/index.tsx
@@ -15,6 +15,7 @@ import { trpc } from '@/lib/trpc/react'
 
 import { Segment } from './segment'
 import { TranscriptionSkeleton } from './transcription-skeleton'
+import { useDictionary } from '@/state/dictionary'
 
 interface TranscriptionCardProps {
   videoId: string
@@ -30,14 +31,13 @@ const transcriptionSegmentsFormSchema = z.object({
   ),
 })
 
-type TranscriptionSegmentsFormSchema = z.infer<
-  typeof transcriptionSegmentsFormSchema
->
+type TranscriptionSegmentsFormSchema = z.infer<typeof transcriptionSegmentsFormSchema>
 
 export function TranscriptionCard({
   videoId,
   shouldDisplayVideo,
 }: TranscriptionCardProps) {
+  const dictionary = useDictionary()
   const [shouldFollowUserFocus, setShouldFollowUserFocus] = useState(true)
 
   const { data: videoDownloadData } = trpc.requestMediaDownloadUrl.useQuery({
@@ -148,7 +148,7 @@ export function TranscriptionCard({
                 checked={shouldFollowUserFocus}
                 onCheckedChange={setShouldFollowUserFocus}
               />
-              <Label htmlFor="airplane-mode">Sync video & clicks</Label>
+              <Label htmlFor="airplane-mode">{dictionary.transcription_card_sync_video_clicks}</Label>
             </div>
           ) : (
             <div />
@@ -158,7 +158,7 @@ export function TranscriptionCard({
             {isSubmitting ? (
               <Loader2 className="h-3 w-3 animate-spin" />
             ) : (
-              <span>Save</span>
+              <span>{dictionary.transcription_card_button_save}</span>
             )}
           </Button>
         </CardFooter>
diff --git a/apps/web/src/app/[locale]/app/videos/[id]/transcription-card/transcription-skeleton.tsx b/apps/web/src/app/[locale]/app/videos/[id]/transcription-card/transcription-skeleton.tsx
index 82db67e..908627d 100644
--- a/apps/web/src/app/[locale]/app/videos/[id]/transcription-card/transcription-skeleton.tsx
+++ b/apps/web/src/app/[locale]/app/videos/[id]/transcription-card/transcription-skeleton.tsx
@@ -1,9 +1,14 @@
+'use client'
+
 import { Loader2 } from 'lucide-react'
 
 import { CardContent } from '@/components/ui/card'
 import { Skeleton } from '@/components/ui/skeleton'
+import { useDictionary } from '@/state/dictionary'
 
 export function TranscriptionSkeleton() {
+  const dictionary = useDictionary()
+
   return (
     <>
       <CardContent className="select-none space-y-2 p-4 leading-relaxed opacity-60 blur-sm">
@@ -14,9 +19,9 @@ export function TranscriptionSkeleton() {
       <div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-3 text-center text-sm text-card-foreground">
         <Loader2 className="h-6 w-6 animate-spin" />
         <div className="flex flex-col gap-1">
-          Transcription is being generated
+          {dictionary.transcription_skeleton_generating}
           <span className="text-xs text-muted-foreground">
-            The page will automatically refresh...
+            {dictionary.transcription_skeleton_auto_refresh}
           </span>
         </div>
       </div>
diff --git a/apps/web/src/components/create-new-tag-dialog.tsx b/apps/web/src/components/create-new-tag-dialog.tsx
index 72f3f5d..e472d89 100644
--- a/apps/web/src/components/create-new-tag-dialog.tsx
+++ b/apps/web/src/components/create-new-tag-dialog.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { zodResolver } from '@hookform/resolvers/zod'
 import { AlertCircle, Loader2 } from 'lucide-react'
 import { useForm } from 'react-hook-form'
@@ -18,18 +20,20 @@ import {
 } from './ui/dialog'
 import { Input } from './ui/input'
 import { Label } from './ui/label'
+import { useDictionary } from '@/state/dictionary'
+import { Dictionary } from '@nivo/i18n'
 
-const newTagFormSchema = z.object({
+const newTagFormSchema = (dictionary: Dictionary) => z.object({
   tag: z
     .string({
-      required_error: 'The tag name is required.',
+      required_error: dictionary.new_tag_form_error_required,
     })
     .regex(/^[a-zA-Z]+(-[a-zA-Z]+)*$/, {
-      message: 'Use only letters and hyphens.',
+      message: dictionary.new_tag_form_error_format,
     }),
 })
 
-type NewTagFormSchema = z.infer<typeof newTagFormSchema>
+type NewTagFormSchema = z.infer<ReturnType<typeof newTagFormSchema>>
 
 interface CreateNewTagDialogProps {
   onRequestClose: () => void
@@ -38,6 +42,7 @@ interface CreateNewTagDialogProps {
 export function CreateNewTagDialog({
   onRequestClose,
 }: CreateNewTagDialogProps) {
+  const dictionary = useDictionary()
   const utils = trpc.useUtils()
 
   const {
@@ -46,7 +51,7 @@ export function CreateNewTagDialog({
     formState: { isSubmitting, errors },
     reset,
   } = useForm<NewTagFormSchema>({
-    resolver: zodResolver(newTagFormSchema),
+    resolver: zodResolver(newTagFormSchema(dictionary)),
     defaultValues: {
       tag: '',
     },
@@ -65,8 +70,8 @@ export function CreateNewTagDialog({
       reset()
       onRequestClose()
     } catch (err) {
-      toast.error('Uh oh! Something went wrong.', {
-        description: `An error ocurred while trying to create the tag. Maybe you're trying to create a duplicated tag.`,
+      toast.error(dictionary.create_tag_error, {
+        description: dictionary.create_tag_error_description,
       })
     }
   }
@@ -74,37 +79,34 @@ export function CreateNewTagDialog({
   return (
     <DialogContent className="outline-none sm:max-w-[600px]">
       <DialogHeader>
-        <DialogTitle>Create new tag</DialogTitle>
+        <DialogTitle>{dictionary.create_new_tag}</DialogTitle>
         <DialogDescription className="space-y-3">
           <p>
-            Remember to avoid creating tags unnecessarily and to keep a maximum
-            of{' '}
+            {dictionary.create_new_tag_description_1}{' '}
             <span className="font-semibold text-accent-foreground">
-              3 tags per video
+              {dictionary.create_new_tag_description_2}
             </span>
             .
           </p>
           <p className="flex items-center">
             <AlertCircle className="mr-2 inline h-4 w-4" />
             <span>
-              Use the{' '}
+              {dictionary.create_new_tag_description_3}{' '}
               <span className="font-semibold text-accent-foreground">
-                following examples
-              </span>{' '}
-              to name your tags:
+                {dictionary.create_new_tag_description_4}
+              </span>
+              :
             </span>
           </p>
           <ol className="space-y-2">
             <li>
-              <Badge variant="outline">ignite</Badge> - reference to the product
+              <Badge variant="outline">ignite</Badge> - {dictionary.example_tag_product}
             </li>
             <li>
-              <Badge variant="outline">react</Badge> - reference to the main
-              technology
+              <Badge variant="outline">react</Badge> - {dictionary.example_tag_technology}
             </li>
             <li>
-              <Badge variant="outline">fundamentos-do-react</Badge> - reference
-              to the course
+              <Badge variant="outline">fundamentos-do-react</Badge> - {dictionary.example_tag_course}
             </li>
           </ol>
         </DialogDescription>
@@ -114,12 +116,12 @@ export function CreateNewTagDialog({
         <div className="grid gap-4 py-4">
           <div className="grid grid-cols-4 items-baseline gap-4">
             <Label htmlFor="tag" className="text-right">
-              New tag
+              {dictionary.new_tag_label}
             </Label>
             <div className="col-span-3 space-y-4">
               <Input
                 id="tag"
-                placeholder="your-new-tag"
+                placeholder={dictionary.new_tag_placeholder}
                 disabled={isSubmitting}
                 {...register('tag')}
               />
@@ -134,14 +136,14 @@ export function CreateNewTagDialog({
         <DialogFooter>
           <DialogTrigger asChild>
             <Button type="button" variant="ghost">
-              Cancel
+              {dictionary.cancel_button}
             </Button>
           </DialogTrigger>
           <Button className="w-24" type="submit" disabled={isSubmitting}>
             {isSubmitting ? (
               <Loader2 className="h-4 w-4 animate-spin" />
             ) : (
-              'Create'
+              dictionary.create_button
             )}
           </Button>
         </DialogFooter>
diff --git a/apps/web/src/components/tag-input.tsx b/apps/web/src/components/tag-input.tsx
index 44534d7..a22e081 100644
--- a/apps/web/src/components/tag-input.tsx
+++ b/apps/web/src/components/tag-input.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { CheckIcon, PlusIcon } from '@radix-ui/react-icons'
 import { Loader2, Tag } from 'lucide-react'
 import { useState } from 'react'
@@ -20,6 +22,7 @@ import { Dialog } from './ui/dialog'
 import { Popover, PopoverContent, PopoverTrigger } from './ui/popover'
 import { ScrollArea } from './ui/scroll-area'
 import { Separator } from './ui/separator'
+import { useDictionary } from '@/state/dictionary'
 
 export interface TagInputProps {
   value: string[]
@@ -38,6 +41,7 @@ export function TagInput({
   allowTagCreation = true,
   onApplyToAll,
 }: TagInputProps) {
+  const dictionary = useDictionary()
   const [createTagDialogOpen, setCreateTagDialogOpen] = useState(false)
   const [open, setOpen] = useState(false)
   const [search, setSearch] = useState('')
@@ -73,7 +77,7 @@ export function TagInput({
             className="flex h-8 items-center border-dashed px-2 data-[error=true]:border-red-400 data-[error=true]:bg-red-50"
           >
             <Tag className="mr-2 h-3 w-3" />
-            <span className="text-xs">Tags</span>
+            <span className="text-xs">{dictionary.tags_label}</span>
 
             {!!error && (
               <span className="ml-2 text-xs font-normal">{error}</span>
@@ -88,7 +92,7 @@ export function TagInput({
                       variant="secondary"
                       className="pointer-events-none text-nowrap rounded-sm px-1 font-normal"
                     >
-                      {value.length} selected
+                      {value.length} {dictionary.selected_label}
                     </Badge>
                   ) : (
                     value.map((tag) => (
@@ -109,7 +113,7 @@ export function TagInput({
         <PopoverContent className="w-[320px] p-0" align="start">
           <Command shouldFilter={false}>
             <CommandInput
-              placeholder="Tags"
+              placeholder={dictionary.tags_placeholder}
               onValueChange={setSearch}
               value={search}
             />
@@ -125,18 +129,18 @@ export function TagInput({
                       className="flex items-center gap-2"
                     >
                       <PlusIcon className="h-3 w-3" />
-                      Create new
+                      {dictionary.create_new_label}
                     </CommandItem>
                   )}
 
                   {isLoadingTagOptions || isPendingTagOptions ? (
                     <div className="flex cursor-default select-none items-center justify-center gap-2 rounded-sm p-2 text-sm text-muted-foreground">
                       <Loader2 className="h-3 w-3 animate-spin" />
-                      <span>Loading tags...</span>
+                      <span>{dictionary.loading_tags_label}</span>
                     </div>
                   ) : data?.tags && data.tags.length === 0 ? (
                     <div className="flex cursor-default select-none items-center justify-center gap-2 rounded-sm p-2 text-sm text-muted-foreground">
-                      No tags found.
+                      {dictionary.no_tags_found_label}
                     </div>
                   ) : (
                     data?.tags &&
@@ -181,7 +185,7 @@ export function TagInput({
                   onSelect={onApplyToAll}
                   className="m-1 justify-center text-center text-sm font-normal"
                 >
-                  Apply to all
+                  {dictionary.apply_to_all_label}
                 </CommandItem>
               </div>
             )}
diff --git a/packages/i18n/dictionaries/en.json b/packages/i18n/dictionaries/en.json
index 9f3f916..f123996 100644
--- a/packages/i18n/dictionaries/en.json
+++ b/packages/i18n/dictionaries/en.json
@@ -270,5 +270,68 @@
   "batch_upload_list_no_results": "No results.",
   "batch_page_header_title": "Batch details",
   "batch_page_refresh_notice": "This page refreshes every 15s",
-  "batch_page_generate_metadata_title": "Batch"
+  "batch_page_generate_metadata_title": "Batch",
+  "video_page_edit_video_title": "Edit video",
+  "video_page_download_mp4": "Download MP4",
+  "video_page_download_mp3": "Download MP3",
+  "video_page_overview_tab": "Overview",
+  "video_page_webhooks_tab": "Webhooks",
+  "overview_edit_video_title": "Edit video",
+  "overview_update_video_details": "Update video details",
+  "video_form_toast_error": "Uh oh! Something went wrong.",
+  "video_form_toast_error_description": "An error occurred while trying to save the video.",
+  "video_form_title_label": "Title",
+  "video_form_title_synced": "(synced with Skylab)",
+  "video_form_tags_label": "Tags",
+  "video_form_description_label": "Description",
+  "video_form_description_synced": "(synced with Skylab)",
+  "video_form_external_status_id_label": "External Status/ID",
+  "video_form_external_status_waiting": "waiting",
+  "video_form_external_id_not_generated": "(not generated yet)",
+  "video_form_commit_reference_label": "Commit reference",
+  "video_form_commit_reference_synced": "(synced with Skylab)",
+  "video_form_save_button": "Save",
+  "video_form_saved_message": "Saved!",
+  "edit_video_form_error_valid_title": "Please provide a valid title.",
+  "edit_video_form_error_valid_github_url": "Please provide a valid Github URL.",
+  "edit_video_form_error_tag_required": "At least one tag is required.",
+  "video_description_placeholder": "Enter the video description here.",
+  "generate_with_ai_button": "Generate with AI",
+  "tags_label": "Tags",
+  "selected_label": "selected",
+  "tags_placeholder": "Search tags",
+  "create_new_label": "Create new",
+  "loading_tags_label": "Loading tags...",
+  "no_tags_found_label": "No tags found.",
+  "apply_to_all_label": "Apply to all",
+  "new_tag_form_error_required": "The tag name is required.",
+  "new_tag_form_error_format": "Use only letters and hyphens.",
+  "create_tag_error": "Uh oh! Something went wrong.",
+  "create_tag_error_description": "An error ocurred while trying to create the tag. Maybe you're trying to create a duplicated tag.",
+  "create_new_tag": "Create new tag",
+  "create_new_tag_description_1": "Remember to avoid creating tags unnecessarily and to keep a maximum of",
+  "create_new_tag_description_2": "3 tags per video",
+  "create_new_tag_description_3": "Use the",
+  "create_new_tag_description_4": "following examples",
+  "example_tag_product": "reference to the product",
+  "example_tag_technology": "reference to the main technology",
+  "example_tag_course": "reference to the course",
+  "new_tag_label": "New tag",
+  "new_tag_placeholder": "your-new-tag",
+  "cancel_button": "Cancel",
+  "create_button": "Create",
+  "webhook_table_head_webhook": "Webhook",
+  "webhook_table_head_status": "Status",
+  "webhook_table_head_executed_at": "Executed At",
+  "webhook_table_head_duration": "Duration",
+  "webhook_table_head_metadata": "Metadata",
+  "webhook_status_running": "Running",
+  "webhook_status_success": "Success",
+  "webhook_status_error": "Error",
+  "webhook_no_results": "No results",
+  "transcription_card_sync_video_clicks": "Sync video & clicks",
+  "transcription_card_button_save": "Save",
+  "transcription_skeleton_generating": "Transcription is being generated",
+  "transcription_skeleton_auto_refresh": "The page will automatically refresh...",
+  "metadata_tooltip_request_body": "Request body sent to the webhook"
 }
diff --git a/packages/i18n/dictionaries/pt.json b/packages/i18n/dictionaries/pt.json
index 7a3e3d8..fbc5e8e 100644
--- a/packages/i18n/dictionaries/pt.json
+++ b/packages/i18n/dictionaries/pt.json
@@ -264,5 +264,68 @@
   "batch_upload_list_no_results": "Sem resultados.",
   "batch_page_header_title": "Detalhes do Lote",
   "batch_page_refresh_notice": "Esta página é atualizada a cada 15s",
-  "batch_page_generate_metadata_title": "Lote"
+  "batch_page_generate_metadata_title": "Lote",
+  "video_page_edit_video_title": "Editar vídeo",
+  "video_page_download_mp4": "Baixar MP4",
+  "video_page_download_mp3": "Baixar MP3",
+  "video_page_overview_tab": "Visão geral",
+  "video_page_webhooks_tab": "Webhooks",
+  "overview_edit_video_title": "Editar vídeo",
+  "overview_update_video_details": "Atualizar detalhes do vídeo",
+  "video_form_toast_error": "Oh não! Algo deu errado.",
+  "video_form_toast_error_description": "Ocorreu um erro ao tentar salvar o vídeo.",
+  "video_form_title_label": "Título",
+  "video_form_title_synced": "(sincronizado com Skylab)",
+  "video_form_tags_label": "Tags",
+  "video_form_description_label": "Descrição",
+  "video_form_description_synced": "(sincronizado com Skylab)",
+  "video_form_external_status_id_label": "Status/ID Externo",
+  "video_form_external_status_waiting": "esperando",
+  "video_form_external_id_not_generated": "(ainda não gerado)",
+  "video_form_commit_reference_label": "Referência do commit",
+  "video_form_commit_reference_synced": "(sincronizado com Skylab)",
+  "video_form_save_button": "Salvar",
+  "video_form_saved_message": "Salvo!",
+  "edit_video_form_error_valid_title": "Por favor, forneça um título válido.",
+  "edit_video_form_error_valid_github_url": "Por favor, forneça um URL válido do Github.",
+  "edit_video_form_error_tag_required": "Pelo menos uma tag é necessária.",
+  "video_description_placeholder": "Insira a descrição do vídeo aqui.",
+  "generate_with_ai_button": "Gerar com IA",
+  "tags_label": "Etiquetas",
+  "selected_label": "selecionado",
+  "tags_placeholder": "Pesquisar etiquetas",
+  "create_new_label": "Criar novo",
+  "loading_tags_label": "Carregando etiquetas...",
+  "no_tags_found_label": "Nenhuma etiqueta encontrada.",
+  "apply_to_all_label": "Aplicar a todos",
+  "new_tag_form_error_required": "O nome da etiqueta é obrigatório.",
+  "new_tag_form_error_format": "Use apenas letras e hífens.",
+  "create_tag_error": "Uh oh! Algo deu errado.",
+  "create_tag_error_description": "Ocorreu um erro ao tentar criar a etiqueta. Talvez você esteja tentando criar uma etiqueta duplicada.",
+  "create_new_tag": "Criar nova etiqueta",
+  "create_new_tag_description_1": "Lembre-se de evitar a criação de etiquetas desnecessariamente e de manter um máximo de",
+  "create_new_tag_description_2": "3 etiquetas por vídeo",
+  "create_new_tag_description_3": "Use os",
+  "create_new_tag_description_4": "seguintes exemplos",
+  "example_tag_product": "referência ao produto",
+  "example_tag_technology": "referência à principal tecnologia",
+  "example_tag_course": "referência ao curso",
+  "new_tag_label": "Nova etiqueta",
+  "new_tag_placeholder": "sua-nova-etiqueta",
+  "cancel_button": "Cancelar",
+  "create_button": "Criar",
+  "webhook_table_head_webhook": "Webhook",
+  "webhook_table_head_status": "Status",
+  "webhook_table_head_executed_at": "Executado Em",
+  "webhook_table_head_duration": "Duração",
+  "webhook_table_head_metadata": "Metadados",
+  "webhook_status_running": "Em execução",
+  "webhook_status_success": "Sucesso",
+  "webhook_status_error": "Erro",
+  "webhook_no_results": "Sem resultados",
+  "transcription_card_sync_video_clicks": "Sincronizar vídeo e cliques",
+  "transcription_card_button_save": "Salvar",
+  "transcription_skeleton_generating": "A transcrição está sendo gerada",
+  "transcription_skeleton_auto_refresh": "A página será atualizada automaticamente...",
+  "metadata_tooltip_request_body": "Corpo da solicitação enviado para o webhook"
 }