https://usability-award.de/assets/Gala-Bkw-sFg1.js

1import{c as n,i as x,j as e,S as m,k as p,m as i,s as w,L as g,d as c,M as u,T as d,U as y,l as b,n as j,o as v,p as N,q as f,t as k,v as M,w as z,x as A,y as U,z as I,B as E,D as P,E as V,F as B,H as C,I as D}from"./index-C4fVLcsA.js";import{t as q}from"./trophy-CNd8KqxO.js";import{C as o}from"./calendar-days-DJV4vKKy.js";import{C as h}from"./clock-DoXOGg3e.js";import{M as G}from"./mic-YI1mylvm.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const H=n("Car",[["path",{d:"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2",key:"5owen"}],["circle",{cx:"7",cy:"17",r:"2",key:"u2ysq9"}],["path",{d:"M9 17h6",key:"r8uit2"}],["circle",{cx:"17",cy:"17",r:"2",key:"axvx0g"}]]);/**
7 * @license lucide-react v0.462.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const S=n("Hotel",[["path",{d:"M10 22v-6.57",key:"1wmca3"}],["path",{d:"M12 11h.01",key:"z322tv"}],["path",{d:"M12 7h.01",key:"1ivr5q"}],["path",{d:"M14 15.43V22",key:"1q2vjd"}],["path",{d:"M15 16a5 5 0 0 0-6 0",key:"o9wqvi"}],["path",{d:"M16 11h.01",key:"xkw8gn"}],["path",{d:"M16 7h.01",key:"1kdx03"}],["path",{d:"M8 11h.01",key:"1dfujw"}],["path",{d:"M8 7h.01",key:"1vti4s"}],["rect",{x:"4",y:"2",width:"16",height:"20",rx:"2",key:"1uxh74"}]]);/**
12 * @license lucide-react v0.462.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const T=n("TramFront",[["rect",{width:"16",height:"16",x:"4",y:"3",rx:"2",key:"1wxw4b"}],["path",{d:"M4 11h16",key:"mpoxn0"}],["path",{d:"M12 3v8",key:"1h2ygw"}],["path",{d:"m8 19-2 3",key:"13i0xs"}],["path",{d:"m18 22-2-3",key:"1p0ohu"}],["path",{d:"M8 15h.01",key:"a7atzg"}],["path",{d:"M16 15h.01",key:"rnfrdf"}]]),L="/assets/6-CUAjy0Z7.jpg",K="/assets/7-BLPfRNct.jpg",$="/assets/8-BfP0JU1C.jpg",F="/assets/9-Boknk3PQ.jpg",O="/assets/10-BfTLe9w3.jpg";function W(){const{data:s}=x({queryKey:["sponsors"],queryFn:async()=>{const{data:t}=await C.from("sponsors").select(D).order("sort_order");return t??[]}});return e.jsxs("div",{className:"min-h-screen bg-black text-white",children:[e.jsx(m,{title:"Gala",description:"Die Usability Award Gala – das jährliche Highlight der digitalen Branche mit feierlicher Preisverleihung, Keynotes und Networking."}),e.jsxs("section",{className:"relative min-h-[80vh] flex items-center justify-center overflow-hidden",children:[e.jsx("img",{src:p,alt:"Usability Award Gala – feierliche Preisverleihung auf der Bühne",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-black/70 via-black/50 to-black/80"}),e.jsxs(i.div,{className:"relative z-10 flex flex-col md:flex-row items-center gap-8 md:gap-14 px-6 max-w-4xl",initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{duration:.9},children:[e.jsx(i.img,{src:q,alt:"Usability Award Trophy",className:"h-48 md:h-72 w-auto shrink-0 drop-shadow-2xl",initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.8,delay:.3}}),e.jsxs("div",{className:"text-center md:text-left",children:[e.jsx("p",{className:"text-[11px] uppercase tracking-[0.2em] text-white/60 mb-4 font-medium",children:"Herzlich Willkommen zum"}),e.jsxs("h1",{className:"text-4xl md:text-[64px] leading-[1.05] tracking-tight text-white mb-6 font-bold",children:["Usability",e.jsx("br",{}),"Award 2027!"]})]})]}),s&&s.length>0&&e.jsxs("div",{className:"absolute bottom-12 left-0 right-0 z-10",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.2em] text-white/40 text-center mb-3",children:"Unterstützt von"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-20 bg-gradient-to-r from-black to-transparent z-10"}),e.jsx("div",{className:"absolute right-0 top-0 bottom-0 w-20 bg-gradient-to-l from-black to-transparent z-10"}),e.jsx("div",{className:"flex animate-marquee gap-14 w-max",children:[...s,...s].map((t,a)=>{const r=e.jsx("img",{src:t.logo_url??"",alt:t.name,className:"h-6 md:h-8 w-auto object-contain brightness-0 invert opacity-40 hover:opacity-80 transition-opacity shrink-0"},`${t.id}-${a}`),l=w(t);return l?e.jsx(g,{to:l,className:"shrink-0",children:r},`${t.id}-${a}`):t.url?e.jsx("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"shrink-0",children:r},`${t.id}-${a}`):r})})]})]}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-24 bg-gradient-to-t from-black to-transparent"})]}),e.jsx("section",{className:"border-t border-white/10",children:e.jsx("div",{className:"container py-16 md:py-24",children:e.jsxs(i.div,{className:"max-w-2xl mx-auto",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[e.jsx("span",{className:"inline-block text-[11px] uppercase tracking-[0.15em] text-white/40 border border-white/15 rounded-full px-3 py-1 mb-5",children:"Gala"}),e.jsx("h2",{className:"text-2xl md:text-3xl tracking-tight text-white mb-1.5",children:"Usability Award Gala"}),e.jsx("p",{className:"text-sm text-white/40 mb-6",children:"Moderiert von Johannes Altmann"}),e.jsx("p",{className:"text-sm md:text-base text-white/60 leading-relaxed mb-2",children:"Die feierliche Verleihung des 20. Usability Award mit exklusivem Networking."}),e.jsx("p",{className:"text-sm md:text-base text-white font-semibold leading-relaxed mb-8",children:"Es gibt keinen Ticketverkauf – der Einlass erfolgt ausschließlich auf persönliche Einladung."}),e.jsx("div",{className:"space-y-3",children:[{icon:o,text:"04. März 2027"},{icon:h,text:"Einlass: 19:30 Uhr"},{icon:h,text:"Beginn: 20:30 Uhr"},{icon:c,text:"Aftershowparty ab 22:00 Uhr"}].map((t,a)=>e.jsxs("div",{className:"flex items-center gap-3 text-white/60",children:[e.jsx(t.icon,{className:"w-4 h-4 text-white/40 shrink-0"}),e.jsx("span",{className:"text-sm",children:t.text})]},a))})]})})}),e.jsx("section",{className:"border-t border-white/10",children:e.jsx("div",{className:"container py-16 md:py-24",children:e.jsxs(i.blockquote,{className:"max-w-3xl mx-auto text-center",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7},children:[e.jsx("p",{className:"text-lg md:text-xl leading-relaxed text-white italic mb-6",children:'„Der Usability Award ist eine einzigartige Auszeichnung für herausragende User Experience im E-Commerce. Wir sind stolz darauf, Teil dieser besonderen Erfolgsgeschichte zu sein – sei es als Partner, Jurymitglied oder durch unsere vielen ausgezeichneten Kundenshops."'}),e.jsxs("footer",{className:"text-sm text-white/50",children:[e.jsx("span",{className:"font-semibold text-white",children:"Sebastian Hamann"}),e.jsx("br",{}),"CEO & Co‑Founder von Shopware"]})]})})}),e.jsx("section",{className:"container py-16 md:py-24",children:e.jsx("div",{className:"grid md:grid-cols-3 gap-6 max-w-3xl mx-auto",children:[{icon:o,title:"04. März 2027",description:"Die feierliche Preisverleihung des 20. Usability Award."},{icon:u,title:"Gloria Palast München",description:"Karlsplatz 1, 80335 München – eine einzigartige Eventlocation im Herzen der Stadt."},{icon:d,title:"Preisverleihung",description:"Die besten digitalen Projekte werden feierlich auf der Bühne ausgezeichnet."}].map((t,a)=>e.jsxs(i.div,{className:"rounded-xl border border-white/10 bg-white/5 p-6 text-center",initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:a*.1},children:[e.jsx("div",{className:"w-11 h-11 rounded-xl bg-white/10 flex items-center justify-center mx-auto mb-4",children:e.jsx(t.icon,{className:"w-5 h-5 text-white/60"})}),e.jsx("h3",{className:"text-sm font-semibold text-white mb-1.5",children:t.title}),e.jsx("p",{className:"text-sm text-white/50 leading-relaxed",children:t.description})]},t.title))})}),e.jsx("section",{className:"border-t border-white/10",children:e.jsx("div",{className:"container py-16 md:py-24",children:e.jsxs(i.div,{className:"max-w-3xl mx-auto",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[e.jsx("h2",{className:"text-2xl md:text-3xl tracking-tight text-white mb-2 text-center",children:"Veranstaltungsort"}),e.jsx("p",{className:"text-sm text-white/50 text-center mb-10",children:"Gloria Palast München · Karlsplatz 1, 80335 München"}),e.jsxs("div",{className:"grid sm:grid-cols-3 gap-4",children:[e.jsxs(i.div,{className:"rounded-xl border border-white/10 bg-white/5 p-5",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:0},children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-white/10 flex items-center justify-center mb-3",children:e.jsx(H,{className:"w-4 h-4 text-white/60"})}),e.jsx("h3",{className:"text-sm font-semibold text-white mb-1.5",children:"Mit dem Auto"}),e.jsx("p",{className:"text-[13px] text-white/50 leading-relaxed",children:"Direkt im Zentrum – ideal erreichbar über alle Autobahnen. Parkhäuser in unmittelbarer Nähe."})]}),e.jsxs(i.div,{className:"rounded-xl border border-white/10 bg-white/5 p-5",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:.08},children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-white/10 flex items-center justify-center mb-3",children:e.jsx(T,{className:"w-4 h-4 text-white/60"})}),e.jsx("h3",{className:"text-sm font-semibold text-white mb-1.5",children:"Mit der Bahn"}),e.jsx("p",{className:"text-[13px] text-white/50 leading-relaxed",children:"U-Bahn, S-Bahn und Tram – Haltestelle Karlsplatz (Stachus). Von dort wenige Meter zur Location."})]}),e.jsxs(i.div,{className:"rounded-xl border border-white/10 bg-white/5 p-5",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:.16},children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-white/10 flex items-center justify-center mb-3",children:e.jsx(S,{className:"w-4 h-4 text-white/60"})}),e.jsx("h3",{className:"text-sm font-semibold text-white mb-1.5",children:"Übernachtung"}),e.jsx("p",{className:"text-[13px] text-white/50 leading-relaxed",children:"Zahlreiche Hotels rund um den Karlsplatz – von Boutique bis Luxus."})]})]})]})})}),e.jsx("section",{className:"border-t border-white/10",children:e.jsxs("div",{className:"container py-16 md:py-24",children:[e.jsxs(i.div,{className:"text-center mb-12",initial:{opacity:0}

16,whileInView:{opacity:1},viewport:{once:!0},children:[e.jsx("h2",{className:"text-2xl md:text-3xl tracking-tight text-white mb-3",children:"Das erwartet dich"}),e.jsx("p",{className:"text-sm text-white/50 max-w-md mx-auto",children:"Ein Abend voller Inspiration, Austausch und Anerkennung."})]}),e.jsx("div",{className:"grid sm:grid-cols-2 gap-4 max-w-2xl mx-auto",children:[{icon:G,title:"Keynotes",text:"Impulse von führenden UX- und E-Commerce-Experten."},{icon:y,title:"Networking",text:"Triff Branchengrößen, Agenturen und innovative Macher."},{icon:d,title:"Award-Verleihung",text:"Die Gewinner werden feierlich auf der Bühne geehrt."},{icon:c,title:"Live-Demos",text:"Die besten Projekte live erleben und Insights mitnehmen."}].map((t,a)=>e.jsxs(i.div,{className:"flex items-start gap-4 rounded-xl border border-white/10 bg-white/5 p-5",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:a*.08},children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-white/10 flex items-center justify-center shrink-0",children:e.jsx(t.icon,{className:"w-4 h-4 text-white/60"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-semibold text-white mb-0.5",children:t.title}),e.jsx("p",{className:"text-sm text-white/50 leading-relaxed",children:t.text})]})]},t.title))})]})}),e.jsx("section",{className:"border-t border-white/10",children:e.jsxs("div",{className:"container py-16 md:py-24",children:[e.jsxs(i.div,{className:"text-center mb-12",initial:{opacity:0}

16,whileInView:{opacity:1},viewport:{once:!0},children:[e.jsx("h2",{className:"text-2xl md:text-3xl tracking-tight text-white mb-3",children:"Impressionen"}),e.jsx("p",{className:"text-sm text-white/50 max-w-md mx-auto",children:"Eindrücke von der feierlichen Preisverleihung und den stolzen Gewinnern."})]}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",children:[b,j,v,N,f,k,M,z,A,U,I,E,P,V,B,L,K,$,F,O].map((t,a)=>e.jsx(i.div,{className:"overflow-hidden rounded-lg",initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{duration:.4,delay:a*.03},children:e.jsx("img",{src:t,alt:`Impression von der Usability Award Gala ${a+1}`,className:"w-full aspect-square object-cover hover:scale-105 transition-transform duration-500",loading:"lazy"})},a))})]})})]})}export{W as default};