From 6cfa090b4fd6e44e3ac6bcc610790413dbfc8302 Mon Sep 17 00:00:00 2001
From: Seth Sharp <sesharp@outlook.com>
Date: Sat, 3 Feb 2024 16:37:13 +1000
Subject: [PATCH 1/4] update to how the layout works

---
 .../Views/Blogs/IndexBlogsController.php      |  17 ++
 .../index.blade.php}                          |   3 +
 resources/views/blogs/show.blade.php          |   1 +
 resources/views/capabilities.blade.php        |   8 +-
 .../views/components/blogs/card.blade.php     |   3 +
 resources/views/components/navbar.blade.php   |   9 +-
 resources/views/experiences.blade.php         |  16 +-
 resources/views/home.blade.php                | 160 +++++++++---------
 resources/views/layouts/main.blade.php        |  15 +-
 resources/views/projects.blade.php            |  11 +-
 routes/web.php                                |  20 ++-
 11 files changed, 149 insertions(+), 114 deletions(-)
 create mode 100644 app/Http/Controllers/Views/Blogs/IndexBlogsController.php
 rename resources/views/{blogs.blade.php => blogs/index.blade.php} (54%)
 create mode 100644 resources/views/blogs/show.blade.php
 create mode 100644 resources/views/components/blogs/card.blade.php

diff --git a/app/Http/Controllers/Views/Blogs/IndexBlogsController.php b/app/Http/Controllers/Views/Blogs/IndexBlogsController.php
new file mode 100644
index 00000000..cfa39415
--- /dev/null
+++ b/app/Http/Controllers/Views/Blogs/IndexBlogsController.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Controllers\Views\Blogs;
+
+use App\Domain\Blog\Models\Blog;
+use Illuminate\View\View;
+use App\Http\Controllers\Controller;
+
+class IndexBlogsController extends Controller
+{
+    public function __invoke(): View
+    {
+        return view('blogs.index', [
+            'blogs' => Blog::all()
+        ]);
+    }
+}
diff --git a/resources/views/blogs.blade.php b/resources/views/blogs/index.blade.php
similarity index 54%
rename from resources/views/blogs.blade.php
rename to resources/views/blogs/index.blade.php
index d9537217..4240b7d4 100644
--- a/resources/views/blogs.blade.php
+++ b/resources/views/blogs/index.blade.php
@@ -1,5 +1,8 @@
 @extends("layouts.main")
 
+@section('partOne', 'My')
+@section('partTwo', 'Blogs')
+
 @section("content")
     Blogs here
 @stop
diff --git a/resources/views/blogs/show.blade.php b/resources/views/blogs/show.blade.php
new file mode 100644
index 00000000..b3d9bbc7
--- /dev/null
+++ b/resources/views/blogs/show.blade.php
@@ -0,0 +1 @@
+<?php
diff --git a/resources/views/capabilities.blade.php b/resources/views/capabilities.blade.php
index 0b8b0aa8..e1c3afde 100644
--- a/resources/views/capabilities.blade.php
+++ b/resources/views/capabilities.blade.php
@@ -1,11 +1,9 @@
 @extends("layouts.main")
-@section("content")
-    <x-nav-bar qualifications="text-black border-black" />
 
-    <div class="mt-2 pt-1 md:mt-8 md:pt-4">
-        <x-title title1="My" title2="Capabilities"/>
-    </div>
+@section('partOne', 'My')
+@section('partTwo', 'Capabilities')
 
+@section("content")
     <div class="flex flex-wrap justify-center mt-5">
         <div class="w-3/4 my-10 py-8 bg-gray-50 leading-loose shadow-xl rounded-3xl md:flex">
             <div class="w-full rounded-r-3xl h-fit">
diff --git a/resources/views/components/blogs/card.blade.php b/resources/views/components/blogs/card.blade.php
new file mode 100644
index 00000000..4e9b2f97
--- /dev/null
+++ b/resources/views/components/blogs/card.blade.php
@@ -0,0 +1,3 @@
+<div>
+    Some card
+</div>
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 8c9f1d54..8028ca5f 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -5,7 +5,7 @@
 @props(['projects' => 'no-underline'])
 @props(['wil' => 'no-underline'])
 
-<div class="z-30 h-20 mb-4 w-full fixed float-right sm:pr-10">
+<div class="z-30 h-20 mb-4 w-full float-right sm:pr-10">
     <div class="h-full
                 inline-block align-middle
                 -z-10 grid
@@ -14,7 +14,7 @@
                 sm:float-right
                 hidden
                 sm:flex">
-        <div class="bg-white bg-opacity-75 rounded-3xl w-fit h-fit p-2">
+        <div class="bg-white bg-opacity-75 rounded-3xl w-fit h-fit p-2 my-auto">
             <a class="my-auto mx-auto text-xl font-bold text-center {{ $home }} underline underline-offset-4 p-2.5
                    rounded-3xl hover:-translate-y-1 transition delay-75 duration-400"
                href="/about">
@@ -35,6 +35,11 @@
                href="/portfolio">
                 Portfolio
             </a>
+            <a class="my-auto mx-auto text-xl font-bold text-center {{ $projects }} underline underline-offset-4 p-2.5
+                   rounded-3xl hover:-translate-y-1 transition delay-75 duration-400"
+               href="/blogs">
+                Blogs
+            </a>
         </div>
     </div>
     <div class="sm:hidden">
diff --git a/resources/views/experiences.blade.php b/resources/views/experiences.blade.php
index 4cf54761..ab84f67d 100644
--- a/resources/views/experiences.blade.php
+++ b/resources/views/experiences.blade.php
@@ -1,6 +1,9 @@
 @extends("layouts.main")
-@section("content")
 
