diff --git a/app/Http/Livewire/Tables/CityTable.php b/app/Http/Livewire/Tables/CityTable.php
new file mode 100644
index 00000000..aa7b42e7
--- /dev/null
+++ b/app/Http/Livewire/Tables/CityTable.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Livewire\Tables;
+
+use App\Models\City;
+use Rappasoft\LaravelLivewireTables\DataTableComponent;
+use Rappasoft\LaravelLivewireTables\Views\Column;
+
+class CityTable extends DataTableComponent
+{
+    protected $model = City::class;
+
+    public function configure(): void
+    {
+        $this->setPrimaryKey('id');
+    }
+
+    public function columns(): array
+    {
+        return [
+            Column::make("Stadt Name", "name")
+                  ->sortable()
+                  ->searchable(),
+        ];
+    }
+}
diff --git a/composer.json b/composer.json
index 20b5f33c..2f87776c 100644
--- a/composer.json
+++ b/composer.json
@@ -12,10 +12,11 @@
         "guzzlehttp/guzzle": "^7.2",
         "laravel/framework": "^9.19",
         "laravel/jetstream": "^2.12",
+        "laravel/nova": "~4.0",
         "laravel/sanctum": "^3.0",
         "laravel/tinker": "^2.7",
         "livewire/livewire": "^2.5",
