diff --git a/app/Http/Controllers/ItemController.php b/app/Http/Controllers/ItemController.php
index 6a8084e..5f4b9d4 100644
--- a/app/Http/Controllers/ItemController.php
+++ b/app/Http/Controllers/ItemController.php
@@ -7,6 +7,11 @@
 
 class ItemController extends Controller
 {
+    public function guest(): View
+    {
+        return view('templates.item.guest');
+    }
+
     public function index(): View
     {
         return view('templates.item.index');
diff --git a/app/Livewire/ItemsGuest.php b/app/Livewire/ItemsGuest.php
new file mode 100644
index 0000000..a323d17
--- /dev/null
+++ b/app/Livewire/ItemsGuest.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+use App\Models\Item;
+use App\Models\Tag;
+
+class ItemsGuest extends Component
+{
+    public $items;
+    public $tags;
+
+    public function mount()
+    {
+        $this->items = Item::all();
+        $this->tags = Tag::all();
+    }
+
+    public function render()
+    {
+        return view('livewire.items-guest');
+    }
+
+    public function filter($tagId = null)
+    {
+        if ($tagId == null) {
+            $this->items = Item::all();
+            return;
+        }
+
+        $this->items = Tag::find($tagId)->items;
+    }
+}
diff --git a/resources/views/components/card.blade.php b/resources/views/components/card.blade.php
new file mode 100644
index 0000000..1a352d1
--- /dev/null
+++ b/resources/views/components/card.blade.php
@@ -0,0 +1,21 @@
+@props([
+    'name' => '',
+    'image' => null,
+    'description' => '',
+    'tags' => [],
+])
+
+<div class="card bg-base-100 shadow-xl mb-4">
+    @if ($image)
+        <img class="object-cover rounded-l" loading="lazy" width="200" height="200" src="{{ asset('storage/' . $image) }}" alt="{{ $name }}">
+    @endif
+    <div class="card-body">
+        <h2 class="card-title">{{ $name }}</h2>
+        <p>{{ $description }}</p>
+        <div>
+            @foreach ($tags as $tag)
+                @include('partials.badges.default', ['title' => $tag->title])
+            @endforeach
+        </div>
+    </div>
+</div>
diff --git a/resources/views/livewire/items-guest.blade.php b/resources/views/livewire/items-guest.blade.php
new file mode 100644
index 0000000..83dbef0
--- /dev/null
+++ b/resources/views/livewire/items-guest.blade.php
@@ -0,0 +1,13 @@
+<div>
+    <section class="pb-4 mb-4 border-b-2 border-solid">
+            <button class="badge badge-outline" wire:click="filter" >{{ __('All') }}</button>
+            @foreach ($tags as $tag)
+                <button class="badge badge-outline" wire:click="filter({{ $tag->id }})" >{{ $tag->title }}</button>
+            @endforeach
+    </section>
+    <section class="grid md:grid-cols-2 lg:grid-cols-3">
+        @foreach ($items as $item)
+            <x-card :name="$item->name" :image="$item->image" :description="$item->description" :tags="$item->tags"/>
+        @endforeach
+    </section>
+</div>
diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index 7869172..a8e4317 100644
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -1,12 +1,12 @@
 <header>
     <div class="navbar bg-base-100">
         <div class="flex-1">
-            <a class="btn btn-ghost text-xl">{{ config('app.name') }}</a>
+            <a href="{{ route('home') }}" class="btn btn-ghost text-xl">{{ config('app.name') }}</a>
         </div>
         <div class="flex-none">
             <ul class="menu menu-horizontal px-1">
-                <li><a href="{{ route('item.index') }}">{{ __('Items') }}</a></li>
-                <li><a href="{{ route('storageLocation.index') }}">{{ __('Storagelocations') }}</a></li>
+                <li><a href="{{ route('item.index') }}">{{ __('Borrow items') }}</a></li>
+                <li><a href="{{ route('storageLocation.index') }}">{{ __('Storage Locations') }}</a></li>
             </ul>
         </div>
     </div>
diff --git a/resources/views/templates/item/guest.blade.php b/resources/views/templates/item/guest.blade.php
new file mode 100644
index 0000000..ee9e334
--- /dev/null
+++ b/resources/views/templates/item/guest.blade.php
@@ -0,0 +1,3 @@
+<x-layout>
+    @livewire('items-guest')
+</x-layout>
diff --git a/resources/views/templates/item/index.blade.php b/resources/views/templates/item/index.blade.php
index bcb5fe5..bbf7120 100644
--- a/resources/views/templates/item/index.blade.php
+++ b/resources/views/templates/item/index.blade.php
@@ -1,3 +1,3 @@
 <x-layout>
-   @livewire('index-items')
+    @livewire('index-items')
 </x-layout>
diff --git a/routes/web.php b/routes/web.php
index fe6da26..07953c2 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -3,6 +3,7 @@
 use App\Http\Controllers\ItemController;
 use App\Http\Controllers\StorageLocationController;
 use App\Http\Controllers\TransactionController;
+use App\Models\Item;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -16,10 +17,9 @@
 |
 */
 
-Route::group(['middleware' => 'auth.basic'], function () {
-
-    Route::redirect('/', '/items');
+Route::get('/', [ItemController::class, 'guest'])->name('home');
 
+Route::group(['middleware' => 'auth.basic'], function () {
     Route::group(['middleware' => 'auth.basic'], function () {
         Route::group(['prefix' => 'items'], function () {
             Route::get('/', [ItemController::class, 'index'])->name('item.index');