+@section('partOne', 'My')
+@section('partTwo', 'Experiences')
+
+@section("content")
     @php
         $timeline = [
             [
@@ -38,15 +41,8 @@
         ];
     @endphp
 
-    <x-nav-bar experience="text-black border-black" />
-
-    <div class="w-full">
-
-        <div class="mt-2 pt-1 md:mt-8 md:pt-4">
-            <x-title title1="My" title2="Experiences"/>
-        </div>
-
-        <div class="md:flex mt-2 pt-1 mt-8 md:pt-24 w-3/4 m-auto">
+    <div>
+        <div class="mt-4">
             <div class="grid lg:grid-cols-2">
                 <div class="leading-loose pr-4">
                     <h1 class="text-2xl font-medium"> Coding Labs</h1>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index b430a8e6..0928bc1c 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -1,100 +1,94 @@
 @extends("layouts.main")
 
 @section("content")
-    <x-nav-bar home="text-black border-black" />
+    <!-- Intro area -->
+    <div class="w-full md:w-1/2 z-10 flex flex-col">
+        <!-- Intro text -->
+        <div class="w-auto">
+            <h1 class="text-6xl font-bold text-gray-800"> G'day! </h1>
 
-    <div class="w-full">
-        <div class="md:flex mt-2 pt-1 mt-8 md:pt-24 w-3/4 m-auto">
-            <!-- Intro area -->
-            <div class="w-full md:w-1/2 z-10 flex flex-col">
-                <!-- Intro text -->
-                <div class="w-auto">
-                    <h1 class="text-6xl font-bold text-gray-800"> G'day! </h1>
-
-                    <div class="pt-2">
-                        <h1 class="text-6xl font-bold inline-block pr-2 text-gray-800"> I'm </h1>
-                        <h1 class="text-6xl font-bold text-amber-400 inline-block text-opacity-19.5"> Seth Sharp </h1>
-                    </div>
+            <div class="pt-2">
+                <h1 class="text-6xl font-bold inline-block pr-2 text-gray-800"> I'm </h1>
+                <h1 class="text-6xl font-bold text-amber-400 inline-block text-opacity-19.5"> Seth Sharp </h1>
+            </div>
 
-                    <div class="pt-6 sm:pt-14">
-                        <h1 class="text-gray-400 text-2xl"> Developer and outdoor enthusiast... </h1>
-                        <h1 class="text-gray-400 text-2xl"> Weird match, right? </h1>
-                    </div>
+            <div class="pt-6 sm:pt-14">
+                <h1 class="text-gray-400 text-2xl"> Developer and outdoor enthusiast... </h1>
+                <h1 class="text-gray-400 text-2xl"> Weird match, right? </h1>
+            </div>
 
-                    <div class="pt-4 pb-5">
-                        <a class="pr-2" href="https://github.com/SethSharp">
-                            <img
-                                class="w-16 h-16 inline-block
+            <div class="pt-4 pb-5">
+                <a class="pr-2" href="https://github.com/SethSharp">
+                    <img
+                        class="w-16 h-16 inline-block
                                         transition ease-in-out delay-0
                                         hover:-translate-y-1 duration-50"
-                                src="/images/github.png"
-                                alt="GitHub Image"
-                            >
-                        </a>
-                        <a href="https://www.linkedin.com/in/seth-sharp-213bb3211/">
-                            <img
-                                class="w-11 h-11 inline-block
+                        src="/images/github.png"
+                        alt="GitHub Image"
+                    >
+                </a>
+                <a href="https://www.linkedin.com/in/seth-sharp-213bb3211/">
+                    <img
+                        class="w-11 h-11 inline-block
                                         transition ease-in-out delay-0
                                         hover:-translate-y-1 duration-50"
-                                src="/images/linkedIn.png"
-                                alt="LinkedIn Image"
-                            >
-                        </a>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Profile image -->
-            <div class="w-full md:w-1/2 z-20 flex justify-center">
-                <img
-                    class="h-3/4"
-                    src="/images/about/sydney.png"
-                    alt="Main Profile Picture - Infront of the Sydney Opera House"
-                >
+                        src="/images/linkedIn.png"
+                        alt="LinkedIn Image"
+                    >
+                </a>
             </div>
         </div>
+    </div>
 
-        <div class="mt-16 md:mt-0">
-            <div class="flex flex-wrap justify-center">
-                <x-content.right
-                    title="About Me Currently"
-                    src="about/4wd.png"
-                    alt="4WD track track with car coming down hill."
-                    caption="4WD track in Ormeau"
-                >
-                    I am currently living it up on the Gold Coast and enjoying every bit. I am working with Coding Labs
-                    and working in a sub-team focusing on coding, infrastructure and incident reporting. Mainly focusing
-                    on using our preferred tech stacks to bring the best product we can to our clients.
-                </x-content.right>
+    <!-- Profile image -->
+    <div class="w-full md:w-1/2 z-20 flex justify-center">
+        <img
+            class="h-3/4"
+            src="/images/about/sydney.png"
+            alt="Main Profile Picture - Infront of the Sydney Opera House"
+        >
+    </div>
+    </div>
 
-                <x-content.left
-                    title="Aspirations"
-                    src="about/harbour.png"
-                    alt="Standing under the Sydney Harbour Bridge."
-                    caption="Sydney Trip"
-                >
-                    After some time in the industry and finishing my degree, I have a few aspirations in mind, but one
-                    that sticks out most to me is starting a business in the technology field. It came up in a
-                    conversation
-                    and has stuck with me since and is something that is growing as a goal for my future.
-                    But until that day when I am experienced enough I am currently enjoying
-                    my
-                    current position at Coding Labs and the journey going through my beginner stages as a developer
-                    and hope to become experienced enough to lead other developers and coach/guide others who were in my
-                    shoes.
-                </x-content.left>
+    <div class="mt-16 md:mt-0">
+        <div class="flex flex-wrap justify-center">
+            <x-content.right
+                title="About Me Currently"
+                src="about/4wd.png"
+                alt="4WD track track with car coming down hill."
+                caption="4WD track in Ormeau"
+            >
+                I am currently living it up on the Gold Coast and enjoying every bit. I am working with Coding Labs
+                and working in a sub-team focusing on coding, infrastructure and incident reporting. Mainly focusing
+                on using our preferred tech stacks to bring the best product we can to our clients.
+            </x-content.right>
 
-                <x-content.right
-                    title="Extra things about me"
-                    src="about/lookout.png"
-                    alt="Fraser Island West Side lookout on top of a massive dune."
-                    caption="Fraser Island - West Side"
-                >
-                    In my spare time I enjoy the outdoors by going 4WDing on bush tracks and beautiful national
-                    parks such as Fraser Island. As well camping and staying away from technology for as long as
-                    possible.
-                </x-content.right>
-            </div>
+            <x-content.left
+                title="Aspirations"
+                src="about/harbour.png"
+                alt="Standing under the Sydney Harbour Bridge."
+                caption="Sydney Trip"
+            >
+                After some time in the industry and finishing my degree, I have a few aspirations in mind, but one
+                that sticks out most to me is starting a business in the technology field. It came up in a
+                conversation
+                and has stuck with me since and is something that is growing as a goal for my future.
+                But until that day when I am experienced enough I am currently enjoying
+                my
+                current position at Coding Labs and the journey going through my beginner stages as a developer
+                and hope to become experienced enough to lead other developers and coach/guide others who were in my
+                shoes.
+            </x-content.left>
+
+            <x-content.right
+                title="Extra things about me"
+                src="about/lookout.png"
+                alt="Fraser Island West Side lookout on top of a massive dune."
+                caption="Fraser Island - West Side"
+            >
+                In my spare time I enjoy the outdoors by going 4WDing on bush tracks and beautiful national
+                parks such as Fraser Island. As well camping and staying away from technology for as long as
+                possible.
+            </x-content.right>
         </div>
-    </div>
 @stop
diff --git a/resources/views/layouts/main.blade.php b/resources/views/layouts/main.blade.php
index a3b2d009..8d3a3b74 100644
--- a/resources/views/layouts/main.blade.php
+++ b/resources/views/layouts/main.blade.php
@@ -9,7 +9,20 @@
 
 <body class="mg-0 pd-0">
 <main>
-    @yield("content")
+    <x-nav-bar/>
+
+    <div class="ml-4 sm:ml-16 w-full">
+        <h1 class="text-4xl font-bold text-black inline-block pr-2">
+            @yield('partOne')
+        </h1>
+        <h1 class="text-4xl font-bold text-amber-400 inline-block">
+            @yield('partTwo')
+        </h1>
+    </div>
+
+    <div class="md:flex w-3/4 m-auto mt-8">
+        @yield("content")
+    </div>
 </main>
 </body>
 
diff --git a/resources/views/projects.blade.php b/resources/views/projects.blade.php
index 4a686a61..4695099f 100644
--- a/resources/views/projects.blade.php
+++ b/resources/views/projects.blade.php
@@ -1,13 +1,10 @@
 @extends("layouts.main")
 
-@section("content")
-    <x-nav-bar projects="text-black border-black" />
-
-    <div class="mt-2 pt-1 md:mt-8 md:pt-4">
-        <x-title title1="My" title2="Projects"/>
-    </div>
+@section('partOne', 'My')
+@section('partTwo', 'Projects')
 
-    <div class="w-full sm:mt-5 sm:py-5 px-10 sm:px-28">
+@section("content")
+    <div>
         <x-project.habit-tracker/>
 
         <x-project.framed/>
diff --git a/routes/web.php b/routes/web.php
index f7cd52c1..371d9ad1 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,10 @@
 <?php
 
+use App\Http\Controllers\Views\Blogs\IndexBlogsController;
+use App\Http\Controllers\Views\ShowCapabiltiesController;
+use App\Http\Controllers\Views\ShowExperienceController;
+use App\Http\Controllers\Views\ShowHomeController;
+use App\Http\Controllers\Views\ShowProjectsController;
 use Illuminate\Support\Facades\Route;
 use Illuminate\Foundation\Application;
 
@@ -14,12 +19,15 @@
 |
 */
 
-Route::get('/', \App\Http\Controllers\Views\ShowHomeController::class)->name('home');
-Route::get('/about', \App\Http\Controllers\Views\ShowHomeController::class)->name('about');
-Route::get('/experience', \App\Http\Controllers\Views\ShowExperienceController::class)->name('experience');
-Route::get('/capabilities', \App\Http\Controllers\Views\ShowCapabiltiesController::class)->name('capabilities');
-Route::get('/portfolio', \App\Http\Controllers\Views\ShowProjectsController::class)->name('projects');
-Route::get('/blogs', \App\Http\Controllers\Views\ShowBlogsController::class)->name('blogs');
+Route::get('/', ShowHomeController::class)->name('home');
+Route::get('/about', ShowHomeController::class)->name('about');
+Route::get('/experience', ShowExperienceController::class)->name('experience');
+Route::get('/capabilities', ShowCapabiltiesController::class)->name('capabilities');
+Route::get('/portfolio', ShowProjectsController::class)->name('projects');
+
+Route::prefix('blogs')->name('blogs.')->group(function () {
+    Route::get('/', IndexBlogsController::class)->name('index');
+});
 
 require __DIR__ . '/auth.php';
 require __DIR__ . '/blog.php';

From 7ba9a6d266dc55a7bbeb0802631f491bd717afe4 Mon Sep 17 00:00:00 2001
From: Seth Sharp <sesharp@outlook.com>
Date: Sat, 3 Feb 2024 16:45:35 +1000
Subject: [PATCH 2/4] recognise route

---
 resources/views/components/navbar.blade.php | 39 ++++++++++++---------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 8028ca5f..c39390b4 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -1,10 +1,3 @@
-@props(['home' => 'no-underline'])
-@props(['about' => 'no-underline'])
-@props(['qualifications' => 'no-underline'])
-@props(['experience' => 'no-underline'])
-@props(['projects' => 'no-underline'])
-@props(['wil' => 'no-underline'])
-
 <div class="z-30 h-20 mb-4 w-full float-right sm:pr-10">
     <div class="h-full
                 inline-block align-middle
@@ -15,27 +8,31 @@
                 hidden
                 sm:flex">
         <div class="bg-white bg-opacity-75 rounded-3xl w-fit h-fit p-2 my-auto">
-            <a class="my-auto mx-auto text-xl font-bold text-center {{ $home }} underline underline-offset-4 p-2.5
+            <a class="my-auto mx-auto text-xl font-bold text-center {{ request()->is('/') ? 'underline' : '' }}  underline-offset-4 p-2.5
                    rounded-3xl hover:-translate-y-1 transition delay-75 duration-400"
-               href="/about">
+               href="/">
                 About
             </a>
-            <a class="my-auto mx-auto text-xl font-bold text-center {{ $experience }} underline underline-offset-4 p-2.5
+
+            <a class="my-auto mx-auto text-xl font-bold text-center {{ request()->is('experience') ? 'underline' : '' }} underline-offset-4 p-2.5
                    rounded-3xl hover:-translate-y-1 transition delay-75 duration-400"
                href="/experience">
                 Experiences
             </a>
-            <a class="my-auto mx-auto text-xl font-bold text-center {{ $qualifications }} underline underline-offset-4 p-2.5
+
+            <a class="my-auto mx-auto text-xl font-bold text-center {{ request()->is('capabilities') ? 'underline' : '' }} underline-offset-4 p-2.5
                    rounded-3xl hover:-translate-y-1 transition delay-75 duration-400"
                href="/capabilities">
                 Capabilities
             </a>
-            <a class="my-auto mx-auto text-xl font-bold text-center {{ $projects }} underline underline-offset-4 p-2.5
+
+            <a class="my-auto mx-auto text-xl font-bold text-center {{ request()->is('portfolio') ? 'underline' : '' }} underline-offset-4 p-2.5
                    rounded-3xl hover:-translate-y-1 transition delay-75 duration-400"
                href="/portfolio">
                 Portfolio
             </a>
-            <a class="my-auto mx-auto text-xl font-bold text-center {{ $projects }} underline underline-offset-4 p-2.5
+
+            <a class="my-auto mx-auto text-xl font-bold text-center {{ request()->is('blogs') ? 'underline' : '' }} underline-offset-4 p-2.5
                    rounded-3xl hover:-translate-y-1 transition delay-75 duration-400"
                href="/blogs">
                 Blogs
@@ -54,21 +51,29 @@
                         flex-col rounded px-6 py-3 font-medium mt-24
                         text-center" id="dropdown">
                 <a href="/about"
-                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{$home}}">
+                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{ request()->is('/') ? 'underline' : '' }}">
                     About
                 </a>
