1import{r as n,j as e}from"./react-runtime-BZYMbA0n.js";import{u as B,L as i}from"./routing-BJcY-oaB.js";import{g as l,m as I,n as $,o as L,S as c,k as A,l as R,s as T,B as j,t as m}from"./index-B66or0X1.js";import{a as f,S as z,P as M,b as F}from"./SiteMenu-BQhDixbp.js";import{C as E}from"./CartSheet-B_6EOzFB.js";import U from"./NotFound-7FDdIUZR.js";import{u as D}from"./useConsentAwareMarketingView-Dwu2BWwb.js";import{a as g,b as u}from"./analytics-commerce-B2ybXo44.js";import{S as O}from"./shield-check-DoU-OpER.js";import"./data-services-DGj08KhI.js";import"./index-HZMbQ0tZ.js";import"./shopping-bag-DS88G65B.js";import"./preview-PUwnEOzL.js";const y=n.forwardRef(({...a},t)=>e.jsx("nav",{ref:t,"aria-label":"breadcrumb",...a}));y.displayName="Breadcrumb";const v=n.forwardRef(({className:a,...t},r)=>e.jsx("ol",{ref:r,className:l("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",a),...t}));v.displayName="BreadcrumbList";const w=n.forwardRef(({className:a,...t},r)=>e.jsx("li",{ref:r,className:l("inline-flex items-center gap-1.5",a),...t}));w.displayName="BreadcrumbItem";const k=n.forwardRef(({asChild:a,className:t,...r},p)=>{const d=a?I:"a";return e.jsx(d,{ref:p,className:l("transition-colors hover:text-foreground",t),...r})});k.displayName="BreadcrumbLink";const _=n.forwardRef(({className:a,...t},r)=>e.jsx("span",{ref:r,role:"link","aria-disabled":"true","aria-current":"page",className:l("font-normal text-foreground",a),...t}));_.displayName="BreadcrumbPage";const C=({children:a,className:t,...r})=>e.jsx("li",{role:"presentation","aria-hidden":"true",className:l("[&>svg]:size-3.5",t),...r,children:a??e.jsx(f,{})});C.displayName="BreadcrumbSeparator";const N=({value:a})=>e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(a)}}),V=[{title:"Their favorite face",description:"Start with one clear pet photo and let the expression carry the design.",image:"/marketing/pinterest/pet-case-product-pin.png",alt:"AI-generated product concept showing a golden retriever photo on a custom phone case"},{title:"A family favorite",description:"Choose a shared moment that still feels good every time it appears.",image:"/marketing/pinterest/family-case-product-pin.png",alt:"AI-generated product concept showing a family sunset photo on a custom phone case"},{title:"The trip you replay",description:"Turn one unmistakable place into a case that keeps the memory close.",image:"/marketing/pinterest/vacation-case-product-pin.png",alt:"AI-generated product concept showing a coastal vacation photo on a custom phone case"}],ae=()=>{const{variantSlug:a}=B(),t=$(a??"");if(D({enabled:!!t,eventName:"view_item",contractId:(t==null?void 0:t.id)??"missing_product",payload:t?{currency:t.currency,value:t.price,items:g([u({variant:t})].filter(Boolean))}:{}}),!t)return e.jsx(U,{});const r=L(t),p=`${t.model} Custom Phone Case`,d=`${c}/phone-cases/${t.id}`,P=A(t),h=[{name:"Home",url:`${c}/`},{name:"Phone cases",url:`${c}/catalog`},{name:`${t.model} custom case`,url:d}],b=t.brand==="Apple"?R:T,S=t.brand==="Apple"?["Use one favorite photo, initials, or a short line so the iPhone case still feels clean in daily use.","If this is a gift, confirm the exact supported iPhone model before designing so the order stays tied to the selected device.","For birthdays, holidays, or just-because gifts, a simple memory usually reads better than a dense collage."]:["Start with the exact Galaxy model, then keep the artwork away from the camera area when reviewing the preview.","A pet photo, travel image, name, or small phrase can make a Samsung case personal without crowding the design.","For gift orders, save the phone model and design idea together so the final cart stays tied to the intended device."];return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(N,{value:{"@context":"https://schema.org","@type":"Product",productID:t.id,name:p,description:`Design a personalized ${t.model} phone case with your own photo, text, or artwork.`,url:d,image:new URL(b,`${c}/`).href,brand:{"@type":"Brand",name:"Snapcase"},offers:{"@type":"Offer",url:d,priceCurrency:t.currency,price:t.price.toFixed(2)}}}),e.jsx(N,{value:{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:h.map((s,o)=>({"@type":"ListItem",position:o+1,name:s.name,item:s.url}))}}),e.jsx("nav",{className:"fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-xl border-b border-border/30",children:e.jsxs("div",{className:"container mx-auto px-6 h-16 flex items-center justify-between",children:[e.jsx(i,{to:"/",className:"-ml-2 inline-flex min-h-11 items-center gap-2 px-2",children:e.jsx("span",{className:"font-display font-bold text-xl text-foreground",children:"Snapcase"})}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(E,{}),e.jsx(z,{})]})]})}),e.jsxs("main",{children:[e.jsx("section",{className:"pt-28 pb-16 bg-surface-sunken",children:e.jsxs("div",{className:"container mx-auto px-6",children:[e.jsx(y,{className:"mb-8","data-product-breadcrumb":!0,children:e.jsx(v,{children:h.map((s,o)=>{const x=o===h.length-1;return e.jsxs(n.Fragment,{children:[o>0&&e.jsx(C,{}),e.jsx(w,{"data-breadcrumb-position":o+1,children:x?e.jsx(_,{children:s.name}):e.jsx(k,{asChild:!0,children:e.jsx(i,{to:new URL(s.url).pathname,children:s.name})})})]},s.url)})})}),e.jsxs("div",{className:"grid lg:grid-cols-[1fr_360px] gap-12 items-center",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-sm font-semibold text-cta-emphasis mb-4",children:[t.brand," custom case"]}),e.jsxs("h1",{className:"text-4xl md:text-6xl font-bold tracking-tight mb-6",children:["Design your own ",t.model," phone case."]}),e.jsxs("p",{className:"text-lg text-muted-foreground mb-8 max-w-2xl",children:["Personalize a ",t.model," case with a photo, artwork, text, or gift message. Preview your design before checkout and keep the order tied to the exact model."]}),e.jsx("div",{className:"mb-6 inline-flex min-w-48 items-end justify-between gap-6 rounded-lg border border-border bg-card px-4 py-3 shadow-soft","data-product-offer":"true","data-product-id":t.id,"data-price":t.price.toFixed(2),"data-currency":t.currency,children:e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-medium uppercase tracking-wide text-muted-foreground",children:"Custom case price"}),e.jsx("p",{className:"text-2xl font-bold tracking-tight text-foreground",children:P})]})}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsx(j,{asChild:!0,size:"lg",className:"bg-cta hover:bg-cta/90 text-cta-foreground",children:e.jsxs(i,{to:`/design/${t.id}`,onClick:()=>{const s=g([u({variant:t}
1)].filter(Boolean));m("select_item",{item_list_id:"model_seo_page",item_list_name:"Model SEO page",placement:"model_seo_page",items:s}),m("primary_cta_click",{placement:"model_seo_page",destination:`/design/${t.id}`,label:"Start designing"})},children:["Start designing",e.jsx(f,{className:"w-4 h-4 ml-1"})]})}),e.jsx(j,{asChild:!0,size:"lg",variant:"outline",children:e.jsx(i,{to:"/catalog",children:"Change phone model"})})]})]}),e.jsx("div",{className:"hidden lg:flex justify-center",children:e.jsx("img",{src:b,width:1600,height:800,alt:`Digital illustration of a ${t.model} custom phone case mockup`,"data-product-mockup":"true",className:"w-72 drop-shadow-2xl"})})]})]})}),e.jsx("section",{className:"py-16",children:e.jsxs("div",{className:"container mx-auto px-6 grid md:grid-cols-3 gap-6",children:[e.jsxs("article",{className:"rounded-lg border border-border bg-card p-6",children:[e.jsx(M,{className:"w-6 h-6 text-cta-emphasis mb-4","aria-hidden":"true"}),e.jsx("h2",{className:"text-xl font-semibold mb-3",children:"Personal design"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Upload an image, add text, and make a case around a memory, pet, trip, or milestone. Strong designs usually focus on one idea that stays clear when the case is in someone's hand."})]}),e.jsxs("article",{className:"rounded-lg border border-border bg-card p-6",children:[e.jsx(F,{className:"w-6 h-6 text-cta-emphasis mb-4","aria-hidden":"true"}),e.jsx("h2",{className:"text-xl font-semibold mb-3",children:"Model-specific order"}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:["This page starts with the ",t.model,", so the case order stays connected to the selected phone. That matters when buying for someone else because device names can sound similar."]})]}),e.jsxs("article",{className:"rounded-lg border border-border bg-card p-6",children:[e.jsx(O,{className:"w-6 h-6 text-cta-emphasis mb-4","aria-hidden":"true"}),e.jsx("h2",{className:"text-xl font-semibold mb-3",children:"Preview first"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Generate a preview before cart and checkout so the design can be reviewed first. Check text placement, photo crop, and the overall look before continuing."})]})]})}),t.brand==="Apple"&&e.jsx("section",{className:"overflow-hidden border-y border-white/10 bg-[#071a35] py-20 text-[#fff7e9]","data-product-inspiration":"true",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"grid gap-10 lg:grid-cols-[0.8fr_2.2fr] lg:gap-14",children:[e.jsxs("div",{className:"max-w-md lg:sticky lg:top-28 lg:self-start",children:[e.jsx("p",{className:"mb-4 text-xs font-semibold uppercase tracking-[0.24em] text-[#ff8b70]",children:"Make it unmistakably yours"}),e.jsx("h2",{className:"font-display text-4xl font-bold leading-[0.95] tracking-tight sm:text-5xl",children:"Three photos. Three completely different cases."}),e.jsxs("p",{className:"mt-6 text-base leading-7 text-[#d8e4f3]",children:["Pet, family, or favorite tripâbegin with the memory you want to see every day, then shape it for your ",t.model," in the editor."]}),e.jsx("p",{className:"mt-5 border-l-2 border-[#ff8b70] pl-4 text-sm leading-6 text-[#aebfd3]",children:"AI-generated product concepts. Case silhouette and camera area are inspiration, not an exact-model proof. Your preview is the exact design review step before checkout."})]}),e.jsx("div",{className:"grid gap-5 sm:grid-cols-3 lg:gap-6",children:V.map((s,o)=>e.jsxs(i,{to:`/design/${t.id}`,className:`group relative overflow-hidden rounded-[1.6rem] border border-white/15 bg-white/5 shadow-[0_24px_70px_rgba(0,0,0,0.28)] transition duration-300 hover:-translate-y-2 hover:border-[#ff8b70]/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#ff8b70] focus-visible:ring-offset-4 focus-visible:ring-offset-[#071a35] ${o===1?"lg:translate-y-8 lg:hover:translate-y-6":""}`,onClick:()=>{const x=g([u({variant:t})].filter(Boolean));m("select_item",{item_list_id:"model_product_inspiration",item_list_name:"Product inspiration",placement:"model_product_inspiration",items:x}),m("primary_cta_click",{placement:"model_product_inspiration",destination:`/design/${t.id}`,label:s.title})},children:[e.jsx("div",{className:"aspect-[2/3] overflow-hidden",children:e.jsx("img",{src:s.image,width:1e3,height:1500,alt:s.alt,loading:"lazy",className:"h-full w-full object-cover transition duration-500 group-hover:scale-[1.035]"})}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 bg-gradient-to-t from-[#071a35] via-[#071a35]/95 to-transparent px-5 pb-5 pt-20",children:[e.jsx("p",{className:"text-[0.65rem] font-semibold uppercase tracking-[0.2em] text-[#ff8b70]",children:"Product concept"}),e.jsx("h3",{className:"mt-2 text-xl font-semibold text-[#fff7e9]",children:s.title}),e.jsx("p",{className:"mt-2 text-sm leading-5 text-[#d8e4f3]",children:s.description}),e.jsxs("span",{className:"mt-4 inline-flex items-center text-sm font-semibold text-white",children:["Try this idea on ",t.model,e.jsx(f,{className:"ml-1 h-4 w-4 transition-transform group-hover:translate-x-1","aria-hidden":"true"})]})]})]},s.image))})]})})}),e.jsx("section",{className:"py-16 border-y border-border/60",children:e.jsxs("div",{className:"container mx-auto px-6 grid lg:grid-cols-[320px_1fr] gap-10",children:[e.jsxs("div",{children:[e.jsxs("h2",{className:"text-3xl font-bold mb-4",children:[t.model," gift ideas"]}),e.jsx("p",{className:"text-muted-foreground",children:"A custom phone case works best when the design is specific to the person and easy to recognize at a glance."})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:S.map(s=>e.jsx("p",{className:"text-sm leading-6 text-muted-foreground",children:s},s))})]})}),r.length>0&&e.jsx("section",{className:"py-16 bg-surface-sunken",children:e.jsxs("div",{className:"container mx-auto px-6",children:[e.jsxs("h2",{className:"text-3xl font-bold mb-8",children:["More ",t.brand," custom cases"]}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-4",children:r.map(s=>e.jsxs(i,{to:`/phone-cases/${s.id}`,className:"rounded-lg border border-border bg-card p-5 hover:border-cta/50 transition-colors",children:[e.jsxs("h3",{className:"font-semibold mb-2",children:[s.model," custom case"]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Build a personalized case for this model."})]},s.id))})]})})]})]})};export{ae as default};
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.