1import"../chunks/DsnmJJEf.js";import{p as H,f as B,a as O,t as C,b as M,c as U,s as a,d as t,r as e,o as s,j as l}from"../chunks/bwrkWkon.js";import{s as p}from"../chunks/HfkrApMX.js";import{e as q,i as E}from"../chunks/DmTfvDeg.js";import{b as F,s as G}from"../chunks/CIq9xRME.js";import{C as J}from"../chunks/BonsYkpO.js";import{p as K}from"../chunks/NgXa_9jC.js";var Q=B('<a class="group relative"><div class="relative h-full overflow-hidden rounded-2xl bg-white border border-slate-200/80 shadow-sm transition-all duration-500 hover:shadow-2xl hover:shadow-yellow-500/10 hover:border-yellow-200 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-yellow-500/5 via-transparent to-yellow-400/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> <div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700"><div class="absolute inset-0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-1000 bg-gradient-to-r from-transparent via-white/20 to-transparent skew-x-12"></div></div> <div class="relative p-8"><div class="relative aspect-[4/3] rounded-xl bg-gradient-to-br from-slate-50 to-slate-100 p-6 flex items-center justify-center overflow-hidden border border-slate-100 group-hover:border-yellow-100 transition-colors duration-300"><div class="absolute inset-0 opacity-30"><div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(99,102,241,0.05)_0%,transparent_50%)]"></div></div> <!></div></div> <div class="relative px-8 pb-8 pt-2"><div class="flex items-center justify-between"><div class="flex-1 min-w-0"><h3 class="text-lg font-semibold text-slate-900 truncate group-hover:text-yellow-700 transition-colors duration-300"> </h3></div> <div class="ml-4 flex-shrink-0 p-2 rounded-full bg-slate-100 group-hover:bg-yellow-100 transition-colors duration-300"><svg class="w-4 h-4 text-slate-400 group-hover:text-yellow-600 transition-all duration-300 group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div> <div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-yellow-400 via-yellow-500 to-yellow-600 transform scale-x-0 group-hover:scale-x-100 transition-transform duration-500 origin-left"></div></div></a>'),R=B('<div class="relative overflow-hidden bg-gradient-to-br from-slate-900 via-yellow-900 to-slate-900"><div class="absolute inset-0 overflow-hidden"><div class="absolute -top-20 -right-20 h-60 w-60 rounded-full bg-yellow-500/20 blur-3xl"></div> <div class="absolute -bottom-20 -left-20 h-60 w-60 rounded-full bg-yellow-400/20 blur-3xl"></div></div> <div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:64px_64px]"></div> <div class="relative z-10 flex flex-col items-center justify-center px-6 py-12 sm:py-16"><div class="inline-flex items-center gap-2 rounded-full bg-white/10 backdrop-blur-sm px-4 py-2 mb-4 border border-white/10"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span> <span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span></span> <span class="text-sm font-medium text-white/80">Onze trotse partners</span></div> <h1 class="text-4xl md:text-6xl font-bold text-white text-center tracking-tight capitalize"> </h1> <p class="mt-4 text-base text-white/60 text-center max-w-xl">Dankzij onze geweldige sponsors kunnen wij onze activiteiten organiseren</p></div></div> <div class="relative bg-white py-16 sm:py-20"><div class="relative z-10 mx-auto max-w-7xl px-6 lg:px-8"><div class="flex items-center justify-center gap-4 mb-16"><div class="h-px flex-1 bg-gradient-to-r from-transparent to-slate-200"></div> <div class="flex items-center gap-2 text-slate-400"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg> <span class="text-sm font-medium uppercase tracking-widest"> </span></div> <div class="h-px flex-1 bg-gradient-to-l from-transparent to-slate-200"></div></div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"></div> <div class="mt-16 text-center"><div class="relative inline-flex flex-col items-center gap-4 p-8 rounded-2xl bg-white/80 backdrop-blur-sm border border-slate-200/80 shadow-lg"><div class="p-3 rounded-full bg-yellow-100"><svg class="w-6 h-6 text-yellow-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg></div> <p class="text-slate-600 max-w-md">Interesse in een samenwerking? Neem contact met ons op via <a href="mailto:[email protected]" class="text-yellow-600 hover:text-yellow-700 font-medium underline decoration-yellow-300 hover:decoration-yellow-500 transition-colors">[email protected]</a> en ontdek de mogelijkheden.</p></div></div></div></div>',1);function ee(I,o){H(o,!0);var c=R(),n=O(c),u=a(t(n),4),g=a(t(u),2),D=t(g,!0);e(g),s(2),e(u),e(n);var x=a(n,2),m=t(x),d=t(m),h=a(t(d),2),f=a(t(h),2),L=t(f);e(f),e(h),s(2),e(d);var b=a(d,2);q(b,21,()=>o.data.sponsoren,E,(N,i,P)=>{var r=Q();F(r,`animation: fadeInUp 0.5s ease-out ${P*.1}s both`);var w=t(r),v=a(t(w),4),y=t(v),V=a(t(y),2);J(V,{get field(){return l(i).data.logo},class:"relative max-h-full max-w-full object-contain transition-all duration-500 group-hover:scale-110 drop-shadow-sm",get alt(){return l(i).data.titel}}),e(y),e(v);var _=a(v,2),k=t(_),j=t(k),z=t(j),A=t(z,!0);e(z),e(j),s(2),e(k),e(_),s(2),e(w),e(r),C(()=>{G(r,"href",`/sponsor/${l(i).uid}`),p(A,l(i).data.titel)}),M(N,r)}),e(b),s(2),e(m),e(x),C(()=>{p(D,K.params.sponsoren),p(L,`${o.data.sponsoren.length??""} Partners`)}),M(I,c),U()}export{ee as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.