+
                 <a href="/experience"
-                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{$experience}}">
+                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{ request()->is('experience') ? 'underline' : '' }}">
                     Experiences
                 </a>
+
                 <a href="/capabilities"
-                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{$qualifications}}">
+                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{ request()->is('capabilities') ? 'underline' : '' }}">
                     Capabilities
                 </a>
+
                 <a href="/portfolio"
-                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{$projects}}">
+                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{ request()->is('portfolio') ? 'underline' : '' }}">
                     Portfolio
                 </a>
+
+                <a href="/blogs"
+                   class="border hover:bg-black hover:text-white active:bg-black active:font-white text-2xl px-2 py-1 hover:bg-gray-200 rounded {{ request()->is('blogs') ? 'underline' : '' }}">
+                    Blogs
+                </a>
             </div>
         </div>
 

From ffb8c7fce49574daf17d73fdbea7fd586446bf29 Mon Sep 17 00:00:00 2001
From: Seth Sharp <sesharp@outlook.com>
Date: Sat, 3 Feb 2024 16:55:09 +1000
Subject: [PATCH 3/4] show blog

---
 .../Views/Blogs/ShowBlogController.php          | 17 +++++++++++++++++
 resources/views/blogs/index.blade.php           |  8 +++++++-
 resources/views/blogs/show.blade.php            |  9 ++++++++-
 resources/views/components/blogs/card.blade.php |  9 ++++++---
 routes/web.php                                  |  2 ++
 5 files changed, 40 insertions(+), 5 deletions(-)
 create mode 100644 app/Http/Controllers/Views/Blogs/ShowBlogController.php

diff --git a/app/Http/Controllers/Views/Blogs/ShowBlogController.php b/app/Http/Controllers/Views/Blogs/ShowBlogController.php
new file mode 100644
index 00000000..6d6f95c1
--- /dev/null
+++ b/app/Http/Controllers/Views/Blogs/ShowBlogController.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Controllers\Views\Blogs;
+
+use App\Domain\Blog\Models\Blog;
+use Illuminate\View\View;
+use App\Http\Controllers\Controller;
+
+class ShowBlogController extends Controller
+{
+    public function __invoke(Blog $blog): View
+    {
+        return view('blogs.show', [
+            'blog' => $blog
+        ]);
+    }
+}
diff --git a/resources/views/blogs/index.blade.php b/resources/views/blogs/index.blade.php
index 4240b7d4..a8974d8a 100644
--- a/resources/views/blogs/index.blade.php
+++ b/resources/views/blogs/index.blade.php
@@ -4,5 +4,11 @@
 @section('partTwo', 'Blogs')
 
 @section("content")
-    Blogs here
+    <div class="text-center w-full">
+        <div class="grid grid-cols-4 lg:grid-cols-5 gap-x-4 gap-y-4">
+            @foreach($blogs as $blog)
+                <x-blogs.card :blog="$blog"/>
+            @endforeach
+        </div>
+    </div>
 @stop
diff --git a/resources/views/blogs/show.blade.php b/resources/views/blogs/show.blade.php
index b3d9bbc7..ddb8dcff 100644
--- a/resources/views/blogs/show.blade.php
+++ b/resources/views/blogs/show.blade.php
@@ -1 +1,8 @@
-<?php
+@extends("layouts.main")
+
+@section('partOne', 'Blog')
+@section('partTwo', $blog->title)
+
+@section("content")
+    {{ $blog->content }}
+@endsection
diff --git a/resources/views/components/blogs/card.blade.php b/resources/views/components/blogs/card.blade.php
index 4e9b2f97..381ea1cf 100644
--- a/resources/views/components/blogs/card.blade.php
+++ b/resources/views/components/blogs/card.blade.php
@@ -1,3 +1,6 @@
-<div>
-    Some card
-</div>
+@props(['blog'])
+
+<a class="rounded-xl bg-gray-50 h-52 cursor-pointer hover:bg-gray-200 transition"
+   href="{{ route('blogs.show', $blog)  }}">
+    {{ $blog->title }}
+</a>
diff --git a/routes/web.php b/routes/web.php
index 371d9ad1..74f95df5 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\Views\Blogs\IndexBlogsController;
+use App\Http\Controllers\Views\Blogs\ShowBlogController;
 use App\Http\Controllers\Views\ShowCapabiltiesController;
 use App\Http\Controllers\Views\ShowExperienceController;
 use App\Http\Controllers\Views\ShowHomeController;
@@ -27,6 +28,7 @@
 
 Route::prefix('blogs')->name('blogs.')->group(function () {
     Route::get('/', IndexBlogsController::class)->name('index');
+    Route::get('/{blog:slug}', ShowBlogController::class)->name('show');
 });
 
 require __DIR__ . '/auth.php';

From e7edc3ae3644d0060f7713ee15fcf0a4d612334c Mon Sep 17 00:00:00 2001
From: Seth Sharp <sesharp@outlook.com>
Date: Sat, 3 Feb 2024 17:16:59 +1000
Subject: [PATCH 4/4] livewire install and blog component

---
 .../Views/Blogs/IndexBlogsController.php      |    2 +-
 .../Views/Blogs/ShowBlogController.php        |    2 +-
 app/Http/Livewire/blogs/ShowBlog.php          |   24 +
 composer.json                                 |    1 +
 composer.lock                                 | 1737 +----------------
 config/livewire.php                           |  158 ++
 resources/views/layouts/main.blade.php        |    3 +
 .../blogs/show-blog.blade.php}                |    2 -
 routes/web.php                                |   14 +-
 9 files changed, 282 insertions(+), 1661 deletions(-)
 create mode 100644 app/Http/Livewire/blogs/ShowBlog.php
 create mode 100644 config/livewire.php
 rename resources/views/{blogs/show.blade.php => livewire/blogs/show-blog.blade.php} (82%)

diff --git a/app/Http/Controllers/Views/Blogs/IndexBlogsController.php b/app/Http/Controllers/Views/Blogs/IndexBlogsController.php
index cfa39415..d7f2f097 100644
--- a/app/Http/Controllers/Views/Blogs/IndexBlogsController.php
+++ b/app/Http/Controllers/Views/Blogs/IndexBlogsController.php
@@ -2,8 +2,8 @@
 
 namespace App\Http\Controllers\Views\Blogs;
 
-use App\Domain\Blog\Models\Blog;
 use Illuminate\View\View;
+use App\Domain\Blog\Models\Blog;
 use App\Http\Controllers\Controller;
 
 class IndexBlogsController extends Controller
diff --git a/app/Http/Controllers/Views/Blogs/ShowBlogController.php b/app/Http/Controllers/Views/Blogs/ShowBlogController.php
index 6d6f95c1..f41f399f 100644
--- a/app/Http/Controllers/Views/Blogs/ShowBlogController.php
+++ b/app/Http/Controllers/Views/Blogs/ShowBlogController.php
@@ -2,8 +2,8 @@
 
 namespace App\Http\Controllers\Views\Blogs;
 
-use App\Domain\Blog\Models\Blog;
 use Illuminate\View\View;
+use App\Domain\Blog\Models\Blog;
 use App\Http\Controllers\Controller;
 
 class ShowBlogController extends Controller
diff --git a/app/Http/Livewire/blogs/ShowBlog.php b/app/Http/Livewire/blogs/ShowBlog.php
new file mode 100644
index 00000000..8504a523
--- /dev/null
+++ b/app/Http/Livewire/blogs/ShowBlog.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Livewire\blogs;
+
+use Livewire\Component;
+use App\Domain\Blog\Models\Blog;
+
+class ShowBlog extends Component
+{
+    public Blog $blog;
+
+    public function mount(Blog $blog)
+    {
+        $this->blog = $blog;
+    }
+
+    public function render()
+    {
+        return view('livewire.blogs.show-blog', [
+            'blog' => $this->blog
+        ])
+            ->layout('layouts.main');
+    }
+}
diff --git a/composer.json b/composer.json
index 7973262a..150f5f9c 100644
--- a/composer.json
+++ b/composer.json
@@ -16,6 +16,7 @@
         "laravel/framework": "^9.19",
         "laravel/sanctum": "^3.2",
         "laravel/tinker": "^2.7",
