How it works restyle cards and web route fix to fallback

Raccoon254 · Jun 9, 2024 · 6580433 · 6580433
1 parent 0dc3c68
commit 6580433
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/resources/views/components/logged-out.blade.php b/resources/views/components/logged-out.blade.php
@@ -17,7 +17,7 @@
     <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
 
 </head>
-<body class="font-sans min-h-screen bg-gray-50 antialiased">
+<body class="font-sans min-h-screen flex justify-between flex-col bg-gray-50 antialiased">
 @include('layouts.navigation.logged-out')
 {{ $slot }}
 @include('layouts.footer')

diff --git a/resources/views/errors/404.blade.php b/resources/views/errors/404.blade.php
@@ -12,7 +12,7 @@
         </ul>
         <p class="mb-4">You can return to our homepage by clicking the button below </p>
         <a href="{{ route('home') }}" class="custom-btn">
-            Here <i class="fa fa-home"></i>
+            Home <i class="fa fa-home"></i>
         </a>
     </div>
 </x-logged-out>
diff --git a/resources/views/static/how-it-works.blade.php b/resources/views/static/how-it-works.blade.php
@@ -12,12 +12,13 @@
         <div class="flex flex-col md:flex-row md:justify-center" data-aos="fade-up"
              data-aos-delay="200">
             <div class="md:w-1/2">
-                <ol class="space-y-14">
+                <ol class="space-y-10">
                     @foreach($steps as $step)
-                        <li class="ring-1 ring-gray-100 shadow-md p-3 rounded-2xl" data-aos="fade-up" data-aos-delay="100">
+                        <li class="ring-gray-200 p-3 rounded-xl ring ring-inset cursor-pointer hover:scale-105 transition-transform"
+                            data-aos="fade-up" data-aos-delay="100">
                             <div class="flex items-center">
                                 <div
-                                    class="flex items-center justify-center ring ring-inset ring-{{ $step['color'] }} w-12 h-12 bg-gray-100 text-{{ $step['color'] }}-500 rounded-full mr-4">
+                                    class="flex items-center justify-center ring ring-opacity-20 ring-inset ring-{{ $step['color'] }} w-12 h-12 bg-gray-100 text-{{ $step['color'] }}-500 rounded-full mr-4">
                                     <i class="{{ $step['icon'] }} text-{{ $step['color'] }}"></i>
                                 </div>
                                 <h3 class="text-xl font-bold text-black/90">{{ $step['title'] }}</h3>

diff --git a/routes/web.php b/routes/web.php
@@ -42,5 +42,5 @@
 Route::get('/services', [PagesController::class, 'services'])->name('services');
 Route::get('/about', [PagesController::class, 'about'])->name('about');
 Route::get('/faq', [PagesController::class, 'faq'])->name('faq');
-Route::any('{catchall}', [PagesController::class, 'notfound'])->where('catchall', '.*');
+Route::fallback([PagesController::class, 'notfound'])->where('catchall', '.*');
 require __DIR__.'/auth.php';