https://linkrunner.io/_next/static/chunks/9518-aa352606a6726276.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9518],{89518:(e,s,a)=>{a.d(s,{ur:()=>L,vM:()=>k,PanelBg:()=>M,Tr:()=>z,mD:()=>_,dj:()=>V});var l=a(7128),t=a(84295),i=a(48331),n=a(93986),r=a(43603),d=a(50586),c=a(71060),x=a(50221),o=a(7771);let m={width:1100,height:540},h={width:360,height:1180};function p({d:e,delay:s,duration:a=.8,stroke:t="#cdcdd7",strokeWidth:i=2,reducedMotion:d}){return(0,l.jsx)(n.P.path,{d:e,fill:"none",stroke:t,strokeWidth:i,strokeLinecap:"butt",strokeLinejoin:"miter",initial:d?{pathLength:1,opacity:1}:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:1},transition:{pathLength:{duration:a,ease:r._l.standard,delay:d?0:s},opacity:{duration:r.yW.base,ease:r._l.standard,delay:d?0:s}}})}function f({children:e,delay:s,x:a,y:t,reducedMotion:i,className:d=""}){return(0,l.jsx)(n.P.div,{className:d,style:{position:"absolute",left:a,top:t},initial:i?{opacity:1,y:0}:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:r.yW.slower,ease:r._l.emphasized,delay:i?0:s},children:e})}let y={canvas:m,regionA:{x:0,y:0,w:590,h:280},regionB:{x:720,y:270,w:340,h:270},campA:{cx:65,cy:185},campB:{cx:840,cy:430},osBox:{x:155,y:155,w:60,h:38},iosRow:{x:260,y:115},androidRow:{x:260,y:215},phoneOpen:{x:475,y:55},phoneReeng:{x:950,y:325},inactivePill:{x:580,y:380}},u={canvas:h,regionA:{x:10,y:0,w:340,h:560},regionB:{x:10,y:620,w:340,h:560},campA:{cx:180,cy:80},campB:{cx:180,cy:720},osBox:{x:150,y:170,w:60,h:40},iosRow:{x:60,y:250},androidRow:{x:215,y:250},phoneOpen:{x:130,y:340},phoneReeng:{x:130,y:850},inactivePill:{x:80,y:580}};function g(){let e,s,a,d,g,j,v,N,b,$=(0,c.useRef)(null),[w,M]=(0,c.useState)(1),[H,P]=(0,c.useState)(!1),L=(0,i.I)()??!1,V=H?u:y,_=V.canvas;(0,c.useEffect)(()=>{let e=$.current;if(!e)return;let s=()=>{let s=e.clientWidth<640;P(s);let a=s?h:m,l=s?8:16;M(Math.min((e.clientWidth-2*l)/a.width,(e.clientHeight-2*l)/a.height,1))};s();let a=new ResizeObserver(s);return a.observe(e),()=>a.disconnect()},[]);let k=V.regionA,S=V.regionB,C=V.campA,A=V.campB,z=V.osBox,R=V.iosRow,B=V.androidRow,T=V.phoneOpen,W=V.phoneReeng,O=V.inactivePill,E=z.x+z.w,I=z.y+z.h/2,D=z.x+z.w/2,J=z.y+z.h,U=T.x+50,q=T.y+210,F=W.x+50,Y=W.y,Z=R.x+40,G=R.y+44,K=B.x+40,Q=B.y+44,X=O.y+16,ee=O.x+180;return H?(e=`M ${C.cx} ${C.cy+50} L ${D} ${z.y}`,s=`M ${D-12} ${J} V ${J+22} H ${Z} V ${R.y}`,a=`M ${D+12} ${J} V ${J+22} H ${K} V ${B.y}`,d=`M ${Z} ${G} V ${T.y-24} H ${T.x+30} V ${T.y}`,g=`M ${K} ${Q} V ${T.y-24} H ${T.x+70} V ${T.y}`,j=`M ${U} ${q} L ${O.x+90} ${X}`,v=`M ${O.x+90} ${X+18} L ${A.cx} ${A.cy-50}`,N=`M ${A.cx} ${A.cy+50} L ${F} ${Y}`,b=`M ${C.cx} ${C.cy+50} L ${D} ${z.y} L ${D} ${J} L ${D-12} ${J} V ${J+22} H ${Z} V ${R.y} L ${Z} ${G} V ${T.y-24} H ${T.x+30} V ${T.y} L ${U} ${q} L ${O.x+90} ${X} L ${O.x+90} ${X+18} L ${A.cx} ${A.cy-50} L ${A.cx} ${A.cy+50} L ${F} ${Y}`):(e=`M ${C.cx+42} ${C.cy} H ${C.cx+122} V ${I} H ${z.x}`,s=`M ${E} ${I} H ${E+30} V ${R.y+20} H ${R.x}`,a=`M ${E} ${I} H ${E+30} V ${B.y+20} H ${B.x}`,d=`M ${R.x+90} ${R.y+20} H ${T.x-56} V ${T.y+100} H ${T.x}`,g=`M ${B.x+110} ${B.y+20} H ${T.x-42} V ${T.y+110} H ${T.x}`,j=`M ${T.x+50} ${T.y+210} V ${X} H ${O.x}`,v=`M ${ee} ${X} H ${A.cx-72} V ${A.cy} H ${A.cx-42}`,N=`M ${A.cx+42} ${A.cy} H ${W.x-34} V ${W.y+100} H ${W.x}`,b=`M ${C.cx+42} ${C.cy} H ${C.cx+122} V ${I} H ${E} H ${E+30} V ${R.y+20} H ${R.x+90} H ${T.x-56} V ${T.y+100} H ${T.x+50} V ${T.y+210} V ${X} H ${O.x+90} H ${A.cx-72} V ${A.cy} H ${A.cx+42} H ${W.x-34} V ${W.y+100} H ${W.x+50}`),(0,l.jsx)("div",{ref:$,className:"flex h-full w-full select-none items-center justify-center overflow-hidden","aria-label":"Remarketing flow diagram showing first-time attribution and re-engagement",children:(0,l.jsxs)("div",{style:{position:"relative",width:_.width,height:_.height,transform:`scale(${Math.max(w,0)})`,transformOrigin:"center center",flexShrink:0},children:[(0,l.jsx)(f,{x:k.x,y:k.y,delay:0,reducedMotion:L,children:(0,l.jsx)("div",{className:"border border-white/50 bg-white/20",style:{width:k.w,height:k.h},children:(0,l.jsx)("div",{className:"bg-white px-2 py-1.5 inline-block",children:(0,l.jsx)("span",{className:"text-[13px] font-normal tracking-[-0.02em] text-gray-900",children:"first time attribution"})})})}),(0,l.jsx)(f,{x:S.x,y:S.y,delay:1.2,reducedMotion:L,children:(0,l.jsx)("div",{className:"border border-white/50 bg-white/20",style:{width:S.w,height:S.h},children:(0,l.jsx)("div",{className:"bg-white px-2 py-1.5 inline-block",children:(0,l.jsx)("span",{className:"text-[13px] font-normal tracking-[-0.02em] text-gray-900",children:"Re-engagement of same user"})})})}),(0,l.jsxs)("svg",{className:"pointer-events-none absolute inset-0",width:_.width,height:_.height,viewBox:`0 0 ${_.width} ${_.height}

