https://www.smartlinks.app/assets/start.clothing-apparel-bD7-z1Rt.js

1import{r as c,j as e,W as m,B as n,L as d,c as p,v as g,m as r,T as h,k as u}from"./index-Gw1vDBr1.js";import{T as x}from"./TrialCta-CRcQEd9o.js";const o=["/assets/solutions/clothing-apparel/apparel-hero-suit.webp","/assets/solutions/clothing-apparel/footwear-hero-blue-trainers.webp","/assets/solutions/clothing-apparel/apparel-hero-flower-dress.webp","/assets/solutions/clothing-apparel/footwear-hero-running-shoes.webp","/assets/solutions/clothing-apparel/apparel-hero-graphic-tshirt.webp","/assets/solutions/clothing-apparel/apparel-hero-hiking-boots.webp","/assets/solutions/clothing-apparel/apparel-hero-polo.webp","/assets/solutions/clothing-apparel/footwear-hero-climbing-shoes.webp","/assets/solutions/clothing-apparel/apparel-sales-trench-coat.webp"];function f(){const[a,s]=c.useState(0);return c.useEffect(()=>{const i=window.setInterval(()=>{s(t=>(t+1)%o.length)},4500);return()=>window.clearInterval(i)},[]),e.jsxs("section",{className:"relative overflow-hidden border-b border-apparel-line bg-apparel-canvas font-apparel-body",children:[e.jsxs("div",{className:"mx-auto grid min-h-[calc(100svh-10rem)] w-full max-w-[1360px] items-center gap-6 px-6 py-12 md:px-10 lg:grid-cols-[minmax(0,0.92fr)_minmax(0,1.08fr)] lg:px-12 lg:py-8 xl:gap-10",children:[e.jsxs("div",{className:"relative z-10 max-w-[610px] lg:pl-5 xl:pl-8",children:[e.jsxs("div",{className:"mb-5 flex items-center gap-3 text-xs font-semibold uppercase text-muted-foreground",children:[e.jsx("span",{className:"h-2 w-2 rounded-full bg-apparel-coral"}),"SmartLinks Start · Clothing & Apparel"]}),e.jsx("h1",{className:"font-apparel-display text-4xl font-semibold leading-[1.02] text-foreground md:text-6xl lg:text-[4rem]",children:"Give every product a life beyond the label."}),e.jsx("p",{className:"mt-6 max-w-[570px] text-lg leading-relaxed text-muted-foreground md:text-xl",children:"Build rich digital experiences for materials, care, provenance, styling and resale — all from one product identity."}),e.jsxs("div",{className:"mt-7 flex flex-wrap items-start gap-3",children:[e.jsx(x,{size:"lg",start:!0,path:m.apparel,className:"bg-brand text-brand-foreground shadow-sm hover:opacity-90"}),e.jsx(n,{asChild:!0,size:"lg",variant:"outline",className:"bg-card",children:e.jsxs(d,{to:"/contact",children:["Book a walkthrough ",e.jsx(p,{className:"size-4"})]})})]}),e.jsxs("div",{className:"mt-8 grid max-w-[570px] grid-cols-3 border-y border-apparel-line py-4 text-sm text-foreground",children:[e.jsx("div",{className:"pr-3 font-medium",children:"No app required"}),e.jsx("div",{className:"border-l border-apparel-line px-3 font-medium",children:"Update anytime"}),e.jsx("div",{className:"border-l border-apparel-line pl-3 font-medium",children:"One product identity"})]})]}),e.jsxs("div",{className:"relative flex min-w-0 flex-col items-center justify-center",children:[e.jsx("div",{className:"pointer-events-none absolute left-[6%] top-[8%] h-3 w-24 bg-apparel-sun opacity-70"}),e.jsx("div",{className:"pointer-events-none absolute bottom-[15%] right-[3%] h-28 w-3 bg-apparel-sky opacity-60"}),e.jsx("div",{className:"relative aspect-[4/3] w-full max-w-[760px] lg:h-[min(620px,64svh)] lg:aspect-auto",children:o.map((i,t)=>e.jsx("img",{src:i,alt:t===a?"Clothing or footwear product beside its SmartLinks mobile product experience":"","aria-hidden":t!==a,width:900,height:675,fetchPriority:t===0?"high":"auto",loading:t===0?"eager":"lazy",className:`absolute inset-0 h-full w-full object-contain transition-all duration-700 motion-reduce:transition-none ${t===a?"scale-100 opacity-100":"scale-[0.985] opacity-0"}`},i))}),e.jsx("div",{className:"mt-3 flex items-center gap-2","aria-label":"Clothing and apparel examples",children:o.map((i,t)=>e.jsx(n,{type:"button",variant:"ghost",size:"icon","aria-label":`Show example ${t+1}`,"aria-pressed":t===a,onClick:()=>s(t),className:"h-6 w-6 rounded-full p-0 hover:bg-transparent",children:e.jsx("span",{className:`block h-1.5 rounded-full transition-all ${t===a?"w-5 bg-foreground":"w-1.5 bg-border"}`})},t))})]})]}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-3 hidden justify-center lg:flex",children:e.jsx("div",{className:"flex h-9 w-9 animate-bounce items-center justify-center rounded-full bg-card/80 text-muted-foreground shadow-sm ring-1 ring-apparel-line motion-reduce:animate-none",children:e.jsx(g,{className:"h-5 w-5"})})})]})}const l="/assets/smartlink-start/apparel",b=[{kicker:"01 · One identity",title:"A useful digital experience for every product.",body:"Connect each garment or shoe to a flexible Product Portal — shaped around its materials, care, origin, styling and next-life options.",tags:["Materials","Care","Origin","Style it","Registration","Resale"],image:`${l}/chapter-identity.webp`,alt:"Coral technical jacket with a QR identity label beside a phone showing a six-part product portal",accent:"bg-apparel-coral"},{kicker:"02 · Inform and comply",title:"Bring product information out of the tiny label.",body:"Present care instructions, materials, manufacturing origin and Digital Product Passport information in a clear, updatable experience customers can actually use.",tags:["Care instructions","Materials","Made in","Repair","Impact","Product ID"],image:`${l}/chapter-inform.webp`,alt:"Denim overshirt with a sewn QR care label beside a phone showing materials, origin, care and repair information",accent:"bg-apparel-ink",flip:!0},{kicker:"03 · Keep them engaged",title:"Make the product the start of the relationship.",body:"Give customers styling ideas, matching products, useful brand content and simple ways to recommend, respond and stay connected after purchase.",tags:["Style ideas","Complete the look","Brand stories","Recommendations","Feedback"],image:`${l}/chapter-engage.webp`,alt:"Blue and cream trainers with a QR hangtag beside a phone showing styling, matching-product and feedback modules",accent:"bg-apparel-sun"},{kicker:"04 · Extend its life",title:"Keep the product story going for longer.",body:"Connect care, repair, replacement parts, resale and responsible end-of-life routes to the same identity — even after the original sale.",tags:["Care guides","Book repair","Spares","Resale","Recycle","Product history"],image:`${l}/chapter-lifecycle.webp`,alt:"Olive walking boot and repair materials beside a phone showing care, repair, replacement, resale and recycling options",accent:"bg-apparel-sky",flip:!0}];function y(){return e.jsxs("section",{className:"bg-apparel-canvas font-apparel-body",children:[e.jsxs("div",{className:"mx-auto max-w-[1360px] px-6 pb-6 pt-20 md:px-10 lg:px-12",children:[e.jsx("p",{className:"text-xs font-semibold uppercase text-muted-foreground",children:"From first wear to next life"}),e.jsx("h2",{className:"mt-3 max-w-3xl font-apparel-display text-3xl font-semibold leading-tight md:text-5xl",children:"Put the information, inspiration and services around every product."})]}),b.map(a=>e.jsx("article",{className:"mx-auto max-w-[1360px] px-6 py-12 md:px-10 lg:px-12 lg:py-16",children:e.jsxs("div",{className:`grid items-center gap-8 lg:gap-14 ${a.flip?"lg:grid-cols-[minmax(0,0.75fr)_minmax(0,1.25fr)]":"lg:grid-cols-[minmax(0,1.25fr)_minmax(0,0.75fr)]"}`,children:[e.jsxs(r.div,{whileInView:{opacity:[0,1],y:[30,0]},viewport:{once:!0,margin:"-80px"},transition:{duration:.7,ease:"easeOut"},className:`relative ${a.flip?"lg:col-start-2 lg:row-start-1":""}`,children:[e.jsx("div",{className:`pointer-events-none absolute -left-3 -top-3 h-20 w-20 ${a.accent} opacity-60`}),e.jsx("div",{className:"group relative overflow-hidden rounded-3xl border border-apparel-line bg-card shadow-sm",children:e.jsx("img",{src:a.image,alt:a.alt,width:1600,height:1104,loading:"lazy",decoding:"async",className:"h-auto w-full transition-transform duration-[1200ms] ease-out group-hover:scale-[1.03] motion-reduce:transition-none"})})]}),e.jsxs(r.div,{whileInView:{opacity:[0,1],x:[a.flip?-20:20,0]},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,delay:.1,ease:"easeOut"},className:a.flip?"lg:col-start-1 lg:row-start-1":"",children:[e.jsxs("div",{className:"flex items-center gap-3 text-xs font-semibold uppercase text-muted-foreground",children:[e.jsx("span",{className:`h-2 w-2 rounded-full ${a.accent}`}),a.kicker]}),e.jsx("h3",{className:"mt-4 font-apparel-display text-2xl font-semibold leading-tight md:text-4xl",children:a.title}),e.jsx("p",{className:"mt-4 text-base leading-relaxed text-muted-foreground md:text-lg",children:a.body}),e.jsx("ul",{className:"mt-6 flex flex-wrap gap-2",children:a.tags.map(s=>e.jsx("li",{className:"rounded-full border border-apparel-line bg-card px-3 py-1.5 text-sm font-medium text-foreground",children:s},s))})]})]})},a.title))]})}const w=[{label:"Connect",title:"Your product data",body:"Bring materials, care information, content and product services together across every range."},{label:"Understand",title:"Every product interaction",body:"See how customers engage with individual products after they leave the shop or warehouse."}

1,{label:"Scale",title:"Across markets and teams",body:"Plan a connected-product programme with integrations, analytics and dedicated support."}];function j(){return e.jsxs("div",{className:"bg-apparel-canvas font-apparel-body",children:[e.jsx("section",{id:"pricing",className:"scroll-mt-24 border-y border-apparel-line bg-card",children:e.jsxs("div",{className:"mx-auto grid max-w-[1360px] gap-10 px-6 py-16 md:px-10 lg:grid-cols-[minmax(0,1.05fr)_minmax(24rem,0.95fr)] lg:items-center lg:px-12 lg:py-24",children:[e.jsxs(r.div,{whileInView:{opacity:[0,1],y:[24,0]},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:"easeOut"},children:[e.jsx("p",{className:"text-xs font-semibold uppercase text-muted-foreground",children:"Your first product can start here"}),e.jsx("h2",{className:"mt-3 max-w-2xl font-apparel-display text-3xl font-semibold leading-tight md:text-5xl",children:"Build the experience around your product before you pay a thing."}),e.jsx("p",{className:"mt-5 max-w-xl text-base leading-relaxed text-muted-foreground md:text-lg",children:"Add product information, organise the actions customers should see and preview the complete experience. Your subscription starts when you publish it live."}),e.jsxs("div",{className:"mt-8 flex flex-wrap items-start gap-3",children:[e.jsx(x,{size:"lg",start:!0,path:m.apparel,className:"bg-brand text-brand-foreground shadow-sm hover:opacity-90"}),e.jsx(n,{asChild:!0,size:"lg",variant:"outline",className:"bg-card",children:e.jsxs(d,{to:"/contact",children:["Book a walkthrough ",e.jsx(p,{className:"size-4"})]})})]}),e.jsxs("p",{className:"mt-6 flex items-start gap-2 text-sm text-muted-foreground",children:[e.jsx(u,{className:"mt-0.5 size-4 shrink-0 text-apparel-coral",strokeWidth:3}),h.MICROCOPY]})]}),e.jsxs(r.div,{whileInView:{opacity:[0,1],x:[24,0]},viewport:{once:!0,margin:"-80px"},transition:{duration:.65,delay:.08,ease:"easeOut"},className:"relative border border-apparel-line bg-apparel-canvas p-5 md:p-7",children:[e.jsx("div",{className:"absolute inset-x-0 top-0 h-1 bg-apparel-coral","aria-hidden":"true"}),e.jsx("p",{className:"font-apparel-display text-lg font-semibold",children:"From product to published portal"}),e.jsx("ol",{className:"mt-6 divide-y divide-apparel-line",children:[["01","Add your product","Start with the materials, care and product information you already have."],["02","Shape the experience","Choose the content, services and next steps that fit this product."],["03","Preview, then publish","Check every detail before the experience goes live."]].map(([a,s,i])=>e.jsxs("li",{className:"grid grid-cols-[2.5rem_1fr] gap-3 py-4 first:pt-0 last:pb-0",children:[e.jsx("span",{className:"font-apparel-display text-sm font-semibold text-apparel-coral",children:a}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-apparel-display text-base font-semibold",children:s}),e.jsx("p",{className:"mt-1 text-sm leading-relaxed text-muted-foreground",children:i})]})]},a))})]})]})}),e.jsx("section",{className:"border-b border-apparel-line",children:e.jsx("div",{className:"mx-auto max-w-[1360px] px-6 py-16 md:px-10 lg:px-12 lg:py-24",children:e.jsxs("div",{className:"grid gap-8 lg:grid-cols-[minmax(0,0.78fr)_minmax(0,1.22fr)] lg:gap-16",children:[e.jsxs(r.div,{whileInView:{opacity:[0,1],y:[22,0]},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:"easeOut"},children:[e.jsx("p",{className:"text-xs font-semibold uppercase text-muted-foreground",children:"For larger portfolios"}),e.jsx("h2",{className:"mt-3 font-apparel-display text-3xl font-semibold leading-tight md:text-4xl",children:"Ready for enterprise scale?"}),e.jsx("p",{className:"mt-4 text-base leading-relaxed text-muted-foreground md:text-lg",children:"Connect product data, customer experiences and operational workflows across ranges, markets and teams."}),e.jsx(n,{asChild:!0,size:"lg",className:"mt-7 bg-foreground text-background hover:bg-foreground

1/90",children:e.jsxs(d,{to:"/contact",children:["Book a walkthrough ",e.jsx(p,{className:"size-4"})]})})]}),e.jsx("div",{className:"grid border-t border-apparel-line sm:grid-cols-3 lg:border-l lg:border-t-0",children:w.map((a,s)=>e.jsxs(r.article,{whileInView:{opacity:[0,1],y:[18,0]},viewport:{once:!0,margin:"-80px"},transition:{duration:.5,delay:s*.08,ease:"easeOut"},className:"border-b border-apparel-line py-6 sm:border-b-0 sm:border-r sm:px-5 sm:last:border-r-0 lg:px-6",children:[e.jsx("p",{className:"text-xs font-semibold uppercase text-apparel-coral",children:a.label}),e.jsx("h3",{className:"mt-3 font-apparel-display text-lg font-semibold leading-snug",children:a.title}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-muted-foreground",children:a.body})]},a.title))})]})})}),e.jsx("section",{className:"bg-apparel-ink text-primary-foreground",children:e.jsxs("div",{className:"mx-auto grid max-w-[1360px] gap-10 px-6 py-16 md:px-10 lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)] lg:items-start lg:px-12 lg:py-24",children:[e.jsxs(r.div,{whileInView:{opacity:[0,1],x:[-20,0]},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:"easeOut"},children:[e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx("img",{src:"/assets/partners/gs1-uk-approved-badge.png",alt:"GS1 UK Approved Partner badge",width:612,height:618,loading:"lazy",className:"h-20 w-auto bg-card p-2"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase text-primary-foreground/70",children:"Built on a global standard"}),e.jsx("h2",{className:"mt-2 font-apparel-display text-3xl font-semibold leading-tight md:text-4xl",children:"SmartLinks is a GS1 approved partner."})]})]}),e.jsx("p",{className:"mt-6 text-base leading-relaxed text-primary-foreground/80 md:text-lg",children:"GS1 Digital Links connect product identifiers to product-specific information, experiences and services while retaining the codes used across supply chains."})]}),e.jsxs(r.figure,{whileInView:{opacity:[0,1],y:[24,0]},viewport:{once:!0,margin:"-80px"},transition:{duration:.65,delay:.08,ease:"easeOut"},className:"border-l border-primary-foreground/30 pl-6 md:pl-10",children:[e.jsx("blockquote",{className:"font-apparel-display text-xl font-medium leading-relaxed md:text-2xl",children:"“The global transition from the trusty barcode to QR codes powered by GS1 marks the beginning of a new era of transparency, connecting products with consumers, supply chains and regulators like never before. SmartLinks is playing a vital role in making adoption simple and scalable.”"}),e.jsxs("figcaption",{className:"mt-6 flex items-center gap-4",children:[e.jsx("img",{src:"/assets/partners/anne-godfrey-gs1-uk.png",alt:"Anne Godfrey, CEO of GS1 UK",width:427,height:405,loading:"lazy",className:"h-14 w-14 rounded-full object-cover"}),e.jsxs("span",{children:[e.jsx("span",{className:"block font-semibold",children:"Anne Godfrey"}),e.jsx("span",{className:"block text-sm text-primary-foreground/70",children:"CEO, GS1 UK"})]})]})]})]})})]})}function k(){return e.jsxs("main",{className:"bg-apparel-canvas text-foreground",children:[e.jsx(f,{}),e.jsx(y,{}),e.jsx(j,{})]})}export{k as component};