feat: sponsor logos in footer, fix Corbins Runners web link
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -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">
|
||||
|
||||
+36
-41
@@ -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 */}
|
||||
|
||||
Reference in New Issue
Block a user