https://www.monipay.xyz/assets/HowItWorks-C_y9ArBu.js

1import{a as g,b as p,j as e,P as h,y,z as f,B as l,A as b,M as j,S as w,d as v,m as o,X as N,C as k,D as S,H as M,I as B,e as P,F as T,r as A,l as C,n as I,W as q,Q as D,Z as W,o as z,i as U}from"./index-DlUOkP_D.js";function r({children:s,className:n="",delay:i=0}){const a=A.useRef(null),t=C(a,{once:!0,margin:"-60px"});return e.jsx(o.div,{ref:a,initial:{opacity:0,y:24},animate:t?{opacity:1,y:0}:{},transition:{duration:.5,delay:i},className:n,children:s})}function u(){return e.jsx("div",{className:"absolute inset-0 pointer-events-none overflow-hidden",children:e.jsx("div",{className:"absolute inset-0 opacity-[0.04]",style:{backgroundImage:"linear-gradient(hsl(var(--foreground)) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--foreground)) 1px, transparent 1px)",backgroundSize:"60px 60px"}})})}const x=[{icon:I,num:"01",title:"Create Your MoniTag",description:"Sign up with a unique @tag. A secure wallet is generated locally — your private key is encrypted with your PIN and never leaves your device.",detail:"No seed phrases, no complexity. Just a 4-digit PIN."},{icon:q,num:"02",title:"Fund Your Wallet",description:"Send USDC (Base), USDT (BSC), or aUSD (Tempo) from any exchange. Scan the QR or copy your address.",detail:"Multi-chain support across three networks."},{icon:D,num:"03",title:"Scan or Share QR",description:"Merchants display a branded QR with amount. Customers scan to pay instantly. Or share your @tag for P2P transfers.",detail:"Smart scanner auto-detects MoniPay QRs, wallet addresses, and payment links."},{icon:W,num:"04",title:"Gasless Settlement",description:"Your payment is signed locally and relayed through our Paymaster. You never pay gas fees.",detail:"Meta-transactions with a flat 1% platform fee."},{icon:z,num:"05",title:"MoniBot AI Agent",description:'Use "@monibot send $5 to @alice" on Twitter, "/send $5 @alice" on Discord, or "/send 5 @alice" on Telegram. The autonomous agent handles resolution, signing, and on-chain execution.',detail:"Multi-platform support with cross-chain routing, campaigns, and multi-recipient transfers."},{icon:U,num:"06",title:"Full Control",description:"Non-custodial architecture means your keys stay on your device. Back up to Google Drive encrypted. Print receipts. Export history.",detail:"Built on Base, BSC & Tempo for fast, reliable, secure transactions."}],m=[{category:"Fees & Costs",questions:[{q:"What are the fees?",a:"A flat 1% platform fee on payments. No hidden fees, no monthly charges. Gas fees are fully sponsored."},{q:"Who pays the gas fees?",a:"MoniPay covers all gas fees through our Paymaster system. You only need stablecoins."},{q:"Are there withdrawal fees?",a:"No withdrawal fees from MoniPay. Standard network fees apply for external transfers."}]},{category:"Security & Privacy",questions:[{q:"Is MoniPay safe?",a:"Fully non-custodial. Private keys are encrypted with AES-GCM using your PIN and stored only on your device."},{q:"What if I lose my phone?",a:"Back up your private key during onboarding (Google Drive encrypted backup available). Import on any new device."},{q:"Which blockchains are supported?",a:"Base (USDC), BNB Smart Chain (USDT), and Tempo (aUSD). All with fast confirmations."}]},{category:"MoniBot & Social Payments",questions:[{q:"How does MoniBot work?",a:"MoniBot is an autonomous AI agent on Twitter, Discord, and Telegram. Use natural language commands to send payments, run campaigns, and manage your wallet across all three platforms."},{q:"Do I need the app to use MoniBot?",a:"You need a MoniPay account with a MoniTag. Link your social accounts (X, Discord, Telegram) in Settings, set a bot allowance, and start sending payments from any platform."},{q:"What are campaigns?",a:"MoniBot can run autonomous airdrop campaigns — posting tweets and distributing grants to participants who reply."},{q:"What is cross-chain routing?",a:"If you have insufficient funds on one chain, MoniBot automatically checks your balance on other chains (Base, BSC, Tempo) and reroutes the payment to one with sufficient funds."}]}];function H(){const s=g(),{theme:n,setTheme:i}=p();return e.jsxs("div",{className:"min-h-screen bg-background text-foreground flex flex-col relative selection:bg-foreground selection:text-background",children:[e.jsx(h,{title:"How It Works",description:"See how MoniPay enables gasless crypto payments — create a MoniTag, fund your wallet, and pay anyone instantly across Base, BSC, Solana, Tempo, Ink and Celo.",path:"/how-it-works",jsonLd:[y("How to use MoniPay",x.map(a=>({name:a.title,text:a.description}))),f(m.flatMap(a=>a.questions.map(t=>({q:t.q,a:t.a}))))],breadcrumbs:[{name:"Home",url:"https://monipay.xyz/"},{name:"How it works",url:"https://monipay.xyz/how-it-works"}]}),e.jsxs("header",{className:"w-full px-6 lg:px-16 py-4 flex items-center justify-between z-30 border-b border-foreground

1/5 bg-background/90 backdrop-blur-md sticky top-0",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(l,{variant:"ghost",size:"icon",onClick:()=>s("/"),className:"rounded-none w-9 h-9 text-foreground/40",children:e.jsx(b,{className:"w-5 h-5"})}),e.jsx(j,{size:32,animationMode:"idle",showText:!0,textSize:15,entranceOnMount:!0})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("nav",{className:"hidden md:flex items-center gap-6 mr-4",children:[{label:"About",href:"/about"},{label:"Use Cases",href:"/use-cases"},{label:"Docs",href:"/docs"}].map(a=>e.jsx("a",{href:a.href,className:"text-xs font-medium tracking-wide text-foreground/40 hover:text-foreground transition-colors",children:a.label},a.label))}),e.jsx(l,{variant:"ghost",size:"icon",onClick:()=>i(n==="dark"?"light":"dark"),className:"rounded-none w-9 h-9 text-foreground/40",children:n==="dark"?e.jsx(w,{className:"h-4 w-4"}):e.jsx(v,{className:"h-4 w-4"})})]})]}),e.jsxs("main",{className:"flex-1",children:[e.jsxs("section",{className:"relative px-6 lg:px-16 py-20 lg:py-28",children:[e.jsx(u,{}),e.jsxs("div",{className:"max-w-4xl mx-auto text-center relative z-10",children:[e.jsx(o.span,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:"text-[10px] font-bold tracking-[0.2em] uppercase text-foreground/30 block mb-6",children:"Step by Step"}),e.jsxs(o.h1,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{delay:.05},className:"text-4xl sm:text-5xl lg:text-[3.5rem] font-extrabold text-foreground leading-[1.05] tracking-tight mb-6",children:["How It ",e.jsx("span",{className:"text-foreground/25",children:"Works"})]}),e.jsx(o.p,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.1},className:"text-sm text-foreground/50 max-w-xl mx-auto leading-relaxed",children:"From creating your MoniTag to gasless payments and autonomous AI commerce — here's the complete journey."}),e.jsx(o.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.18},className:"mt-6 flex justify-center",children:e.jsx(N,{variant:"pill"})})]})]}),e.jsx("section",{className:"px-6 lg:px-16 py-12 lg:py-20 border-t border-foreground

1/5",children:e.jsx("div",{className:"max-w-6xl mx-auto",children:e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-px bg-foreground/10 border border-foreground/10",children:x.map((a,t)=>e.jsx(r,{delay:t*.05,children:e.jsxs("div",{className:"bg-background p-6 lg:p-8 min-h-[220px] flex flex-col justify-between group hover:bg-foreground hover:text-background transition-colors duration-300",children:[e.jsxs("div",{className:"flex items-start justify-between mb-6",children:[e.jsx("span",{className:"text-4xl font-extrabold text-foreground/[0.06] group-hover:text-background/[0.08] leading-none transition-colors",children:a.num}),e.jsx(a.icon,{className:"w-5 h-5 text-foreground/20 group-hover:text-background/40 transition-colors"})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-bold text-foreground group-hover:text-background mb-1.5 transition-colors",children:a.title}),e.jsx("p",{className:"text-[11px] text-foreground/40 group-hover:text-background/50 leading-relaxed transition-colors",children:a.description}),e.jsx("p",{className:"text-[10px] text-foreground/25 group-hover:text-background/30 leading-relaxed mt-2 transition-colors",children:a.detail})]})]})},a.num))})})}),e.jsx("section",{className:"px-6 lg:px-16 py-20 lg:py-24 border-t border-foreground

1/5 bg-foreground text-background",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsx(r,{children:e.jsxs("div",{className:"mb-14",children:[e.jsx("span",{className:"text-[10px] font-bold tracking-[0.2em] uppercase text-background/30 block mb-2",children:"Support"}),e.jsx("h2",{className:"text-3xl lg:text-4xl font-extrabold text-background tracking-tight",children:"FAQ"})]})}),e.jsx("div",{className:"space-y-8",children:m.map((a,t)=>e.jsxs(r,{delay:t*.08,children:[e.jsx("h3",{className:"text-[10px] font-bold tracking-[0.2em] uppercase text-background/30 mb-3",children:a.category}),e.jsx(k,{type:"single",collapsible:!0,className:"space-y-1",children:a.questions.map((c,d)=>e.jsxs(S,{value:`${a.category}-${d}`,className:"border border-background/10 px-5 data-[state=open]:border-background/20",children:[e.jsx(M,{className:"text-left text-background hover:no-underline py-4 text-sm font-bold",children:c.q}),e.jsx(B,{className:"text-background/50 pb-4 text-sm leading-relaxed",children:c.a})]},d))})]},a.category))})]})}),e.jsxs("section",{className:"px-6 lg:px-16 py-20 lg:py-28 relative",children:[e.jsx(u,{}),e.jsx("div",{className:"max-w-3xl mx-auto relative z-10 text-center",children:e.jsxs(r,{children:[e.jsx("h2",{className:"text-3xl lg:text-4xl font-extrabold text-foreground tracking-tight mb-4",children:"Start Accepting Payments"}),e.jsx("p",{className:"text-sm text-foreground/40 mb-10 max-w-md mx-auto",children:"Create your MoniTag in 60 seconds. No hardware, no gas fees, no complexity."}),e.jsxs(l,{onClick:()=>s("/"),className:"h-12 px-10 text-sm font-bold tracking-wide rounded-none bg-foreground text-background hover:bg-foreground

1/90",children:["SIGN UP ",e.jsx(P,{className:"w-4 h-4 ml-2"})]})]})})]})]}),e.jsx(T,{variant:"full"})]})}export{H as default};