From c1922140a9e4f7cbf69df9b9b1783a9d2b4af431 Mon Sep 17 00:00:00 2001
From: Albert <albert.gadea@gmail.com>
Date: Wed, 17 Jun 2026 15:09:20 +0200
Subject: [PATCH] feat: sponsor logos in footer, fix Corbins Runners web link

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/page.tsx          | 36 ------------------
 src/components/Footer.tsx | 77 ++++++++++++++++++---------------------
 2 files changed, 36 insertions(+), 77 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a28dfa2..d5f1d52 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -760,42 +760,6 @@ export default function HomePage() {
 
         <TrustSection />
 
-        {/* ─── PATROCINADORS ────────────────────────────────────── */}
-        <section className="max-w-6xl mx-auto px-4 sm:px-6 py-12 border-t border-dark-border">
-          <p className="text-xs text-slate-500 uppercase tracking-widest text-center mb-10">Amb el suport de</p>
-          <div className="flex flex-col items-center gap-10">
-            <div className="flex flex-col items-center gap-2">
-              <span className="text-[10px] text-slate-600 uppercase tracking-widest">Patrocinador principal</span>
-              <Image
-                src="/assets/finques-prats.png"
-                alt="Finques Prats"
-                width={220}
-                height={110}
-                className="object-contain"
-              />
-            </div>
-            <div className="flex flex-col items-center gap-4">
-              <span className="text-[10px] text-slate-600 uppercase tracking-widest">Col·laboradors</span>
-              <div className="flex flex-wrap justify-center items-center gap-10">
-                <Image
-                  src="/assets/runners-corbins.png"
-                  alt="Corbins Runners"
-                  width={160}
-                  height={90}
-                  className="object-contain"
-                />
-                <Image
-                  src="/assets/ajuntament-de-corbins.png"
-                  alt="Ajuntament de Corbins"
-                  width={110}
-                  height={110}
-                  className="object-contain brightness-90"
-                />
-              </div>
-            </div>
-          </div>
-        </section>
-
         {/* CTA if nothing selected yet */}
         {!selectedProduct && (
           <div className="text-center py-8 pb-16">
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index d294e77..c37ed4a 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -12,8 +12,8 @@ const SPONSORS = [
   {
     name: 'Runners Corbins',
     role: 'Partner',
-    instagram: 'https://www.instagram.com/runnerscorbins/',
-    web: null,
+    instagram: null,
+    web: 'https://cursacorbins.cat/',
     highlight: false,
   },
   {
@@ -35,50 +35,45 @@ export default function Footer() {
             Amb el suport de
           </p>
         </div>
-        <div className="flex flex-wrap items-center justify-center gap-6 sm:gap-10">
-          {SPONSORS.map((s) => (
-            <div key={s.name} className="flex flex-col items-center gap-2">
-              <div
-                className={`flex items-center gap-3 px-5 py-3 rounded-xl border transition-colors
-                  ${s.highlight
-                    ? 'border-teal/30 bg-teal/5 hover:bg-teal/10'
-                    : 'border-dark-border bg-dark-card hover:border-dark-muted'
-                  }`}
-              >
-                <span className={`font-bold text-sm ${s.highlight ? 'text-white' : 'text-slate-400'}`}>
-                  {s.name}
-                </span>
-                {s.highlight && (
-                  <span className="badge badge-teal text-[10px]">Patrocinador</span>
-                )}
+          {/* Patrocinador principal */}
+          <div className="flex flex-col items-center gap-3 w-full">
+            <span className="text-[10px] text-slate-600 uppercase tracking-widest">Patrocinador principal</span>
+            <a href="https://www.finquesprats.com" target="_blank" rel="noopener noreferrer" className="flex flex-col items-center gap-2 group">
+              <Image src="/assets/finques-prats.png" alt="Finques Prats" width={200} height={80} className="object-contain opacity-80 group-hover:opacity-100 transition-opacity" />
+              <div className="flex items-center gap-2">
+                <a href="https://www.instagram.com/finquesprats/" target="_blank" rel="noopener noreferrer" className="text-slate-600 hover:text-teal transition-colors" aria-label="Instagram de Finques Prats">
+                  <Instagram size={15} />
+                </a>
               </div>
-              <div className="flex items-center gap-3">
-                {s.instagram && (
-                  <a
-                    href={s.instagram}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-slate-600 hover:text-teal transition-colors"
-                    aria-label={`Instagram de ${s.name}`}
-                  >
-                    <Instagram size={16} />
+            </a>
+          </div>
+          {/* Col·laboradors */}
+          <div className="flex flex-col items-center gap-3 w-full mt-4">
+            <span className="text-[10px] text-slate-600 uppercase tracking-widest">Col·laboradors</span>
+            <div className="flex flex-wrap justify-center items-center gap-10">
+              <div className="flex flex-col items-center gap-2">
+                <a href="https://cursacorbins.cat/" target="_blank" rel="noopener noreferrer">
+                  <Image src="/assets/runners-corbins.png" alt="Corbins Runners" width={150} height={80} className="object-contain opacity-80 hover:opacity-100 transition-opacity" />
+                </a>
+                <a href="https://cursacorbins.cat/" target="_blank" rel="noopener noreferrer" className="text-slate-600 hover:text-teal transition-colors" aria-label="Web Corbins Runners">
+                  <Globe size={15} />
+                </a>
+              </div>
+              <div className="flex flex-col items-center gap-2">
+                <a href="https://www.corbins.cat" target="_blank" rel="noopener noreferrer">
+                  <Image src="/assets/ajuntament-de-corbins.png" alt="Ajuntament de Corbins" width={100} height={100} className="object-contain opacity-80 hover:opacity-100 transition-opacity brightness-90" />
+                </a>
+                <div className="flex items-center gap-2">
+                  <a href="https://www.instagram.com/viu_corbins/" target="_blank" rel="noopener noreferrer" className="text-slate-600 hover:text-teal transition-colors" aria-label="Instagram Ajuntament de Corbins">
+                    <Instagram size={15} />
                   </a>
-                )}
-                {s.web && (
-                  <a
-                    href={s.web}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-slate-600 hover:text-teal transition-colors"
-                    aria-label={`Web de ${s.name}`}
-                  >
-                    <Globe size={16} />
+                  <a href="https://www.corbins.cat" target="_blank" rel="noopener noreferrer" className="text-slate-600 hover:text-teal transition-colors" aria-label="Web Ajuntament de Corbins">
+                    <Globe size={15} />
                   </a>
-                )}
+                </div>
               </div>
             </div>
-          ))}
-        </div>
+          </div>
       </div>
 
       {/* Bottom bar */}