+        "livewire/livewire": "^2.12",
         "tightenco/ziggy": "^1.0"
     },
     "require-dev": {
diff --git a/composer.lock b/composer.lock
index 6d367b22..26671d03 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,866 +4,8 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "bc2874888366469f6eb06272494a363c",
+    "content-hash": "c9ed9b6b88bf1cf9fbb3cae97551a0d7",
     "packages": [
-        {
-            "name": "amphp/amp",
-            "version": "v3.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/amp.git",
-                "reference": "aaf0ec1d5a2c20b523258995a10e80c1fb765871"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/amp/zipball/aaf0ec1d5a2c20b523258995a10e80c1fb765871",
-                "reference": "aaf0ec1d5a2c20b523258995a10e80c1fb765871",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1",
-                "revolt/event-loop": "^1 || ^0.2"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^4.13"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/functions.php",
-                    "src/Future/functions.php",
-                    "src/Internal/functions.php"
-                ],
-                "psr-4": {
-                    "Amp\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Bob Weinand",
-                    "email": "bobwei9@hotmail.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                },
-                {
-                    "name": "Daniel Lowrey",
-                    "email": "rdlowrey@php.net"
-                }
-            ],
-            "description": "A non-blocking concurrency framework for PHP applications.",
-            "homepage": "https://amphp.org/amp",
-            "keywords": [
-                "async",
-                "asynchronous",
-                "awaitable",
-                "concurrency",
-                "event",
-                "event-loop",
-                "future",
-                "non-blocking",
-                "promise"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/amp/issues",
-                "source": "https://github.com/amphp/amp/tree/v3.0.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2022-12-18T16:52:44+00:00"
-        },
-        {
-            "name": "amphp/byte-stream",
-            "version": "v2.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/byte-stream.git",
-                "reference": "0a4b0e80dad92c75e6131f8ad253919211540338"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/byte-stream/zipball/0a4b0e80dad92c75e6131f8ad253919211540338",
-                "reference": "0a4b0e80dad92c75e6131f8ad253919211540338",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^3",
-                "amphp/parser": "^1.1",
-                "amphp/pipeline": "^1",
-                "amphp/serialization": "^1",
-                "amphp/sync": "^2",
-                "php": ">=8.1",
-                "revolt/event-loop": "^1 || ^0.2.3"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "amphp/phpunit-util": "^3",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.4"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/functions.php",
-                    "src/Internal/functions.php"
-                ],
-                "psr-4": {
-                    "Amp\\ByteStream\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "A stream abstraction to make working with non-blocking I/O simple.",
-            "homepage": "https://amphp.org/byte-stream",
-            "keywords": [
-                "amp",
-                "amphp",
-                "async",
-                "io",
-                "non-blocking",
-                "stream"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/byte-stream/issues",
-                "source": "https://github.com/amphp/byte-stream/tree/v2.1.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-11-19T14:34:16+00:00"
-        },
-        {
-            "name": "amphp/cache",
-            "version": "v2.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/cache.git",
-                "reference": "218bb3888d380eb9dd926cd06f803573c84391d3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/cache/zipball/218bb3888d380eb9dd926cd06f803573c84391d3",
-                "reference": "218bb3888d380eb9dd926cd06f803573c84391d3",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^3",
-                "amphp/serialization": "^1",
-                "amphp/sync": "^2",
-                "php": ">=8.1",
-                "revolt/event-loop": "^1 || ^0.2"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "amphp/phpunit-util": "^3",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.4"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Amp\\Cache\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                },
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Daniel Lowrey",
-                    "email": "rdlowrey@php.net"
-                }
-            ],
-            "description": "A fiber-aware cache API based on Amp and Revolt.",
-            "homepage": "https://amphp.org/cache",
-            "support": {
-                "issues": "https://github.com/amphp/cache/issues",
-                "source": "https://github.com/amphp/cache/tree/v2.0.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-01-09T21:04:12+00:00"
-        },
-        {
-            "name": "amphp/dns",
-            "version": "v2.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/dns.git",
-                "reference": "c3b518f321f26e786554480de580f06b9f34d1cd"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/dns/zipball/c3b518f321f26e786554480de580f06b9f34d1cd",
-                "reference": "c3b518f321f26e786554480de580f06b9f34d1cd",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^3",
-                "amphp/byte-stream": "^2",
-                "amphp/cache": "^2",
-                "amphp/parser": "^1",
-                "amphp/windows-registry": "^1",
-                "daverandom/libdns": "^2.0.2",
-                "ext-filter": "*",
-                "php": ">=8.1",
-                "revolt/event-loop": "^1 || ^0.2"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "amphp/phpunit-util": "^3",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.4"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/functions.php"
-                ],
-                "psr-4": {
-                    "Amp\\Dns\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Chris Wright",
-                    "email": "addr@daverandom.com"
-                },
-                {
-                    "name": "Daniel Lowrey",
-                    "email": "rdlowrey@php.net"
-                },
-                {
-                    "name": "Bob Weinand",
-                    "email": "bobwei9@hotmail.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                },
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                }
-            ],
-            "description": "Async DNS resolution for Amp.",
-            "homepage": "https://github.com/amphp/dns",
-            "keywords": [
-                "amp",
-                "amphp",
-                "async",
-                "client",
-                "dns",
-                "resolve"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/dns/issues",
-                "source": "https://github.com/amphp/dns/tree/v2.1.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-11-18T15:49:57+00:00"
-        },
-        {
-            "name": "amphp/parallel",
-            "version": "v2.2.6",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/parallel.git",
-                "reference": "5aeaad20297507cc754859236720501b54306eba"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/parallel/zipball/5aeaad20297507cc754859236720501b54306eba",
-                "reference": "5aeaad20297507cc754859236720501b54306eba",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^3",
-                "amphp/byte-stream": "^2",
-                "amphp/parser": "^1",
-                "amphp/pipeline": "^1",
-                "amphp/process": "^2",
-                "amphp/serialization": "^1",
-                "amphp/socket": "^2",
-                "amphp/sync": "^2",
-                "php": ">=8.1",
-                "revolt/event-loop": "^1"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "amphp/phpunit-util": "^3",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.18"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/Context/functions.php",
-                    "src/Context/Internal/functions.php",
-                    "src/Ipc/functions.php",
-                    "src/Worker/functions.php"
-                ],
-                "psr-4": {
-                    "Amp\\Parallel\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                },
-                {
-                    "name": "Stephen Coakley",
-                    "email": "me@stephencoakley.com"
-                }
-            ],
-            "description": "Parallel processing component for Amp.",
-            "homepage": "https://github.com/amphp/parallel",
-            "keywords": [
-                "async",
-                "asynchronous",
-                "concurrent",
-                "multi-processing",
-                "multi-threading"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/parallel/issues",
-                "source": "https://github.com/amphp/parallel/tree/v2.2.6"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-01-07T18:12:13+00:00"
-        },
-        {
-            "name": "amphp/parser",
-            "version": "v1.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/parser.git",
-                "reference": "ff1de4144726c5dad5fab97f66692ebe8de3e151"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/parser/zipball/ff1de4144726c5dad5fab97f66692ebe8de3e151",
-                "reference": "ff1de4144726c5dad5fab97f66692ebe8de3e151",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.4"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.4"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Amp\\Parser\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "A generator parser to make streaming parsers simple.",
-            "homepage": "https://github.com/amphp/parser",
-            "keywords": [
-                "async",
-                "non-blocking",
-                "parser",
-                "stream"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/parser/issues",
-                "source": "https://github.com/amphp/parser/tree/v1.1.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2022-12-30T18:08:47+00:00"
-        },
-        {
-            "name": "amphp/pipeline",
-            "version": "v1.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/pipeline.git",
-                "reference": "8a0ecc281bb0932d6b4a786453aff18c55756e63"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/pipeline/zipball/8a0ecc281bb0932d6b4a786453aff18c55756e63",
-                "reference": "8a0ecc281bb0932d6b4a786453aff18c55756e63",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^3",
-                "php": ">=8.1",
-                "revolt/event-loop": "^1"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "amphp/phpunit-util": "^3",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.18"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Amp\\Pipeline\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "Asynchronous iterators and operators.",
-            "homepage": "https://amphp.org/pipeline",
-            "keywords": [
-                "amp",
-                "amphp",
-                "async",
-                "io",
-                "iterator",
-                "non-blocking"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/pipeline/issues",
-                "source": "https://github.com/amphp/pipeline/tree/v1.1.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-12-23T04:34:28+00:00"
-        },
-        {
-            "name": "amphp/process",
-            "version": "v2.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/process.git",
-                "reference": "a65d3bc1f36ef12d44df42a68f0f0643183f1052"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/process/zipball/a65d3bc1f36ef12d44df42a68f0f0643183f1052",
-                "reference": "a65d3bc1f36ef12d44df42a68f0f0643183f1052",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^3",
-                "amphp/byte-stream": "^2",
-                "amphp/sync": "^2",
-                "php": ">=8.1",
-                "revolt/event-loop": "^1 || ^0.2"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "amphp/phpunit-util": "^3",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.4"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/functions.php"
-                ],
-                "psr-4": {
-                    "Amp\\Process\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Bob Weinand",
-                    "email": "bobwei9@hotmail.com"
-                },
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "A fiber-aware process manager based on Amp and Revolt.",
-            "homepage": "https://amphp.org/process",
-            "support": {
-                "issues": "https://github.com/amphp/process/issues",
-                "source": "https://github.com/amphp/process/tree/v2.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-01-15T16:00:57+00:00"
-        },
-        {
-            "name": "amphp/serialization",
-            "version": "v1.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/serialization.git",
-                "reference": "693e77b2fb0b266c3c7d622317f881de44ae94a1"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/serialization/zipball/693e77b2fb0b266c3c7d622317f881de44ae94a1",
-                "reference": "693e77b2fb0b266c3c7d622317f881de44ae94a1",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "dev-master",
-                "phpunit/phpunit": "^9 || ^8 || ^7"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/functions.php"
-                ],
-                "psr-4": {
-                    "Amp\\Serialization\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "Serialization tools for IPC and data storage in PHP.",
-            "homepage": "https://github.com/amphp/serialization",
-            "keywords": [
-                "async",
-                "asynchronous",
-                "serialization",
-                "serialize"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/serialization/issues",
-                "source": "https://github.com/amphp/serialization/tree/master"
-            },
-            "time": "2020-03-25T21:39:07+00:00"
-        },
-        {
-            "name": "amphp/socket",
-            "version": "v2.2.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/socket.git",
-                "reference": "eb6c5e6baae5aebd9a209f50e81bff38c7efef97"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/socket/zipball/eb6c5e6baae5aebd9a209f50e81bff38c7efef97",
-                "reference": "eb6c5e6baae5aebd9a209f50e81bff38c7efef97",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^3",
-                "amphp/byte-stream": "^2",
-                "amphp/dns": "^2",
-                "ext-openssl": "*",
-                "kelunik/certificate": "^1.1",
-                "league/uri": "^6.5 | ^7",
-                "league/uri-interfaces": "^2.3 | ^7",
-                "php": ">=8.1",
-                "revolt/event-loop": "^1 || ^0.2"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "amphp/phpunit-util": "^3",
-                "amphp/process": "^2",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.4"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/functions.php",
-                    "src/Internal/functions.php",
-                    "src/SocketAddress/functions.php"
-                ],
-                "psr-4": {
-                    "Amp\\Socket\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Daniel Lowrey",
-                    "email": "rdlowrey@gmail.com"
-                },
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "Non-blocking socket connection / server implementations based on Amp and Revolt.",
-            "homepage": "https://github.com/amphp/socket",
-            "keywords": [
-                "amp",
-                "async",
-                "encryption",
-                "non-blocking",
-                "sockets",
-                "tcp",
-                "tls"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/socket/issues",
-                "source": "https://github.com/amphp/socket/tree/v2.2.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-12-31T18:12:01+00:00"
-        },
-        {
-            "name": "amphp/sync",
-            "version": "v2.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/sync.git",
-                "reference": "50ddc7392cc8034b3e4798cef3cc90d3f4c0441c"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/sync/zipball/50ddc7392cc8034b3e4798cef3cc90d3f4c0441c",
-                "reference": "50ddc7392cc8034b3e4798cef3cc90d3f4c0441c",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^3",
-                "amphp/pipeline": "^1",
-                "amphp/serialization": "^1",
-                "php": ">=8.1",
-                "revolt/event-loop": "^1 || ^0.2"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "amphp/phpunit-util": "^3",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.4"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/functions.php"
-                ],
-                "psr-4": {
-                    "Amp\\Sync\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                },
-                {
-                    "name": "Stephen Coakley",
-                    "email": "me@stephencoakley.com"
-                }
-            ],
-            "description": "Non-blocking synchronization primitives for PHP based on Amp and Revolt.",
-            "homepage": "https://github.com/amphp/sync",
-            "keywords": [
-                "async",
-                "asynchronous",
-                "mutex",
-                "semaphore",
-                "synchronization"
-            ],
-            "support": {
-                "issues": "https://github.com/amphp/sync/issues",
-                "source": "https://github.com/amphp/sync/tree/v2.1.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-08-19T13:53:40+00:00"
-        },
-        {
-            "name": "amphp/windows-registry",
-            "version": "v1.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/amphp/windows-registry.git",
-                "reference": "8248247a41af7f97b88e4716c0f8de39696ef111"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/amphp/windows-registry/zipball/8248247a41af7f97b88e4716c0f8de39696ef111",
-                "reference": "8248247a41af7f97b88e4716c0f8de39696ef111",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/byte-stream": "^2",
-                "amphp/process": "^2",
-                "php": ">=8.1"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "psalm/phar": "^5.4"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Amp\\WindowsRegistry\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "Windows Registry Reader.",
-            "support": {
-                "issues": "https://github.com/amphp/windows-registry/issues",
-                "source": "https://github.com/amphp/windows-registry/tree/v1.0.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/amphp",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-01-09T22:29:20+00:00"
-        },
         {
             "name": "brick/math",
             "version": "0.11.0",
@@ -1292,56 +434,12 @@
                     "url": "https://github.com/composer",
                     "type": "github"
                 },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/composer/composer",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2022-02-25T21:32:43+00:00"
-        },
-        {
-            "name": "daverandom/libdns",
-            "version": "v2.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/DaveRandom/LibDNS.git",
-                "reference": "42c2d700d1178c9f9e78664793463f7f1aea248c"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/DaveRandom/LibDNS/zipball/42c2d700d1178c9f9e78664793463f7f1aea248c",
-                "reference": "42c2d700d1178c9f9e78664793463f7f1aea248c",
-                "shasum": ""
-            },
-            "require": {
-                "ext-ctype": "*",
-                "php": ">=7.0"
-            },
-            "suggest": {
-                "ext-intl": "Required for IDN support"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/functions.php"
-                ],
-                "psr-4": {
-                    "LibDNS\\": "src/"
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/composer/composer",
+                    "type": "tidelift"
                 }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "DNS protocol implementation written in pure PHP",
-            "keywords": [
-                "dns"
             ],
-            "support": {
-                "issues": "https://github.com/DaveRandom/LibDNS/issues",
-                "source": "https://github.com/DaveRandom/LibDNS/tree/v2.0.3"
-            },
-            "time": "2022-09-20T18:15:38+00:00"
+            "time": "2022-02-25T21:32:43+00:00"
         },
         {
             "name": "dflydev/dot-access-data",
@@ -1418,53 +516,6 @@
             },
             "time": "2022-10-27T11:44:00+00:00"
         },
-        {
-            "name": "doctrine/deprecations",
-            "version": "1.1.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/doctrine/deprecations.git",
-                "reference": "4f2d4f2836e7ec4e7a8625e75c6aa916004db931"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/4f2d4f2836e7ec4e7a8625e75c6aa916004db931",
-                "reference": "4f2d4f2836e7ec4e7a8625e75c6aa916004db931",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.1 || ^8.0"
-            },
-            "require-dev": {
-                "doctrine/coding-standard": "^9",
-                "phpstan/phpstan": "1.4.10 || 1.10.15",
-                "phpstan/phpstan-phpunit": "^1.0",
-                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.5",
-                "psalm/plugin-phpunit": "0.18.4",
-                "psr/log": "^1 || ^2 || ^3",
-                "vimeo/psalm": "4.30.0 || 5.12.0"
-            },
-            "suggest": {
-                "psr/log": "Allows logging deprecations via PSR-3 logger implementation"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Doctrine\\Deprecations\\": "lib/Doctrine/Deprecations"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "A small layer on top of trigger_error(E_USER_DEPRECATED) or PSR-3 logging with options to disable all deprecations or selectively for packages.",
-            "homepage": "https://www.doctrine-project.org/",
-            "support": {
-                "issues": "https://github.com/doctrine/deprecations/issues",
-                "source": "https://github.com/doctrine/deprecations/tree/1.1.2"
-            },
-            "time": "2023-09-27T20:04:15+00:00"
-        },
         {
             "name": "doctrine/inflector",
             "version": "2.0.9",
@@ -2468,64 +1519,6 @@
             ],
             "time": "2023-10-27T10:59:02+00:00"
         },
