https://heysprite.com/_next/static/chunks/2451-d2eac3893ea95c47.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2451],{42451:(e,t,s)=>{s.d(t,{UCPSection:()=>x});var a=s(63084),r=s(67584),n=s(48063),i=s.n(n),o=s(80097),l=s(82103),d=s(36169),c=s(11809);let u=[{label:"Why it matters",description:"The rules of discovery are evolving.",headline:"More than just great content.",body:"When ChatGPT or Perplexity search for products, they want to talk to other software, not browse your website. If your store doesn’t speak that language, you may be invisible. Sprite builds and hosts that conversation for you.",icon:(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",className:"w-6 h-6",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{d:"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83",strokeLinecap:"round"})})},{label:"What it is",description:"UCP + MCP",headline:"Emerging commerce standards.",body:"Universal Commerce Protocol (UCP) and Model Context Protocol (MCP) are two evolving standards that define how AI agents discover, query, and interact with stores. When someone asks a chat bot to find a product, having your own agent helps get your store into the conversation instead of invisible to it.",icon:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",className:"w-6 h-6",stroke:"currentColor",strokeWidth:1.5,children:[(0,a.jsx)("path",{d:"M4 17V7a2 2 0 012-2h12a2 2 0 012 2v10",strokeLinecap:"round"}),(0,a.jsx)("path",{d:"M8 9h8M8 13h5",strokeLinecap:"round"}),(0,a.jsx)("path",{d:"M2 17h20",strokeLinecap:"round"})]})},{label:"How we do it",description:"Infrastructure, done for you.",headline:"Under the hood.",body:(0,a.jsxs)(a.Fragment,{children:["We add a ",(0,a.jsx)("span",{className:"font-mono text-[#17475D]",children:".well-known"})," ","file to your domain and point it at our hosted UCP/MCP servers. Your catalog, pricing, and product information become live, machine-readable, and queryable by any AI agent. No developer. No setup. It just works."]}),icon:(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",className:"w-6 h-6",stroke:"currentColor",strokeWidth:1.5,children:[(0,a.jsx)("path",{d:"M4 19h16",strokeLinecap:"round"}),(0,a.jsx)("path",{d:"M4 15h16",strokeLinecap:"round"}),(0,a.jsx)("path",{d:"M8 7l4-4 4 4",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{d:"M12 3v12",strokeLinecap:"round"})]})}],m=["Research the UCP/MCP specs yourself","Hire a dev to build and host the servers","Manually restructure your catalog data","Maintain it as the spec evolves","Hope the AI agents find you"],p=["UCP, MCP servers deployed on signup",".well-known file added to your domain","Catalog synced and queryable, live","Maintained automatically as standards evolve","AI agents can find, read, and act on your store"];function x(){let e=(0,r.useRef)(null),t=(0,r.useRef)(null),[s,n]=(0,r.useState)(!1),[x,h]=(0,r.useState)(0),[b,f]=(0,r.useState)(0),[y,g]=(0,r.useState)(!0),v=(0,r.useRef)(null),[j,N]=(0,r.useState)(!1),[w,k]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=new IntersectionObserver(([t])=>{t.isIntersecting&&(N(!0),setTimeout(()=>k(!0),1800),e.unobserve(t.target))},{threshold:.3});return v.current&&e.observe(v.current),()=>e.disconnect()},[]),(0,r.useEffect)(()=>{let t=new IntersectionObserver(([e])=>{e.isIntersecting&&(n(!0),t.unobserve(e.target))},{threshold:.1});return e.current&&t.observe(e.current),()=>t.disconnect()},[]),(0,r.useEffect)(()=>()=>{null!==t.current&&window.clearTimeout(t.current)},[]);let M=e=>{if(e!==x||e!==b||!y){if(null!==t.current&&window.clearTimeout(t.current),h(e),e===b)return void g(!0);g(!1),t.current=window.setTimeout(()=>{f(e),g(!0),t.current=null},110)}};return(0,a.jsxs)("section",{ref:e,className:"relative py-28 md:py-40 px-6 bg-[#f5f5f7] overflow-hidden",children:[(0,a.jsxs)("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:[(0,a.jsx)("div",{className:(0,c.cn)("absolute w-[600px] h-[600px] rounded-full blur-[120px] transition-opacity duration-[2000ms]",s?"opacity-[0.12]":"opacity-0"),style:{background:"radial-gradient(circle, #17475D 0%, transparent 70%)",top:"-10%",right:"-10%",animation:s?"ucpOrb1 20s ease-in-out infinite":"none"}}

