Enhancement: Hashtag trending

app/Livewire/Home/TrendingHashtags.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Livewire\Home;
+
+use Livewire\Component;
+use App\Queries\Feeds\TrendingHashtags as TrendingHashtagsQuery;
+
+class TrendingHashtags extends Component
+{
+    public function render()
+    {
+        $hashtags = (new TrendingHashtagsQuery())->builder()->limit(5)->orderBy('questions_count', 'DESC')->get();
+        return view('livewire.home.trending-hashtags', ['hashtags' => $hashtags]);
+    }
+}

app/Queries/Feeds/TrendingHashtags.php

@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Queries\Feeds;
+
+use App\Models\Hashtag;
+use Illuminate\Database\Eloquent\Builder;
+
+final readonly class TrendingHashtags
+{
+
+    /**
+     * The max days since posted for the trending feed.
+     */
+    private const int MAX_DAYS_SINCE_POSTED = 1;
+
+    /**
+     * Get the query builder for the feed.
+     *
+     * @return Builder<Question>
+     */
+    public function builder(): Builder
+    {
+        $maxDaysSincePosted = self::MAX_DAYS_SINCE_POSTED;
+
+        return Hashtag::query()
+            ->withCount('questions')
+            ->where('created_at', '>=', now()->subDays($maxDaysSincePosted));
+    }
+}

resources/views/home/trending-questions.blade.php

@@ -3,6 +3,7 @@
         <div class="w-full max-w-md overflow-hidden rounded-lg px-2 shadow-md sm:px-0">
             <x-home-menu></x-home-menu>
 
+            <livewire:home.trending-hashtags />
             <livewire:home.trending-questions :focus-input="true" />
         </div>
     </div>

resources/views/layouts/navigation.blade.php

@@ -5,7 +5,7 @@
 
 <nav>
     <div class="{{ $navClasses }}">
-        <div class="flex h-16 justify-between">
+        <div class="flex h-16 md:justify-end bg-slate-900/50 backdrop-blur-sm w-full justify-center md:bg-transparent md:backdrop-blur-none">
             <div
                 class="flex items-center space-x-2.5"
                 x-data

resources/views/livewire/home/trending-hashtags.blade.php

@@ -0,0 +1,5 @@
+<div>
+    @foreach ($hashtags as $hashtag)
+        <a class="bg-slate-600/20 p-4 shadow-2xl backdrop-blur font-medium me-2 py-1 px-2 rounded" href="{{ route('hashtag.show', $hashtag->name) }}">#{{ $hashtag->name }}</a>
+    @endforeach
+</div>