1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5881],{10688:function(e,s,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/build",function(){return l(26741)}])},91803:function(e,s,l){"use strict";l.d(s,{w:function(){return d}});var a=l(52676),t=l(90892),r=l(67930),i=l(19432),n=l.n(i);let d=()=>(0,a.jsx)("footer",{className:"relative border-t border-dashed border-border bg-backgroundBase",children:(0,a.jsx)("div",{className:"lg:py-18 relative mx-auto max-w-7xl px-8 py-12 md:px-12 lg:px-32",children:(0,a.jsxs)("div",{className:"space-y-12 sm:grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 xl:gap-24 xl:space-y-0 xl:pl-2",children:[(0,a.jsxs)("div",{className:"self-center xl:self-start",children:[(0,a.jsx)("div",{className:"inline-flex items-center gap-3",children:(0,a.jsx)("img",{src:(0,t.y)("/logo.svg"),alt:"TradePort",width:115,height:35})}),(0,a.jsx)("p",{className:"mt-2 text-sm text-receding",children:(0,a.jsxs)("span",{className:"mt-6 text-sm font-normal text-receding",children:["\xa9 2026 Byzantion, Inc. ",(0,a.jsx)("br",{})," All rights reserved"]})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-white",children:"Build"}),(0,a.jsxs)("ul",{role:"list",className:"mt-4 space-y-2",children:[(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"",target:"_blank",rel:"noreferrer",className:"text-sm text-receding hover:text-white",children:"Documentation"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n(),{href:"/api-explorer",prefetch:!1,className:"text-sm text-receding hover:text-white",onClick:e=>{e.stopPropagation(),(0,r.nn)({action:"Clicked on Api Explorer link",component:"BuildLandingFooter",target_url:"/api-explorer"})},children:"API Explorer"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"https://form.asana.com/?k=ClRNDmKRUMlBEYDWbxR_Mw&d=1203273737616767",target:"_blank",rel:"noreferrer",className:"text-sm text-receding hover:text-white",children:"Request API Key"})})]})]}),(0,a.jsxs)("div",{className:"mt-12 md:mt-0",children:[(0,a.jsx)("h3",{className:"text-white",children:"Company"}),(0,a.jsxs)("ul",{role:"list",className:"mt-4 space-y-2",children:[(0,a.jsx)("li",{children:(0,a.jsx)(n(),{href:"/privacy-policy",prefetch:!1,className:"text-sm text-receding hover:text-white",onClick:e=>{e.stopPropagation(),(0,r.nn)({action:"Clicked on Privacy link",component:"BuildLandingFooter",target_url:"/privacy-policy"})},children:"Private Privacy"})},"Privacy"),(0,a.jsx)("li",{children:(0,a.jsx)(n(),{href:"/terms-of-service",prefetch:!1,className:"text-sm text-receding hover:text-white",onClick:e=>{e.stopPropagation(),(0,r.nn)({action:"Clicked on Terms link",component:"BuildLandingFooter",target_url:"/terms-of-service"})},children:"Terms of Service"})},"Terms")]})]}),(0,a.jsxs)("div",{className:"mt-12 md:mt-0",children:[(0,a.jsx)("h3",{className:"text-white",children:"Socials"}),(0,a.jsxs)("ul",{role:"list",className:"mt-4 space-y-2",children:[(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"https://discord.gg/4FVFcKcfg7",target:"_blank",rel:"noreferrer",className:"text-sm text-receding hover:text-white",onClick:e=>{e.stopPropagation(),(0,r.nn)({text:null,action:"Clicked on Discord link",component:"BuildLandingFooter",target_url:"https://discord.gg/4FVFcKcfg7"})},children:"Discord"})}),(0,a.jsx)("li",{children:(0,a.jsx)("a",{href:"https://twitter.com/tradeportxyz",target:"_blank",rel:"noreferrer",className:"text-sm text-receding hover:text-white",onClick:e=>{e.stopPropagation(),(0,r.nn)({text:null,action:"Clicked on Twitter link",component:"BuildLandingFooter",target_url:"https://twitter.com/tradeportxyz"})},children:"Twitter"})})]})]})]})})})},26741:function(e,s,l){"use strict";l.r(s),l.d(s,{default:function(){return U}});var a=l(52676),t=l(91803),r=l(12891),i=l(90892);let n=e=>{let{title:s,isSoon:l,className:t}=e;return(0,a.jsx)(r.pn,{children:(0,a.jsxs)(r.u,{delayDuration:200,children:[(0,a.jsx)(r.aJ,{children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("img",{className:t,src:(0,i.y)("/icons/logos/".concat(l?s+"-grayed":s,".svg")),alt:"".concat(s," nft indexer investor"),width:45,height:45}),l?(0,a.jsx)("div",{className:"absolute -bottom-2 left-1/2 -translate-x-1/2 roun
1ded-full bg-[#60491f] px-2 py-0.5 text-[10px]",children:"Soon"}):null]})}),(0,a.jsx)(r._v,{className:"capitalize",children:s})]})})},d=()=>(0,a.jsx)("section",{className:"flex items-end justify-center border-y border-border bg-backgroundBase",children:(0,a.jsxs)("div",{className:"mx-auto max-w-7xl justify-center px-8 py-12 md:px-12 lg:px-24 lg:py-16",children:[(0,a.jsxs)("div",{className:"m-auto mb-12 text-center text-lg",children:[(0,a.jsx)("span",{className:"text-lg text-primary",children:"Built on Sui"})," and aggregated from"," ",(0,a.jsx)("span",{className:"text-lg text-primary",children:"all major marketplaces"})]}),(0,a.jsxs)("div",{className:"ml-8 flex h-auto w-auto min-w-full flex-row flex-wrap justify-center gap-8 opacity-80 sm:gap-8",children:[(0,a.jsx)(n,{title:"hyperspace",className:"w-[40px]"}),(0,a.jsx)(n,{title:"bluemove"}),(0,a.jsx)(n,{title:"souffl3",className:"w-[35px]"}),(0,a.jsx)(n,{title:"okx",className:"w-[40px]"}),(0,a.jsx)("span",{className:"self-center text-receding",children:"+ More"})]}),(0,a.jsx)("div",{className:"mt-9 flex h-auto w-auto min-w-full flex-row flex-wrap justify-center gap-8 opacity-80 sm:gap-8",children:(0,a.jsx)(n,{title:"sui"})})]})}),c=()=>(0,a.jsxs)("section",{className:"relative",children:[(0,a.jsxs)("div",{className:"-z-1 absolute left-0 right-0 mx-auto flex h-full w-full flex-row justify-between px-6 lg:h-full lg:max-w-7xl lg:px-0",children:[(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"})]}),(0,a.jsxs)("div",{className:"relative mx-auto max-w-7xl px-8 py-12 md:px-12 lg:px-32 lg:py-24",children:[(0,a.jsxs)("div",{className:"mx-auto max-w-xl text-center text-3xl",children:[(0,a.jsx)("p",{className:"text-sm uppercase text-receding",children:"Examples"}),(0,a.jsxs)("h2",{className:"mt-5 text-3xl font-normal tracking-tight text-white",children:[(0,a.jsx)("span",{className:"text-3xl text-primary",children:"Copy Code Snippets"})," all across TradePort"]})]}),(0,a.jsx)("div",{className:"relative mx-auto mt-12 w-full items-center rounded-lg border border-border bg-backgroundBase p-8 lg:border lg:p-20",children:(0,a.jsx)("video",{className:"mt-5",width:"full",height:"240",controls:!0,loop:!0,children:(0,a.jsx)("source",{src:"/querytoggle.mov",type:"video/mp4"})})})]})]}),o=(0,l(81112).Z)("square-check",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]),x=()=>(0,a.jsxs)("section",{className:"relative",children:[(0,a.jsxs)("div",{className:"-z-1 absolute left-0 right-0 mx-auto flex h-full w-full flex-row justify-between px-6 lg:h-full lg:max-w-7xl lg:px-0",children:[(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"})]}),(0,a.jsxs)("div",{className:"relative mx-auto max-w-7xl px-8 py-10 md:px-12 lg:px-32 lg:py-24",children:[(0,a.jsxs)("div",{className:"mx-auto max-w-lg text-center",children:[(0,a.jsx)("p",{className:"text-sm uppercase text-receding",children:"FEATURES"}),(0,a.jsxs)("h2",{className:"mt-5 text-3xl font-normal tracking-tight text-white",children:["Everything you need,",(0,a.jsx)("span",{className:"text-3xl text-primary",children:" all in one place"})]})]}),(0,a.jsxs)("ul",{className:"mt-12 grid list-none grid-cols-1 gap-x-6 gap-y-1 sm:grid-cols-2 lg:grid-cols-3 lg:gap-x-12",role:"list",children:[(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Instant Sell "}),"â aggregated bids"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Custom Fees "}),"â set your own fees"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Real-Time Activity "}),"â every event"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Bulk List "}),"â list multiple NFTs at once"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Profit/Loss "}),"â including USD values"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Accurate Floors "}),"â never miss a good flip"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Buy & Sweep "}),"â add liquidity with ease"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Media & Metadata "}),"â up to date info"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Royalties "}),"â automatically calculated"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Place Bids "}),"â on any NFT"]}
1)]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Wallet Stats "}),"â realized & unrealized gains"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Collection Stats "}),"â volume, sales, & more"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Transfer & Claim "}),"â with ease"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" True Ownership "}),"â staking included"]})]}),(0,a.jsxs)("li",{className:"flex items-center py-2 ",children:[(0,a.jsx)(o,{color:"#F7A000",size:17}),(0,a.jsxs)("p",{className:"ml-2 text-sm leading-6 text-receding",children:[(0,a.jsx)("span",{className:" font-normal",children:" Historical Floors "}),"â every floor change"]})]})]})]})]});var m=l(26097),p=l(67930),h=l(19432),u=l.n(h);let g=()=>(0,a.jsxs)("section",{className:"relative overflow-hidden border-t border-white/5",children:[(0,a.jsxs)("div",{className:"-z-1 absolute left-0 right-0 mx-auto flex h-full w-full flex-row justify-between px-6 lg:h-full lg:max-w-7xl lg:px-0",children:[(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"})]}),(0,a.jsx)("div",{className:"relative mx-auto max-w-7xl px-8 py-12 md:px-12 xl:px-32 xl:py-32",children:(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-6 overflow-hidden rounded-3xl border border-border bg-backgroundBase p-8 lg:p-8 lg:pr-20 xl:grid-cols-2 xl:gap-24",children:[(0,a.jsx)("div",{className:"relative m-auto items-center gap-12 lg:inline-flex",children:(0,a.jsxs)("div",{className:"text-center xl:text-left",children:[(0,a.jsx)("p",{className:"text-3xl font-normal tracking-tight",children:"Integrate NFT functionality with ease"}),(0,a.jsx)("p",{className:"mt-5 text-base text-receding",children:"Any NFT data and trading functionality are just a few keystrokes away. Get started building today for free."}),(0,a.jsxs)("div",{className:"mt-8 flex flex-wrap items-center justify-center gap-2 xl:justify-start",children:[(0,a.jsx)(m.z,{variant:"primaryFilled",size:"md",onClick:e=>{null==e||e.stopPropagation(),(0,p.AD)({text:"Get Started",action:"Clicked on Get Started button",component:"FinalCTASection"})},children:(0,a.jsx)(u(),{href:"/build/api-keys",children:"Get API Key"})}),(0,a.jsx)(m.z,{variant:"secondary",size:"md",onClick:e=>{null==e||e.stopPropagation(),(0,p.AD)({text:"Read Docs",action:"Clicked on Read Docs button",component:"FinalCTASection"})},children:(0,a.jsx)(u(),{href:"/docs",children:"Read our Docs"})})]})]})}),(0,a.jsx)("div",{className:"relative order-first mt-0 hidden xl:block",children:(0,a.jsx)("img",{src:"/assets/build-landing/trading.svg",alt:"NFT Trading Developer Tools",className:"m-auto",loading:"lazy"})})]})})]});var f=l(15233);let j=e=>{let{alt:s,icon:l,link:t,className:r}=e;return(0,a.jsx)("a",{className:(0,f.cn)("flex items-center justify-center",r),href:t,target:"_blank",rel:"noreferrer",onClick:e=>{e.stopPropagation(),(0,p.nn)({text:null,action:"Clicked on ".concat(s," logo card"),component:"Partners LogoLink",target_url:t})},children:(0,a.jsx)("img",{src:(0,i.y)(l),alt:s,width:130,height:50})})},b=()=>(0,a.jsx)("section",{className:"flex items-end justify-center border-y border-border bg-backgroundBase",children:(0,a.jsx)("div",{className:"mx-auto max-w-7xl justify-center px-8 py-12 md:px-12 lg:px-24 lg:py-16",children:(0,a.jsxs)("div",{className:"grid grid-cols-1 items-center md:grid-cols-2 lg:grid-cols-3",children:[(0,a.jsx)("div",{className:"col-span-full mx-auto max-w-xl lg:col-span-1 lg:mr-auto lg:max-w-none"}),(0,a.jsxs)("div",{className:"space-y-8 md:col-span-3 lg:mt-0",children:[(0,a.jsx)("p",{className:"m-auto text-center uppercase text-receding",children:"PARTNERS"}),(0,a.jsxs)("div",{className:"flex h-auto w-auto min-w-full flex-row flex-wrap justify-center gap-8 opacity-80 sm:gap-8",children:[(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{className:"[&>img]:w-28",icon:"/icons/logos/outliers.svg",link:"https://outliers.fund/",alt:"Outliers nft indexer investor"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{icon:"/icons/logos/sow-ventures.svg",link:"https://www.sow.vc/",alt:"Sow Ventures nft indexer investor"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{icon:"/icons/logos/backend-capital.svg",link:"https://backendcapital.com/",alt:"KC Rise nft indexer investor"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{className:"[&>img]:w-16",icon:"/icons/logos/crypto-slam.svg",link:"https://cryptoslam.io/",alt:"CryptoSlam nft indexer investor"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{className:"[&>img]:w-24",icon:"/icons/logos/hivemind.svg",link:"https://www.hivemindcapital.co/",alt:"HiveMind nft indexer investor"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{icon:"/icons/logos/kc-rise-fund.svg",link:"https://www.kcrisefund.com/",alt:"KC Rise nft indexer investor"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{icon:"/icons/logos/Sui Foundation.svg",link:"https://sui.io/about",alt:"Sui Foundation nft indexer partner"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{className:"[&>img]:w-20",icon:"/icons/logos/meteor.svg",link:"https://meteorwallet.app/",alt:"Meteor Wallet nft indexer partner"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{icon:"/icons/logos/Mysten Labs.svg",link:"https://mystenlabs.com/",alt:"Mysten Labs nft indexer partner"})}),(0,a.jsx)("div",{className:"flex px-4 sm:px-8",children:(0,a.jsx)(j,{className:"[&>img]:w-24",icon:"/icons/logos/Pontem Network.svg",link:"https://pontem.network/",alt:"Pontem Network nft indexer partner"})})]})]})]})})}),N=()=>(0,a.jsxs)("section",{className:"relative",children:[(0,a.jsxs)("div",{className:"-z-1 absolute left-0 right-0 mx-auto flex h-full w-full flex-row justify-between px-6 lg:h-full lg:max-w-7xl lg:px-0",children:[(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"})]}),(0,a.jsxs)("div",{className:"relative mx-auto max-w-7xl px-8 py-12 md:px-12 lg:px-32 lg:py-24 lg:pt-36",children:[(0,a.jsxs)("div",{className:"mx-auto text-center",children:[(0,a.jsx)("p",{className:"text-sm uppercase text-receding",children:"DEVELOPER TOOLS"}),(0,a.jsxs)("h2",{className:"mt-5 text-3xl font-normal tracking-tight text-white",children:[(0,a.jsx)("span",{className:"text-3xl text-primary",children:"Building Blocks"})," for your NFT product"]})]}),(0,a.jsxs)("div",{className:"relative mx-auto mt-12 flex w-full items-center gap-8 max-[800px]:flex-wrap",children:[(0,a.jsxs)("div",{className:"relative h-[430px] w-full flex-initial rounded-lg border border-border bg-background p-4 max-[700px]:h-[400px] max-[500px]:h-[360px] md:p-8 lg:w-[60%]",children:[(0,a.jsx)("h3",{className:"text-2xl",children:"NFT Data API"}),(0,a.jsx)("h4",{className:"mt-3 text-receding",children:"Build any app with real-time access of any NFT data you could want using our simple GraphQL API to retrieve uniformly formatted NFT data across chains"}),(0,a.jsx)(m.z,{className:"mt-3 h-8 border-[#3d3d3d]",variant:"outline",onClick:e=>{null==e||e.stopPropagation(),(0,p.AD)({text:"Read Docs",action:"Clicked on Read Docs button",component:"ToolsSection"})},children:(0,a.jsx)(u(),{href:"/docs/nft-data-api/overview",children:"Explore Data API"})}),(0,a.jsx)("img",{className:"absolute bottom-0 right-0",src:"/assets/build-landing/trending-collections.svg",alt:"Trending Collections",width:"84%"})]}),(0,a.jsxs)("div",{className:"relative h-[430px] w-full flex-initial rounded-lg border border-border bg-background p-4 md:p-8 lg:w-[40%]",children:[(0,a.jsx)("h3",{className:"text-2xl",children:"NFT Trading SDK"}),(0,a.jsxs)("h4",{className:"mt-3 text-receding",children:["Create liquidity into your app across every marketplace & orderbook with a few lines of code using our Typescript NFT Trading SDK",(0,a.jsx)("br",{})]}),(0,a.jsxs)("h4",{className:"mt-3 text-xs text-receding",children:["Currently supported on Sui",(0,a.jsx)("br",{})]}),(0,a.jsx)(m.z,{className:"mt-3 h-8 border-[#3d3d3d]",variant:"outline",onClick:e=>{null==e||e.stopPropagation(),(0,p.AD)({text:"Read Docs",action:"Clicked on Read Docs button",component:"ToolsSection"})},children:(0,a.jsx)(u(),{href:"/docs/nft-trading-sdk/overview",children:"Explore Trading SDK"})}),(0,a.jsx)("img",{className:"absolute bottom-0 right-0 w-[84%] rounded-md border border-border max-[1025px]:w-[70%] max-[800px]:w-[60%] max-[640px]:w-[70%] max-[420px]:w-[90%]",src:"/assets/build-landing/trading-sdk.png",alt:"Sweep"})]})]})]})]});var v=l(14489),w=l(22312),y=l(36876),k=l(12808),T=l(93109),F=l(36123),_=l.n(F),A=l(75271);function C(){let e=(0,v._)(['\n query fetchCollectionListings {\n listings(\n where: { collection_id: { _eq: "4827d37b-5574-404f-b030-d26912ad7461" }, listed: { _eq: true } }\n order_by: { price: asc_nulls_last }\n ) {\n price\n price_str\n block_time\n seller\n market_name\n nonce\n nft {\n id\n token_id\n name\n media_url\n media_type\n ranking\n owner\n chain_state\n }\n }\n }\n ']);return C=function(){return e},e}function S(){let e=(0,v._)(['\n query fetchWalletItems {\n nfts(\n where: { owner: { _eq: "0
1xb87204f351a4c141ebaf87ceed9a90aebff73e35660bf9473a9f9845811ff3a1" } }\n ) {\n id\n token_id\n name\n media_url\n media_type\n ranking\n owner\n delegated_owner\n burned\n staked\n }\n }\n ']);return S=function(){return e},e}function P(){let e=(0,v._)(['\n query fetchCollectionActivity {\n actions(\n where: { collection_id: { _eq: "4827d37b-5574-404f-b030-d26912ad7461" } }\n order_by: { block_time: desc }\n ) {\n id\n type\n price\n usd_price\n sender\n receiver\n block_time\n market_name\n nft {\n token_id\n name\n media_url\n media_type\n ranking\n chain_state\n }\n }\n }\n ']);return P=function(){return e},e}let z=[{label:"Collection Listings",chain:"sui",code:(0,T.Ps)(C()),previewUrl:"/assets/build-landing/collection-listings-1.png",isSDK:!1},{label:"Buy Listings",code:"\n const payload = await client.buyListings({ \n listingIds: [\n 'b090949d-edca-4513-84ac-08f45ba9031f',\n '702baad4-df17-44dd-a351-358c9ba7cded',\n 'b2b6579d-f051-4918-8cb2-dec905dd4ecb',\n '0cceace3-e6f8-4b20-b737-1a3d1494b955'\n ] \n })\n await signAndSendTransaction(payload)\n ",previewUrl:"/assets/build-landing/buy-listing.png",isSDK:!0},{label:"Wallet Ownership",chain:"sui",code:(0,T.Ps)(S()),previewUrl:"/assets/build-landing/wallet-ownership.png",isSDK:!1},{label:"List NFTs",code:"\n const payload = await client.listNfts({\n nfts: [\n {\n id: 'f7dafa79-313e-45a2-b75a-9e74c9c1fd84',\n listPrice: 120,\n },\n {\n id: '858dd3ff-1268-4835-aa52-06db454c0b38',\n listPrice: 110,\n }\n ],\n walletAddress: '0xa8a99f1517b6bc65e482d9a98f940746844774d3dced5122651f3b9bf1f9c035',\n })\n \n await signAndSendTransaction(payload)\n ",previewUrl:"/assets/build-landing/list-nft.png",isSDK:!0},{label:"Collection Activity",chain:"sui",code:(0,T.Ps)(P()),previewUrl:"/assets/build-landing/collection-activity.png",isSDK:!1},{label:"Place Collection Bid",code:"\n const payload = await client.placeCollectionBid({\n collectionId: '3d1eb423-72ee-4659-951c-8a85261296b2',\n bidAmount: 100,\n numOfBids: 2,\n walletAddress: 0xa8a99f1517b6bc65e482d9a98f940746844774d3dced5122651f3b9bf1f9c035,\n })\n \n await signAndSendTransaction(payload)\n ",previewUrl:"/assets/build-landing/place-collection-bid.png",isSDK:!0}],D=()=>{var e;let[s,l]=(0,A.useState)("Collection Listings"),[t,r]=(0,A.useState)(""),i=null!==(e=null==z?void 0:z.find(e=>e.label===s))&&void 0!==e?e:z[4];return(0,A.useEffect)(()=>{if(null==i?void 0:i.isSDK)r((0,k.Z)(null==i?void 0:i.code));else{let e=(0,y.Q)({chain:null==i?void 0:i.chain,query:null==i?void 0:i.code});r((0,k.G)(e))}},[s]),(0,A.useEffect)(()=>{_().highlightAll()},[t,s]),(0,a.jsx)("div",{className:"",children:(0,a.jsxs)(w.mQ,{className:"add-thicker-horizontal-scrollbar h-full overflow-auto p-5",value:s,onValueChange:e=>l(e),children:[(0,a.jsx)(w.dr,{className:"",children:z.map(e=>(0,a.jsx)(w.SP,{value:e.label,className:"px-5",children:e.label},e.label))}),(0,a.jsx)(w.nU,{value:s,children:(0,a.jsxs)("div",{className:"mt-4 flex w-[920px] items-center gap-4",children:[(0,a.jsx)("div",{className:"flex h-[460px] w-[460px] rounded-lg border border-border bg-background",children:(0,a.jsx)("pre",{className:"",children:(0,a.jsx)("code",{className:(null==i?void 0:i.isSDK)?"language-javascript":"language-graphql",children:t},s)})}),(0,a.jsx)("div",{className:"relative flex h-[460px] w-[460px] items-center justify-center rounded-lg border border-border bg-background p-3",children:(0,a.jsx)("img",{className:(0,f.cn)("w-[90%] rounded-md border-border outline outline-1 outline-border","Collection Activity"===s&&"w-[70%]","List NFTs"===s&&"w-[70%]"),src:null==i?void 0:i.previewUrl,alt:null==i?void 0:i.label})})]})})]})})},B=()=>(0,a.jsxs)("section",{className:"relative",children:[(0,a.jsxs)("div",{className:"-z-1 lg:full absolute left-0 right-0 mx-auto flex h-full w-full flex-row justify-between bg-backgroundBase px-6 lg:max-w-7xl lg:px-0",children:[(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"})]}),(0,a.jsxs)("div",{className:"relative mx-auto w-full max-w-6xl items-center px-5 py-24 md:px-12 lg:px-16 lg:pb-32 lg:pt-32",children:[(0,a.jsxs)("div",{className:"mx-auto max-w-5xl",children:[(0,a.jsx)("p",{className:"text-sm text-receding",children:"INFRASTRUCTURE"}),(0,a.jsx)("p",{className:"mt-5 text-balance text-4xl font-normal sm:text-5xl",children:"NFT Trading Developer Tools"}),(0,a.jsx)("p",{className:"mt-4 max-w-2xl text-receding",children:"The ultimate toolkit for accessing NFT data and integrating trading functionality into your app."}),(0,a.jsxs)("div",{className:"mt-10 flex flex-wrap items-center gap-2",children:[(0,a.jsx)(m.z,{variant:"primaryFilled",size:"md",onClick:e=>{null==e||e.stopPropagation(),(0,p.AD)({text:"Get Started",action:"Clicked on Get Started button",component:"TopSection"})},children:(0,a.jsx)("a",{href:"https://form.asana.com/?k=ClRNDmKRUMlBEYDWbxR_Mw&d=1203273737616767",target:"_blank",rel:"noreferrer",children:"Get API Key"})}),(0,a.jsx)(m.z,{variant:"secondary",size:"md",onClick:e=>{null==e||e.stopPropagation(),(0,p.AD)({text:"Read Docs",action:"Clicked on Read Docs button",component:"TopSection"})},children:(0,a.jsx)(u(),{href:"/docs",children:"Read our Docs"})})]})]}
1),(0,a.jsx)("div",{className:"lg:rounded-5xl relative mx-auto mt-12 w-full max-w-6xl items-center rounded-lg border border-border bg-backgroundBase lg:border lg:p-6",children:(0,a.jsx)("div",{className:"",children:(0,a.jsx)(D,{})})})]})]}),R=()=>(0,a.jsxs)("section",{className:"relative",children:[(0,a.jsxs)("div",{className:"-z-1 absolute left-0 right-0 mx-auto flex h-full w-full flex-row justify-between px-6 lg:h-full lg:max-w-7xl lg:px-0",children:[(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"}),(0,a.jsx)("div",{className:"h-full w-full border-x border-dashed border-[#202020]"})]}),(0,a.jsxs)("div",{className:"relative mx-auto max-w-7xl px-8 py-12 md:px-12 lg:px-32 lg:py-24 lg:pb-48",children:[(0,a.jsxs)("div",{className:"mx-auto max-w-lg text-center",children:[(0,a.jsx)("p",{className:"text-sm uppercase text-receding",children:"USE CASES"}),(0,a.jsxs)("h2",{className:"mt-5 text-3xl font-normal tracking-tight text-white",children:["A simple development toolkit with",(0,a.jsx)("span",{className:"text-3xl text-primary",children:" endless possibilities"})]})]}),(0,a.jsxs)("div",{className:"relative mx-auto mt-12 grid w-full grid-cols-1 items-center gap-8 md:grid-cols-2 lg:grid-cols-3",children:[(0,a.jsxs)("div",{className:"col-span-1 rounded-md border border-border bg-background p-4",children:[(0,a.jsx)("img",{className:"w-full",src:"/assets/build-landing/marketplace-use-case.svg",alt:"Marketplace Use Case",height:"140px"}),(0,a.jsx)("h4",{className:"mt-3 text-lg",children:"Marketplaces & Trading"}),(0,a.jsx)("h5",{className:"mt-3 text-[15px] text-neutral-400",children:"Leverage TradePort to build a premiere custom NFT marketplace, satisfying your data and trading needs"})]}),(0,a.jsxs)("div",{className:"relative col-span-1 rounded-md border border-border bg-background p-4",children:[(0,a.jsx)("img",{className:"w-full",src:"/assets/build-landing/wallet-use-case.svg",alt:"Marketplace Use Case",height:200}),(0,a.jsx)("h4",{className:"mt-3 text-lg",children:"Wallets & Portfolios"}),(0,a.jsx)("h5",{className:"mt-3 text-[15px] text-neutral-400",children:"Add NFT functionality to your wallet or porfolio with accurate data and smart contract interactions"})]}),(0,a.jsxs)("div",{className:"col-span-1 rounded-md border border-border bg-background p-4",children:[(0,a.jsx)("img",{className:"w-full",src:"/assets/build-landing/analytics-use-case.svg",alt:"Marketplace Use Case",height:200}),(0,a.jsx)("h4",{className:"mt-3 text-lg",children:"Analytics Tools"}),(0,a.jsx)("h5",{className:"mt-3 text-[15px] text-neutral-400",children:"Access real-time and historical NFT market data, including sales, bids, floors, stats, and metadata"})]})]})]})]}),E=()=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(B,{}),(0,a.jsx)(d,{}),(0,a.jsx)(N,{}),(0,a.jsx)(c,{}),(0,a.jsx)(x,{}),(0,a.jsx)(R,{}),(0,a.jsx)(b,{}),(0,a.jsx)(g,{}),(0,a.jsx)(t.w,{})]});var L=l(81596),K=l.n(L);function U(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(K(),{children:[(0,a.jsx)("title",{children:"TradePort | NFT Trading Developer Tools"}),(0,a.jsx)("meta",{name:"description",content:"Build custom NFT marketplaces, portfolio trackers, and analytic tools with TradePort. Access real-time NFT data and integrate programmatic liquidity and trading."}),(0,a.jsx)("meta",{name:"robots",content:"index,follow"}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:url",content:"https://tradeport.xyz/build/"}),(0,a.jsx)("meta",{property:"og:title",content:"TradePort | NFT Trading Developer Tools"}),(0,a.jsx)("meta",{property:"og:description",content:"Build custom NFT marketplaces, portfolio trackers, and analytic tools with TradePort. Access real-time NFT data and integrate programmatic liquidity and trading."}),(0,a.jsx)("meta",{property:"og:image",content:"https://www.tradeport.xyz/assets/tradeport-banner.png"}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:"https://www.tradeport.xyz/build/"}),(0,a.jsx)("meta",{property:"twitter:title",content:"TradePort | NFT Trading Developer Tools"}),(0,a.jsx)("meta",{property:"twitter:description",content:"Build custom NFT marketplaces, portfolio trackers, and analytic tools with TradePort. Acce
1ss real-time NFT data and integrate programmatic liquidity and trading."}),(0,a.jsx)("meta",{property:"twitter:image",content:"https://www.tradeport.xyz/assets/tradeport-banner.png"})]}),(0,a.jsx)(E,{})]})}}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=10688)}),_N_E=e.O()}]);
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.