https://younghollywood.com/assets/shop-B18OuJMA.js

1import{r as c,j as e,d as N,v as w,S,w as O,x as C,L as $,e as L,y as x}from"./index-BgbqYyaj.js";import{S as E,c as R,a as A,D as T,b as z,d as D,e as H}from"./index-00MN-Oyz.js";import{c as h}from"./createLucideIcon-BaWztQj_.js";import{S as j}from"./shopping-bag-BZcpVlXv.js";import"./index-CdnAlYtj.js";import"./tslib.es6-eMSY344_.js";const M=[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]],b=h("external-link",M);const B=[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],Y=h("eye",B);const q=[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]],P=h("star",q);const U=[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]],F=h("zap",U),W=R("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),p=c.forwardRef(({className:r,variant:t,size:a,asChild:s=!1,...d},i)=>{const n=s?E:"button";return e.jsx(n,{className:N(W({variant:t,size:a,className:r})),ref:i,...d})});p.displayName="Button";const Q="/__l5e/assets-v1/7308744c-69a4-4ce8-bbed-faea701d4482/yh-stamp-logo.png",V={url:Q},I="/__l5e/assets-v1/2475ccdc-5c68-400a-af9f-370c3b43bb76/yh_merch_display.png",G={url:I},Z="https://young-hollywood.creator-spring.com/",K="https://www.amazon.com/stores/page/F2BDD435-262A-4282-BF04-966826DE9ED9?ingress=0",m=["Hats","Hoodies","Sweatshirts","T-Shirts","Long Sleeves","iPhone Cases"],_={Hats:{bg:"var(--hotpink)",ink:"var(--hotpink-foreground)",ring:"var(--hotpink)"},Hoodies:{bg:"var(--cobalt)",ink:"var(--cobalt-foreground)",ring:"var(--cobalt)"},Sweatshirts:{bg:"var(--neon)",ink:"var(--cobalt-dark)",ring:"var(--neon)"},"T-Shirts":{bg:"var(--hotpink)",ink:"var(--hotpink-foreground)",ring:"var(--hotpink)"},"Long Sleeves":{bg:"var(--cobalt)",ink:"var(--cobalt-foreground)",ring:"var(--cobalt)"},"iPhone Cases":{bg:"var(--neon)",ink:"var(--cobalt-dark)",ring:"var(--neon)"}},y={OpenWav:"bg-[var(--hotpink)] text-[var(--hotpink-foreground)]",YouTube:"bg-[var(--cobalt)] text-[var(--cobalt-foreground)]",Amazon:"bg-[var(--neon)] text-[var(--cobalt-dark)]"};function J(r){return r.toLowerCase().replace(/[^a-z0-9]+/g,"-")}function ie(){const[r,t]=c.useState("all"),[a,s]=c.useState(""),[d,i]=c.useState(null),n=a.trim().toLowerCase(),g=c.useMemo(()=>n?w.filter(o=>o.name.toLowerCase().includes(n)||o.category.toLowerCase().includes(n)||o.source.toLowerCase().includes(n)):w,[n]),u=c.useMemo(()=>{const o=new Map;for(const l of m)o.set(l,[]);for(const l of g)o.get(l.category).push(l);return o},[g]),v=c.useMemo(()=>m.filter(o=>u.get(o).length>0&&(r==="all"||r===o)),[u,r]);return e.jsxs(e.Fragment,{children:[e.jsx(S,{}),e.jsxs("main",{className:"relative overflow-hidden",children:[e.jsxs("div",{"aria-hidden":!0,

1className:"pointer-events-none absolute inset-0 -z-10",children:[e.jsx("div",{className:"absolute -left-32 top-40 h-72 w-72 rounded-full bg-[var(--hotpink)] opacity-20 blur-3xl"}),e.jsx("div",{className:"absolute right-[-6rem] top-[28rem] h-80 w-80 rounded-full bg-[var(--cobalt)] opacity-25 blur-3xl"}),e.jsx("div",{className:"absolute left-1/2 top-[60rem] h-72 w-72 -translate-x-1/2 rounded-full bg-[var(--neon)] opacity-25 blur-3xl"})]}),e.jsx("section",{className:"relative",children:e.jsxs("div",{className:"relative mx-auto mt-6 w-full max-w-7xl overflow-hidden rounded-[28px] border-2 border-foreground/10 shadow-[6px_6px_0_0_var(--color-foreground)] sm:mt-10 sm:rounded-[36px]",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("img",{src:O.url,alt:"","aria-hidden":!0,className:"h-full w-full object-cover"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[var(--cobalt-dark)]/95 via-[var(--cobalt-dark)]/80 to-[var(--hotpink)]/75"}),e.jsx("div",{className:"absolute inset-0 bg-black/35"}),e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(ellipse_at_center,rgba(0,0,0,0.5),transparent_70%)]"})]}),e.jsxs("span",{className:"yh-sticker-neon absolute left-4 top-4 rotate-[-6deg] shadow-[3px_3px_0_0_var(--color-foreground)] sm:left-8 sm:top-8",children:[e.jsx(P,{className:"mr-1 inline h-3.5 w-3.5 fill-current"})," FRESH DROPS"]}),e.jsxs("span",{className:"yh-sticker-pink absolute right-4 top-4 rotate-[8deg] shadow-[3px_3px_0_0_var(--color-foreground)] sm:right-8 sm:top-8",children:[e.jsx(F,{className:"mr-1 inline h-3.5 w-3.5"})," SHIP WORLDWIDE"]}),e.jsxs("div",{className:"relative px-6 py-16 text-center sm:px-12 sm:py-24 lg:py-28",children:[e.jsxs("div",{className:"yh-eyebrow mb-3 text-white/90 drop-shadow flex items-center justify-center gap-2",children:[e.jsx("img",{src:V.url,alt:"Young Hollywood",className:"inline-block h-8 w-auto rounded sm:h-10"})," × Official Merch"]}),e.jsxs("h1",{className:"font-display text-4xl font-black uppercase leading-[0.95] tracking-tight text-white drop-shadow-[2px_2px_0_rgba(0,0,0,0.35)] sm:text-6xl lg:text-7xl",children:["The ",e.jsx("span",{className:"px-1 text-[var(--hotpink)] drop-shadow-[0_1px_2px_rgba(0,0,0,0.8)]",children:"Official"}),e.jsx("br",{}),"YH Merch Shop"]}),e.jsx("p",{className:"mx-auto mt-5 max-w-xl text-sm text-white/90 sm:text-base",children:"Hats. Hoodies. Tees. Cases. Limited drops sourced from our OpenWav, YouTube and Amazon storefronts — one place, all the heat."}),e.jsx("div",{className:"mt-7 flex flex-wrap items-center justify-center gap-3",children:e.jsxs("a",{href:"#shop-grid",className:"inline-flex items-center gap-2 rounded-full bg-[var(--neon)] px-6 py-3 text-sm font-extrabold uppercase tracking-wide text-[var(--cobalt-dark)] shadow-[3px_3px_0_0_var(--color-foreground)] transition hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-foreground)]",children:[e.jsx(j,{className:"h-4 w-4"})," Shop the Collection"]})}),e.jsx("div",{className:"mx-auto mt-10 grid max-w-lg grid-cols-2 gap-3 text-white sm:gap-4",children:[["33+","Products"],["3","Storefronts"]].map(([o,l])=>e.jsxs("div",{className:"rounded-2xl border border-white/25 bg-white/10 px-3 py-3 backdrop-blur sm:px-4",children:[e.jsx("div",{className:"font-display text-2xl font-black sm:text-3xl",children:o}),e.jsx("div",{className:"text-[10px] uppercase tracking-widest opacity-80 sm:text-xs",children:l})]},l))})]})]})}),e.jsxs("div",{id:"shop-grid",className:"mx-auto w-full max-w-7xl px-4 pb-16 pt-12 sm:pb-24 sm:pt-16",children:[e.jsxs("div",{className:"mx-auto flex max-w-xl items-center gap-2 rounded-full border-2 border-foreground bg-background px-4 py-3 shadow-[3px_3px_0_0_var(--color-foreground)] transition focus-within:border-[var(--hotpink)] focus-within:shadow-[3px_3px_0_0_var(--hotpink)]",children:[e.jsx(A,{className:"h-4 w-4 shrink-0 text-foreground/60","aria-hidden":!0}),e.jsx("input",{type:"search",value:a,onChange:o=>s(o.target.value),placeholder:"Search hats, hoodies, tees…",className:"w-full bg-transparent text-sm outline-none placeholder:text-foreground

1/40"}),a&&e.jsx("button",{type:"button",onClick:()=>s(""),className:"rounded-full bg-foreground px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-background",children:"Clear"})]}),e.jsxs("nav",{"aria-label":"Shop categories",className:"mt-6 flex flex-wrap justify-center gap-2",children:[e.jsxs(k,{active:r==="all",onClick:()=>t("all"),color:{bg:"var(--foreground)",ink:"var(--background)",ring:"var(--foreground)"},children:["All ",e.jsx("span",{className:"ml-1 opacity-70",children:g.length})]}),m.filter(o=>u.get(o).length>0).map(o=>e.jsxs(k,{active:r===o,onClick:()=>t(o),color:_[o],children:[o," ",e.jsx("span",{className:"ml-1 text-[10px] opacity-80",children:u.get(o).length})]},o))]}),v.length===0&&e.jsxs("div",{className:"mt-14 text-center",children:[e.jsx("p",{className:"text-muted-foreground",children:"No items match your search."}),e.jsx("button",{type:"button",onClick:()=>s(""),className:"mt-2 text-sm font-medium text-[var(--hotpink)] hover:underline",children:"Clear search"})]}),v.map((o,l)=>e.jsx(X,{category:o,items:u.get(o),onSelect:i,index:l},o)),e.jsxs("section",{className:"relative mt-20 overflow-hidden rounded-[28px] border-2 border-foreground bg-[var(--cobalt-dark)] p-8 text-white shadow-[6px_6px_0_0_var(--color-foreground)] sm:p-12",children:[e.jsx("div",{className:"absolute -right-10 -top-10 h-56 w-56 rounded-full bg-[var(--hotpink)] opacity-60 blur-2xl"}),e.jsx("div",{className:"absolute -bottom-12 left-12 h-40 w-40 rounded-full bg-[var(--neon)] opacity-40 blur-2xl"}),e.jsxs("div",{className:"relative grid items-center gap-8 sm:grid-cols-[1.2fr_1fr]",children:[e.jsxs("div",{children:[e.jsx("div",{className:"yh-eyebrow text-[var(--neon)]",children:"Shop direct"}),e.jsxs("h2",{className:"mt-2 font-display text-3xl font-black uppercase leading-tight sm:text-5xl",children:["Three storefronts.",e.jsx("br",{}),"One vibe."]}),e.jsx("p",{className:"mt-3 max-w-md text-white/80",children:"Tap a store to browse every drop — secure checkout handled by the merchant, shipped straight to you."}),e.jsxs("div",{className:"mt-6 grid gap-3 sm:grid-cols-3",children:[e.jsx(f,{label:"OpenWav",href:C,tone:"pink"}),e.jsx(f,{label:"YouTube",href:Z,tone:"cobalt"}),e.jsx(f,{label:"Amazon",href:K,tone:"neon"})]})]}),e.jsx("div",{className:"relative hidden aspect-square overflow-hidden rounded-2xl border-2 border-white/20 sm:block",children:e.jsx("img",{src:G.url,alt:"Young Hollywood merch",className:"h-full w-full object-cover"})})]})]}),e.jsx("div",{className:"mt-10 text-center",children:e.jsx($,{to:"/",className:"text-sm text-muted-foreground hover:text-foreground",children:"← Back to Young Hollywood"})})]}),e.jsx(re,{product:d,onClose:()=>i(null)})]}),e.jsx(L,{})]})}function k({active:r,onClick:t,children:a,color:s}){return e.jsx("button",{type:"button",onClick:t,style:r?{background:s.bg,color:s.ink,borderColor:"var(--foreground)"}:void 0,className:`rounded-full border-2 px-4 py-1.5 text-xs font-extrabold uppercase tracking-wide transition sm:text-sm ${r?"shadow-[3px_3px_0_0_var(--color-foreground)]":"border-foreground

1/20 bg-background text-foreground/70 hover:border-foreground hover:text-foreground hover:shadow-[2px_2px_0_0_var(--color-foreground)]"}`,children:a})}function X({category:r,items:t,onSelect:a,index:s}){const d=_[r];return e.jsxs("section",{id:J(r),className:"mt-16 scroll-mt-24",children:[e.jsxs("div",{className:"mb-6 flex items-end justify-between gap-3 border-b-2 border-foreground/10 pb-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"rounded-full px-3 py-1 font-display text-[11px] font-black uppercase tracking-widest shadow-[2px_2px_0_0_var(--color-foreground)]",style:{background:d.bg,color:d.ink},children:["0",s+1]}),e.jsx("h2",{className:"font-display text-2xl font-black uppercase tracking-tight sm:text-4xl",children:r})]}),e.jsxs("span",{className:"text-xs font-semibold uppercase tracking-wider text-muted-foreground sm:text-sm",children:[t.length," ",t.length===1?"item":"items"]})]}),e.jsx("ul",{className:"grid grid-cols-2 gap-4 sm:grid-cols-3 sm:gap-6 lg:grid-cols-4",children:t.map((i,n)=>e.jsx("li",{children:e.jsx(ee,{product:i,onSelect:()=>a(i),accent:d})},`${i.href}-${n}`))})]})}function ee({product:r,onSelect:t,accent:a}){return e.jsxs("button",{type:"button",onClick:t,"aria-label":r.outOfStock?`Quick view: ${r.name} — sold out`:`Quick view: ${r.name} — ${r.price}`,className:`group relative block w-full overflow-hidden rounded-2xl border-2 border-foreground bg-background text-left shadow-[3px_3px_0_0_var(--color-foreground)] transition ${r.outOfStock?"opacity-70":"hover:-translate-y-1 hover:-rotate-[0.5deg]"}`,style:{"--accent":a.bg},children:[e.jsx("div",{className:`absolute inset-0 -z-10 opacity-0 transition ${!r.outOfStock&&"group-hover:opacity-100"}`,style:{background:`linear-gradient(135deg, ${a.bg} 0%, transparent 60%)`,filter:"blur(0px)"},"aria-hidden":!0}),e.jsxs("div",{className:"relative aspect-square w-full overflow-hidden bg-[var(--cream)]",children:[e.jsx("img",{src:r.image,alt:r.name,loading:"lazy",className:`h-full w-full object-cover ${r.outOfStock?"grayscale":"transition-transform duration-500 group-hover:scale-110"}`}),r.outOfStock&&e.jsx("span",{className:"absolute left-2 top-2 rounded-full bg-[var(--destructive)] px-2 py-0.5 text-[10px] font-extrabold uppercase tracking-wider text-[var(--destructive-foreground)] shadow-[2px_2px_0_0_var(--color-foreground)]",children:"Sold Out"}),e.jsx("span",{className:`absolute left-2 ${r.outOfStock?"top-8":"top-2"} rounded-full px-2 py-0.5 text-[10px] font-extrabold uppercase tracking-wider shadow-[2px_2px_0_0_var(--color-foreground)] ${y[r.source]}`,children:x[r.source]}),e.jsx("span",{className:"absolute right-2 top-2 rounded-full border-2 border-foreground bg-background px-2 py-0.5 text-[11px] font-black text-foreground shadow-[2px_2px_0_0_var(--color-foreground)]",children:r.price}),e.jsx("span",{className:`absolute inset-0 flex items-end justify-center bg-gradient-to-t from-black/55 via-transparent to-transparent p-3 opacity-0 transition ${!r.outOfStock&&"group-hover:opacity-100"}`,children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 rounded-full bg-background px-3 py-1.5 text-xs font-bold text-foreground shadow-[2px_2px_0_0_var(--color-foreground)]",children:[e.jsx(Y,{className:"h-3.5 w-3.5","aria-hidden":!0})," Quick view"]})})]}),e.jsx("div",{className:"p-3 sm:p-4",children:e.jsx("h3",{className:`line-clamp-2 text-sm font-semibold leading-snug ${r.outOfStock?"text-muted-foreground":""}`,children:r.name})}),e.jsxs("div",{className:`flex items-center justify-between gap-2 border-t-2 border-foreground

1/15 px-3 py-2 text-[11px] font-bold uppercase tracking-wider sm:px-4 ${r.outOfStock?"bg-muted/40 text-muted-foreground":"transition group-hover:bg-foreground group-hover:text-background"}`,children:[e.jsx("span",{children:r.outOfStock?"Unavailable":`Buy on ${x[r.source]}`}),e.jsx(b,{className:"h-3.5 w-3.5","aria-hidden":!0})]})]})}function re({product:r,onClose:t}){const a=r!==null;return e.jsx(T,{open:a,onOpenChange:s=>!s&&t(),children:e.jsx(z,{className:"max-h-[90dvh] max-w-xl gap-0 overflow-y-auto border-2 border-foreground p-0 shadow-[6px_6px_0_0_var(--color-foreground)] sm:rounded-3xl",children:r&&e.jsxs(e.Fragment,{children:[e.jsx(D,{className:"sr-only",children:r.name}),e.jsxs(H,{className:"sr-only",children:[r.outOfStock?"Sold out":r.price," — ",r.category," from ",x[r.source]]}),e.jsxs("div",{className:"relative aspect-square max-h-[45vh] w-full overflow-hidden bg-[var(--cream)] sm:max-h-[50vh]",children:[e.jsx("img",{src:r.image,alt:r.name,className:`h-full w-full object-cover ${r.outOfStock?"grayscale":""}`}),r.outOfStock&&e.jsx("span",{className:"absolute left-3 top-3 rounded-full bg-[var(--destructive)] px-2.5 py-1 text-[10px] font-extrabold uppercase tracking-wider text-[var(--destructive-foreground)] shadow-[2px_2px_0_0_var(--color-foreground)]",children:"Sold Out"}),e.jsx("span",{className:`absolute ${r.outOfStock?"left-24":"left-3"} top-3 rounded-full px-2.5 py-1 text-[10px] font-extrabold uppercase tracking-wider shadow-[2px_2px_0_0_var(--color-foreground)] ${y[r.source]}`,children:x[r.source]})]}),e.jsxs("div",{className:"p-5 sm:p-6",children:[e.jsx("div",{className:"mb-1 text-xs font-extrabold uppercase tracking-widest text-[var(--hotpink)]",children:r.category}),e.jsx("h2",{className:`font-display text-xl font-black sm:text-2xl ${r.outOfStock?"text-muted-foreground":""}`,children:r.name}),e.jsx("p",{className:"mt-1 text-2xl font-black text-foreground",children:r.outOfStock?e.jsx("span",{className:"text-muted-foreground line-through",children:r.price}):r.price}),e.jsxs("div",{className:"mt-5 flex flex-col gap-3 sm:flex-row",children:[r.outOfStock?e.jsxs(p,{disabled:!0,className:"w-full border-2 border-foreground bg-muted font-bold uppercase tracking-wide text-muted-foreground shadow-[3px_3px_0_0_var(--color-foreground)]",children:["Unavailable on ",x[r.source]]}):e.jsx(p,{asChild:!0,className:"w-full border-2 border-foreground bg-[var(--hotpink)] font-bold uppercase tracking-wide text-[var(--hotpink-foreground)] shadow-[3px_3px_0_0_var(--color-foreground)] hover:bg-[var(--pink-dark)]",children:e.jsxs("a",{href:r.href,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center gap-2",children:["Buy on ",x[r.source],e.jsx(b,{className:"h-4 w-4","aria-hidden":!0})]})}),e.jsx(p,{variant:"outline",className:"w-full border-2 border-foreground font-bold uppercase tracking-wide",onClick:t,children:"Keep browsing"})]})]})]})})})}function f({label:r,href:t,tone:a}){const s=a==="pink"?"bg-[var(--hotpink)] text-[var(--hotpink-foreground)]":a==="cobalt"?"bg-[var(--cobalt)] text-[var(--cobalt-foreground)] ring-1 ring-white/20":"bg-[var(--neon)] text-[var(--cobalt-dark)]";return e.jsxs("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:`group flex items-center justify-between gap-3 rounded-2xl border-2 border-foreground p-4 text-sm font-extrabold uppercase tracking-wide shadow-[3px_3px_0_0_var(--color-foreground)] transition hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-foreground)] ${s}`,children:[e.jsxs("span",{className:"inline-flex items-center gap-2",children:[e.jsx(j,{className:"h-4 w-4","aria-hidden":!0}),r]}),e.jsx(b,{className:"h-4 w-4 opacity-80 transition group-hover:translate-x-0.5","aria-hidden":!0})]})}export{ie as component};