-        {
-            "name": "kelunik/certificate",
-            "version": "v1.1.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/kelunik/certificate.git",
-                "reference": "7e00d498c264d5eb4f78c69f41c8bd6719c0199e"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/kelunik/certificate/zipball/7e00d498c264d5eb4f78c69f41c8bd6719c0199e",
-                "reference": "7e00d498c264d5eb4f78c69f41c8bd6719c0199e",
-                "shasum": ""
-            },
-            "require": {
-                "ext-openssl": "*",
-                "php": ">=7.0"
-            },
-            "require-dev": {
-                "amphp/php-cs-fixer-config": "^2",
-                "phpunit/phpunit": "^6 | 7 | ^8 | ^9"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Kelunik\\Certificate\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "Access certificate details and transform between different formats.",
-            "keywords": [
-                "DER",
-                "certificate",
-                "certificates",
-                "openssl",
-                "pem",
-                "x509"
-            ],
-            "support": {
-                "issues": "https://github.com/kelunik/certificate/issues",
-                "source": "https://github.com/kelunik/certificate/tree/v1.1.3"
-            },
-            "time": "2023-02-03T21:26:53+00:00"
-        },
         {
             "name": "laravel/framework",
             "version": "v9.52.16",
@@ -3311,131 +2304,53 @@
             "time": "2023-10-17T14:13:20+00:00"
         },
         {
-            "name": "league/uri",
-            "version": "7.4.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/uri.git",
-                "reference": "bf414ba956d902f5d98bf9385fcf63954f09dce5"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/uri/zipball/bf414ba956d902f5d98bf9385fcf63954f09dce5",
-                "reference": "bf414ba956d902f5d98bf9385fcf63954f09dce5",
-                "shasum": ""
-            },
-            "require": {
-                "league/uri-interfaces": "^7.3",
-                "php": "^8.1"
-            },
-            "conflict": {
-                "league/uri-schemes": "^1.0"
-            },
-            "suggest": {
-                "ext-bcmath": "to improve IPV4 host parsing",
-                "ext-fileinfo": "to create Data URI from file contennts",
-                "ext-gmp": "to improve IPV4 host parsing",
-                "ext-intl": "to handle IDN host with the best performance",
-                "jeremykendall/php-domain-parser": "to resolve Public Suffix and Top Level Domain",
-                "league/uri-components": "Needed to easily manipulate URI objects components",
-                "php-64bit": "to improve IPV4 host parsing",
-                "symfony/polyfill-intl-idn": "to handle IDN host via the Symfony polyfill if ext-intl is not present"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "7.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "League\\Uri\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ignace Nyamagana Butera",
-                    "email": "nyamsprod@gmail.com",
-                    "homepage": "https://nyamsprod.com"
-                }
-            ],
-            "description": "URI manipulation library",
-            "homepage": "https://uri.thephpleague.com",
-            "keywords": [
-                "data-uri",
-                "file-uri",
-                "ftp",
-                "hostname",
-                "http",
-                "https",
-                "middleware",
-                "parse_str",
-                "parse_url",
-                "psr-7",
-                "query-string",
-                "querystring",
-                "rfc3986",
-                "rfc3987",
-                "rfc6570",
-                "uri",
-                "uri-template",
-                "url",
-                "ws"
-            ],
-            "support": {
-                "docs": "https://uri.thephpleague.com",
-                "forum": "https://thephpleague.slack.com",
-                "issues": "https://github.com/thephpleague/uri-src/issues",
-                "source": "https://github.com/thephpleague/uri/tree/7.4.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sponsors/nyamsprod",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-12-01T06:24:25+00:00"
-        },
-        {
-            "name": "league/uri-interfaces",
-            "version": "7.4.0",
+            "name": "livewire/livewire",
+            "version": "v2.12.6",
             "source": {
                 "type": "git",
-                "url": "https://github.com/thephpleague/uri-interfaces.git",
-                "reference": "bd8c487ec236930f7bbc42b8d374fa882fbba0f3"
+                "url": "https://github.com/livewire/livewire.git",
+                "reference": "7d3a57b3193299cf1a0639a3935c696f4da2cf92"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/uri-interfaces/zipball/bd8c487ec236930f7bbc42b8d374fa882fbba0f3",
-                "reference": "bd8c487ec236930f7bbc42b8d374fa882fbba0f3",
+                "url": "https://api.github.com/repos/livewire/livewire/zipball/7d3a57b3193299cf1a0639a3935c696f4da2cf92",
+                "reference": "7d3a57b3193299cf1a0639a3935c696f4da2cf92",
                 "shasum": ""
             },
             "require": {
-                "ext-filter": "*",
-                "php": "^8.1",
-                "psr/http-factory": "^1",
-                "psr/http-message": "^1.1 || ^2.0"
+                "illuminate/database": "^7.0|^8.0|^9.0|^10.0",
+                "illuminate/support": "^7.0|^8.0|^9.0|^10.0",
+                "illuminate/validation": "^7.0|^8.0|^9.0|^10.0",
+                "league/mime-type-detection": "^1.9",
+                "php": "^7.2.5|^8.0",
+                "symfony/http-kernel": "^5.0|^6.0"
             },
-            "suggest": {
-                "ext-bcmath": "to improve IPV4 host parsing",
-                "ext-gmp": "to improve IPV4 host parsing",
-                "ext-intl": "to handle IDN host with the best performance",
-                "php-64bit": "to improve IPV4 host parsing",
-                "symfony/polyfill-intl-idn": "to handle IDN host via the Symfony polyfill if ext-intl is not present"
+            "require-dev": {
+                "calebporzio/sushi": "^2.1",
+                "laravel/framework": "^7.0|^8.0|^9.0|^10.0",
+                "mockery/mockery": "^1.3.1",
+                "orchestra/testbench": "^5.0|^6.0|^7.0|^8.0",
+                "orchestra/testbench-dusk": "^5.2|^6.0|^7.0|^8.0",
+                "phpunit/phpunit": "^8.4|^9.0",
+                "psy/psysh": "@stable"
             },
             "type": "library",
             "extra": {
-                "branch-alias": {
-                    "dev-master": "7.x-dev"
+                "laravel": {
+                    "providers": [
+                        "Livewire\\LivewireServiceProvider"
+                    ],
+                    "aliases": {
+                        "Livewire": "Livewire\\Livewire"
+                    }
                 }
             },
             "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
                 "psr-4": {
-                    "League\\Uri\\": ""
+                    "Livewire\\": "src/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -3444,45 +2359,22 @@
             ],
             "authors": [
                 {
-                    "name": "Ignace Nyamagana Butera",
-                    "email": "nyamsprod@gmail.com",
-                    "homepage": "https://nyamsprod.com"
+                    "name": "Caleb Porzio",
+                    "email": "calebporzio@gmail.com"
                 }
             ],
-            "description": "Common interfaces and classes for URI representation and interaction",
-            "homepage": "https://uri.thephpleague.com",
-            "keywords": [
-                "data-uri",
-                "file-uri",
-                "ftp",
-                "hostname",
-                "http",
-                "https",
-                "parse_str",
-                "parse_url",
-                "psr-7",
-                "query-string",
-                "querystring",
-                "rfc3986",
-                "rfc3987",
-                "rfc6570",
-                "uri",
-                "url",
-                "ws"
-            ],
+            "description": "A front-end framework for Laravel.",
             "support": {
-                "docs": "https://uri.thephpleague.com",
-                "forum": "https://thephpleague.slack.com",
-                "issues": "https://github.com/thephpleague/uri-src/issues",
-                "source": "https://github.com/thephpleague/uri-interfaces/tree/7.4.0"
+                "issues": "https://github.com/livewire/livewire/issues",
+                "source": "https://github.com/livewire/livewire/tree/v2.12.6"
             },
             "funding": [
                 {
-                    "url": "https://github.com/sponsors/nyamsprod",
+                    "url": "https://github.com/livewire",
                     "type": "github"
                 }
             ],
-            "time": "2023-11-24T15:40:42+00:00"
+            "time": "2023-08-11T04:02:34+00:00"
         },
         {
             "name": "monolog/monolog",
@@ -3922,161 +2814,28 @@
                 "ergebnis/phpstan-rules": "^1.0.",
                 "illuminate/console": "^8.0|^9.0",
                 "illuminate/support": "^8.0|^9.0",
-                "laravel/pint": "^1.0.0",
-                "pestphp/pest": "^1.21.0",
-                "pestphp/pest-plugin-mock": "^1.0",
-                "phpstan/phpstan": "^1.4.6",
-                "phpstan/phpstan-strict-rules": "^1.1.0",
-                "symfony/var-dumper": "^5.2.7|^6.0.0",
-                "thecodingmachine/phpstan-strict-rules": "^1.0.0"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Termwind\\Laravel\\TermwindServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/Functions.php"
-                ],
-                "psr-4": {
-                    "Termwind\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nuno Maduro",
-                    "email": "enunomaduro@gmail.com"
-                }
-            ],
-            "description": "Its like Tailwind CSS, but for the console.",
-            "keywords": [
-                "cli",
-                "console",
-                "css",
-                "package",
-                "php",
-                "style"
-            ],
-            "support": {
-                "issues": "https://github.com/nunomaduro/termwind/issues",
-                "source": "https://github.com/nunomaduro/termwind/tree/v1.15.1"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.com/paypalme/enunomaduro",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/nunomaduro",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/xiCO2k",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-02-08T01:06:31+00:00"
-        },
-        {
-            "name": "phpdocumentor/reflection-common",
-            "version": "2.2.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phpDocumentor/ReflectionCommon.git",
-                "reference": "1d01c49d4ed62f25aa84a747ad35d5a16924662b"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpDocumentor/ReflectionCommon/zipball/1d01c49d4ed62f25aa84a747ad35d5a16924662b",
-                "reference": "1d01c49d4ed62f25aa84a747ad35d5a16924662b",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2 || ^8.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-2.x": "2.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "phpDocumentor\\Reflection\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Jaap van Otterdijk",
-                    "email": "opensource@ijaap.nl"
-                }
-            ],
-            "description": "Common reflection classes used by phpdocumentor to reflect the code structure",
-            "homepage": "http://www.phpdoc.org",
-            "keywords": [
-                "FQSEN",
-                "phpDocumentor",
-                "phpdoc",
-                "reflection",
-                "static analysis"
-            ],
-            "support": {
-                "issues": "https://github.com/phpDocumentor/ReflectionCommon/issues",
-                "source": "https://github.com/phpDocumentor/ReflectionCommon/tree/2.x"
-            },
-            "time": "2020-06-27T09:03:43+00:00"
-        },
-        {
-            "name": "phpdocumentor/type-resolver",
-            "version": "1.8.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phpDocumentor/TypeResolver.git",
-                "reference": "fad452781b3d774e3337b0c0b245dd8e5a4455fc"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpDocumentor/TypeResolver/zipball/fad452781b3d774e3337b0c0b245dd8e5a4455fc",
-                "reference": "fad452781b3d774e3337b0c0b245dd8e5a4455fc",
-                "shasum": ""
-            },
-            "require": {
-                "doctrine/deprecations": "^1.0",
-                "php": "^7.4 || ^8.0",
-                "phpdocumentor/reflection-common": "^2.0",
-                "phpstan/phpdoc-parser": "^1.13"
-            },
-            "require-dev": {
-                "ext-tokenizer": "*",
-                "phpbench/phpbench": "^1.2",
-                "phpstan/extension-installer": "^1.1",
-                "phpstan/phpstan": "^1.8",
-                "phpstan/phpstan-phpunit": "^1.1",
-                "phpunit/phpunit": "^9.5",
-                "rector/rector": "^0.13.9",
-                "vimeo/psalm": "^4.25"
+                "laravel/pint": "^1.0.0",
+                "pestphp/pest": "^1.21.0",
+                "pestphp/pest-plugin-mock": "^1.0",
+                "phpstan/phpstan": "^1.4.6",
+                "phpstan/phpstan-strict-rules": "^1.1.0",
+                "symfony/var-dumper": "^5.2.7|^6.0.0",
+                "thecodingmachine/phpstan-strict-rules": "^1.0.0"
             },
             "type": "library",
             "extra": {
-                "branch-alias": {
-                    "dev-1.x": "1.x-dev"
+                "laravel": {
+                    "providers": [
+                        "Termwind\\Laravel\\TermwindServiceProvider"
+                    ]
                 }
             },
             "autoload": {
+                "files": [
+                    "src/Functions.php"
+                ],
                 "psr-4": {
-                    "phpDocumentor\\Reflection\\": "src"
+                    "Termwind\\": "src/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -4085,16 +2844,38 @@
             ],
             "authors": [
                 {
-                    "name": "Mike van Riel",
-                    "email": "me@mikevanriel.com"
+                    "name": "Nuno Maduro",
+                    "email": "enunomaduro@gmail.com"
                 }
             ],
-            "description": "A PSR-5 based resolver of Class names, Types and Structural Element Names",
+            "description": "Its like Tailwind CSS, but for the console.",
+            "keywords": [
+                "cli",
+                "console",
+                "css",
+                "package",
+                "php",
+                "style"
+            ],
             "support": {
-                "issues": "https://github.com/phpDocumentor/TypeResolver/issues",
-                "source": "https://github.com/phpDocumentor/TypeResolver/tree/1.8.0"
+                "issues": "https://github.com/nunomaduro/termwind/issues",
+                "source": "https://github.com/nunomaduro/termwind/tree/v1.15.1"
             },
-            "time": "2024-01-11T11:49:22+00:00"
+            "funding": [
+                {
+                    "url": "https://www.paypal.com/paypalme/enunomaduro",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/nunomaduro",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/xiCO2k",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-02-08T01:06:31+00:00"
         },
         {
             "name": "phpoption/phpoption",
@@ -4171,53 +2952,6 @@
             ],
             "time": "2023-11-12T21:59:55+00:00"
         },
-        {
-            "name": "phpstan/phpdoc-parser",
-            "version": "1.25.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phpstan/phpdoc-parser.git",
-                "reference": "bd84b629c8de41aa2ae82c067c955e06f1b00240"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpstan/phpdoc-parser/zipball/bd84b629c8de41aa2ae82c067c955e06f1b00240",
-                "reference": "bd84b629c8de41aa2ae82c067c955e06f1b00240",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2 || ^8.0"
-            },
-            "require-dev": {
-                "doctrine/annotations": "^2.0",
-                "nikic/php-parser": "^4.15",
-                "php-parallel-lint/php-parallel-lint": "^1.2",
-                "phpstan/extension-installer": "^1.0",
-                "phpstan/phpstan": "^1.5",
-                "phpstan/phpstan-phpunit": "^1.1",
-                "phpstan/phpstan-strict-rules": "^1.0",
-                "phpunit/phpunit": "^9.5",
-                "symfony/process": "^5.2"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "PHPStan\\PhpDocParser\\": [
-                        "src/"
-                    ]
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "PHPDoc parser with support for nullable, intersection and generic types",
-            "support": {
-                "issues": "https://github.com/phpstan/phpdoc-parser/issues",
-                "source": "https://github.com/phpstan/phpdoc-parser/tree/1.25.0"
-            },
-            "time": "2024-01-04T17:06:16+00:00"
-        },
         {
             "name": "psr/clock",
             "version": "1.0.0",
@@ -4934,78 +3668,6 @@
             ],
             "time": "2023-11-08T05:53:05+00:00"
         },
-        {
-            "name": "revolt/event-loop",
-            "version": "v1.0.6",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/revoltphp/event-loop.git",
-                "reference": "25de49af7223ba039f64da4ae9a28ec2d10d0254"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/revoltphp/event-loop/zipball/25de49af7223ba039f64da4ae9a28ec2d10d0254",
-                "reference": "25de49af7223ba039f64da4ae9a28ec2d10d0254",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1"
-            },
-            "require-dev": {
-                "ext-json": "*",
-                "jetbrains/phpstorm-stubs": "^2019.3",
-                "phpunit/phpunit": "^9",
-                "psalm/phar": "^5.15"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "1.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Revolt\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Aaron Piotrowski",
-                    "email": "aaron@trowski.com"
-                },
-                {
-                    "name": "Cees-Jan Kiewiet",
-                    "email": "ceesjank@gmail.com"
-                },
-                {
-                    "name": "Christian Lück",
-                    "email": "christian@clue.engineering"
-                },
-                {
-                    "name": "Niklas Keller",
-                    "email": "me@kelunik.com"
-                }
-            ],
-            "description": "Rock-solid event loop for concurrent PHP applications.",
-            "keywords": [
-                "async",
-                "asynchronous",
-                "concurrency",
-                "event",
-                "event-loop",
-                "non-blocking",
-                "scheduler"
-            ],
-            "support": {
-                "issues": "https://github.com/revoltphp/event-loop/issues",
-                "source": "https://github.com/revoltphp/event-loop/tree/v1.0.6"
-            },
-            "time": "2023-11-30T05:34:44+00:00"
-        },
         {
             "name": "sebastian/diff",
             "version": "4.0.5",
@@ -5072,231 +3734,6 @@
             ],
             "time": "2023-05-07T05:35:17+00:00"
         },
