From bbea9e51c89b1bd92cb4f1b8a404d33b23f7c635 Mon Sep 17 00:00:00 2001
From: Russ Long <rl@tfmm.co>
Date: Fri, 1 May 2026 16:06:21 -0400
Subject: [PATCH] style: convert self-checkout link to a large prominent button

---
 resources/views/home.blade.php | 37 +++++++++++++---------------------
 1 file changed, 14 insertions(+), 23 deletions(-)

diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 9c1de77..5a66dad 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -81,29 +81,20 @@
                     </div>
                 </div>
             </div>
-            
-            <div class="col-sm-6 col-lg-3">
-                <div class="card card-sm">
-                    <div class="card-body">
-                        <div class="row align-items-center">
-                            <div class="col-auto">
-                                <span class="bg-red text-white avatar">
-                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
-                                        <path d="M17 8l4 4l-4 4"></path>
-                                        <path d="M3 12h18"></path>
-                                    </svg>
-                                </span>
-                            </div>
-                            <div class="col">
-                                <div class="font-weight-medium">
-                                    <a href="https://hackathon.tfmm.co/mywinnings" target="_blank" class="text-reset">Self-Checkout</a>
-                                </div>
-                                <div class="text-secondary">Pay online</div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+        </div>
+
+        <div class="row mt-4">
+            <div class="col-12">
+                <a href="https://hackathon.tfmm.co/mywinnings" target="_blank" class="btn btn-red btn-lg w-100 py-3 fs-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-credit-card me-2" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                        <path d="M3 5m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"></path>
+                        <path d="M3 10l18 0"></path>
+                        <path d="M7 15l.01 0"></path>
+                        <path d="M11 15l2 0"></path>
+                    </svg>
+                    Self-Checkout (Pay Online)
+                </a>
             </div>
         </div>
     </div>