Animate feedback cards by row and add promoted factory state

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: simonhamp

database/factories/WallOfLoveSubmissionFactory.php

@@ -49,4 +49,14 @@ public function pending(): static
             'approved_by' => null,
         ]);
     }
+
+    /**
+     * Indicate that the submission is promoted to the homepage.
+     */
+    public function promoted(): static
+    {
+        return $this->state(fn (array $attributes) => [
+            'promoted' => true,
+        ]);
+    }
 }

resources/views/components/home/feedback.blade.php

@@ -44,16 +44,23 @@ class="mt-1 text-sm text-gray-500 dark:text-gray-400"
             </p>
         </div>
 
+        @php
+            $columns = 4;
+            $itemsPerColumn = (int) ceil($submissions->count() / $columns);
+        @endphp
         <div class="mt-6 columns-1 gap-4 sm:columns-2 lg:columns-4">
             @foreach ($submissions as $submission)
+                @php
+                    $row = $loop->index % $itemsPerColumn;
+                @endphp
                 <div
                     x-init="
                         () => {
                             motion.inView($el, () => {
                                 gsap.fromTo(
                                     $el,
                                     { autoAlpha: 0, y: 15 },
-                                    { autoAlpha: 1, y: 0, duration: 0.4, delay: {{ $loop->index * 0.08 }}, ease: 'power2.out' },
+                                    { autoAlpha: 1, y: 0, duration: 0.4, delay: {{ $row * 0.1 }}, ease: 'power2.out' },
                                 )
                             })
                         }