-        {
-            "name": "spatie/laravel-data",
-            "version": "3.11.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/spatie/laravel-data.git",
-                "reference": "e9cb66136974b6a6e290d6d2e2d484bac1727537"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-data/zipball/e9cb66136974b6a6e290d6d2e2d484bac1727537",
-                "reference": "e9cb66136974b6a6e290d6d2e2d484bac1727537",
-                "shasum": ""
-            },
-            "require": {
-                "illuminate/contracts": "^9.30|^10.0",
-                "php": "^8.1",
-                "phpdocumentor/type-resolver": "^1.5",
-                "spatie/laravel-package-tools": "^1.9.0",
-                "spatie/php-structure-discoverer": "^2.0"
-            },
-            "require-dev": {
-                "fakerphp/faker": "^1.14",
-                "friendsofphp/php-cs-fixer": "^3.0",
-                "inertiajs/inertia-laravel": "^0.6.3",
-                "mockery/mockery": "^1.6",
-                "nesbot/carbon": "^2.63",
-                "nette/php-generator": "^3.5",
-                "nunomaduro/larastan": "^2.0",
-                "orchestra/testbench": "^7.6|^8.0",
-                "pestphp/pest": "^1.22",
-                "pestphp/pest-plugin-laravel": "^1.3",
-                "phpbench/phpbench": "^1.2",
-                "phpstan/extension-installer": "^1.1",
-                "phpunit/phpunit": "^9.3",
-                "spatie/invade": "^1.0",
-                "spatie/laravel-typescript-transformer": "^2.1.6",
-                "spatie/pest-plugin-snapshots": "^1.1",
-                "spatie/phpunit-snapshot-assertions": "^4.2",
-                "spatie/test-time": "^1.2"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Spatie\\LaravelData\\LaravelDataServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Spatie\\LaravelData\\": "src",
-                    "Spatie\\LaravelData\\Database\\Factories\\": "database/factories"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ruben Van Assche",
-                    "email": "ruben@spatie.be",
-                    "role": "Developer"
-                }
-            ],
-            "description": "Create unified resources and data transfer objects",
-            "homepage": "https://github.com/spatie/laravel-data",
-            "keywords": [
-                "laravel",
-                "laravel-data",
-                "spatie"
-            ],
-            "support": {
-                "issues": "https://github.com/spatie/laravel-data/issues",
-                "source": "https://github.com/spatie/laravel-data/tree/3.11.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/spatie",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-12-21T12:31:34+00:00"
-        },
-        {
-            "name": "spatie/laravel-package-tools",
-            "version": "1.16.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/spatie/laravel-package-tools.git",
-                "reference": "e62eeb1fe8a8a0b2e83227a6c279c8c59f7d3a15"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-package-tools/zipball/e62eeb1fe8a8a0b2e83227a6c279c8c59f7d3a15",
-                "reference": "e62eeb1fe8a8a0b2e83227a6c279c8c59f7d3a15",
-                "shasum": ""
-            },
-            "require": {
-                "illuminate/contracts": "^9.28|^10.0|^11.0",
-                "php": "^8.0"
-            },
-            "require-dev": {
-                "mockery/mockery": "^1.5",
-                "orchestra/testbench": "^7.7|^8.0",
-                "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.16.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/spatie",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-01-11T08:43:00+00:00"
-        },
-        {
-            "name": "spatie/php-structure-discoverer",
-            "version": "2.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/spatie/php-structure-discoverer.git",
-                "reference": "d2e4e6cba962ce2a058ea415a123dd84b37765ac"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/spatie/php-structure-discoverer/zipball/d2e4e6cba962ce2a058ea415a123dd84b37765ac",
-                "reference": "d2e4e6cba962ce2a058ea415a123dd84b37765ac",
-                "shasum": ""
-            },
-            "require": {
-                "amphp/amp": "^v3.0",
-                "amphp/parallel": "^2.2",
-                "illuminate/collections": "^9.30|^10.0",
-                "php": "^8.1",
-                "spatie/laravel-package-tools": "^1.4.3",
-                "symfony/finder": "^6.0|^7.0"
-            },
-            "require-dev": {
-                "illuminate/console": "^9.30|^10.0",
-                "laravel/pint": "^1.0",
-                "nunomaduro/collision": "^6.0",
-                "nunomaduro/larastan": "^2.0.1",
-                "orchestra/testbench": "^7.0|^8.0",
-                "pestphp/pest": "^1.21",
-                "pestphp/pest-plugin-laravel": "^1.1",
-                "phpstan/extension-installer": "^1.1",
-                "phpstan/phpstan-deprecation-rules": "^1.0",
-                "phpstan/phpstan-phpunit": "^1.0",
-                "phpunit/phpunit": "^9.5",
-                "spatie/laravel-ray": "^1.26"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Spatie\\StructureDiscoverer\\StructureDiscovererServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Spatie\\StructureDiscoverer\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ruben Van Assche",
-                    "email": "ruben@spatie.be",
-                    "role": "Developer"
-                }
-            ],
-            "description": "Automatically discover structures within your PHP application",
-            "homepage": "https://github.com/spatie/php-structure-discoverer",
-            "keywords": [
-                "discover",
-                "laravel",
-                "php",
-                "php-structure-discoverer"
-            ],
-            "support": {
-                "issues": "https://github.com/spatie/php-structure-discoverer/issues",
-                "source": "https://github.com/spatie/php-structure-discoverer/tree/2.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/LaravelAutoDiscoverer",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-01-08T21:01:26+00:00"
-        },
         {
             "name": "symfony/console",
             "version": "v6.4.2",
@@ -10710,5 +9147,5 @@
         "php": "^8.1"
     },
     "platform-dev": [],
