From bf2b80f6dc81f9417100c1fd64952162d7b93a09 Mon Sep 17 00:00:00 2001
From: DaX <daxdax89@msn.com>
Date: Sat, 5 Jul 2025 19:56:44 +0200
Subject: [PATCH] Add phone contact option with +381677102845

- Added call button next to Kupujem Prodajem link
- Added footer with contact section
- Implemented click tracking for phone calls
- Responsive design for mobile and desktop
---
 app/page.tsx | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index b857804..81dc8a3 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -144,8 +144,8 @@ export default function Home() {
           </button>
         </div>
         
-        {/* Kupujem Prodajem Link */}
-        <div className="flex justify-center mb-8">
+        {/* Action Buttons */}
+        <div className="flex flex-col sm:flex-row justify-center items-center gap-4 mb-8">
           <a 
             href="https://www.kupujemprodajem.com/kompjuteri-desktop/3d-stampaci-i-oprema/originalni-bambu-lab-filamenti-na-stanju/oglas/182256246"
             target="_blank"
@@ -161,6 +161,17 @@ export default function Home() {
               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
             </svg>
           </a>
+          
+          <a 
+            href="tel:+381677102845"
+            onClick={() => trackEvent('Contact', 'Phone Call', 'Homepage')}
+            className="inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white font-semibold rounded-lg shadow-lg hover:shadow-xl transition-all duration-200 transform hover:scale-105"
+          >
+            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+            </svg>
+            Pozovi +381 67 710 2845
+          </a>
         </div>
         
         <FilamentTableV2 
@@ -169,6 +180,26 @@ export default function Home() {
         />
       </main>
       
+      <footer className="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+          <div className="flex flex-col sm:flex-row justify-center items-center gap-6">
+            <div className="text-center sm:text-left">
+              <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Kontakt</h3>
+              <a 
+                href="tel:+381677102845"
+                className="inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors"
+                onClick={() => trackEvent('Contact', 'Phone Call', 'Footer')}
+              >
+                <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+                </svg>
+                +381 67 710 2845
+              </a>
+            </div>
+          </div>
+        </div>
+      </footer>
+      
     </div>
   );
 }
\ No newline at end of file