diff --git a/app/dashboard/servers/Servers.tsx b/app/dashboard/servers/Servers.tsx
index 8f45505..15ff673 100644
--- a/app/dashboard/servers/Servers.tsx
+++ b/app/dashboard/servers/Servers.tsx
@@ -66,6 +66,7 @@ import NextLink from "next/link"
 import { Toaster } from "@/components/ui/sonner"
 import { toast } from "sonner"
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+import { useTranslations } from "next-intl"
 
 interface ServerHistory {
   labels: string[];
@@ -122,7 +123,8 @@ interface MonitoringData {
   temp?: number
 }
 
-export default function Dashboard() {
+export default function Servers() {
+  const t = useTranslations('Servers')
   const [host, setHost] = useState<boolean>(false)
   const [hostServer, setHostServer] = useState<number>(0)
   const [name, setName] = useState<string>("")
@@ -465,18 +467,14 @@ export default function Dashboard() {
     };
   }, []);
 
-  // Handler für benutzerdefinierte Zahleneingaben mit Verzögerung
   const handleItemsPerPageChange = (value: string) => {
-    // Bestehenden Timer löschen
     if (debounceTimerRef.current) {
       clearTimeout(debounceTimerRef.current);
     }
 
-    // Neuen Timer setzen
     debounceTimerRef.current = setTimeout(() => {
       const newItemsPerPage = parseInt(value);
       
-      // Sicherstellen, dass der Wert im gültigen Bereich liegt
       if (isNaN(newItemsPerPage) || newItemsPerPage < 1) {
         toast.error("Bitte eine Zahl zwischen 1 und 100 eingeben");
         return;
@@ -485,37 +483,31 @@ export default function Dashboard() {
       const validatedValue = Math.min(Math.max(newItemsPerPage, 1), 100);
       
       setItemsPerPage(validatedValue);
-      setCurrentPage(1); // Zurück zur ersten Seite
+      setCurrentPage(1);
       Cookies.set("itemsPerPage-servers", String(validatedValue), {
         expires: 365,
         path: "/",
         sameSite: "strict",
       });
       
-      // Daten mit neuer Paginierung abrufen
       getServers();
-    }, 600); // 600ms Verzögerung für bessere Eingabe mehrziffriger Zahlen
+    }, 600);
   };
 
-  // Handler für voreingestellte Werte aus dem Dropdown
   const handlePresetItemsPerPageChange = (value: string) => {
-    // Für voreingestellte Werte sofort anwenden
     const newItemsPerPage = parseInt(value);
     
-    // Nur Standardwerte hier verarbeiten
     if ([4, 6, 10, 15, 20, 25].includes(newItemsPerPage)) {
       setItemsPerPage(newItemsPerPage);
-      setCurrentPage(1); // Zurück zur ersten Seite
+      setCurrentPage(1);
       Cookies.set("itemsPerPage-servers", String(newItemsPerPage), {
         expires: 365,
         path: "/",
         sameSite: "strict",
       });
       
-      // Daten mit neuer Paginierung abrufen
       getServers();
     } else {
-      // Für benutzerdefinierte Werte den verzögerten Handler verwenden
       handleItemsPerPageChange(value);
     }
   };
@@ -535,11 +527,11 @@ export default function Dashboard() {
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>My Infrastructure</BreadcrumbPage>
+                  <BreadcrumbPage>{t('MyInfrastructure')}</BreadcrumbPage>
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>Servers</BreadcrumbPage>
+                  <BreadcrumbPage>{t('Servers')}</BreadcrumbPage>
                 </BreadcrumbItem>
               </BreadcrumbList>
             </Breadcrumb>
@@ -548,11 +540,11 @@ export default function Dashboard() {
         <Toaster />
         <div className="p-6">
           <div className="flex justify-between items-center">
-            <span className="text-3xl font-bold">Your Servers</span>
+            <span className="text-3xl font-bold">{t('YourServers')}</span>
             <div className="flex gap-2">              
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
-                  <Button variant="outline" size="icon" title="Change view">
+                  <Button variant="outline" size="icon" title={t('ChangeView')}>
                     {isGridLayout ? (
                       <LayoutGrid className="h-4 w-4" />
                     ) : (
@@ -562,10 +554,10 @@ export default function Dashboard() {
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end">
                   <DropdownMenuItem onClick={() => toggleLayout(false)}>
-                    <List className="h-4 w-4 mr-2" /> List View
+                    <List className="h-4 w-4 mr-2" /> {t('ListView')}
                   </DropdownMenuItem>
                   <DropdownMenuItem onClick={() => toggleLayout(true)}>
-                    <LayoutGrid className="h-4 w-4 mr-2" /> Grid View
+                    <LayoutGrid className="h-4 w-4 mr-2" /> {t('GridView')}
                   </DropdownMenuItem>
                 </DropdownMenuContent>
               </DropdownMenu>
@@ -581,23 +573,23 @@ export default function Dashboard() {
               >
                 <SelectTrigger className="w-[140px]">
                   <SelectValue>
-                    {itemsPerPage} {itemsPerPage === 1 ? 'item' : 'items'}
+                    {itemsPerPage} {itemsPerPage === 1 ? t('ItemsPerPage.item') : t('ItemsPerPage.items')}
                   </SelectValue>
                 </SelectTrigger>
                 <SelectContent>
                   {![4, 6, 10, 15, 20, 25].includes(itemsPerPage) ? (
                     <SelectItem value={String(itemsPerPage)}>
-                      {itemsPerPage} {itemsPerPage === 1 ? 'item' : 'items'} (custom)
+                      {itemsPerPage} {itemsPerPage === 1 ? t('ItemsPerPage.item') : t('ItemsPerPage.items')} ({t('ItemsPerPage.Custom')})
                     </SelectItem>
                   ) : null}
-                  <SelectItem value="4">4 items</SelectItem>
-                  <SelectItem value="6">6 items</SelectItem>
-                  <SelectItem value="10">10 items</SelectItem>
-                  <SelectItem value="15">15 items</SelectItem>
-                  <SelectItem value="20">20 items</SelectItem>
-                  <SelectItem value="25">25 items</SelectItem>
+                  <SelectItem value="4">{t('4')}</SelectItem>
+                  <SelectItem value="6">{t('6')}</SelectItem>
+                  <SelectItem value="10">{t('10')}</SelectItem>
+                  <SelectItem value="15">{t('15')}</SelectItem>
+                  <SelectItem value="20">{t('20')}</SelectItem>
+                  <SelectItem value="25">{t('25')}</SelectItem>
                   <div className="p-2 border-t mt-1">
-                    <Label htmlFor="custom-items" className="text-xs font-medium">Custom (1-100)</Label>
+                    <Label htmlFor="custom-items" className="text-xs font-medium">{t('ItemsPerPage.Custom')}</Label>
                     <div className="flex items-center gap-2 mt-1">
                       <Input
                         id="custom-items"
@@ -608,8 +600,6 @@ export default function Dashboard() {
                         className="h-8"
                         defaultValue={itemsPerPage}
                         onChange={(e) => {
-                          // Änderung nicht sofort anwenden während des Tippens
-                          // Nur visuelles Feedback für die Validierung
                           const value = parseInt(e.target.value);
                           if (isNaN(value) || value < 1 || value > 100) {
                             e.target.classList.add("border-red-500");
@@ -618,7 +608,6 @@ export default function Dashboard() {
                           }
                         }}
                         onBlur={(e) => {
-                          // Änderung anwenden, wenn das Input den Fokus verliert
                           const value = parseInt(e.target.value);
                           if (value >= 1 && value <= 100) {
                             handleItemsPerPageChange(e.target.value);
@@ -626,7 +615,6 @@ export default function Dashboard() {
                         }}
                         onKeyDown={(e) => {
                           if (e.key === 'Enter') {
-                            // Bestehenden Debounce-Timer löschen, um sofort anzuwenden
                             if (debounceTimerRef.current) {
                               clearTimeout(debounceTimerRef.current);
                               debounceTimerRef.current = null;
@@ -634,7 +622,6 @@ export default function Dashboard() {
                             
                             const value = parseInt((e.target as HTMLInputElement).value);
                             if (value >= 1 && value <= 100) {
-                              // Änderung sofort bei Enter anwenden
                               const validatedValue = Math.min(Math.max(value, 1), 100);
                               setItemsPerPage(validatedValue);
                               setCurrentPage(1);
@@ -644,11 +631,8 @@ export default function Dashboard() {
                                 sameSite: "strict",
                               });
                               
-                              // Kurze Verzögerung hinzufügen für bessere Reaktionsfähigkeit
                               setTimeout(() => {
                                 getServers();
-                                
-                                // Dropdown schließen
                                 document.body.click();
                               }, 50);
                             }
@@ -656,7 +640,7 @@ export default function Dashboard() {
                         }}
                         onClick={(e) => e.stopPropagation()}
                       />
-                      <span className="text-xs text-muted-foreground whitespace-nowrap">items</span>
+                      <span className="text-xs text-muted-foreground whitespace-nowrap">{t('ItemsPerPage.items')}</span>
                     </div>
                   </div>
                 </SelectContent>
@@ -671,7 +655,7 @@ export default function Dashboard() {
                 <AlertDialogContent className="max-w-[95vw] w-[600px] max-h-[90vh] overflow-y-auto">
                   <AlertDialogHeader>
                     <AlertDialogTitle className="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4">
-                      <span>Add a server</span>
+                      <span>{t('AddServer.Title')}</span>
                       <Select 
                         onValueChange={(value) => {
                           if (!value) return;
@@ -727,20 +711,20 @@ export default function Dashboard() {
                     <AlertDialogDescription>
                       <Tabs defaultValue="general" className="w-full">
                         <TabsList className="w-full">
-                          <TabsTrigger value="general">General</TabsTrigger>
-                          <TabsTrigger value="hardware">Hardware</TabsTrigger>
-                          <TabsTrigger value="virtualization">Host</TabsTrigger>
-                          <TabsTrigger value="monitoring">Monitoring</TabsTrigger>
+                          <TabsTrigger value="general">{t('Tabs.General')}</TabsTrigger>
+                          <TabsTrigger value="hardware">{t('Tabs.Hardware')}</TabsTrigger>
+                          <TabsTrigger value="virtualization">{t('Tabs.Host')}</TabsTrigger>
+                          <TabsTrigger value="monitoring">{t('Tabs.Monitoring')}</TabsTrigger>
                         </TabsList>
                         <TabsContent value="general">
                           <div className="space-y-4 pt-4">
                             <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4">
                               <div className="grid w-full sm:w-[calc(100%-52px)] items-center gap-1.5">
-                                <Label htmlFor="icon">Icon</Label>
+                                <Label htmlFor="icon">{t('AddServer.General.Icon')}</Label>
                                 <div className="space-y-2">
                                   <Select value={icon} onValueChange={(value) => setIcon(value)}>
                                     <SelectTrigger className="w-full">
-                                      <SelectValue placeholder="Select an icon">
+                                      <SelectValue placeholder={t('AddServer.General.IconPlaceholder')}>
                                         {icon && (
                                           <div className="flex items-center gap-2">
                                             <DynamicIcon name={icon as any} size={18} />
@@ -751,7 +735,7 @@ export default function Dashboard() {
                                     </SelectTrigger>
                                     <SelectContent className="max-h-[300px]">
                                       <Input
-                                        placeholder="Search icons..."
+                                        placeholder={t('AddServer.General.IconSearchPlaceholder')}
                                         className="mb-2"
                                         onChange={(e) => {
                                           const iconElements = document.querySelectorAll("[data-icon-item]")
@@ -792,14 +776,14 @@ export default function Dashboard() {
                                 </div>
                               </div>
                               <div className="grid w-[52px] items-center gap-1.5">
-                                <Label htmlFor="icon">Preview</Label>
+                                <Label htmlFor="icon">{t('AddServer.General.Preview')}</Label>
                                 <div className="flex items-center justify-center">
                                   {icon && <DynamicIcon name={icon as any} size={36} />}
                                 </div>
                               </div>
                             </div>
                             <div className="grid w-full items-center gap-1.5">
-                              <Label htmlFor="name">Name</Label>
+                              <Label htmlFor="name">{t('AddServer.General.Name')}</Label>
                               <Input
                                 id="name"
                                 type="text"
@@ -810,11 +794,11 @@ export default function Dashboard() {
                             </div>
                             <div className="grid w-full items-center gap-1.5">
                               <Label htmlFor="description">
-                                Operating System <span className="text-stone-600">(optional)</span>
+                                {t('AddServer.General.OperatingSystem')} <span className="text-stone-600">({t('optional')})</span>
                               </Label>
                               <Select value={os} onValueChange={(value) => setOs(value)}>
                                 <SelectTrigger className="w-full">
-                                  <SelectValue placeholder="Select OS" />
+                                  <SelectValue placeholder={t('AddServer.General.OperatingSystemPlaceholder')} />
                                 </SelectTrigger>
                                 <SelectContent>
                                   <SelectItem value="Windows">Windows</SelectItem>
@@ -825,7 +809,7 @@ export default function Dashboard() {
                             </div>
                             <div className="grid w-full items-center gap-1.5">
                               <Label htmlFor="ip">
-                                IP Adress <span className="text-stone-600">(optional)</span>
+                                {t('AddServer.General.IPAdress')} <span className="text-stone-600">({t('optional')})</span>
                               </Label>
                               <Input
                                 id="ip"
@@ -840,12 +824,11 @@ export default function Dashboard() {
                                 <Tooltip>
                                   <TooltipTrigger>
                                     <Label htmlFor="publicURL">
-                                      Management URL <span className="text-stone-600">(optional)</span>
+                                      {t('AddServer.General.ManagementURL')} <span className="text-stone-600">({t('optional')})</span>
                                     </Label>
                                   </TooltipTrigger>
                                   <TooltipContent>
-                                    Link to a web interface (e.g. Proxmox or Portainer) with which the server can be
-                                    managed
+                                    {t('AddServer.General.ManagementURLTooltip')}
                                   </TooltipContent>
                                 </Tooltip>
                               </TooltipProvider>
@@ -863,7 +846,7 @@ export default function Dashboard() {
                           <div className="space-y-4 pt-4">
                             <div className="grid w-full items-center gap-1.5">
                               <Label htmlFor="cpu">
-                                CPU <span className="text-stone-600">(optional)</span>
+                                {t('AddServer.Hardware.CPU')} <span className="text-stone-600">({t('optional')})</span>
                               </Label>
                               <Input
                                 id="cpu"
@@ -875,7 +858,7 @@ export default function Dashboard() {
                             </div>
                             <div className="grid w-full items-center gap-1.5">
                               <Label htmlFor="gpu">
-                                GPU <span className="text-stone-600">(optional)</span>
+                                {t('AddServer.Hardware.GPU')} <span className="text-stone-600">({t('optional')})</span>
                               </Label>
                               <Input
                                 id="gpu"
@@ -887,7 +870,7 @@ export default function Dashboard() {
                             </div>
                             <div className="grid w-full items-center gap-1.5">
                               <Label htmlFor="ram">
-                                RAM <span className="text-stone-600">(optional)</span>
+                                {t('AddServer.Hardware.RAM')} <span className="text-stone-600">({t('optional')})</span>
                               </Label>
                               <Input
                                 id="ram"
@@ -899,7 +882,7 @@ export default function Dashboard() {
                             </div>
                             <div className="grid w-full items-center gap-1.5">
                               <Label htmlFor="disk">
-                                Disk <span className="text-stone-600">(optional)</span>
+                                {t('AddServer.Hardware.Disk')} <span className="text-stone-600">({t('optional')})</span>
                               </Label>
                               <Input
                                 id="disk"
@@ -919,11 +902,11 @@ export default function Dashboard() {
                                 checked={host}
                                 onCheckedChange={(checked) => setHost(checked === true)}
                               />
-                              <Label htmlFor="hostCheckbox">Mark as host server</Label>
+                              <Label htmlFor="hostCheckbox">{t('AddServer.Host.MarkAsHostServer')}</Label>
                             </div>
                             {!host && (
                               <div className="grid w-full items-center gap-1.5">
-                                <Label>Host Server</Label>
+                                <Label>{t('AddServer.Host.SelectHostServer')}</Label>
                                 <Select
                                   value={hostServer?.toString()}
                                   onValueChange={(value) => {
@@ -935,10 +918,10 @@ export default function Dashboard() {
                                   }}
                                 >
                                   <SelectTrigger>
-                                    <SelectValue placeholder="Select a host server" />
+                                    <SelectValue placeholder={t('AddServer.Host.SelectHostServerPlaceholder')} />
                                   </SelectTrigger>
                                   <SelectContent>
-                                    <SelectItem value="0">No host server</SelectItem>
+                                    <SelectItem value="0">{t('AddServer.Host.NoHostServer')}</SelectItem>
                                     {hostServers.map((server) => (
                                       <SelectItem key={server.id} value={server.id.toString()}>
                                         {server.name}
@@ -958,12 +941,12 @@ export default function Dashboard() {
                                 checked={monitoring}
                                 onCheckedChange={(checked) => setMonitoring(checked === true)}
                               />
-                              <Label htmlFor="monitoringCheckbox">Enable monitoring</Label>
+                              <Label htmlFor="monitoringCheckbox">{t('AddServer.Monitoring.Enable')}</Label>
                             </div>
                             {monitoring && (
                               <>
                                 <div className="grid w-full items-center gap-1.5">
-                                  <Label htmlFor="monitoringURL">Monitoring URL</Label>
+                                  <Label htmlFor="monitoringURL">{t('AddServer.Monitoring.URL')}</Label>
                                   <Input
                                     id="monitoringURL"
                                     type="text"
@@ -973,9 +956,9 @@ export default function Dashboard() {
                                   />
                                 </div>
                                 <div className="mt-4 p-4 border rounded-lg bg-muted">
-                                  <h4 className="text-sm font-semibold mb-2">Required Server Setup</h4>
+                                  <h4 className="text-sm font-semibold mb-2">{t('AddServer.Monitoring.SetupTitle')}</h4>
                                   <p className="text-sm text-muted-foreground mb-3">
-                                    To enable monitoring, you need to install Glances on your server. Here's an example Docker Compose configuration:
+                                    {t('AddServer.Monitoring.SetupDescription')}
                                   </p>
                                   <pre className="bg-background p-4 rounded-md text-sm overflow-x-auto">
                                     <code>{`services:
@@ -1000,8 +983,8 @@ export default function Dashboard() {
                     </AlertDialogDescription>
                   </AlertDialogHeader>
                   <AlertDialogFooter>
-                    <AlertDialogCancel>Cancel</AlertDialogCancel>
-                    <AlertDialogAction onClick={add}>Add</AlertDialogAction>
+                    <AlertDialogCancel>{t('cancel')}</AlertDialogCancel>
+                    <AlertDialogAction onClick={add}>{t('add')}</AlertDialogAction>
                   </AlertDialogFooter>
                 </AlertDialogContent>
               </AlertDialog>
diff --git a/i18n/languages/en.json b/i18n/languages/en.json
index 8ad5889..dc08316 100644
--- a/i18n/languages/en.json
+++ b/i18n/languages/en.json
@@ -47,5 +47,68 @@
             "ActiveConnections": "Active Connections",
             "ViewNetworkDetails": "View network details"
         }
+    },
+    "Servers": {
+        "MyInfrastructure": "My Infrastructure",
+        "Title": "Servers",
+        "YourServers": "Your Servers",
+        "ChangeView": "Change View",
+        "ListView": "List View",
+        "GridView": "Grid View",
+        "ItemsPerPage": {
+            "items": "items",
+            "item": "item",
+            "4": "4 items",
+            "6": "6 items",
+            "10": "10 items",
+            "15": "15 items",
+            "20": "20 items",
+            "25": "25 items",
+            "Custom": "Custom (1-100)"
+        },
+        "Tabs": {
+            "General": "General",
+            "Hardware": "Hardware",
+            "Host": "Host",
+            "Monitoring": "Monitoring"
+        },
+        "optional": "optional",
+        "cancel": "Cancel",
+        "add": "Add",
+        "AddServer": {
+            "Title": "Add a server",
+            "General": {
+                "Title": "Add a server",
+                "CopyServer": "Copy server",
+                "Icon": "Icon",
+                "IconPlaceholder": "Select an icon",
+                "IconSearchPlaceholder": "Search icons...",
+                "Preview": "Preview",
+                "Name": "Name",
+                "OperatingSystem": "Operating System",
+                "OperatingSystemPlaceholder": "Select OS",
+                "IPAdress": "IP Adress",
+                "ManagementURL": "Management URL",
+                "ManagementURLTooltip": "Link to a web interface (e.g. Proxmox or Portainer) with which the server can be managed"
+            },
+            "Hardware": {
+                "CPU": "CPU",
+                "GPU": "GPU",
+                "RAM": "RAM",
+                "Storage": "Storage"
+            },
+            "Host": {
+                "MarkAsHostServer": "Mark as host server",
+                "SelectHostServer": "Select a host server",
+                "SelectHostServerPlaceholder": "Select a host server",
+                "NoHostServer": "No host server"
+            },
+            "Monitoring": {
+                "Enable": "Enable monitoring",
+                "URL": "Monitoring URL",
+                "SetupTitle": "Required Server Setup",
+                "SetupDescription": "To enable monitoring, you need to install Glances on your server. Here's an example Docker Compose configuration:"
+            }
+        }
     }
 }
\ No newline at end of file