Improve wall of love rendering

Author: simonhamp

resources/views/components/wall-of-love/early-adopter-card.blade.php

@@ -16,7 +16,7 @@ class="group mt-3 inline-block break-inside-avoid overflow-hidden rounded-2xl te
             @class([
                 'relative z-20 w-full self-end justify-self-start truncate bg-gradient-to-t px-4 pt-13 pb-4 text-white [grid-area:1/-1]',
                 'from-blue-500 to-transparent' => $featured,
-                'from-black to-transparent' => ! $featured,
+                'from-black/70 to-transparent' => ! $featured,
             ])
         >
             <div

resources/views/wall-of-love.blade.php

@@ -113,7 +113,7 @@ class="mx-auto mt-5 max-w-2xl text-center text-base/relaxed text-gray-600 sm:tex
     @php
         // Get approved submissions
         $approvedSubmissions = App\Models\WallOfLoveSubmission::whereNotNull('approved_at')
-            ->orderBy('approved_at', 'desc')
+            ->inRandomOrder()
             ->get();
 
         // Convert approved submissions to the format expected by the component
@@ -124,7 +124,7 @@ class="mx-auto mt-5 max-w-2xl text-center text-base/relaxed text-gray-600 sm:tex
                 'url' => $submission->url,
                 'image' => $submission->photo_path
                     ? asset('storage/' . $submission->photo_path)
-                    : 'https://i.pravatar.cc/300?img=' . rand(1, 70),
+                    : 'https://avatars.laravel.cloud/' . rand(1, 70) . '?vibe=' . array_rand(['ocean', 'crystal', 'bubble', 'forest', 'sunset']),
                 'featured' => rand(0, 4) === 0, // Randomly feature about 20% of submissions
                 'testimonial' => $submission->testimonial,
             ];