From 92b186b6bc33d061ada3c3535228f2426d6f7bb1 Mon Sep 17 00:00:00 2001
From: DaX <daxdax89@msn.com>
Date: Tue, 30 Sep 2025 10:57:53 +0200
Subject: [PATCH] Add reusable spool price notice above table

---
 app/page.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 6cbbbfc..4cb1b38 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -190,7 +190,7 @@ export default function Home() {
           </button>
         </div>
         
-        <SaleCountdown 
+        <SaleCountdown
           hasActiveSale={filaments.some(f => f.sale_active === true)}
           maxSalePercentage={Math.max(...filaments.filter(f => f.sale_active === true).map(f => f.sale_percentage || 0), 0)}
           saleEndDate={(() => {
@@ -204,7 +204,19 @@ export default function Home() {
             return latestSale;
           })()}
         />
-        
+
+        {/* Reusable Spool Price Notice */}
+        <div className="mb-6 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg">
+          <div className="flex items-center justify-center gap-2">
+            <svg className="w-5 h-5 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+            </svg>
+            <span className="text-blue-800 dark:text-blue-200 font-medium">
+              Cena višekratne špulne: 499 RSD
+            </span>
+          </div>
+        </div>
+
         <FilamentTableV2 
           key={resetKey}
           filaments={filaments}