1`,fill:"none","aria-hidden":!0,children:[(0,l.jsx)(p,{d:e,delay:.2,duration:.6,reducedMotion:L}),(0,l.jsx)(p,{d:s,delay:.4,duration:.5,reducedMotion:L}),(0,l.jsx)(p,{d:a,delay:.45,duration:.5,reducedMotion:L}),(0,l.jsx)(p,{d:d,delay:.5,duration:.6,reducedMotion:L}),(0,l.jsx)(p,{d:g,delay:.6,duration:.6,reducedMotion:L}),(0,l.jsx)(p,{d:j,delay:.9,duration:.7,stroke:"#afafb9",reducedMotion:L}),(0,l.jsx)(p,{d:v,delay:1.3,duration:.6,reducedMotion:L}),(0,l.jsx)(p,{d:N,delay:1.7,duration:.5,reducedMotion:L}),!L&&(0,l.jsx)(n.P.circle,{r:"4",fill:"#7382ff",initial:{opacity:0},animate:{opacity:[0,1,1,0]},transition:{duration:4,repeat:1/0,delay:2.5,ease:r._l.linear},children:(0,l.jsx)("animateMotion",{dur:"4s",repeatCount:"indefinite",begin:"2.5s",path:b})})]}),(0,l.jsx)(f,{x:C.cx-42,y:C.cy-49,delay:.1,reducedMotion:L,children:(0,l.jsxs)("div",{className:"flex flex-col items-center",children:[(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)("svg",{width:"85",height:"98",viewBox:"0 0 85 98",fill:"none","aria-hidden":!0,children:(0,l.jsx)("path",{d:"M40.5 2.3a4 4 0 0 1 4 0L80 22.5a4 4 0 0 1 2 3.5v40a4 4 0 0 1-2 3.5L44.5 89.7a4 4 0 0 1-4 0L5 69.5a4 4 0 0 1-2-3.5v-40a4 4 0 0 1 2-3.5L40.5 2.3Z",fill:"white",stroke:"#e8e8ed",strokeWidth:"1.5"})}),(0,l.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,l.jsx)("span",{className:"font-mono text-2xl font-semibold text-gray-400",children:"A"})})]}),(0,l.jsx)("span",{className:"mt-0.5 text-[13px] text-gray-400",children:"Campaign"})]})}),(0,l.jsx)(f,{x:z.x,y:z.y,delay:.25,reducedMotion:L,children:(0,l.jsx)("div",{className:"flex items-center justify-center rounded-md bg-white",style:{width:z.w,height:z.h},children:(0,l.jsx)("span",{className:"text-[13px] text-gray-500",children:"OS"})})}),(0,l.jsx)(f,{x:R.x,y:R.y,delay:.35,reducedMotion:L,children:(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:"rounded-md bg-[#9cd2f1] px-2 py-0.5 text-[11px] font-medium text-gray-900",children:"iOS"}),(0,l.jsx)(t.default,{src:"/hero/android-icon.png",alt:"iOS app icon",width:44,height:44,className:"rounded-[10px]"})]})}),(0,l.jsx)(f,{x:B.x,y:B.y,delay:.4,reducedMotion:L,children:(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:"rounded-md bg-[#9cd2f1] px-2 py-0.5 text-[11px] font-medium text-gray-900",children:"Android"}),(0,l.jsx)(t.default,{src:"/hero/ios-icon.png",alt:"Android app icon",width:44,height:44,className:"rounded-[10px]"})]})}),(0,l.jsx)(f,{x:T.x,y:T.y,delay:.55,reducedMotion:L,children:(0,l.jsx)(o.DeviceFrame,{device:"iphone",screenType:"island",screenWidth:94,frameColor:"white",statusbarColor:"#f9f9fb",hideNavBar:!0,children:(0,l.jsx)("div",{className:"flex h-full w-full items-center justify-center bg-white px-2",children:(0,l.jsx)("span",{className:"text-center text-[13px] text-gray-500",children:"App Open"})})})}),(0,l.jsx)(f,{x:O.x,y:O.y,delay:1,reducedMotion:L,children:(0,l.jsxs)("div",{className:"relative flex items-center justify-center",children:[(0,l.jsx)("div",{className:"absolute left-1/2 top-1/2 h-[34px] w-[200px] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-full border border-gray-100/80 bg-gray-50/80",children:(0,l.jsxs)(n.P.div,{className:"flex h-full items-center gap-6 whitespace-nowrap px-3",animate:L?{}:{x:[0,-130,0]},transition:{duration:8,repeat:1/0,ease:r._l.linear,delay:1.8},"aria-hidden":!0,children:[(0,l.jsx)("span",{className:"text-[10px] text-gray-300",children:"no_activity_7d"}),(0,l.jsx)("span",{className:"text-[10px] text-gray-300",children:"cart_abandoned"}),(0,l.jsx)("span",{className:"text-[10px] text-gray-300",children:"session_drop"})]})}),(0,l.jsxs)(n.P.div,{className:"relative z-10 flex items-center gap-1.5 rounded-full border border-gray-50 bg-white px-4 py-2 shadow-[0_1px_20px_rgba(0,0,0,0.1)]",initial:L?{}:{scale:.9},animate:{scale:1},transition:{duration:r.yW.slow,ease:r._l.emphasized,delay:+!L},children:[(0,l.jsx)(x.q,{size:18,weight:"regular",className:"text-gray-900"}),(0,l.jsx)("span",{className:"text-[13px] font-normal text-gray-900",children:"User Inactive"})]}),!L&&(0,l.jsx)(n.P.div,{className:"absolute inset-[-6px] z-0 rounded-full border border-gray-200/60",animate:{o

1pacity:[0,.4,0],scale:[.97,1.05,1.08]},transition:{duration:2.2,repeat:1/0,delay:1.8,ease:r._l.standard},"aria-hidden":!0})]})}),(0,l.jsx)(f,{x:A.cx-42,y:A.cy-49,delay:1.4,reducedMotion:L,children:(0,l.jsxs)("div",{className:"flex flex-col items-center",children:[(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)("svg",{width:"85",height:"98",viewBox:"0 0 85 98",fill:"none","aria-hidden":!0,children:(0,l.jsx)("path",{d:"M40.5 2.3a4 4 0 0 1 4 0L80 22.5a4 4 0 0 1 2 3.5v40a4 4 0 0 1-2 3.5L44.5 89.7a4 4 0 0 1-4 0L5 69.5a4 4 0 0 1-2-3.5v-40a4 4 0 0 1 2-3.5L40.5 2.3Z",fill:"white",stroke:"#e8e8ed",strokeWidth:"1.5"})}),(0,l.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,l.jsx)("span",{className:"font-mono text-2xl font-semibold text-gray-400",children:"B"})})]}),(0,l.jsx)("span",{className:"mt-0.5 text-[13px] text-gray-400",children:"Campaign"})]})}),(0,l.jsx)(f,{x:W.x,y:W.y,delay:1.6,reducedMotion:L,children:(0,l.jsx)(o.DeviceFrame,{device:"iphone",screenType:"island",screenWidth:94,frameColor:"white",statusbarColor:"#f9f9fb",hideNavBar:!0,children:(0,l.jsx)("div",{className:"flex h-full w-full items-center justify-center bg-white px-2",children:(0,l.jsx)("span",{className:"text-center text-[12px] text-gray-500",children:"User Re-engaged"})})})})]})})}var j=a(59730),v=a(59387);let N="/brand/onelink/avatars/analytics-user-mumbai.jpg",b=r._l.emphasized,$=(e,s)=>({hidden:{opacity:0,rotateY:e},visible:{opacity:1,rotateY:0,transition:{duration:r.yW.reveal,ease:b,delay:s}}}),w=e=>({hidden:{opacity:0},visible:{opacity:1,transition:{duration:r.yW.slower,ease:r._l.standard,delay:e}}});function M({children:e}){return(0,l.jsxs)("div",{className:"relative h-full w-full overflow-hidden",children:[(0,l.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 -z-10",children:(0,l.jsx)("div",{className:"absolute inset-0 bg-cover bg-center",style:{backgroundImage:"url('/assets/gradient-snapshots/platform-panel.webp')"}})}),e]})}function H({children:e,className:s}){return(0,l.jsx)("div",{className:(0,d.cn)("rounded-[10px] border-[1.2px] border-white bg-white/80 p-2.5 backdrop-blur-sm",s),children:e})}function P({label:e,value:s,className:a}){return(0,l.jsxs)("div",{className:(0,d.cn)("flex min-w-0 flex-col gap-0.5",a),children:[(0,l.jsx)("span",{className:"text-xs text-gray-400",children:e}),(0,l.jsx)("span",{className:"truncate text-sm text-gray-600",children:s})]})}function L(){return(0,l.jsx)("div",{className:"flex h-full items-center justify-center p-3 sm:p-5",children:(0,l.jsx)("div",{className:"relative h-full w-full",children:(0,l.jsx)(v.SmartRoutingFlow,{})})})}function V(){let e=(0,i.I)();return(0,l.jsx)(M,{children:(0,l.jsxs)("div",{className:"flex h-full items-center justify-center px-4 sm:px-8",children:[(0,l.jsxs)(n.P.div,{className:"hidden h-[340px] sm:flex",style:{perspective:"1200px"},initial:e?"visible":"hidden",animate:"visible",children:[(0,l.jsx)(n.P.div,{variants:$(-45,.08),style:{transformOrigin:"right center"},children:(0,l.jsxs)(H,{className:"flex h-full w-[220px] flex-col gap-5 rounded-r-none",children:[(0,l.jsxs)(n.P.div,{className:"flex flex-col gap-2.5",variants:w(.3),children:[(0,l.jsx)("div",{className:"size-16 overflow-hidden rounded-full",children:(0,l.jsx)(t.default,{src:N,alt:"Sam Taylor avatar",width:64,height:64,className:"size-full object-cover"})}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,l.jsx)("span",{className:"text-base text-gray-900",children:"Sam Taylor"}),(0,l.jsx)("span",{className:"text-xs font-medium text-gray-400",children:"uuid: #bv890tyrw"})]})]}),(0,l.jsxs)(n.P.div,{className:"flex flex-col gap-2.5",variants:w(.5),children:[(0,l.jsx)(P,{label:"Referral Code",value:"SAMT"}),(0,l.jsx)(P,{label:"Email",value:"[email protected]"}),(0,l.jsx)(P,{label:"Account Since",value:"Jun 12, 2026"})]})]})}),(0,l.jsx)(n.P.div,{variants:$(-35,.2),style:{transformOrigin:"left center"},children:(0,l.jsxs)(H,{className:"flex h-full w-[220px] flex-col gap-5 rounded-none border-l-0",children:[(0,l.jsx)(n.P.span,{className:"text-xs font-semibold text-gray-500",variants:w(.5),children:"Attribution Data"}),(0,l.jsxs)(n.P.div,{className:"flex flex-col gap-3",variants:w(.6),children:[(0,l.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,l.jsx)("span",{className:"text-xs text-gray-400",children:"Ad Network"}),(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)(t.default,{src:"/logos/integrations/square/meta-platforms-logo.png",alt:"Meta",width:16,height:16,className:"size-4 object-contain"}),(0,l.jsx)("span",{className:"text-sm text-gray-600",children:"Meta"})]})]}),(0,l.jsx)(P,{label:"Campaign",value:"India_March"}),(0,l.jsx)(P,{label:"AdSet",value:"Static_Colorful"}),(0,l.jsx)(P,{label:"Ad",value:"Text_Heavy_Layout"})]})]})}),(0,l.jsx)(n.P.div,{variants:$(-25,.4),style:{transformOrigin:"left center"},children:(0,l.jsxs)(H,{className:"flex h-full w-[220px] flex-col gap-5 rounded-l-none border-l-0",children:[(0,l.jsx)(n.P.span,{className:"text-xs font-semibold text-gray-500",variants:w(.7),children:"Custom Events"}),(0,l.jsxs)(n.P.div,{className:"flex flex-col gap-3 text-xs",variants:w(.8),children:[(0,l.jsxs)("div",{className:"flex items-center gap-0.5 text-gray-600",children:[(0,l.jsx)("span",{className:"flex-1",children:"Event"}),(0,l.jsx)("span",{className:"text-right",children:"Count"})]}),(0,l.jsx)("div",{className:"flex flex-col gap-2.5 text-gray-400",children:[["signUp","1"],["addToCart","4"],["purchaseMade","3"],["profileViewed","1"],["productShared","2"],["homeViewed","0"]].map(([e,s])=>(0,l.jsxs)("div",{className:"flex items-center gap-0.5",children:[(0,l.jsx)("span",{className:"flex-1",children:e}),(0,l.jsx)("span",{className:"text-right",children:s})]},e))})]})]})})]}),(0,l.jsxs)(n.P.div,{className:"flex w-full flex-col gap-2.5 py-6 sm:hidden",initial:e?"visible":"hidden",animate:"visible",children:[(0,l.jsx)(n.P.div,{variants:w(.1),children:(0,l.jsxs)(H,{className:"flex flex-row items-center gap-4",children:[(0,l.jsx)("div",{className:"size-12 shrink-0 overflow-hidden rounded-full",children:(0,l.jsx)(t.default,{src:N,alt:"Sam Taylor avatar",width:48,height:48,className:"size-full object-cover"})}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col gap-0.5",children:[(0,l.jsx)("span",{className:"text-sm font-medium text-gray-900",children:"Sam Taylor"}),(0,l.jsx)("span",{className:"text-[11px] text-gray-400",children:"uuid: #bv890tyrw"})]})]})}),(0,l.jsx)(n.P.div,{variants:w(.2),children:(0,l.jsx)(H,{className:"flex flex-col gap-2.5",children:(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-3",children:[(0,l.jsx)(P,{label:"Referral Code",value:"SAMT"}),(0,l.jsx)(P,{className:"col-span-2 sm:col-span-1",label:"Email",value:"[email protected]"}),(0,l.jsx)(P,{label:"Account Since",value:"Jun 12, 2026"})]})})}),(0,l.jsx)(n.P.div,{variants:w(.3),children:(0,l.jsxs)(H,{className:"flex flex-col gap-2.5",children:[(0,l.jsx)("span",{className:"text-xs font-semibold text-gray-500",children:"Attribution Data"}),(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,l.jsx)("span",{className:"text-xs text-gray-400",children:"Ad Network"}),(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)(t.default,{src:"/logos/integrations/square/meta-platforms-logo.png",alt:"Meta",width:16,height:16,className:"size-4 object-contain"}),(0,l.jsx)("span",{className:"text-sm text-gray-600",children:"Meta"})]})]}),(0,l.jsx)(P,{label:"Campaign",value:"India_March"}),(0,l.jsx)(P,{label:"AdSet",value:"Static_Colorful"}),(0,l.jsx)(P,{label:"Ad",value:"Text_Heavy_Layout"})]})]})}),(0,l.jsx)(n.P.div,{variants:w(.4),children:(0,l.jsxs)(H,{className:"flex flex-col gap-2.5",children:[(0,l.jsx)("span",{className:"text-xs font-semibold text-gray-500",children:"Custom Events"}),(0,l.jsxs)("div",{className:"flex flex-col gap-2 text-xs",children:[(0,l.jsxs)("div",{className:"flex items-center gap-0.5 text-gray-600",children:[(0,l.jsx)("span",{className:"flex-1",children:"Event"}),(0,l.jsx)("span",{className:"text-right",children:"Count"})]}),(0,l.jsx)("div",{className:"flex flex-col gap-1.5 text-gray-400",children:[["signUp","1"],["addToCart","4"],["purchaseMade","3"],["profileViewed","1"],["productShared","2"],["homeViewed","0"]].map(([e,s])=>(0,l.jsxs)("div",{className:"flex items-center gap-0.5",children:[(0,l.jsx)("span",{className:"flex-1",children:e}),(0,l.jsx)("span",{className:"text-right",children:s})]},e))})]})]})})]})]})})}function _(){return(0,l.jsx)(M,{children:(0,l.jsx)("div",{className:"flex h-full items-center justify-center p-3 sm:p-5",children:(0,l.jsx)("div",{className:"relative h-full w-full",children:(0,l.jsx)(g,{})})})})}function k(){return(0,l.jsx)(M,{children:(0,l.jsx)("div",{className:"flex h-full items-center justify-center p-4",children:(0,l.jsx)("div",{className:"h-full w-full max-w-[500px] sm:max-w-none",children:(0,l.jsx)(j.SkanLottie,{})})})})}let S={hidden:{},visible:{transition:{staggerChildren:.1,delayChildren:.05}}},C={hidden:{opacity:0,y:24},visible:{opacity:1,y:0,transition:{duration:r.yW.slower,ease:r._l.emphasized}}},A={hidden:{opacity:0,scale:.92},visible:{opacity:1,scale:1,transition:{duration:r.yW.slower,ease:r._l.emphasized}}};function z(){let e=(0,i.I)();return(0,l.jsx)(M,{children:(0,l.jsx)("div",{className:"flex h-full items-center justify-center px-4 py-6 sm:px-8 sm:py-0",children:(0,l.jsxs)(n.P.div,{className:"flex w-full max-w-[820px] flex-col gap-4 sm:gap-2",variants:S,initial:e?"visible":"hidden",animate:"visible",children:[(0,l.jsx)(n.P.div,{variants:C,className:"flex w-auto items-center justify-center overflow-hidden rounded-[15p

1x] border-2 border-white bg-white/40 px-3 py-2 backdrop-blur-sm sm:px-4",children:(0,l.jsxs)("span",{className:"text-[11px] font-medium text-gray-400 sm:text-sm",children:[(0,l.jsx)("span",{className:"hidden sm:inline",children:"get.yourdomain.com? "}),(0,l.jsx)("span",{className:"sm:hidden",children:"get.yourdomain.com?"}),(0,l.jsx)("span",{className:"rounded bg-[#1aa6ad]/20 px-0.5 text-[#1aa6ad] mix-blend-multiply",children:"referrer=SAMT"}),(0,l.jsx)("span",{children:" & "}),(0,l.jsx)("span",{className:"rounded bg-blue-600/20 px-0.5 text-blue-600 mix-blend-multiply",children:"campaign=summer2026"}),(0,l.jsx)("span",{className:"hidden sm:inline",children:" & "}),(0,l.jsx)("br",{className:"sm:hidden"}),(0,l.jsx)("span",{className:"rounded bg-[#ad1aad]/20 px-0.5 text-[#ad1aad] mix-blend-multiply",children:"source=instagram"})]})}),(0,l.jsxs)(n.P.div,{variants:C,className:"flex flex-col gap-4 sm:flex-row sm:gap-4",children:[(0,l.jsxs)(n.P.div,{variants:A,className:"flex flex-1 flex-col gap-5 rounded-[15px] border-2 border-white bg-white/40 p-5 backdrop-blur-sm sm:gap-8 sm:p-4",children:[(0,l.jsxs)(n.P.div,{className:"flex flex-row items-center gap-3 sm:flex-col sm:items-start sm:gap-4",variants:w(.3),children:[(0,l.jsx)("div",{className:"size-14 shrink-0 overflow-hidden rounded-full sm:size-[84px]",children:(0,l.jsx)(t.default,{src:N,alt:"John Smith avatar",width:84,height:84,className:"size-full object-cover"})}),(0,l.jsxs)("div",{className:"flex flex-col gap-0.5 sm:gap-1",children:[(0,l.jsx)("span",{className:"text-lg text-gray-900 sm:text-[22px]",children:"John Smith"}),(0,l.jsx)("span",{className:"text-xs font-medium text-gray-400 sm:text-sm",children:"uuid: #bv890tyrw"})]})]}),(0,l.jsxs)(n.P.div,{className:"grid grid-cols-2 gap-3 sm:flex sm:flex-col sm:gap-4",variants:w(.5),children:[(0,l.jsxs)("div",{className:"flex min-w-0 flex-col gap-0.5 sm:gap-1",children:[(0,l.jsx)("span",{className:"text-xs text-gray-400 sm:text-sm",children:"Referral Code"}),(0,l.jsx)("span",{className:"truncate text-sm text-gray-600 sm:text-lg",children:"SAMT"})]}),(0,l.jsxs)("div",{className:"flex min-w-0 flex-col gap-0.5 sm:gap-1",children:[(0,l.jsx)("span",{className:"text-xs text-gray-400 sm:text-sm",children:"Account Since"}),(0,l.jsx)("span",{className:"truncate text-sm text-gray-600 sm:text-lg",children:"Jun 12, 2026"})]}),(0,l.jsxs)("div",{className:"col-span-2 flex min-w-0 flex-col gap-0.5 sm:col-span-1 sm:gap-1",children:[(0,l.jsx)("span",{className:"text-xs text-gray-400 sm:text-sm",children:"Email"}),(0,l.jsx)("span",{className:"truncate text-sm text-gray-600 sm:text-lg",children:"[email protected]"})]})]})]}),(0,l.jsxs)(n.P.div,{className:"flex flex-row gap-3 sm:flex-1 sm:flex-col sm:gap-4",variants:{hidden:{},visible:{transition:{staggerChildren:.12,delayChildren:.25}}},children:[(0,l.jsx)(B,{value:"23",label:"Referral Installs"}),(0,l.jsx)(B,{value:"3 Days",label:"Last Successful Referral"}),(0,l.jsx)(B,{value:"$2,289",label:"Commission Earned"})]})]})]})})})}let R={hidden:{opacity:0,y:20,scale:.95},visible:{opacity:1,y:0,scale:1,transition:{duration:.45,ease:r._l.emphasized}}};function B({value:e,label:s}){return(0,l.jsxs)(n.P.div,{variants:R,className:"flex flex-1 flex-col justify-center rounded-[15px] border-2 border-white bg-white/40 p-4 backdrop-blur-sm sm:p-4",children:[(0,l.jsx)("span",{className:"text-lg text-gray-900 sm:text-[27px]",children:e}),(0,l.jsx)("span",{className:"mt-1 text-xs font-medium text-gray-400 sm:mt-1 sm:text-sm",children:s})]})}}}]);