https://usability-award.de/assets/ProjectDetail-B-dqyAE0.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-C4fVLcsA.js","assets/index-Dr_jusCr.css"])))=>i.map(i=>d[i]);
2import{c as ie,X as pe,r as u,H as b,j as e,m,b as re,L as j,a4 as fe,Y as I,a5 as q,J as ye,V as be,a6 as je,a7 as oe,u as we,a8 as Q,S as ve,a9 as Y,aa as Ne,C as ke,G as _e,M as Se,ab as $e,ac as Ae,ad as le,ae as Ce,T as De,A as de,g as ce,U as ee,Z as te,af as Be}from"./index-C4fVLcsA.js";import{softwareSlug as me}from"./SoftwareDetail-BzZFKQVB.js";import{B as Me}from"./badge-BLIG0T-t.js";import{S as K}from"./StarRating-CR0zvJPx.js";import{M as Le}from"./message-square-C1wjS0tU.js";import{T as Pe}from"./trash-2-BU6kQoLo.js";import{A as Ee,a as Ve,b as ze,c as Ie}from"./accordion-BWSsLk1y.js";import{S as Re}from"./share-2-DMyiDtKi.js";import{E as ue}from"./external-link-DMloRhHj.js";import{T as Ue}from"./tag-DShOdggD.js";import{M as ae}from"./monitor-CB2eCrXU.js";import{B as xe}from"./building-2-DQa0zyKY.js";import{S as F}from"./smartphone-C8KBT-0e.js";import{C as se}from"./circle-alert-09KYTtN6.js";import{T as H}from"./trending-up-SZxUHZrY.js";import{L as J}from"./lightbulb-BkbY6nQ5.js";import"./ProjectAlertDialog-DexPwFPK.js";import"./dialog-CCPeGZ9F.js";import"./index-B3H-UDwl.js";import"./index-DRWBK55l.js";import"./select-BQ7PhUKY.js";import"./index-CP5yf0ZE.js";import"./index-CI3PdAQw.js";import"./chevron-down-B7FDhD9f.js";import"./chevron-up-CKcWoyvG.js";import"./label-PVpYTrR2.js";import"./bell-Tn7H_A5z.js";import"./PodcastCard-72GgRtXp.js";import"./textarea-DvPkyUbS.js";import"./ClaimListingButton-CJmO_1p9.js";import"./shield-hpGRc9zy.js";import"./pencil-CPb3RNs9.js";import"./clock-DoXOGg3e.js";import"./tabs-BFrUscHT.js";import"./info-bPtRLlOW.js";import"./circle-check-D1SI7ExV.js";import"./star-BbKo8-t1.js";/**
3 * @license lucide-react v0.462.0 - ISC
4 *
5 * This source code is licensed under the ISC license.
6 * See the LICENSE file in the root directory of this source tree.
7 */const Te=ie("MessageSquareQuote",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}],["path",{d:"M8 12a2 2 0 0 0 2-2V8H8",key:"1jfesj"}],["path",{d:"M14 12a2 2 0 0 0 2-2V8h-2",key:"1dq9mh"}]]);/**
8 * @license lucide-react v0.462.0 - ISC
9 *
10 * This source code is licensed under the ISC license.
11 * See the LICENSE file in the root directory of this source tree.
12 */const he=ie("Navigation",[["polygon",{points:"3 11 22 2 13 21 11 13 3 11",key:"1ltx0t"}]]);/**
13 * @license lucide-react v0.462.0 - ISC
14 *
15 * This source code is licensed under the ISC license.
16 * See the LICENSE file in the root directory of this source tree.
17 */const G=ie("Paintbrush",[["path",{d:"m14.622 17.897-10.68-2.913",key:"vj2p1u"}],["path",{d:"M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z",key:"18tc5c"}],["path",{d:"M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15",key:"ytzfxy"}]]);function Fe({projectId:x}){const{user:d}=pe(),[f,N]=u.useState([]),[_,S]=u.useState([]),[g,t]=u.useState(!0),[B,R]=u.useState(!1),[$,M]=u.useState(0),[A,k]=u.useState(""),[U,L]=u.useState(10),O=f.find(n=>n.user_id===(d==null?void 0:d.id)),P=f.length+_.length,T=[...f.map(n=>n.rating),..._.map(n=>n.rating)],E=T.length>0?(T.reduce((n,h)=>n+h,0)/T.length).toFixed(1):null;u.useEffect(()=>{V()},[x]);async function V(){t(!0);const{data:n,error:h}=await b.from("reviews").select("*").eq("project_id",x).order("created_at",{ascending:!1});if(!h&&n){const p=n.map(i=>i.user_id),{data:s}=p.length>0?await b.from("public_profiles").select("user_id, display_name").in("user_id",p):{data:[]},r=new Map((s||[]).map(i=>[i.user_id,i]));N(n.map(i=>({...i,profile:r.get(i.user_id)||{display_name:"Anonym"}})))}const{data:C}=await b.from("public_external_reviews").select("*").eq("submission_id",x).order("submitted_at",{ascending:!1});S(C||[]),t(!1)}async function D(n){if(n.preventDefault(),!d||$===0)return;R(!0);const{error:h}=await b.from("reviews").insert({project_id:x,user_id:d.id,rating:$,comment:A.trim()||null});if(R(!1),h){h.code==="23505"?I.error("Du hast dieses Projekt bereits bewertet."):I.error("Fehler beim Speichern der Bewertung.");return}I.success("Bewertung gespeichert!"),M(0),k(""),V()}async function X(n){const{error:h}=await b.from("reviews").delete().eq("id",n);if(h){I.error("Fehler beim Löschen.");return}I.success("Bewertung gelöscht."),V()}return e.jsxs(m.div,{initial:{opacity:0,y:15},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4},children:[e.jsxs("div",{className:"flex items-center justify-between mb-5",children:[e.jsxs("h2",{className:"text-lg font-semibold text-foreground flex items-center gap-2",children:[e.jsx(Le,{className:"w-5 h-5"}),"Nutzerbewertungen",P>0&&e.jsxs("span",{className:"text-sm font-normal text-muted-foreground",children:["(",P,")"]})]}),E&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(K,{value:Math.round(Number(E)),readonly:!0,size:"sm"}),e.jsx("span",{className:"text-sm font-medium text-foreground",children:E})]})]}),d?!O&&e.jsxs("form",{onSubmit:D,className:"rounded-xl border bg-card p-5 mb-6",children:[e.jsx("p",{className:"text-sm font-medium text-foreground mb-3",children:"Deine Bewertung"}),e.jsxs("div",{className:"mb-4",children:[e.jsx(K,{value:$,onChange:M}),$===0&&e.jsx("p",{className:"text-xs text-muted-foreground mt-1",children:"Bitte wähle eine Bewertung"})]}),e.jsx("textarea",{value:A,onChange:n=>k(n.target.value),placeholder:"Optional: Beschreibe deine Erfahrung…",maxLength:500,rows:3,className:"w-full rounded-lg border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none"}),e.jsxs("div",{className:"flex items-center justify-between mt-3",children:[e.jsxs("span",{className:"text-xs text-muted-foreground",children:[A.length,"/500"]}),e.jsx("button",{type:"submit",disabled:$===0||B,className:"inline-flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-40 disabled:cursor-not-allowed",children:B?e.jsx(re,{className:"w-4 h-4 animate-spin"}):"Bewertung abgeben"})]})]}):e.jsxs("div",{className:"rounded-xl border bg-card p-5 mb-6 text-center",children:[e.jsx("p",{className:"text-sm text-muted-foreground mb-2",children:"Melde dich an, um eine Bewertung abzugeben."}),e.jsx(j,{to:"/auth",className:"inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90",children:"Anmelden"})]}),g?e.jsx("div",{className:"flex justify-center py-8",children:e.jsx(re,{className:"w-5 h-5 animate-spin text-muted-foreground"})}):P===0?e.jsx("p",{className:"text-sm text-muted-foreground text-center py-6",children:"Noch keine Be

17wertungen vorhanden."}):(()=>{const n=[...f.map(p=>({type:"user",data:p})),..._.map(p=>({type:"external",data:p}))],h=n.slice(0,U),C=U<n.length;return e.jsxs("div",{className:"space-y-4",children:[e.jsx(fe,{children:h.map(p=>{var s;if(p.type==="user"){const r=p.data;return e.jsxs(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"rounded-xl border bg-card p-4",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:((s=r.profile)==null?void 0:s.display_name)||"Anonym"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:new Date(r.created_at).toLocaleDateString("de-DE",{day:"numeric",month:"short",year:"numeric"})})]}),e.jsx(K,{value:r.rating,readonly:!0,size:"sm"})]}),(d==null?void 0:d.id)===r.user_id&&e.jsx("button",{onClick:()=>X(r.id),className:"p-1.5 text-muted-foreground hover:text-destructive transition-colors","aria-label":"Bewertung löschen",children:e.jsx(Pe,{className:"w-4 h-4"})})]}),r.comment&&e.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:r.comment})]},r.id)}else{const r=p.data;return e.jsxs(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"rounded-xl border bg-card p-4",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:r.reviewer_name}),r.reviewer_company&&e.jsxs("span",{className:"text-xs text-muted-foreground",children:["· ",r.reviewer_company]}),r.submitted_at&&e.jsx("span",{className:"text-xs text-muted-foreground",children:new Date(r.submitted_at).toLocaleDateString("de-DE",{day:"numeric",month:"short",year:"numeric"})})]}),e.jsx(K,{value:r.rating,readonly:!0,size:"sm"})]}),r.comment&&e.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:r.comment})]},r.id)}})}),C&&e.jsxs("button",{onClick:()=>L(p=>p+10),className:"w-full rounded-lg border py-2.5 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-secondary transition-colors",children:["Weitere Bewertungen laden (",n.length-U," verbleibend)"]})]})})()]})}const W=111,v=[{min:0,max:35,label:"Kritisch",color:"bg-score-poor"},{min:35,max:55,label:"Probleme",color:"bg-score-poor/70"},{min:55,max:75,label:"Solide",color:"bg-score-average"},{min:75,max:90,label:"Sehr gut",color:"bg-score-good"},{min:90,max:100,label:"Exzellent",color:"bg-score-excellent"},{min:100,max:W,label:"Außergewöhnlich",color:"bg-primary"}];function ge(x){for(let d=v.length-1;d>=0;d--)if(x>=v[d].min)return d;return 0}function We(x){const d=ge(x);if(d>=v.length-1)return null;const f=v[d+1];return`${f.min-x} Punkte bis „${f.label}"`}function Oe({score:x,className:d}){const f=ge(x),N=We(x),_=v.slice(0,-1),S=v[v.length-1];return e.jsxs("div",{className:q("space-y-2",d),children:[e.jsx("div",{className:"flex justify-end px-0.5",children:e.jsx("span",{className:q("text-[9px] leading-tight text-right",f===v.length-1?"text-primary font-semibold":"text-primary/50"),children:S.label})}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"flex h-2.5 rounded-full overflow-hidden gap-px",children:v.map((g,t)=>{const B=(g.max-g.min)/W*100;return e.jsx("div",{className:q(g.color,t<=f?"opacity-100":"opacity-25",t===0&&"rounded-l-full",t===v.length-1&&"rounded-r-full"),style:{width:`${B}%`}},g.min)})}),e.jsx("div",{className:"absolute top-1/2 -translate-y-1/2",style:{left:`${Math.min(x/W*100,100)}%`},children:e.jsx("div",{className:"relative -translate-x-1/2",children:e.jsx("div",{className:"w-3.5 h-3.5 rounded-full border-2 border-card bg-foreground shadow-sm"})})})]}),e.jsxs("div",{className:"flex text-[9px] text-muted-foreground leading-tight px-0.5",children:[_.map((g,t)=>e.jsx("span",{className:q("text-center",t===f&&"text-foreground font-semibold"),style:{width:`${(g.max-g.min)/W*100}%`},children:g.label},g.min)),e.jsx("span",{style:{width:`${(S.max-S.min)/W*100}%`}})]}),N&&e.jsxs("p",{className:"text-xs text-muted-foreground",children:["↗ ",N]})]})}const Z={shop:"Online-Shop",website:"Website",service:"Digitaler Service"},qe=[{key:"usability",label:"Usability & Navigation",icon:he},{key:"design",label:"Design & Markenfit",icon:G},{key:"kundenorientierung",label:"Kundenzentrierung",icon:ee},{key:"vertrauen",label:"Vertrauen & Transparenz",icon:te},{key:"innovation",label:"Innovation",icon:J},{key:"cx_purchase",label:"Customer Experience – Kaufprozess",icon:H},{key:"cx_service",label:"Customer Experience – Service",icon:ee},{key:"cx_journey",label:"Customer Experience – Journey",icon:he},{key:"d2c_brand_story",label:"D2C – Brand Story",icon:G},{key:"d2c_community",label:"D2C – Community",icon:ee},{key:"d2c_authenticity",label:"D2C – Authentizität",icon:te},{key:"brand_commerce",label:"Brand Commerce Integration",icon:H},{key:"brand_messaging",label:"Brand Consistent Messaging",icon:G},{key:"brand_values",label:"Brand Values",icon:J},{key:"innovation_feature",label:"Innovative Features",icon:J},{key:"innovation_value",label:"Innovativer Mehrwert",icon:H},{key:"innovation_brand_fit",label:"Innovation & Markenfit",icon:G},{key:"b2b_complexity",label:"B2B – Komplexität erklärt",icon:J},{key:"b2b_self_service",label:"B2B – Self Service",icon:ae},{key:"b2b_clarity",label:"B2B – Klarheit & Vertrauen",icon:te},{key:"mobile_loading",label:"Mobile – Ladegeschwindigkeit",icon:F},{key:"mobile_navigation",label:"Mobile – Navigation",icon:F},{key:"mobile_checkout",label:"Mobile – Checkout",icon:F},{key:"mobile_first",label:"Mobile First Design",icon:F}];function Ct(){const{slug:x,id:d}=ye(),[f]=be(),N=f.get("v"),_=je(x),S=oe(x?void 0:d),g=oe(N||void 0),t=N?g.project:x?_.project:S.project,B=N?g.loading:x?_.loading:S.loading,[R,$]=u.useState([]),M=u.useRef(null);u.useEffect(()=>{if(!(t!=null&&t.url))return;const s=t.url.trim().toLowerCase().replace(/\/+$/,"").replace(/^https?:\/\/(www\.)?/,"");async function r(){const{data:i}=await b.from("submissions").select("id, name, version, created_at, type").eq("status","published").ilike("url",`%${s}`).order("version",{ascending:!1});if(!i||i.length<=1){$([]);return}const l=i.map(c=>c.id),{data:a}=await b.from("award_submissions").select("submission_id, awards(name)").in("submission_id",l),o=new Map;

17(a||[]).forEach(c=>{var w;(w=c.awards)!=null&&w.name&&o.set(c.submission_id,c.awards.name)});const{generateSlug:y}=await Be(async()=>{const{generateSlug:c}=await import("./index-C4fVLcsA.js").then(w=>w.bV);return{generateSlug:c}},__vite__mapDeps([0,1]));$(i.map(c=>({...c,slug:y(c.name),awardName:o.get(c.id)})))}r()},[t==null?void 0:t.url]);const{projects:A}=we(t==null?void 0:t.type),[k,U]=u.useState(null);u.useEffect(()=>{t!=null&&t.id&&b.from("submissions").select("design_agency_id, agencies!submissions_design_agency_id_fkey(id, name, slug, logo_url)").eq("id",t.id).maybeSingle().then(({data:s})=>U((s==null?void 0:s.agencies)||null))},[t==null?void 0:t.id]);const L=u.useMemo(()=>!(t!=null&&t.software)||t.software.toLowerCase()==="andere"||t.software.toLowerCase()==="sonstiges"?[]:A.filter(s=>{var r;return s.id!==t.id&&((r=s.software)==null?void 0:r.toLowerCase())===t.software.toLowerCase()}).sort((s,r)=>r.score-s.score).slice(0,4),[A,t]),O=u.useMemo(()=>t!=null&&t.industry?A.filter(s=>s.id!==t.id&&s.industry===t.industry&&!L.some(r=>r.id===s.id)).sort((s,r)=>r.score-s.score).slice(0,4):[],[A,t,L]),[P,T]=u.useState([]);u.useEffect(()=>{if(!(t!=null&&t.id))return;async function s(){const{data:r}=await b.from("award_nominations").select("id, award_category_id, status").eq("submission_id",t.id);if(!r||r.length===0)return;const i=[];for(const l of r){const{data:a}=await b.from("award_categories").select("name, award_id").eq("id",l.award_category_id).maybeSingle();if(!a)continue;const{data:o}=await b.from("awards").select("name, logo_url").eq("id",a.award_id).maybeSingle();if(!o)continue;const y=Array.isArray(l.status)?l.status:[];y.length!==0&&i.push({id:l.id,categoryName:a.name,awardName:o.name,awardLogoUrl:o.logo_url||null,status:y})}T(i)}s()},[t==null?void 0:t.id]);const[E,V]=u.useState([]);u.useEffect(()=>{if(!(t!=null&&t.id))return;async function s(){const{data:r}=await b.from("jury_votes").select("jury_member_name, category, points, statement").eq("submission_id",t.id).order("points",{ascending:!1});if(!r||r.length===0){V([]);return}const i=[...new Set(r.map(o=>o.jury_member_name))],{data:l}=await b.from("jury_members").select("name, photo_url, slug").in("name",i),a=new Map;(l||[]).forEach(o=>

17a.set(o.name,{photo_url:o.photo_url,slug:o.slug})),V(r.map(o=>{var y,c;return{...o,photo_url:((y=a.get(o.jury_member_name))==null?void 0:y.photo_url)||null,slug:((c=a.get(o.jury_member_name))==null?void 0:c.slug)||null}}))}s()},[t==null?void 0:t.id]);const D=u.useMemo(()=>E.filter(s=>s.points>=8),[E]);u.useMemo(()=>D.filter(s=>{var r;return(r=s.statement)==null?void 0:r.trim()}),[D]);const X=u.useMemo(()=>{const s=new Map;for(const r of D){const i=s.get(r.category)||[];i.push(r),s.set(r.category,i)}return s},[D]);if(B)return e.jsx("div",{className:"container py-24 flex items-center justify-center",children:e.jsx(re,{className:"w-6 h-6 animate-spin text-muted-foreground"})});if(!t)return e.jsxs("div",{className:"container py-24 text-center",children:[e.jsx("p",{className:"text-muted-foreground",children:"Projekt nicht gefunden."}),e.jsx(j,{to:"/online-shops",className:"text-primary text-sm mt-4 inline-block hover:underline",children:"← Zurück"})]});const n=t.evaluated===!1,h=t.type==="website"?{article:"eine",noun:"Website",withArticle:"die Website",obj:"sie",subj:"sie"}:t.type==="service"?{article:"ein",noun:"digitaler Service",withArticle:"der digitale Service",obj:"ihn",subj:"er"}:{article:"ein",noun:"Onlineshop",withArticle:"der Onlineshop",obj:"ihn",subj:"er"},C=t.type==="shop"?"Shop-Profil":t.type==="website"?"Website-Profil":"Service-Profil",p=()=>{navigator.clipboard.writeText(window.location.href),I.success("Link kopiert!")};return e.jsxs("div",{className:"min-h-screen",children:[(()=>{const s=Z[t.type]??"Projekt",r=t.type==="shop"?"Shopsystem":t.type==="website"?"CMS":"System",i=t.software?` – Test im ${t.software}-${t.type==="shop"?"Shop":t.type==="website"?"Website":"System"}`:"",l=n?`${t.name} ${C}`:`${t.name} Bewertung${i}`,a=l.length>58?`${t.name} ${n?C:"Bewertung"}`:l,o=t.industry?` in ${t.industry}`:"",y=t.software?` mit ${t.software}`:"",c=n?`${t.name}: ${s}${o}${y}. Entdeckt von Team oder Community – noch nicht für den Usability Award angemeldet, ohne Bewertung.`:`${t.name}: ${t.score} von 100 Punkten (${Q(t.score)}) im Usability Award. ${s}${o}${y} – Stärken & Potenziale im Detail.`,w=c.length>158?`${c.slice(0,155).replace(/\s+\S*$/,"")}…`:c,z={shop:"online-shops",website:"websites",service:"services"}[t.type]??"projekte",ne=`https://usability-award.de/${z}/${x||d}`;return e.jsx(ve,{title:a,description:w,canonical:ne,type:"article",image:t.screenshotUrl,imageAlt:`${t.name} – Vorschau`,robots:"index, follow, max-snippet:-1, max-image-preview:large",breadcrumbs:[{name:s,item:`https://usability-award.de/${z}`},...t.industry?[{name:t.industry,item:`https://usability-award.de/${z}/kategorie/${Y(t.industry)}`}]:[],{name:t.name}],articlePublishedTime:t.submittedAt,articleAuthor:"Usability Award",jsonLd:{"@context":"https://schema.org","@type":n?"Article":"Review",name:n?`${t.name} – Usability Award Verzeichnis`:`${t.name} Bewertung – Usability Award`,headline:a,description:w,...n?{}:{reviewBody:w},datePublished:t.submittedAt,inLanguage:"de-DE",url:ne,itemReviewed:{"@type":"Organization",name:t.name,url:t.url,...t.screenshotUrl?{image:t.screenshotUrl}:{},description:`${s}${t.industry?` aus der Kategorie ${t.industry}`:""}${t.software?`, ${r}: ${t.software}`:""}.`,...t.software?{additionalProperty:[{"@type":"PropertyValue",name:r,value:t.software}]}:{}},...n?{}:{reviewRating:{"@type":"Rating",ratingValue:String(t.score),bestRating:"100",worstRating:"1"}},author:{"@type":"Organization",name:"Usability Award",url:"https://usability-award.de"},publisher:{"@type":"Organization",name:"Usability Award",url:"https://usability-award.de",logo:{"@type":"ImageObject",url:"https://usability-award.de/favicon.png"}},keywords:[n?`${t.name} ${C}`:`${t.name} Bewertung`,n?`${t.name} ${s}`:`${t.name} Erfahrungen`,n?null:`${t.name} Test`,t.software?`${t.software} ${t.type==="shop"?"Shop":"Website"}`:null,t.industry].filter(Boolean).join(", ")}})})(),t.screenshotUrl&&e.jsx("div",{className:"bg-muted/40",children:e.jsx(m.div,{className:"container py-10 md:py-14",initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.4},children:e.jsx("div",{className:"relative rounded-xl overflow-hidden border shadow-sm max-h-[750px]",children:e.jsx("img",{src:t.screenshotUrl,alt:`Screenshot von ${t.name}`,className:"w-full block",loading:"lazy"})})})}),R.length>1&&e.jsx("div",{className:"container pb-2",children:e.jsxs("div",{className:"relative flex items-center gap-2",children:[e.jsx("button",{onClick:()=>{var s;return(s=M.current)==null?void 0:s.scrollBy({left:-200,behavior:"smooth"})},className:"shrink-0 p-1.5 rounded-full border hover:bg-secondary transition-colors text-muted-foreground","aria-label":"Zurück",children:e.jsx(Ne,{className:"w-4 h-4"})}),e.jsx("div",{ref:M,className:"flex gap-2 overflow-x-auto scrollbar-hide py-1",children:R.map(s=>{const r=s.id===(t==null?void 0:t.id),i=s.type==="shop"?"online-shops":s.type==="website"?"websites":"services",l=new Date(s.created_at).toLocaleDateString("de-DE",{month:"short",year:"numeric"});return e.jsxs(j,{to:r?"#":`/${i}/${s.slug}?v=${s.id}`,className:`shrink-0 inline-flex items-center gap-1.5 rounded-full px-4 py-1.5 text-sm font-medium border transition-colors whitespace-nowrap ${r?"bg-foreground text-background border-foreground":"bg-background text-foreground border-border hover:border-foreground

17/40"}`,children:[s.awardName||`Version ${s.version}`,e.jsxs("span",{className:"text-xs opacity-60",children:["· ",l]})]},s.id)})}),e.jsx("button",{onClick:()=>{var s;return(s=M.current)==null?void 0:s.scrollBy({left:200,behavior:"smooth"})},className:"shrink-0 p-1.5 rounded-full border hover:bg-secondary transition-colors text-muted-foreground","aria-label":"Weiter",children:e.jsx(ke,{className:"w-4 h-4"})})]})}),e.jsx("div",{className:"container py-8",children:e.jsxs("div",{className:"flex flex-col lg:flex-row gap-8 lg:gap-12",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.1},children:[e.jsxs("div",{className:"flex items-start justify-between gap-4 mb-1",children:[e.jsxs("h1",{className:"text-2xl md:text-3xl font-bold tracking-tight text-foreground",children:[t.name,e.jsx("span",{className:"text-muted-foreground font-medium",children:n?t.software?` · ${t.software}`:` · ${C}`:` Bewertung${t.software?` · ${t.software}`:""}`})]}),e.jsx("button",{onClick:p,className:"shrink-0 mt-1 p-2 rounded-lg hover:bg-secondary transition-colors text-muted-foreground hover:text-foreground","aria-label":"Teilen",children:e.jsx(Re,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-muted-foreground",children:[e.jsx("span",{children:Z[t.type]}),e.jsx("span",{children:"·"}),e.jsx("span",{children:t.country}),e.jsx("span",{children:"·"}),e.jsx(j,{to:`/${t.type==="shop"?"online-shops":t.type==="website"?"websites":"services"}/kategorie/${Y(t.industry)}`,className:"hover:text-foreground transition-colors underline underline-offset-2",children:t.industry})]}),e.jsxs("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 mt-2 text-sm text-primary hover:underline",children:[t.url,e.jsx(ue,{className:"w-3 h-3"})]})]}),e.jsxs(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.15},className:"mt-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground mb-2",children:n?`${t.name} Kurzprofil`:`${t.name} Bewertung & Erfahrungen`}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed",children:n?e.jsxs(e.Fragment,{children:[t.name," ist ",h.article," ",h.noun,t.software?` auf Basis von ${t.software}`:"",". Unser Team oder unsere Community hat ",h.obj," entdeckt. Jetzt interessiert uns eure Meinung: Wie gefällt euch ",h.withArticle,"? Für den Usability Award ist ",h.subj," noch nicht angemeldet und wurde deshalb von unserem Team noch nicht bewertet."]}):e.jsxs(e.Fragment,{children:[t.name," ist ein ",t.software||"digitales"," ",Z[t.type].toLowerCase(),", das wir im Rahmen unseres Usability Awards unabhängig getestet und bewertet haben. Auf dieser Seite findest du unsere detaillierte Erfahrung mit dem Shop – von der Navigation über das Design bis hin zum Checkout-Prozess.",t.software?`Als ${t.software}-Shop `:"","steht ",t.name," für ",t.industry.toLowerCase()," und wird hier transparent analysiert."]})})]}),e.jsx("div",{className:"border-t my-6"}),t.description&&e.jsxs(m.div,{initial:{opacity:0}