-        "laravel/nova": "~4.0"
+        "rappasoft/laravel-livewire-tables": "^2.8"
     },
     "require-dev": {
         "naoray/blueprint-nova-addon": "dev-master#a7791033d1cb68d4e82631305e26b64e18464494",
diff --git a/composer.lock b/composer.lock
index c71bba74..04a2a630 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "f7f539ae281f1a4d721dedb38e381209",
+    "content-hash": "9431bb210b73ea7fa050c97f0d3456c1",
     "packages": [
         {
             "name": "bacon/bacon-qr-code",
@@ -4296,6 +4296,137 @@
             ],
             "time": "2022-07-21T14:21:25+00:00"
         },
+        {
+            "name": "rappasoft/laravel-livewire-tables",
+            "version": "v2.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/rappasoft/laravel-livewire-tables.git",
+                "reference": "e6069cd0fac4b7f8a5d492388a735a3b7351bc80"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/rappasoft/laravel-livewire-tables/zipball/e6069cd0fac4b7f8a5d492388a735a3b7351bc80",
+                "reference": "e6069cd0fac4b7f8a5d492388a735a3b7351bc80",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/contracts": "^8.0|^9.0",
+                "livewire/livewire": "^2.6",
+                "php": "^7.4|^8.0",
+                "spatie/laravel-package-tools": "^1.4.3"
+            },
+            "require-dev": {
+                "ext-sqlite3": "*",
+                "orchestra/testbench": "^6.13|^7.0",
+                "phpunit/phpunit": "^9.3",
+                "spatie/laravel-ray": "^1.9"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Rappasoft\\LaravelLivewireTables\\LaravelLivewireTablesServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Rappasoft\\LaravelLivewireTables\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Anthony Rappa",
+                    "email": "rappa819@gmail.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A dynamic table component for Laravel Livewire",
+            "homepage": "https://github.com/rappasoft/laravel-livewire-tables",
+            "keywords": [
+                "datatables",
+                "laravel",
+                "livewire",
+                "rappasoft",
+                "tables"
+            ],
+            "support": {
+                "issues": "https://github.com/rappasoft/laravel-livewire-tables/issues",
+                "source": "https://github.com/rappasoft/laravel-livewire-tables/tree/v2.8.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/rappasoft",
+                    "type": "github"
+                }
+            ],
+            "time": "2022-07-25T00:44:21+00:00"
+        },
+        {
+            "name": "spatie/laravel-package-tools",
+            "version": "1.13.7",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/spatie/laravel-package-tools.git",
+                "reference": "4af8e608184471b5568af6265ebb0ca0025c131a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/spatie/laravel-package-tools/zipball/4af8e608184471b5568af6265ebb0ca0025c131a",
+                "reference": "4af8e608184471b5568af6265ebb0ca0025c131a",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/contracts": "^9.28",
+                "php": "^8.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "^1.5",
+                "orchestra/testbench": "^7.7",
+                "pestphp/pest": "^1.22",
+                "phpunit/phpunit": "^9.5.24",
+                "spatie/pest-plugin-test-time": "^1.1"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Spatie\\LaravelPackageTools\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Freek Van der Herten",
+                    "email": "freek@spatie.be",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Tools for creating Laravel packages",
+            "homepage": "https://github.com/spatie/laravel-package-tools",
+            "keywords": [
+                "laravel-package-tools",
+                "spatie"
+            ],
+            "support": {
+                "issues": "https://github.com/spatie/laravel-package-tools/issues",
+                "source": "https://github.com/spatie/laravel-package-tools/tree/1.13.7"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/spatie",
+                    "type": "github"
+                }
+            ],
+            "time": "2022-11-15T09:10:09+00:00"
+        },
         {
             "name": "spatie/once",
             "version": "3.1.0",
diff --git a/lang/vendor/livewire-tables/ar.json b/lang/vendor/livewire-tables/ar.json
new file mode 100644
index 00000000..fa6fff67
--- /dev/null
+++ b/lang/vendor/livewire-tables/ar.json
@@ -0,0 +1,27 @@
+{
+    "All": "الكل",
+    "Applied Filters": "التصفيات المطبقة",
+    "Applied Sorting": "الترتيب المطبق",
+    "Bulk Actions": "إجراءات",
+    "Clear": "مسح",
+    "Columns": "الأعمدة",
+    "Debugging Values": "قيم التصحيح",
+    "Done Reordering": "تمت إعادة الترتيب",
+    "Filters": "التصفيات",
+    "Remove filter option": "حذف خيار التصفية",
+    "Remove sort option": "حذف خيار الترتيب",
+    "Search": "بحث",
+    "Select All": "تحديد الكل",
+    "Showing": "استعراض",
+    "Deselect All": "إلغاء تحديد الكل",
+    "You are currently selecting all": "أنت الآن تختار الكل",
+    "You are not connected to the internet.": "أنت غير متصل بالإنترنت.",
+    "You have selected": "لقد قمت باختيار",
+    "of": "من",
+    "Reorder": "إعادة الترتيب",
+    "results": "النتائج",
+    "rows": "صفوف",
+    "rows, do you want to select all": "الصفوف ، هل تريد تحديد الكل",
+    "No items found. Try to broaden your search.": "لا توجد نتائج. الرجاء توسيع نطاق البحث",
+    "to": "إلى"
+}
diff --git a/lang/vendor/livewire-tables/ca.json b/lang/vendor/livewire-tables/ca.json
new file mode 100644
index 00000000..bb7a14a1
--- /dev/null
+++ b/lang/vendor/livewire-tables/ca.json
@@ -0,0 +1,27 @@
+{
+    "All": "Tot",
+    "Applied Filters": "Filtres Aplicats",
+    "Applied Sorting": "Ordenació Aplicada",
+    "Bulk Actions": "Accions Massives",
+    "Clear": "Esborra",
+    "Columns": "Columnes",
+    "Done Reordering": "Reordenació finalitzada",
+    "Filters": "Filtres",
+    "Remove filter option": "Elimina opció de filtre",
+    "Remove sort option": "Elimina opció d'ordenació",
+    "Search": "Cerca",
+    "Select All": "Selecciona tot",
+    "Showing": "Mostrant",
+    "Deselect All": "Deselecciona tot",
+    "You are currently selecting all": "Actualment està seleccionant tot",
+    "You are not connected to the internet.": "No està conectat a Internet.",
+    "You have selected": "Ha seleccionat",
+    "of": "de",
+    "Reorder": "Reordena",
+    "results": "resultats",
+    "row": "fila",
+    "rows": "files",
+    "rows, do you want to select all": "files, vol seleccionar totes",
+    "No items found. Try to broaden your search.": "No s'han trobat elements. Intenti ampliar la cerca.",
+    "to": "a"
+}
\ No newline at end of file
diff --git a/lang/vendor/livewire-tables/de.json b/lang/vendor/livewire-tables/de.json
new file mode 100644
index 00000000..a2f78142
--- /dev/null
+++ b/lang/vendor/livewire-tables/de.json
@@ -0,0 +1,26 @@
+{
+    "All": "Alle",
+    "Applied Filters": "Angewendete Filter",
+    "Applied Sorting": "Angewendete Sortierung",
+    "Bulk Actions": "Aktionen",
+    "Clear": "Zurücksetzen",
+    "Columns": "Spalten",
+    "Done Reordering": "Sortieren abgeschlossen",
+    "Filters": "Filter",
+    "Remove filter option": "Entferne Filterauswahl",
+    "Remove sort option": "Entferne Sortierauswahl",
+    "Search": "Suche",
+    "Select All": "Alle auswählen",
+    "Showing": "Anzeigen",
+    "Deselect All": "Alle abwählen",
+    "You are currently selecting all": "Es sind schon alle ausgewählt",
+    "You are not connected to the internet.": "Es liegt keine Verbindung zum Internet vor.",
+    "You have selected": "Es sind ausgewählt",
+    "of": "von",
+    "Reorder": "erneut Sortieren",
+    "results": "Ergebnisse",
+    "rows": "Zeilen",
+    "rows, do you want to select all": "Zeilen, sollen alle ausgewählt werden",
+    "to": "nach",
+    "No items found. Try to broaden your search.": "Es gibt keine Ergebnisse/Einträge. Versuche die Suche zu erweitern."
+}
diff --git a/lang/vendor/livewire-tables/en.json b/lang/vendor/livewire-tables/en.json
new file mode 100644
index 00000000..5026af45
--- /dev/null
+++ b/lang/vendor/livewire-tables/en.json
@@ -0,0 +1,27 @@
+{
+    "All": "All",
+    "Applied Filters": "Applied Filters",
+    "Applied Sorting": "Applied Sorting",
+    "Bulk Actions": "Bulk Actions",
+    "Clear": "Clear",
+    "Columns": "Columns",
+    "Debugging Values": "Debugging Values",
+    "Done Reordering": "Done Reordering",
+    "Filters": "Filters",
+    "Remove filter option": "Remove filter option",
+    "Remove sort option": "Remove sort option",
+    "Search": "Search",
+    "Select All": "Select All",
+    "Showing": "Showing",
+    "Deselect All": "Deselect All",
+    "You are currently selecting all": "You are currently selecting all",
+    "You are not connected to the internet.": "You are not connected to the internet.",
+    "You have selected": "You have selected",
+    "of": "of",
+    "Reorder": "Reorder",
+    "results": "results",
+    "rows": "rows",
+    "rows, do you want to select all": "rows, do you want to select all",
+    "No items found. Try to broaden your search.": "No items found. Try to broaden your search.",
+    "to": "to"
+}
diff --git a/lang/vendor/livewire-tables/es.json b/lang/vendor/livewire-tables/es.json
new file mode 100644
index 00000000..43e1fc5f
--- /dev/null
+++ b/lang/vendor/livewire-tables/es.json
@@ -0,0 +1,27 @@
+{
+    "All": "Todo",
+    "Applied Filters": "Filtros Aplicados",
+    "Applied Sorting": "Ordenamineto Aplicado",
+    "Bulk Actions": "Acciones Masivas",
+    "Clear": "Borrar",
+    "Columns": "Columnas",
+    "Done Reordering": "Reordenación finalizada",
+    "Filters": "Filtros",
+    "Remove filter option": "Remover opción de filtro",
+    "Remove sort option": "Remover opción de ordenamineto",
+    "Search": "Buscar",
+    "Select All": "Seleccionar todo",
+    "Showing": "Mostrando",
+    "Deselect All": "Deseleccionar todo",
+    "You are currently selecting all": "Actualmente está seleccionando todo",
+    "You are not connected to the internet.": "No está conectado a Internet.",
+    "You have selected": "Ha seleccionado",
+    "of": "de",
+    "Reorder": "Reordenar",
+    "results": "resultados",
+    "row": "fila",
+    "rows": "filas",
+    "rows, do you want to select all": "filas, desea seleccionar todas",
+    "No items found. Try to broaden your search.": "No se encontraron elementos. Intente ampliar la búsqueda.",
+    "to": "a"
+}
diff --git a/lang/vendor/livewire-tables/fr.json b/lang/vendor/livewire-tables/fr.json
new file mode 100644
index 00000000..7831c8af
--- /dev/null
+++ b/lang/vendor/livewire-tables/fr.json
@@ -0,0 +1,27 @@
+{
+    "All": "Tous",
+    "Applied Filters": "Filtres appliqués",
+    "Applied Sorting": "Tris appliqués",
+    "Bulk Actions": "Actions en masse",
+    "Clear": "Effacer",
+    "Columns": "Colonnes",
+    "Debugging Values": "Debugging Values",
+    "Done Reordering": "Réordonnancement terminé",
+    "Filters": "Filtres",
+    "Remove filter option": "Supprimer l'option de filtrage",
+    "Remove sort option": "Supprimer l'option de tri",
+    "Search": "Rechercher",
+    "Select All": "Tout sélectionner",
+    "Showing": "Montrant",
+    "Deselect All": "Tout désélectionner ",
+    "You are currently selecting all": "Vous êtes en train de sélectionner ",
+    "You are not connected to the internet.": "Vous n'êtes pas connecté à l'Internet.",
+    "You have selected": "Vous avez sélectionné",
+    "of": "sur",
+    "Reorder": "Réordonner",
+    "results": "résultats",
+    "rows": "lignes",
+    "rows, do you want to select all": "lignes, voulez-vous tout sélectionner ?",
+    "No items found. Try to broaden your search.": "Aucun élément trouvé. Essayez d'élargir votre recherche.",
+    "to": "à"
+}
diff --git a/lang/vendor/livewire-tables/id.json b/lang/vendor/livewire-tables/id.json
new file mode 100644
index 00000000..01ab4ab5
--- /dev/null
+++ b/lang/vendor/livewire-tables/id.json
@@ -0,0 +1,26 @@
+{
+    "All": "Semua",
+    "Applied Filters": "Filter Diterapkan",
+    "Applied Sorting": "Penyortiran Diterapkan",
+    "Bulk Actions": "Aksi",
+    "Clear": "Bersihkan",
+    "Columns": "Kolom",
+    "Done Reordering": "Selesai Mengurutkan Ulang",
+    "Filters": "Filter",
+    "Remove filter option": "Hapus opsi filter",
+    "Remove sort option": "Hapus opsi pengurutan",
+    "Search": "Cari",
+    "Select All": "Pilih Semua",
+    "Showing": "Menampilkan",
+    "Deselect All": "Batalkan Semua Pilihan",
+    "You are currently selecting all": "Anda sedang memilih semua",
+    "You are not connected to the internet.": "Anda sedang tidak terhubung ke internet.",
+    "You have selected": "Anda telah memilih",
+    "of": "dari",
+    "Reorder": "Urutkan ulang",
+    "results": "hasil",
+    "rows": "baris",
+    "rows, do you want to select all": "baris, apakah Anda ingin memilih semua?",
+    "No items found. Try to broaden your search.": "Tidak ada data yang ditemukan. Cobalah untuk memperluas pencarian Anda.",
+    "to": "ke"
+}
diff --git a/lang/vendor/livewire-tables/it.json b/lang/vendor/livewire-tables/it.json
new file mode 100644
index 00000000..51f43cff
--- /dev/null
+++ b/lang/vendor/livewire-tables/it.json
@@ -0,0 +1,26 @@
+{
+    "All": "Tutti",
+    "Applied Filters": "Filtri Applicati",
+    "Applied Sorting": "Ordinamento Applicato",
+    "Bulk Actions": "Azioni di Gruppo",
+    "Clear": "Pulisci",
+    "Columns": "Colonne",
+    "Done Reordering": "Ordinamento Terminato",
+    "Filters": "Filtri",
+    "Remove filter option": "Rimuovi filtro",
+    "Remove sort option": "Rimuovi ordinamento",
+    "Search": "Cerca",
+    "Select All": "Seleziona Tutto",
+    "Showing": "Visualizzati",
+    "Deselect All": "Deseleziona tutto",
+    "You are currently selecting all": "Stai selezionando tutto",
+    "You are not connected to the internet.": "Non sei connesso a internet",
+    "You have selected": "Hai selezionato",
+    "of": "di",
+    "Reorder": "Riordina",
+    "results": "risultati",
+    "rows": "righe",
+    "rows, do you want to select all": "righe, vuoi selezionarle tutte",
+    "No items found. Try to broaden your search.": "Nessun risultato trovato. Prova ad ampliare la tua ricerca.",
+    "to": "a"
+}
diff --git a/lang/vendor/livewire-tables/ms.json b/lang/vendor/livewire-tables/ms.json
new file mode 100644
index 00000000..f87759be
--- /dev/null
+++ b/lang/vendor/livewire-tables/ms.json
@@ -0,0 +1,26 @@
+{
+    "All": "Semua",
+    "Applied Filters": "Tapisan Digunakan",
+    "Applied Sorting": "Susunan Digunakan",
+    "Bulk Actions": "Tindakan Pukal",
+    "Clear": "Kosongkan",
+    "Columns": "Kolum",
+    "Done Reordering": "Selesai Menyusun Semula",
+    "Filters": "Tapisan",
+    "Remove filter option": "Keluarkan pilihan tapisan",
+    "Remove sort option": "Keluarkan pilihan sususan",
+    "Search": "Carian",
+    "Select All": "Pilih Semua",
+    "Showing": "Menunjukkan",
+    "Deselect All": "Nyahpilih semua",
+    "You are currently selecting all": "Anda sedang memilih semua",
+    "You are not connected to the internet.": "Anda tidak disambungkan ke internet.",
+    "You have selected": "Anda telah memilih",
+    "of": "daripada",
+    "Reorder": "menyusun semula",
+    "results": "keputusan",
+    "rows": "barisan",
+    "rows, do you want to select all": "barisan, adakah anda mahu pilih semua?",
+    "No items found. Try to broaden your search.": "Tiada data ditemui. Sila perluaskan carian anda",
+    "to": "ke"
+}
diff --git a/lang/vendor/livewire-tables/nl.json b/lang/vendor/livewire-tables/nl.json
new file mode 100644
index 00000000..aa6b4669
--- /dev/null
+++ b/lang/vendor/livewire-tables/nl.json
@@ -0,0 +1,27 @@
+{
+    "All": "Alle",
+    "Applied Filters": "Toegepaste filters",
+    "Applied Sorting": "Toegepaste sortering",
+    "Bulk Actions": "Bulkacties",
+    "Clear": "Wissen",
+    "Columns": "Kolommen",
+    "Debugging Values": "Debugging waarden",
+    "Done Reordering": "Hersortering voltooid",
+    "Filters": "Filters",
+    "Remove filter option": "Filteroptie verwijderen",
+    "Remove sort option": "Sorteeroptie verwijderen",
+    "Search": "Zoeken",
+    "Select All": "Alles selecteren",
+    "Showing": "Toont",
+    "Deselect All": "Alles deselecteren",
+    "You are currently selecting all": "U selecteerde alle",
+    "You are not connected to the internet.": "U bent niet verbonden met het internet.",
+    "You have selected": "U selecteerde",
+    "of": "van",
+    "Reorder": "Hersorteren",
+    "results": "resultaten",
+    "rows": "rijen",
+    "rows, do you want to select all": "rijen, wilt u alles selecteren",
+    "No items found. Try to broaden your search.": "Geen items gevonden. Probeer uw zoekopdracht te verfijnen.",
+    "to": "tot"
+}
diff --git a/lang/vendor/livewire-tables/pt.json b/lang/vendor/livewire-tables/pt.json
new file mode 100644
index 00000000..d78ddef1
--- /dev/null
+++ b/lang/vendor/livewire-tables/pt.json
@@ -0,0 +1,27 @@
+{
+    "All": "Tudo",
+    "Applied Filters": "Filtros Aplicados",
+    "Applied Sorting": "Ordenação Aplicada",
+    "Bulk Actions": "Ações Massivas",
+    "Clear": "Limpar",
+    "Columns": "Colunas",
+    "Done Reordering": "Ordeanação finalizada",
+    "Filters": "Filtros",
+    "Remove filter option": "Remover opção de filtro",
+    "Remove sort option": "Remover opção de ordenação",
+    "Search": "Pesquisar",
+    "Select All": "Seleccionar Tudo",
+    "Showing": "A mostrar",
+    "Deselect All": "Desmarcar Tudo",
+    "You are currently selecting all": "Atualmente está a selecionar tudo",
+    "You are not connected to the internet.": "Não está ligado à internet.",
+    "You have selected": "Selecionou",
+    "of": "de",
+    "Reorder": "Reordenar",
+    "results": "resultados",
+    "row": "linha",
+    "rows": "linhas",
+    "rows, do you want to select all": "linhas, pretende selecionar tudo",
+    "No items found. Try to broaden your search.": "Nenhum resultado encontrado. Tente ampliar a sua pesquisa.",
+    "to": "a"
+}
\ No newline at end of file
diff --git a/lang/vendor/livewire-tables/pt_BR.json b/lang/vendor/livewire-tables/pt_BR.json
new file mode 100644
index 00000000..f31046b6
--- /dev/null
+++ b/lang/vendor/livewire-tables/pt_BR.json
@@ -0,0 +1,27 @@
+{
+    "All": "Tudo",
+    "Applied Filters": "Filtros aplicados",
+    "Applied Sorting": "Ordenação aplicada",
+    "Bulk Actions": "Ações em massa",
+    "Clear": "Limpar",
+    "Columns": "Colunas",
+    "Done Reordering": "Ordenação finalizada",
+    "Filters": "Filtros",
+    "Remove filter option": "Remover opção de filtro",
+    "Remove sort option": "Remover opção de ordenação",
+    "Search": "Pesquisar",
+    "Select All": "Selecionar tudo",
+    "Showing": "Exibindo",
+    "Deselect All": "Desmarcar Tudo",
+    "You are currently selecting all": "Você selecionou tudo",
+    "You are not connected to the internet.": "Você não está conectado na internet.",
+    "You have selected": "Você selecionou",
+    "of": "de",
+    "Reorder": "Reordenar",
+    "results": "resultados",
+    "row": "linha",
+    "rows": "linhas",
+    "rows, do you want to select all": "linhas, você deseja selecionar tudo?",
+    "No items found. Try to broaden your search.": "Nenhum resultado encontrado. Tente ampliar a sua pesquisa.",
+    "to": "a"
+}
\ No newline at end of file
diff --git a/lang/vendor/livewire-tables/ru.json b/lang/vendor/livewire-tables/ru.json
new file mode 100644
index 00000000..f21aeea0
--- /dev/null
+++ b/lang/vendor/livewire-tables/ru.json
@@ -0,0 +1,26 @@
+{
+    "All": "Все",
+    "Applied Filters": "Примененные фильтры",
+    "Applied Sorting": "Примененная сортировка",
+    "Bulk Actions": "Массовые действия",
+    "Clear": "Очистить",
+    "Columns": "Столбцы",
+    "Done Reordering": "Сортировка выполнена",
+    "Filters": "Фильтры",
+    "Remove filter option": "Удалить фильтр",
+    "Remove sort option": "Удалить параметр сортировки",
+    "Search": "Поиск",
+    "Select All": "Выбрать все",
+    "Showing": "Показано с",
+    "Deselect All": "Снять выделение",
+    "You are currently selecting all": "Вы выбираете все",
+    "You are not connected to the internet.": "Вы не подключены к Интернету",
+    "You have selected": "Вы выбрали",
+    "of": "из",
+    "Reorder": "Переупорядочить",
+    "results": "результатов",
+    "rows": "ряды",
+    "rows, do you want to select all": "ряды, вы хотите выбрать все",
+    "No items found. Try to broaden your search.": "Ничего не найдено. Попробуйте расширить поиск.",
+    "to": "по"
+}
\ No newline at end of file
diff --git a/lang/vendor/livewire-tables/th.json b/lang/vendor/livewire-tables/th.json
new file mode 100644
index 00000000..357e0fbd
--- /dev/null
+++ b/lang/vendor/livewire-tables/th.json
@@ -0,0 +1,27 @@
+{
+    "All": "ทั้งหมด",
+    "Applied Filters": "กรองข้อมูลตาม",
+    "Applied Sorting": "เรียงลำดับตาม",
+    "Bulk Actions": "เลือกการกระทำ",
+    "Clear": "ล้างทั้งหมด",
+    "Columns": "เลือกคอลัมน์",
+    "Done Reordering": "จัดลำดับแล้ว",
+    "Filters": "ตัวกรอง",
+    "Remove filter option": "เอาตัวกรองออก",
+    "Remove sort option": "เอาการเรียงลำดับออก",
+    "Search": "ค้นหา...",
+    "Select All": "เลือกทั้งหมด",
+    "Showing": "แสดง",
+    "Deselect All": "ไม่เลือกทั้งหมด",
+    "You are currently selecting all": "ขณะนี้คุณได้เลือกทุกรายการ",
+    "You are not connected to the internet.": "ขณะนี้คุณไม่ได้เชื่อมต่อกับอินเทอร์เน็ต",
+    "You have selected": "คุณเลือก",
+    "of": "จาก",
+    "Reorder": "จัดลำดับ",
+    "results": "รายการ",
+    "row": "รายการ",
+    "rows": "รายการ",
+    "rows, do you want to select all": "รายการ, คุณต้องการเลือกทั้งหมด",
+    "No items found. Try to broaden your search.": "ไม่พบรายการที่ค้นหา",
+    "to": "-"
+}
diff --git a/lang/vendor/livewire-tables/tk.json b/lang/vendor/livewire-tables/tk.json
new file mode 100644
index 00000000..22797e28
--- /dev/null
+++ b/lang/vendor/livewire-tables/tk.json
@@ -0,0 +1,26 @@
+{
+    "All": "Hemmesi",
+    "Applied Filters": "Ulanylýan Süzgüçler",
+    "Applied Sorting": "Ulanylýan Tertipleşdirme",
+    "Bulk Actions": "Köpçülikleýin Hereketler",
+    "Clear": "Arassala",
+    "Columns": "Sütünler",
+    "Done Reordering": "Täzeden Tertiplendi",
+    "Filters": "Süzgüçler",
+    "Remove filter option": "Süzgüç görnüşini aýyryň",
+    "Remove sort option": "Tertiplemek görnüşini aýyryň",
+    "Search": "Gözlemek",
+    "Select All": "Hemmesini Saýla",
+    "Showing": "Görkezmek",
+    "Deselect All": "Hemmesini Aýyr",
+    "You are currently selecting all": "Häzirki wagtda hemmesini saýlap alýarsyňyz",
+    "You are not connected to the internet.": "Siz internete birikmediksiňiz.",
+    "You have selected": "Saýladyňyz",
+    "of": "aralygy",
+    "Reorder": "Tertibe salmak",
+    "results": "netijeler",
+    "rows": "hatarlar",
+    "rows, do you want to select all": "hatarlar, hemmesini saýlamak isleýärsiňizmi?",
+    "No items found. Try to broaden your search.": "Hiç zat tapylmady. Gözlegiňizi giňeltmäge synanyşyň.",
+    "to": "-"
+}
\ No newline at end of file
diff --git a/lang/vendor/livewire-tables/tr.json b/lang/vendor/livewire-tables/tr.json
new file mode 100644
index 00000000..7ffecb55
--- /dev/null
+++ b/lang/vendor/livewire-tables/tr.json
@@ -0,0 +1,27 @@
+{
+    "All": "Tümü",
+    "Applied Filters": "Aktif Filtreler",
+    "Applied Sorting": "Aktif Sıralamalar",
+    "Bulk Actions": "Toplu İşlemler",
+    "Clear": "Kaldır",
+    "Columns": "Kolonlar",
+    "Debugging Values": "Debug Değerleri",
+    "Done Reordering": "Sıralamayı Tamamla",
+    "Filters": "Filtreler",
+    "Remove filter option": "Filtre seçeneğini kaldır",
+    "Remove sort option": "Sıralama seçeneğini kaldır",
+    "Search": "Ara",
+    "Select All": "Hepsini seç",
+    "Showing": "Gösterilen",
+    "Deselect All": "Seçimleri kaldır",
+    "You are currently selecting all": "Hepsini seçtiniz.",
+    "You are not connected to the internet.": "İnternet bağlantınız kesildi.",
+    "You have selected": " ",
+    "of": " ",
+    "Reorder": "Yeniden Sırala",
+    "results": "toplam sonuç",
+    "rows": "satır",
+    "rows, do you want to select all": "satır seçtiniz. Hepsini seçmek ister misiniz?",
+    "No items found. Try to broaden your search.": "Kayıt bulunamadı.",
+    "to": " - "
+}
diff --git a/lang/vendor/livewire-tables/tw.json b/lang/vendor/livewire-tables/tw.json
new file mode 100644
index 00000000..71d19c8d
--- /dev/null
+++ b/lang/vendor/livewire-tables/tw.json
@@ -0,0 +1,26 @@
+{
+    "All": "全部",
+    "Applied Filters": "已套用的過濾規則",
+    "Applied Sorting": "已套用的搜尋規則",
+    "Bulk Actions": "批次操作",
+    "Clear": "清除",
+    "Columns": "欄位",
+    "Done Reordering": "排序完成",
+    "Filters": "過濾規則",
+    "Remove filter option": "移除過濾規則",
+    "Remove sort option": "移除排序規則",
+    "Search": "搜尋",
+    "Select All": "搜尋全部",
+    "Showing": "顯示",
+    "Deselect All": "取消選擇",
+    "You are currently selecting all": "您目前已選擇全部資料",
+    "You are not connected to the internet.": "目前為離線模式",
+    "You have selected": "您已選擇",
+    "of": "筆資料，共",
+    "Reorder": "重新排序",
+    "results": "筆資料",
+    "rows": "筆資料",
+    "rows, do you want to select all": "筆資料，您是否要全選",
+    "No items found. Try to broaden your search.": "無資料呈現。請嘗試擴大搜尋範圍。",
+    "to": "至"
+}
diff --git a/lang/vendor/livewire-tables/uk.json b/lang/vendor/livewire-tables/uk.json
new file mode 100644
index 00000000..851b1ec3
--- /dev/null
+++ b/lang/vendor/livewire-tables/uk.json
@@ -0,0 +1,26 @@
+{
+    "All": "Всі",
+    "Applied Filters": "Застосовані фільтри",
+    "Applied Sorting": "Застосовані сортування",
+    "Bulk Actions": "Масові дії",
+    "Clear": "Очистити",
+    "Columns": "Колонки",
+    "Done Reordering": "Сортування виконанно",
+    "Filters": "Фільтри",
+    "Remove filter option": "Видалити опцію фільтра",
+    "Remove sort option": "Видалити параметр сортування",
+    "Search": "Пошук",
+    "Select All": "Вибрати все",
+    "Showing": "Показано",
+    "Unselect All": "Прибрати вибір усіх",
+    "You are currently selecting all": "Наразі ви вибираєте всі",
+    "You are not connected to the internet.": "Ви не підключені до Інтернету.",
+    "You have selected": "Ви вибрали",
+    "of": "від",
+    "Reorder": "Змінити порядок",
+    "results": "результатів",
+    "rows": "рядки",
+    "rows, do you want to select all": "рядків, ви хочете вибрати всі",
+    "No items found. Try to broaden your search.": "Немає елементів. Спробуйте розширити пошук.",
+    "to": "до"
+}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index d2236c0a..d67f550c 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -11,6 +11,9 @@
         @vite(['resources/css/app.css', 'resources/js/app.js'])
         <!-- Styles -->
         @livewireStyles
+        <style>
+            [x-cloak] { display: none !important; }
+        </style>
     </head>
     <body class="font-sans antialiased">
         <x-jet-banner />
diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
index e548daa3..5ef2aaba 100644
--- a/resources/views/layouts/guest.blade.php
+++ b/resources/views/layouts/guest.blade.php
@@ -11,8 +11,11 @@
     @vite(['resources/css/app.css', 'resources/js/app.js'])
     <!-- Styles -->
     @livewireStyles
+    <style>
+        [x-cloak] { display: none !important; }
+    </style>
 </head>
-<body class="font-sans antialiased">
+<body class="font-sans antialiased bg-21gray dark">
 {{ $slot }}
 @stack('modals')
 @livewireScripts
diff --git a/resources/views/livewire/guest/welcome.blade.php b/resources/views/livewire/guest/welcome.blade.php
index 746a143a..b94c9ef0 100644
--- a/resources/views/livewire/guest/welcome.blade.php
+++ b/resources/views/livewire/guest/welcome.blade.php
@@ -1,5 +1,5 @@
 <div>
-    <section class="w-full bg-black overflow-hidden">
+    <section class="w-full">
         <div class="max-w-7xl mx-auto px-10">
             <div class="flex flex-col flex-wrap items-center justify-between py-7 mx-auto md:flex-row max-w-7xl">
                 <div class="relative flex flex-col md:flex-row">
@@ -9,10 +9,10 @@
                     </a>
                     <nav
                         class="flex flex-wrap items-center mb-5 text-lg md:mb-0 md:pl-8 md:ml-8 md:border-l md:border-gray-800">
-                        {{--<a href="#_" class="mr-5 font-medium leading-6 text-gray-400 hover:text-gray-300">Home</a>
-                        <a href="#_" class="mr-5 font-medium leading-6 text-gray-400 hover:text-gray-300">Features</a>
-                        <a href="#_" class="mr-5 font-medium leading-6 text-gray-400 hover:text-gray-300">Pricing</a>
-                        <a href="#_" class="mr-5 font-medium leading-6 text-gray-400 hover:text-gray-300">Blog</a>--}}
+                        <a href="#_" class="mr-5 font-medium leading-6 text-gray-400 hover:text-gray-300">Städte</a>
+                        <a href="#_" class="mr-5 font-medium leading-6 text-gray-400 hover:text-gray-300">Dozenten</a>
+                        <a href="#_" class="mr-5 font-medium leading-6 text-gray-400 hover:text-gray-300">Kurse</a>
+                        <a href="#_" class="mr-5 font-medium leading-6 text-gray-400 hover:text-gray-300">Termine</a>
                     </nav>
                 </div>
                 <div class="inline-flex items-center ml-5 text-lg space-x-6 lg:justify-end">
@@ -24,23 +24,24 @@
                         Registrieren </a>
                 </div>
             </div>
-            <div class="flex lg:flex-row flex-col pt-20 md:pt-40 lg:pt-20">
+            <div class="flex lg:flex-row flex-col pt-4 md:pt-40 lg:pt-4">
                 <div
                     class="w-full lg:w-1/2 flex lg:px-0 px-5 flex-col md:items-center lg:items-start justify-center -mt-12">
                     <h1 class="text-white text-3xl sm:text-5xl lg:max-w-none max-w-4xl lg:text-left text-left md:text-center xl:text-7xl font-black">
-                        EINUNDZWANZIG <br class="lg:block sm:hidden">Bitcoin <span
+                        Bitcoin <span
                             class="bg-clip-text text-transparent bg-gradient-to-br from-yellow-400 via-yellow-500 to-yellow-700 mt-1 lg:block">School</span>
                     </h1>
                     <p class="text-gray-500 sm:text-lg md:text-xl xl:text-2xl lg:max-w-none max-w-2xl md:text-center lg:text-left lg:pr-32 mt-6">
                         Finde Bitcoin Kurse in deiner City</p>
                     <a href="#_"
                        class="bg-white px-12 lg:px-16 py-4 text-center lg:py-5 font-bold rounded text-lg md:text-xl lg:text-2xl mt-8 inline-block w-auto">
-                        Kurs finden </a>
-                    <p class="text-gray-400 font-normal mt-4">TEXT</p>
+                        👇 Kurs finden 👇
+                    </a>
+                    <p class="text-gray-400 font-normal mt-4">{{-- TEXT --}}</p>
                 </div>
                 <div class="w-full lg:w-1/2 relative lg:mt-0 mt-20 flex items-center justify-center">
-                    <img src="https://cdn.devdojo.com/images/march2022/mesh-gradient1.png"
-                         class="absolute lg:max-w-none max-w-3xl mx-auto mt-32 w-full h-full inset-0">
+                    {{--<img src="https://cdn.devdojo.com/images/march2022/mesh-gradient1.png"
+                         class="absolute lg:max-w-none max-w-3xl mx-auto mt-32 w-full h-full inset-0">--}}
                     <img src="{{ asset('img/btc-logo-6219386_1280.png') }}"
                          class="w-full md:w-auto w-72 max-w-md max-w-sm ml-4 md:ml-20 lg:ml-0 xl:max-w-lg relative">
                 </div>
@@ -48,32 +49,42 @@
         </div>
     </section>
 
-    <section class="w-full mt-12">
+    <section class="w-full mb-12">
         <div class="max-w-7xl mx-auto px-10">
-            <div>
-                <h2 class="text-2xl font-medium text-gray-500">Städte</h2>
-                <ul role="list" class="mt-3 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6 lg:grid-cols-4">
-                    @foreach($cities as $city)
-                        <li class="col-span-1 flex rounded-md shadow-sm">
-                            <div
-                                class="flex-shrink-0 flex items-center justify-center w-16 bg-amber-500 text-white text-sm font-medium rounded-l-md">
-                                {{ str($city->name)->initials() }}
-                            </div>
-                            <div
-                                class="flex flex-1 items-center justify-between truncate rounded-r-md border-t border-r border-b border-gray-200 bg-white">
-                                <div class="flex-1 truncate px-4 py-2 text-sm">
-                                    <a href="#"
-                                       class="font-medium text-gray-900 hover:text-gray-600">{{ $city->name }}</a>
-                                    <p class="text-gray-500">16 Kurse</p>
-                                </div>
-                                <div class="flex-shrink-0 pr-2">
-                                    {{-- BTN--}}
-                                </div>
-                            </div>
-                        </li>
-                    @endforeach
-                </ul>
+            <div class="border-b border-gray-200 pb-5 sm:pb-0 my-6">
+                <h3 class="text-lg font-medium leading-6 text-gray-200">Suche</h3>
+                <div class="mt-3 sm:mt-4">
+                    <!-- Dropdown menu on small screens -->
+                    <div class="sm:hidden">
+                        <label for="current-tab" class="sr-only">Select a tab</label>
+                        <select id="current-tab" name="current-tab"
+                                class="block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm">
+                            <option>Städte</option>
+                            <option>Dozenten</option>
+                            <option>Kurse</option>
+                            <option>Termine</option>
+                        </select>
+                    </div>
+                    <!-- Tabs at small breakpoint and up -->
+                    <div class="hidden sm:block">
+                        <nav class="-mb-px flex space-x-8">
+                            <!-- Current: "border-indigo-200 text-indigo-600", Default: "border-transparent text-gray-200 hover:text-gray-400 hover:border-gray-300" -->
+                            <a href="#"
+                               class="border-transparent text-gray-200 hover:text-gray-400 hover:border-gray-300 whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Städte</a>
+
+                            <a href="#"
+                               class="border-transparent text-gray-200 hover:text-gray-400 hover:border-gray-300 whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Dozenten</a>
+
+                            <a href="#"
+                               class="border-transparent text-gray-200 hover:text-gray-400 hover:border-gray-300 whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Kurse</a>
+
+                            <a href="#"
+                               class="border-transparent text-gray-200 hover:text-gray-400 hover:border-gray-300 whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm">Termine</a>
+                        </nav>
+                    </div>
+                </div>
             </div>
+            <livewire:tables.city-table/>
         </div>
     </section>
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 3bc6edd4..586895e8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,10 +7,27 @@ module.exports = {
         './vendor/laravel/jetstream/**/*.blade.php',
         './storage/framework/views/*.php',
         './resources/views/**/*.blade.php',
+
+        './vendor/rappasoft/laravel-livewire-tables/resources/views/**/*.blade.php',
     ],
     darkMode: 'class',
     theme:    {
         extend: {
+            colors:     {
+                '21gray': '#151515',
+                'gray':   {
+                    '50':  '#f7f7f7',
+                    '100': '#e3e3e3',
+                    '200': '#c8c8c8',
+                    '300': '#a4a4a4',
+                    '400': '#818181',
+                    '500': '#666666',
+                    '600': '#515151',
+                    '700': '#434343',
+                    '800': '#383838',
+                    '900': '#151515',
+                },
+            },
             fontFamily: {
                 sans: [
                     'Nunito',