-    "plugin-api-version": "2.3.0"
+    "plugin-api-version": "2.6.0"
 }
diff --git a/config/livewire.php b/config/livewire.php
new file mode 100644
index 00000000..59f8d5c4
--- /dev/null
+++ b/config/livewire.php
@@ -0,0 +1,158 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Class Namespace
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the root namespace for Livewire component classes in
+    | your application. This value affects component auto-discovery and
+    | any Livewire file helper commands, like `artisan make:livewire`.
+    |
+    | After changing this item, run: `php artisan livewire:discover`.
+    |
+    */
+
+    'class_namespace' => 'App\\Http\\Livewire',
+
+    /*
+    |--------------------------------------------------------------------------
+    | View Path
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the path for Livewire component views. This affects
+    | file manipulation helper commands like `artisan make:livewire`.
+    |
+    */
+
+    'view_path' => resource_path('views/livewire'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Layout
+    |--------------------------------------------------------------------------
+    | The default layout view that will be used when rendering a component via
+    | Route::get('/some-endpoint', SomeComponent::class);. In this case the
+    | the view returned by SomeComponent will be wrapped in "layouts.app"
+    |
+    */
+
+    'layout' => 'layouts.app',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Livewire Assets URL
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the path to Livewire JavaScript assets, for cases where
+    | your app's domain root is not the correct path. By default, Livewire
+    | will load its JavaScript assets from the app's "relative root".
+    |
+    | Examples: "/assets", "myurl.com/app".
+    |
+    */
+
+    'asset_url' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Livewire App URL
+    |--------------------------------------------------------------------------
+    |
+    | This value should be used if livewire assets are served from CDN.
+    | Livewire will communicate with an app through this url.
+    |
+    | Examples: "https://my-app.com", "myurl.com/app".
+    |
+    */
+
+    'app_url' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Livewire Endpoint Middleware Group
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the middleware group that will be applied to the main
+    | Livewire "message" endpoint (the endpoint that gets hit everytime
+    | a Livewire component updates). It is set to "web" by default.
+    |
+    */
+
+    'middleware_group' => 'web',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Livewire Temporary File Uploads Endpoint Configuration
+    |--------------------------------------------------------------------------
+    |
+    | Livewire handles file uploads by storing uploads in a temporary directory
+    | before the file is validated and stored permanently. All file uploads
+    | are directed to a global endpoint for temporary storage. The config
+    | items below are used for customizing the way the endpoint works.
+    |
+    */
+
+    'temporary_file_upload' => [
+        'disk' => null,        // Example: 'local', 's3'              Default: 'default'
+        'rules' => null,       // Example: ['file', 'mimes:png,jpg']  Default: ['required', 'file', 'max:12288'] (12MB)
+        'directory' => null,   // Example: 'tmp'                      Default  'livewire-tmp'
+        'middleware' => null,  // Example: 'throttle:5,1'             Default: 'throttle:60,1'
+        'preview_mimes' => [   // Supported file types for temporary pre-signed file URLs.
+            'png', 'gif', 'bmp', 'svg', 'wav', 'mp4',
+            'mov', 'avi', 'wmv', 'mp3', 'm4a',
+            'jpg', 'jpeg', 'mpga', 'webp', 'wma',
+        ],
+        'max_upload_time' => 5, // Max duration (in minutes) before an upload gets invalidated.
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Manifest File Path
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the path to the Livewire manifest file.
+    | The default should work for most cases (which is
+    | "<app_root>/bootstrap/cache/livewire-components.php"), but for specific
+    | cases like when hosting on Laravel Vapor, it could be set to a different value.
+    |
+    | Example: for Laravel Vapor, it would be "/tmp/storage/bootstrap/cache/livewire-components.php".
+    |
+    */
+
+    'manifest_path' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Back Button Cache
+    |--------------------------------------------------------------------------
+    |
+    | This value determines whether the back button cache will be used on pages
+    | that contain Livewire. By disabling back button cache, it ensures that
+    | the back button shows the correct state of components, instead of
+    | potentially stale, cached data.
+    |
+    | Setting it to "false" (default) will disable back button cache.
+    |
+    */
+
+    'back_button_cache' => false,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Render On Redirect
+    |--------------------------------------------------------------------------
+    |
+    | This value determines whether Livewire will render before it's redirected
+    | or not. Setting it to "false" (default) will mean the render method is
+    | skipped when redirecting. And "true" will mean the render method is
+    | run before redirecting. Browsers bfcache can store a potentially
+    | stale view if render is skipped on redirect.
+    |
+    */
+
+    'render_on_redirect' => false,
+
+];
diff --git a/resources/views/layouts/main.blade.php b/resources/views/layouts/main.blade.php
index 8d3a3b74..8b53f7a1 100644
--- a/resources/views/layouts/main.blade.php
+++ b/resources/views/layouts/main.blade.php
@@ -5,9 +5,12 @@
     <title> Seth Sharp - Online Portfolio </title>
     <meta name="description"
           content="Hey I am Seth Sharp, a Junior Software developer at Coding Labs on the Gold Coast. I love to build ambitious projects and love the art of programming.">
+
+    @livewireStyles
 </head>
 
 <body class="mg-0 pd-0">
+@livewireScripts
 <main>
     <x-nav-bar/>
 
diff --git a/resources/views/blogs/show.blade.php b/resources/views/livewire/blogs/show-blog.blade.php
similarity index 82%
rename from resources/views/blogs/show.blade.php
rename to resources/views/livewire/blogs/show-blog.blade.php
index ddb8dcff..0beb3da6 100644
--- a/resources/views/blogs/show.blade.php
+++ b/resources/views/livewire/blogs/show-blog.blade.php
@@ -1,5 +1,3 @@
-@extends("layouts.main")
-
 @section('partOne', 'Blog')
 @section('partTwo', $blog->title)
 
diff --git a/routes/web.php b/routes/web.php
index 74f95df5..ded60000 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,13 +1,13 @@
 <?php
 
-use App\Http\Controllers\Views\Blogs\IndexBlogsController;
-use App\Http\Controllers\Views\Blogs\ShowBlogController;
-use App\Http\Controllers\Views\ShowCapabiltiesController;
-use App\Http\Controllers\Views\ShowExperienceController;
-use App\Http\Controllers\Views\ShowHomeController;
-use App\Http\Controllers\Views\ShowProjectsController;
+use App\Http\Livewire\blogs\ShowBlog;
 use Illuminate\Support\Facades\Route;
 use Illuminate\Foundation\Application;
+use App\Http\Controllers\Views\ShowHomeController;
+use App\Http\Controllers\Views\ShowProjectsController;
+use App\Http\Controllers\Views\ShowExperienceController;
+use App\Http\Controllers\Views\ShowCapabiltiesController;
+use App\Http\Controllers\Views\Blogs\IndexBlogsController;
 
 /*
 |--------------------------------------------------------------------------
@@ -28,7 +28,7 @@
 
 Route::prefix('blogs')->name('blogs.')->group(function () {
     Route::get('/', IndexBlogsController::class)->name('index');
-    Route::get('/{blog:slug}', ShowBlogController::class)->name('show');
+    Route::get('/{blog:slug}', ShowBlog::class)->name('show');
 });
 
 require __DIR__ . '/auth.php';