diff --git a/app/Livewire/Types/Index.php b/app/Livewire/Types/Index.php
new file mode 100644
index 0000000..59215bf
--- /dev/null
+++ b/app/Livewire/Types/Index.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Livewire\Types;
+
+use Livewire\Component;
+use Livewire\Attributes\title;
+
+#[title('Types')]
+class Index extends Component
+{
+    public function render()
+    {
+        return view('livewire.types.index');
+    }
+}
diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php
new file mode 100644
index 0000000..cea72d4
--- /dev/null
+++ b/resources/views/components/footer.blade.php
@@ -0,0 +1,7 @@
+<section>
+  <div class="container mx-auto">
+    <p class="text-center text-sm text-gray-500 dark:text-gray-400"></p>
+      &copy; {{ now()->year }} {{ config('app.name') }}. All rights reserved.
+    </p>
+  </div>
+</section>
\ No newline at end of file
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
index 68ba638..7878251 100644
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -3,10 +3,33 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <!-- CSRF Token -->
+        <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <title>{{ $title ?? 'Page Title' }}</title>
+        <link rel="shortcut icon" href="{{ asset('favicon.png') }}" type="image/x-icon">
+
+        <!-- Fonts -->
+        <link rel="preconnect" href="https://fonts.bunny.net">
+        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+        <link href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap" rel="stylesheet" />
+        
+        <!-- Scripts -->
+        @vite(['resources/css/app.css', 'resources/js/app.js'])
+
+        <!-- Styles -->
+        @livewireStyles
+        @fluxAppearance
+
+        <title>{{ $title . ' | ' . config('app.name', 'Laravel') ??  config('app.name', 'Laravel') }}</title>
     </head>
-    <body>
+    <body class="font-sans antialiased">
         {{ $slot }}
+
+        <x-footer/>
+        
+        @stack('modals')
+
+        @livewireScripts
+        @fluxScripts
     </body>
 </html>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 7f49286..a2aa733 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -52,7 +52,6 @@
 
         @stack('modals')
 
-        @livewireScripts
-        @fluxScripts
+
     </body>
 </html>
diff --git a/resources/views/livewire/types/index.blade.php b/resources/views/livewire/types/index.blade.php
new file mode 100644
index 0000000..a40248d
--- /dev/null
+++ b/resources/views/livewire/types/index.blade.php
@@ -0,0 +1,3 @@
+<div>
+    {{-- Knowing others is intelligence; knowing yourself is true wisdom. --}}
+</div>
diff --git a/routes/web.php b/routes/web.php
index e0bf85f..38dec6a 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -6,6 +6,8 @@ use App\Http\Controllers\ColorController;
 use App\Http\Controllers\FilamentController;
 use App\Http\Controllers\ManufacturerController;
 
+use App\Livewire\Types\Index;
+
 use App\Livewire\Dashboard;
 
 Route::get('/', function () {
@@ -21,7 +23,7 @@ Route::middleware([
     // Dashboard
     Route::get('/', Dashboard::class)->name('dashboard');
     // Filament Types
-    Route::resource('types', FilamentTypeController::class);
+    Route::get('types', Index::class)->name('types.index');
     // Colors
     Route::resource('colors', ColorController::class);
     // Filaments