17,animate:{opacity:1},transition:{delay:.2},children:[e.jsx("p",{className:"text-base text-muted-foreground leading-relaxed",children:t.description}),e.jsx("div",{className:"border-t my-6"})]}),e.jsxs(m.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3},children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground mb-4",children:"Über das Projekt"}),e.jsxs("div",{className:"grid sm:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-secondary flex items-center justify-center shrink-0",children:e.jsx(_e,{className:"w-4 h-4 text-muted-foreground"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Typ"}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:[Z[t.type]," · ",t.language]})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-secondary flex items-center justify-center shrink-0",children:e.jsx(Se,{className:"w-4 h-4 text-muted-foreground"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Standort"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:t.country})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-secondary flex items-center justify-center shrink-0",children:e.jsx(Ue,{className:"w-4 h-4 text-muted-foreground"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Ziel"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:t.goal})]})]}),t.software&&e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-secondary flex items-center justify-center shrink-0",children:e.jsx(ae,{className:"w-4 h-4 text-muted-foreground"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:t.type==="shop"?"Shopsoftware":t.type==="website"?"CMS / Software":"Software"}),e.jsx(j,{to:`/software/${me(t.software)}`,className:"text-sm text-foreground font-medium hover:text-primary underline underline-offset-2 transition-colors",children:t.software})]})]}),t.agency&&e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-secondary flex items-center justify-center shrink-0",children:t.agency.logoUrl?e.jsx("img",{src:t.agency.logoUrl,alt:t.agency.name,className:"w-6 h-6 object-contain"}):e.jsx(xe,{className:"w-4 h-4 text-muted-foreground"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Agentur"}),e.jsx(j,{to:`/agenturen/${t.agency.slug}`,className:"text-sm text-foreground font-medium hover:text-primary underline underline-offset-2 transition-colors",children:t.agency.name})]})]}),k&&e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-secondary flex items-center justify-center shrink-0",children:k.logo_url?e.jsx("img",{src:k.logo_url,alt:k.name,className:"w-6 h-6 object-contain"}):e.jsx(xe,{className:"w-4 h-4 text-muted-foreground"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Design & UX"}),e.jsx(j,{to:`/agenturen/${k.slug}`,className:"text-sm text-foreground font-medium hover:text-primary underline underline-offset-2 transition-colors",children:k.name})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-secondary flex items-center justify-center shrink-0",children:e.jsx($e,{className:"w-4 h-4 text-muted-foreground"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Eingereicht"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:new Date(t.submittedAt).toLocaleDateString("de-DE",{day:"numeric",month:"long",year:"numeric"})})]})]})]})]}),e.jsx("div",{className:"border-t my-6"}),e.jsxs(m.div,{initial:{opacity:0}

17,whileInView:{opacity:1},viewport:{once:!0},children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground mb-3",children:"Nutzeraufgaben"}),e.jsx("p",{className:"text-sm text-muted-foreground mb-4",children:t.tasks}),t.tags.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.tags.map(s=>e.jsx(Me,{variant:"outline",className:"text-xs font-normal",children:s},s))})]}),e.jsx("div",{className:"border-t my-6"}),(t.accessibilityScoreDesktop!=null||t.accessibilityScoreMobile!=null)&&e.jsxs(e.Fragment,{children:[e.jsxs(m.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx(Ae,{className:"w-5 h-5 text-primary"}),e.jsx("h2",{className:"text-lg font-semibold text-foreground",children:"Accessibility Score"})]}),e.jsxs("p",{className:"text-xs text-muted-foreground mb-5",children:["Powered by"," ",e.jsx("a",{href:"https://sitecockpit.com",target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:underline",children:"SiteCockpit"})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[t.accessibilityScoreDesktop!=null&&e.jsxs("div",{className:"rounded-xl border bg-card p-5 flex flex-col items-center text-center",children:[e.jsx(ae,{className:"w-5 h-5 text-muted-foreground mb-2"}),e.jsx("p",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider mb-2",children:"Desktop"}),e.jsxs("div",{className:"relative w-20 h-20",children:[e.jsxs("svg",{className:"w-20 h-20 -rotate-90",viewBox:"0 0 80 80",children:[e.jsx("circle",{cx:"40",cy:"40",r:"34",fill:"none",stroke:"hsl(var(--muted))",strokeWidth:"6"}),e.jsx("circle",{cx:"40",cy:"40",r:"34",fill:"none",stroke:t.accessibilityScoreDesktop>=90?"hsl(var(--score-excellent))":t.accessibilityScoreDesktop>=70?"hsl(var(--score-good))":"hsl(var(--score-average))",strokeWidth:"6",strokeLinecap:"round",strokeDasharray:`${t.accessibilityScoreDesktop/100*213.6} 213.6`})]}),e.jsx("span",{className:"absolute inset-0 flex items-center justify-center text-xl font-bold text-foreground",children:t.accessibilityScoreDesktop})]})]}),t.accessibilityScoreMobile!=null&&e.jsxs("div",{className:"rounded-xl border bg-card p-5 flex flex-col items-center text-center",children:[e.jsx(F,{className:"w-5 h-5 text-muted-foreground mb-2"}),e.jsx("p",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider mb-2",children:"Mobile"}),e.jsxs("div",{className:"relative w-20 h-20",children:[e.jsxs("svg",{className:"w-20 h-20 -rotate-90",viewBox:"0 0 80 80",children:[e.jsx("circle",{cx:"40",cy:"40",r:"34",fill:"none",stroke:"hsl(var(--muted))",strokeWidth:"6"}),e.jsx("circle",{cx:"40",cy:"40",r:"34",fill:"none",stroke:t.accessibilityScoreMobile>=90?"hsl(var(--score-excellent))":t.accessibilityScoreMobile>=70?"hsl(var(--score-good))":"hsl(var(--score-average))",strokeWidth:"6",strokeLinecap:"round",strokeDasharray:`${t.accessibilityScoreMobile/100*213.6} 213.6`})]}),e.jsx("span",{className:"absolute inset-0 flex items-center justify-center text-xl font-bold text-foreground",children:t.accessibilityScoreMobile})]})]})]})]}),e.jsx("div",{className:"border-t my-6"})]}),t.evaluated&&e.jsxs(e.Fragment,{children:[e.jsxs(m.div,{className:"rounded-xl border bg-card p-5 md:p-6",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3},children:[e.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[e.jsx(le,{score:t.score,size:"lg",className:"w-14 h-14 text-lg"}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-2xl font-bold text-foreground",children:[t.score," Punkte"]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:Q(t.score)})]})]}),e.jsx(Oe,{score:t.score})]}),e.jsx("div",{className:"border-t my-6"})]}),!t.evaluated&&e.jsxs(e.Fragment,{children:[e.jsxs(m.div,{className:"flex items-start gap-3 rounded-lg border border-border bg-muted/50 px-4 py-4",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3},children:[e.jsx(se,{className:"w-4 h-4 text-muted-foreground shrink-0 mt-0.5"}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Noch nicht bewertet"}),e.jsxs("p",{className:"text-xs text-muted-foreground leading-relaxed",children:[t.name," wurde von unserem Team oder unserer C

17ommunity entdeckt und ist noch nicht für den Usability Award angemeldet. Deshalb wurde ",h.subj," von unserem Team noch nicht bewertet."]})]})]}),e.jsx("div",{className:"border-t my-6"})]}),t.evaluated&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid sm:grid-cols-2 gap-4",children:[e.jsxs(m.div,{className:"rounded-xl border bg-card p-5",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.05},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(H,{className:"w-4 h-4 text-accent-foreground"}),e.jsx("h3",{className:"font-semibold text-foreground",children:"Stärken"})]}),t.strengths.length>0?e.jsx("ul",{className:"space-y-2.5",children:t.strengths.map(s=>e.jsxs("li",{className:"flex items-start gap-2 text-sm text-muted-foreground",children:[e.jsx("span",{className:"text-score-excellent mt-0.5 shrink-0",children:"✓"}),s]},s))}):e.jsx("p",{className:"text-sm text-muted-foreground italic",children:"Noch keine Stärken erfasst."})]}),e.jsxs(m.div,{className:"rounded-xl border bg-card p-5",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(se,{className:"w-4 h-4 text-score-average"}),e.jsx("h3",{className:"font-semibold text-foreground",children:"Potenziale"})]}),t.improvements.length>0?e.jsx("ul",{className:"space-y-2.5",children:t.improvements.map(s=>e.jsxs("li",{className:"flex items-start gap-2 text-sm text-muted-foreground",children:[e.jsx("span",{className:"text-score-average mt-0.5 shrink-0",children:"→"}),s]},s))}):e.jsx("p",{className:"text-sm text-muted-foreground italic",children:"Noch keine Potenziale erfasst."})]})]}),e.jsx("div",{className:"border-t my-6"})]}),t.evaluated&&e.jsxs(m.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3},children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground mb-5",children:"Bewertung im Detail"}),t.categories.length>0?e.jsx("div",{className:"rounded-xl border bg-card p-4 md:p-6 space-y-6",children:t.categories.map(s=>{var r;return e.jsxs("div",{children:[e.jsx(Ce,{label:s.name,score:s.score,maxScore:10}),((r=t.categorySummaries)==null?void 0:r[s.key])&&e.jsx("p",{className:"text-sm text-muted-foreground mt-1.5 ml-0.5",children:t.categorySummaries[s.key]}),s.questions&&s.questionRatings&&s.questionRatings.some(i=>i>0)&&e.jsx(Ee,{type:"multiple",className:"mt-3 ml-0.5 space-y-1","aria-label":`Detailbewertung: ${s.name}`,children:s.questions.map((i,l)=>{var w,z;const a=((w=s.questionRatings)==null?void 0:w[l])||0,o=((z=s.questionComments)==null?void 0:z[l])||"";if(a===0)return null;const y=typeof i=="string"?i:i.subtitle,c=!!o;return e.jsxs(Ve,{value:`${s.key}-${l}`,className:"border-b border-border/60 last:border-b-0",children:[e.jsx(ze,{className:"py-2 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-sm disabled:opacity-100 disabled:[&>svg]:hidden",disabled:!c,"aria-label":`${y}. Bewertung ${a} von 10${c?". Kommentar ein- oder ausklappen":". Kein Kommentar vorhanden"}`,children:e.jsxs("div",{className:"flex items-start gap-3 text-left",children:[e.jsx("span",{"aria-hidden":"true",className:`shrink-0 w-7 h-7 rounded-md flex items-center justify-center text-xs font-bold ${a<=3?"bg-destructive/10 text-destructive":a<=5?"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400":a<=7?"bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400":"bg-primary/10 text-primary"}`,children:a}),e.jsx("p",{className:"text-sm text-foreground leading-snug font-normal",children:y})]})}),c&&e.jsx(Ie,{className:"pl-10 pb-3",children:e.jsx("p",{className:"text-xs text-muted-foreground leading-relaxed",children:o})})]},l)})})]},s.key)})}):e.jsxs("div",{className:"flex items-start gap-3 rounded-lg border border-border bg-muted/50 px-4 py-4",children:[e.jsx(se,{className:"w-4 h-4 text-muted-foreground shrink-0 mt-0.5"}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Bewertung nach altem Prüfkatalog"}),e.jsx("p",{className:"text-xs text-muted-foreground leading-relaxed",children:(t.submittedAt&&new Date(t.submittedAt)<new Date("2026-03-01"),"Dieses Projekt wurde nach dem alten Prüfkatalog bewertet. Deshalb liegt keine Detailbewertung vor.")})]})]})]}),e.jsx("div",{className:"border-t my-6"}),t.categorySummaries&&Object.keys(t.categorySummaries).length>0&&(()=>{const s=qe.filter(r=>{var i,l;

17return(l=(i=t.categorySummaries)==null?void 0:i[r.key])==null?void 0:l.trim()});return s.length===0?null:e.jsxs(e.Fragment,{children:[e.jsxs(m.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3},children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground mb-1",children:"Expertenbewertung Usability Award 2025"}),e.jsx("p",{className:"text-xs text-muted-foreground mb-5",children:"Diese Informationen wurden aus dem Usability Award 2025 importiert und werden in neuen Analysen nicht mehr erhoben."}),e.jsx("div",{className:"space-y-4",children:s.map((r,i)=>{const l=r.icon;return e.jsxs(m.div,{className:"rounded-xl border bg-card p-5",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:i*.03},children:[e.jsxs("div",{className:"flex items-center gap-2.5 mb-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-secondary flex items-center justify-center shrink-0",children:e.jsx(l,{className:"w-4 h-4 text-muted-foreground"})}),e.jsx("h3",{className:"font-semibold text-sm text-foreground",children:r.label})]}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed whitespace-pre-line",children:t.categorySummaries[r.key]})]},r.key)})})]}),e.jsx("div",{className:"border-t my-6"})]})})(),D.length>0&&e.jsxs(e.Fragment,{children:[e.jsxs(m.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3},children:[e.jsxs("div",{className:"flex items-center gap-2.5 mb-1",children:[e.jsx(Te,{className:"w-5 h-5 text-primary"}),e.jsx("h2",{className:"text-lg font-semibold text-foreground",children:"Jury-Bewertungen Usability Award 2026"})]}),e.jsx("div",{className:"space-y-4 mb-6",children:[...X.entries()].map(([s,r],i)=>{r.reduce((a,o)=>a+o.points,0);const l=r.filter(a=>{var o;return(o=a.statement)==null?void 0:o.trim()});return e.jsxs(m.div,{className:"rounded-xl border bg-card p-5",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:i*.03},children:[e.jsx("div",{className:"flex items-center justify-between mb-3",children:e.jsx("h3",{className:"font-semibold text-sm text-foreground",children:s})}),l.length>0&&e.jsx("div",{className:"space-y-3",children:l.map((a,o)=>e.jsxs("div",{className:"relative pl-4 border-l-2 border-primary/20",children:[e.jsxs("p",{className:"text-sm text-muted-foreground leading-relaxed whitespace-pre-line",children:["„",a.statement,'"']}),e.jsxs("div",{className:"flex items-center gap-2.5 mt-2",children:[a.photo_url?e.jsx("img",{src:a.photo_url,alt:a.jury_member_name,className:"w-7 h-7 rounded-full object-cover shrink-0"}):e.jsx("div",{className:"w-7 h-7 rounded-full bg-secondary flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[10px] font-semibold text-muted-foreground/50",children:a.jury_member_name.charAt(0)})}),e.jsxs("p",{className:"text-xs text-muted-foreground/70 font-medium",children:["— ",a.slug?e.jsx(j,{to:`/jury/${a.slug}`,className:"hover:text-primary transition-colors underline underline-offset-2",children:a.jury_member_name}):a.jury_member_name," · ",a.points," Punkte"]})]})]},o))}),l.length===0&&e.jsx("div",{className:"flex flex-wrap gap-3",children:r.map((a,o)=>e.jsxs(j,{to:a.slug?`/jury/${a.slug}`:"#",className:"flex items-center gap-2 text-xs text-muted-foreground hover:text-primary transition-colors",children:[a.photo_url?e.jsx("img",{src:a.photo_url,alt:a.jury_member_name,className:"w-6 h-6 rounded-full object-cover shrink-0"}):e.jsx("div",{className:"w-6 h-6 rounded-full bg-secondary flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[10px] font-bold text-muted-foreground/40",children:a.jury_member_name.charAt(0)})}),a.jury_member_name]},o))})]},s)})})]}),e.jsx("div",{className:"border-t my-6"})]}),e.jsx("div",{id:"bewertungen",className:"mb-12 scroll-mt-24",children:e.jsx(Fe,{projectId:t.id})})]}),e.jsx("div",{className:"lg:w-[380px] shrink-0",children:e.jsx("div",{className:"lg:sticky lg:top-[6.5rem]",children:e.jsxs(m.div,{className:"rounded-xl border bg-card p-6 shadow-sm",initial:{opacity:0,y:10}

17,animate:{opacity:1,y:0},transition:{delay:.2},children:[t.evaluated&&e.jsxs("div",{className:"flex items-center gap-4 mb-5",children:[e.jsx(le,{score:t.score,size:"lg",className:"w-16 h-16 text-xl shadow-md"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-2xl font-bold text-foreground",children:t.score}),e.jsx("p",{className:"text-sm text-muted-foreground",children:Q(t.score)})]})]}),t.categories.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"border-t my-4"}),e.jsx("div",{className:"space-y-3",children:t.categories.map(s=>e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-muted-foreground truncate mr-3",children:s.name}),e.jsxs("span",{className:"font-medium text-foreground shrink-0",children:[s.score.toFixed(1),e.jsx("span",{className:"text-muted-foreground font-normal",children:"/10"})]})]},s.key))})]}),P.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"border-t my-4"}),P.map((s,r)=>{const i=s.status.includes("overall_winner"),l=s.status.includes("category_winner"),a=i?"Gesamtsieger":l?"Kategoriesieger":"Nominiert";return e.jsxs(j,{to:`/zertifikat/${s.id}`,target:"_blank",rel:"noopener noreferrer",className:`flex items-center gap-3 py-2 rounded-lg hover:bg-muted/50 transition-colors ${i?"bg-amber-50 dark:bg-amber-950/20 -mx-4 px-4":"-mx-2 px-2"}`,children:[s.awardLogoUrl?e.jsx("img",{src:s.awardLogoUrl,alt:s.awardName,className:"w-10 h-10 object-contain shrink-0"}):e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",children:e.jsx(De,{className:"w-5 h-5 text-primary"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-xs text-muted-foreground",children:s.awardName}),e.jsxs("p",{className:"text-sm font-medium text-foreground",children:[a,": ",s.categoryName]})]})]},r)})]}),e.jsx("div",{className:"border-t my-4"}),e.jsxs("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"flex items-center justify-center gap-2 w-full rounded-lg bg-primary px-4 py-3 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90",children:["Website besuchen",e.jsx(ue,{className:"w-3.5 h-3.5"})]}),e.jsxs("p",{className:"text-xs text-muted-foreground text-center mt-3",children:["Eingereicht am ",new Date(t.submittedAt).toLocaleDateString("de-DE",{day:"numeric",month:"long",year:"numeric"})]})]})})})]})}),L.length>0&&(t==null?void 0:t.software)&&e.jsx("section",{className:"container py-12 border-t",children:e.jsxs(m.div,{initial:{opacity:0,y:15},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4},children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsxs("h2",{className:"text-xl font-display text-foreground",children:["Weitere ",t.software," Shops"]}),e.jsxs(j,{to:`/software/${me(t.software)}`,className:"inline-flex items-center gap-1.5 text-sm font-medium text-muted-foreground hover:text-primary transition-colors",children:["Alle ",t.software," Shops",e.jsx(de,{className:"w-3.5 h-3.5"})]})]}),e.jsxs("p",{className:"text-sm text-muted-foreground mb-5",children:["Top bewertete Shops mit ",t.software]}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-4 gap-4",children:L.map((s,r)=>e.jsx(ce,{project:s,index:r},s.id))})]})}),O.length>0&&(t==null?void 0:t.industry)&&e.jsx("section",{className:"container py-12 border-t",children:e.jsxs(m.div,{initial:{opacity:0,y:15},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4},children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsxs("h2",{className:"text-xl font-display text-foreground",children:["Mehr aus ",t.industry]}),e.jsxs(j,{to:`/online-shops/kategorie/${Y(t.industry)}`,className:"inline-flex items-center gap-1.5 text-sm font-medium text-muted-foreground hover:text-primary transition-colors",children:["Alle ",t.industry," Shops",e.jsx(de,{className:"w-3.5 h-3.5"})]})]}),e.jsx("p",{className:"text-sm text-muted-foreground mb-5",children:"Weitere top-bewertete Shops in dieser Kategorie"}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-4 gap-4",children:O.map((s,r)=>e.jsx(ce,{project:s,index:r},s.id))})]})})]})}export{Ct as default};