https://younghollywood.com/assets/talent.vs._pair-3fuKgc2r.js

1import{bI as m,u as h,bJ as p,j as e,m as g,S as u,B as b,c,V as x,e as j,ba as f,as as y,at as v,R as N}from"./index-BZbnK03S.js";import{T as n}from"./TalentFallback-pI0EOxVA.js";import"./createLucideIcon-B7vpuTt1.js";function i({side:a,accent:o,priority:s=!1}){const t=a.talent,r=f(t),l=o==="hotpink"?"bg-hotpink text-hotpink-foreground":"bg-cobalt text-cobalt-foreground";return e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("a",{href:`/talent/${t.slug}`,className:"block group",children:[e.jsxs("div",{className:"relative aspect-[4/5] bg-muted overflow-hidden border-4 border-foreground",children:[r?e.jsxs("picture",{children:[e.jsx("source",{media:"(max-width: 767px)",srcSet:y(r,640,{quality:70})}),e.jsx("source",{media:"(min-width: 768px)",srcSet:v(r,[640,800],{quality:75}),sizes:"(min-width: 768px) 50vw, 100vw"}),e.jsx(N,{src:r,alt:`Portrait of ${t.name}`,priority:s,widths:[640,800],quality:75,sizes:"(min-width: 768px) 50vw, 100vw",className:"h-full w-full object-cover object-top transition-transform duration-300 group-hover:scale-[1.02]",fallback:e.jsx(n,{size:"lg",tone:o==="hotpink"?"pink":"cobalt"})})]}):e.jsx(n,{size:"lg",tone:o==="hotpink"?"pink":"cobalt"}),e.jsx("span",{className:`yh-eyebrow absolute top-2 left-2 px-2 py-1 ${l}`,children:t.role_type??"Talent"})]}),e.jsx("h2",{className:"yh-headline text-3xl md:text-5xl mt-4 leading-[0.95] group-hover:text-hotpink transition",children:t.name})]}),e.jsxs("dl",{className:"mt-4 grid grid-cols-2 gap-3 border-t-2 border-foreground pt-3",children:[e.jsxs("div",{children:[e.jsx("dt",{className:"yh-eyebrow text-[10px] text-muted-foreground",children:"Articles"}),e.jsx("dd",{className:"yh-headline text-2xl md:text-3xl",children:a.totalArticles})]}),e.jsxs("div",{children:[e.jsx("dt",{className:"yh-eyebrow text-[10px] text-muted-foreground",children:"Videos"}),e.jsx("dd",{className:"yh-headline text-2xl md:text-3xl",children:a.totalVideos})]})]}),(a.topArticle||a.topVideo)&&e.jsxs("div",{className:"mt-5",children:[e.jsx("div",{className:"yh-eyebrow text-[10px] text-muted-foreground mb-2",children:"MOST READ"}),a.topArticle&&e.jsx(c,{article:a.topArticle,size:"sm"}),!a.topArticle&&a.topVideo&&e.jsx(x,{video:a.topVideo,size:"sm"})]})]})}function $(){const{params:a,canonicalPath:o}=m.useLoaderData(),{data:s}=h(p(a.a,a.b));if(!s.a||!s.b||!s.sideA||!s.sideB)return null;const t=s.a,r=s.b,l=[{name:"Home",href:"/"},{name:"Talent",href:"/talent"},{name:`${t.name} vs ${r.name}`}];return e.jsxs(e.Fragment,{children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(g(l))}}),e.jsx(u,{}),e.jsxs("main",{children:[e.jsx("section",{className:"border-b border-foreground

1/10 bg-background",children:e.jsx("div",{className:"mx-auto max-w-[1400px] px-4 md:px-6 py-3",children:e.jsx(b,{items:l})})}),e.jsx("section",{className:"bg-foreground text-background",children:e.jsxs("div",{className:"mx-auto max-w-[1400px] px-4 md:px-6 py-10",children:[e.jsx("span",{className:"yh-eyebrow bg-hotpink text-hotpink-foreground px-2 py-1",children:"VS · COMPARED"}),e.jsxs("h1",{className:"yh-headline text-4xl md:text-6xl lg:text-7xl mt-4 leading-[0.9]",children:[t.name," ",e.jsx("span",{className:"text-hotpink",children:"vs"})," ",r.name]}),e.jsx("p",{className:"mt-4 font-serif text-base md:text-lg text-background/80 max-w-3xl leading-relaxed",children:s.shared.total>0?`${t.name} and ${r.name} appear together in ${s.shared.total} Young Hollywood article${s.shared.total===1?"":"s"}. Side-by-side stats, shared coverage, and each star's most-read story below.`:`Side-by-side comparison of ${t.name} and ${r.name} — career stats, top interviews, and any overlapping coverage from the Young Hollywood archive.`})]})}),e.jsx("section",{className:"bg-background border-b-2 border-foreground",children:e.jsxs("div",{className:"mx-auto max-w-[1400px] px-4 md:px-6 py-10 grid gap-8 md:grid-cols-2",children:[e.jsx(i,{side:s.sideA,accent:"hotpink",priority:!0}),e.jsx(i,{side:s.sideB,accent:"cobalt"})]})}),s.shared.articles.length>0&&e.jsx("section",{className:"bg-background",children:e.jsxs("div",{className:"mx-auto max-w-[1400px] px-4 md:px-6 py-10",children:[e.jsx("h2",{className:"yh-headline text-2xl md:text-3xl mb-4",children:"STORIES WITH BOTH"}),e.jsx("div",{className:"grid grid-cols-2 gap-4 md:grid-cols-3 md:gap-6",children:s.shared.articles.map(d=>e.jsx(c,{article:d,size:"sm"},d.id))})]})}),s.shared.videos.length>0&&e.jsx("section",{className:"bg-background border-t-2 border-foreground",children:e.jsxs("div",{className:"mx-auto max-w-[1400px] px-4 md:px-6 py-10",children:[e.jsx("h2",{className:"yh-headline text-2xl md:text-3xl mb-4",children:"VIDEOS WITH BOTH"}),e.jsx("div",{className:"grid grid-cols-2 gap-4 md:grid-cols-3 md:gap-6",children:s.shared.videos.map(d=>e.jsx(x,{video:d,size:"sm"},d.id))})]})}),s.shared.articles.length===0&&s.shared.videos.length===0&&e.jsx("section",{className:"bg-background",children:e.jsxs("div",{className:"mx-auto max-w-[1400px] px-4 md:px-6 py-10",children:[e.jsxs("p",{className:"font-serif text-base text-muted-foreground max-w-2xl",children:[t.name," and ",r.name," don't share any coverage yet on Young Hollywood. Browse each profile to explore their individual interviews and stories."]}),e.jsxs("div",{className:"mt-4 flex gap-3 flex-wrap",children:[e.jsxs("a",{href:`/talent/${t.slug}`,className:"yh-eyebrow border-2 border-foreground px-3 py-2 hover:bg-foreground hover:text-background",children:["Visit ",t.name]}),e.jsxs("a",{href:`/talent/${r.slug}`,className:"yh-eyebrow border-2 border-foreground px-3 py-2 hover:bg-foreground hover:text-background",children:["Visit ",r.name]})]})]})}),e.jsx("link",{rel:"canonical",href:o})]}),e.jsx(j,{})]})}export{$ as component};