1import{j as e}from"./vendor-ui-CBu0Vw34.js";import{r as d}from"./vendor-react-s33YTJSM.js";import{Z as p,u as m,f as x,O as g}from"./index-8QsIOkks.js";const h="/assets/step-connect-cD1VZpea.webp",u="/assets/step-activate-yPBRmf5x.webp",b="/assets/step-traffic-STZT2-4c.webp",f="/assets/step-scale-CtTxWnH0.webp",v=[h,u,b,f],o=["Connect","Activate","Drive Traffic","Scale"],N=()=>{const{content:c}=p(),{gettingStarted:a}=c,{ref:i,isVisible:r}=m(),[l,n]=d.useState(!1);return e.jsxs("section",{className:"py-16 md:py-24 bg-background border-b border-border","aria-label":"How MaverickX works in four steps",children:[e.jsx("div",{className:"container-wide",children:e.jsxs("div",{ref:i,className:`transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:[e.jsxs("div",{className:"mb-12",children:[e.jsx("span",{className:"font-mono text-[11px] tracking-tight uppercase text-muted-foreground mb-3 block",children:"How It Works"}),e.jsx("h2",{className:"text-[28px] sm:text-[36px] lg:text-[44px] font-normal tracking-tighter leading-[1.1] text-foreground",children:a.headline})]}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-4 gap-3 mb-12",children:a.steps.map((s,t)=>e.jsxs("div",{className:`relative bg-white dark:bg-white/10 border border-border rounded-lg shadow-sm overflow-hidden group hover:shadow-soft transition-all duration-500 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,style:{transitionDelay:`${150+t*100}ms`},children:[e.jsx("div",{className:"aspect-[4/3] overflow-hidden",children:e.jsx("img",{src:v[t],alt:["Step 1: Connect your Amazon or Walmart seller account to MaverickX","Step 2: MaverickX matches your products with trusted publisher and creator partners","Step 3: Publishers and creators promote your products across search, content, and social channels","Step 4: Track performance and scale winning traffic strategies for incremental revenue"][t]||o[t],loading:"lazy",width:512,height:512,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"})}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-baseline gap-2 mb-2",children:[e.jsx("span",{className:"font-mono text-[32px] leading-none text-accent",children:s.number}),e.jsx("span",{className:"font-mono text-xs font-bold tracking-tight uppercase text-foreground",children:o[t]})]}),e.jsx("p",{className:"text-[11px] text-muted-foreground leading-relaxed",children:s.text.split(": ").slice(1).join(": ")||s.text})]})]},s.number))}),e.jsx("div",{className:"text-center",children:e.jsxs("button",{onClick:()=>n(!0),className:"btn-shimmer bg-foreground text-background font-mono text-[13px] tracking-tight px-6 py-3 hover:opacity-80 transition-opacity inline-flex items-center gap-2 cursor-pointer",children:[a.buttonLabel,e.jsx(x,{className:"w-4 h-4"})]})})]})}),e.jsx(g,{open:l,onOpenChange:n})]})};export{N 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.