added blog list page

app/Livewire/ListBlog.php

@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+
+class ListBlog extends Component
+{
+    public function render()
+    {
+        return view('livewire.list-blog');
+    }
+}

resources/views/components/layouts/app.blade.php

@@ -63,7 +63,7 @@
             @endif
             <flux:separator variant="subtle" />
         </flux:navlist>
-        <p class="text-sm font-medium dark:text-white accent-zinc-700">&copy; {{ config('app.settings.app_name') }}</p>
+        <p class="text-sm font-medium dark:text-white accent-zinc-700">&copy; 2020–{{ date('Y') }} – All Rights Reserved {{ config('app.settings.app_name') }} | Coded with ♥️</p>
     </flux:sidebar>
 
     <flux:header sticky container class="bg-zinc-50 dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700">

resources/views/livewire/blog.blade.php

@@ -25,5 +25,7 @@
         <div class="flex w-full items-center justify-center px-4 py-2 sm:px-6">
             <flux:text>{!! $postDetail->content !!}</flux:text>
         </div>
+        <div class="mt-3"></div>
     </div>
+
 </main>

resources/views/livewire/list-blog.blade.php

@@ -0,0 +1,32 @@
+@section('title'){{ config('app.settings.app_name') }} Blog - Your Guide to the Latest Trends @endsection
+<main>
+    <flux:heading class="mb-3 truncate" size="xl" level="1">Latest Articles</flux:heading>
+    <div class="mb-3"></div>
+    <div class="flex justify-center items-center py-3">
+        <div class="flex justify-center items-center">
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 p-1">
+
+                @foreach(config('app.blogs') as $i => $blog)
+                    <a wire:navigate href="{{ route('blog', $blog->slug) }}">
+                        <div class="flex items-center">
+                            <div class="group relative mx-auto w-96 overflow-hidden rounded-[16px] dark:bg-zinc-800 bg-zinc-200 p-[1px] ease-in-out hover:bg-gradient-to-r hover:from-zinc-600 hover:via-zinc-800 hover:to-zinc-700">
+                                <div class="group-hover:animate-spin-slow invisible absolute -top-40 -bottom-40 left-10 right-10 bg-gradient-to-r from-transparent via-gray-600 to-transparent group-hover:visible"></div>
+                                <div class="relative rounded-[15px] dark:bg-zinc-900 bg-zinc-100 dark:text-white text-accent-content p-6">
+                                    <div class="space-y-4">
+                                        <p class="font-md text-slate-500">
+                                            <img src="{{ asset($blog->post_image) }}" class="card-img-top" alt="{{ $blog->slug }}">
+                                        </p>
+                                        <p class="text-lg font-semibold dark:text-white text-accent-content truncate">{{ $blog->post }}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </a>
+                @endforeach
+            </div>
+        </div>
+    </div>
+    <div class="magic-box mt-3 min-w-full flex flex-col items-center overflow-auto">
+        {!! json_decode(config('app.settings.ads_settings'))->two !!}
+    </div>
+</main>

routes/web.php

@@ -5,6 +5,7 @@ use App\Http\Middleware\CheckPageSlug;
 use App\Livewire\Blog;
 use App\Livewire\Frontend\Mailbox;
 use App\Livewire\Home;
+use App\Livewire\ListBlog;
 use App\Livewire\Page;
 
 use App\Models\Email;
@@ -18,6 +19,7 @@ Route::get('/switch/{email}', [AppController::class, 'switch'])->name('switch');
 Route::get('/delete/{email?}', [AppController::class, 'delete'])->name('delete');
 
 Route::get('locale/{locale}', [AppController::class, 'locale'])->name('locale');
+Route::get('/blog', ListBlog::class)->name('list-blog');
 Route::get('/blog/{slug}', Blog::class)->name('blog');
 
 Route::post('/sync', function (Request $request) {