1),(0,a.jsx)("div",{className:(0,c.cn)("absolute w-[500px] h-[500px] rounded-full blur-[100px] transition-opacity duration-[2000ms]",s?"opacity-[0.08]":"opacity-0"),style:{background:"radial-gradient(circle, #2a7a9b 0%, transparent 70%)",bottom:"-5%",left:"-5%",animation:s?"ucpOrb2 25s ease-in-out infinite":"none"}})]}),(0,a.jsxs)("div",{className:"relative z-10 max-w-5xl mx-auto",children:[(0,a.jsxs)("div",{className:(0,c.cn)("text-center mb-20 md:mb-28 transition-all duration-[1200ms] ease-[cubic-bezier(0.25,0.1,0.25,1)]",s?"opacity-100 translate-y-0":"opacity-0 translate-y-12"),children:[(0,a.jsx)("p",{className:"text-[13px] text-[#6e6e73] uppercase tracking-[0.15em] mb-5",children:"Your own UCP and MCP servers. Hosted. Live."}),(0,a.jsxs)("h2",{className:"text-[clamp(1.75rem,5vw,3.5rem)] leading-[1.15] font-semibold tracking-[-0.035em] text-[#1d1d1f]",children:["AI agents don't browse.",(0,a.jsx)("br",{}),(0,a.jsx)("span",{className:"bg-gradient-to-r from-[#17475D] to-[#2a7a9b] bg-clip-text text-transparent",children:"They query endpoints."})]})]}),(0,a.jsx)("div",{className:(0,c.cn)("mb-20 md:mb-28 rounded-[28px] border border-[#e8e8ed] bg-white/85 backdrop-blur-sm shadow-[0_24px_80px_rgba(23,71,93,0.08)] transition-all duration-[1200ms] ease-[cubic-bezier(0.25,0.1,0.25,1)]",s?"opacity-100 translate-y-0":"opacity-0 translate-y-12"),children:(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-[320px_1fr]",children:[(0,a.jsx)("div",{className:"border-b border-[#e8e8ed] p-6 md:border-b-0 md:border-r md:p-8",children:(0,a.jsx)("div",{className:"space-y-3",children:u.map((e,t)=>{let s=x===t;return(0,a.jsx)("button",{type:"button",onClick:()=>M(t),onMouseEnter:()=>M(t),className:(0,c.cn)("w-full rounded-2xl px-5 py-4 text-left transition-[background-color,border-color,opacity] duration-150 ease-out border",s?"border-[#17475D]/20 bg-[#f3f7f9]":"border-transparent bg-transparent hover:bg-[#f7f7f8]"),children:(0,a.jsxs)("div",{className:"flex items-start gap-4",children:[(0,a.jsx)("div",{className:(0,c.cn)("flex h-10 w-10 shrink-0 items-center justify-center rounded-xl transition-colors duration-150",s?"bg-[#17475D] text-white":"bg-[#f0f4f6] text-[#17475D]"),children:e.icon}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-lg font-semibold tracking-[-0.02em] text-[#1d1d1f]",children:e.label}),(0,a.jsx)("p",{className:"mt-1 text-[14px] leading-[1.5] text-[#6e6e73]",children:e.description})]})]})},e.label)})})}),(0,a.jsx)("div",{className:"p-6 md:p-8 md:pl-10",children:(0,a.jsxs)("div",{className:(0,c.cn)("min-h-[220px] rounded-2xl p-6 md:p-8 transition-[opacity,filter] duration-200 ease-out",y?"opacity-100 blur-0":"opacity-0 blur-sm"),children:[(0,a.jsx)("h3",{className:"mb-4 text-[clamp(1.4rem,3vw,2rem)] font-semibold leading-[1.15] tracking-[-0.03em] text-[#1d1d1f]",children:u[b].headline}),(0,a.jsx)("div",{className:"text-[15px] leading-[1.8] text-[#5f5f64]",children:u[b].body})]})})]})}),(0,a.jsxs)("div",{ref:v,className:"relative rounded-2xl border border-[#e8e8ed] bg-white p-10 md:p-14 mb-16 overflow-hidden",children:[(0,a.jsx)("div",{className:"absolute inset-0 z-20 pointer-events-none",style:{background:"linear-gradient(90deg, transparent 0%, rgba(23,71,93,0.04) 50%, transparent 100%)",transform:w?"translateX(100%)":"translateX(-100%)",transition:"transform 1.2s cubic-bezier(0.25,0.1,0.25,1)"}}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-10 md:gap-14 items-center",children:[(0,a.jsxs)("div",{className:(0,c.cn)("text-center md:text-left transition-all duration-[1000ms] ease-[cubic-bezier(0.25,0.1,0.25,1)]",j?"opacity-100 translate-y-0":"opacity-0 translate-y-8",w&&"opacity-70 scale-[0.98]"),style:{transitionDelay:j?"200ms":"0ms"},children:[(0,a.jsx)("p",{className:"text-[13px] text-[#6e6e73] uppercase tracking-[0.15em] mb-6",children:"Without Sprite"}),(0,a.jsx)("ul",{className:"space-y-4",children:m.map((e,t)=>(0,a.jsxs)("li",{className:"flex items-start gap-3",children:[(0,a.jsx)("span",{className:"mt-1 flex-shrink-0 w-5 h-5 rounded-full bg-[#f5f5f7] flex items-center justify-center",children:(0,a.jsx)(o.A,{size:12,className:"text-[#b0b0b5]"})}),(0,a.jsx)("span",{className:"text-[15px] leading-[1.5] text-[#b0b0b5]",children:e})]},t))})]}

1),(0,a.jsxs)("div",{className:(0,c.cn)("hidden md:flex flex-col items-center gap-2 transition-all duration-[800ms] ease-[cubic-bezier(0.25,0.1,0.25,1)]",j?"opacity-100 scale-100":"opacity-0 scale-75"),style:{transitionDelay:j?"600ms":"0ms"},children:[(0,a.jsx)("div",{className:"w-px h-16 bg-gradient-to-b from-transparent via-[#d2d2d7] to-transparent"}),(0,a.jsx)("div",{className:(0,c.cn)("w-8 h-8 rounded-full border flex items-center justify-center transition-all duration-500",w?"border-[#17475D] bg-[#17475D]":"border-[#d2d2d7]"),children:(0,a.jsx)(l.A,{size:14,className:(0,c.cn)("transition-colors duration-500",w?"text-white":"text-[#17475D]")})}),(0,a.jsx)("div",{className:"w-px h-16 bg-gradient-to-b from-transparent via-[#d2d2d7] to-transparent"})]}),(0,a.jsxs)("div",{className:(0,c.cn)("text-center md:text-left transition-all duration-[1000ms] ease-[cubic-bezier(0.25,0.1,0.25,1)]",w?"opacity-100 translate-y-0 scale-100":"opacity-0 translate-y-8 scale-[0.98]"),children:[(0,a.jsx)("p",{className:"text-[13px] text-[#17475D] uppercase tracking-[0.15em] mb-6",children:"With Sprite"}),(0,a.jsx)("ul",{className:"space-y-4",children:p.map((e,t)=>(0,a.jsxs)("li",{className:"flex items-start gap-3",children:[(0,a.jsx)("span",{className:"mt-1 flex-shrink-0 w-5 h-5 rounded-full bg-[#17475D]/10 flex items-center justify-center",children:(0,a.jsx)(d.A,{size:12,className:"text-[#17475D]"})}),(0,a.jsx)("span",{className:"text-[15px] leading-[1.5] text-[#1d1d1f]",children:e})]},t))})]})]})]}),(0,a.jsx)("div",{className:(0,c.cn)("text-center transition-all duration-[1200ms] ease-[cubic-bezier(0.25,0.1,0.25,1)]",s?"opacity-100 translate-y-0":"opacity-0 translate-y-12"),style:{transitionDelay:s?"1300ms":"0ms"},children:(0,a.jsxs)(i(),{href:"/blog/is-your-store-ucp-ready-the-new-baseline-every-serious-ecommerce-seo-strategy-needs",className:"group inline-flex items-center gap-1.5 text-[15px] font-medium text-[#17475D] hover:text-[#123a4d] transition-colors duration-300",children:["What is Universal Commerce Protocol",(0,a.jsx)(l.A,{size:14,className:"transition-transform duration-300 group-hover:translate-x-0.5"})]})})]}),(0,a.jsx)("style",{children:`
2        @keyframes ucpOrb1 {
3          0%, 100% { transform: translate(0, 0) scale(1); }
4          33% { transform: translate(-30px, 20px) scale(1.1); }
5          66% { transform: translate(20px, -10px) scale(0.95); }
6        }
7        @keyframes ucpOrb2 {
8          0%, 100% { transform: translate(0, 0) scale(1); }
9          33% { transform: translate(25px, -15px) scale(1.05); }
10          66% { transform: translate(-15px, 25px) scale(0.9); }
11        }
12      `})]})}},80097:(e,t,s)=>{s.d(t,{A:()=>a});let a=(0,s(24238).A)("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]])}}]);