https://ssicevs.com/assets/TradeLandingV2-BxXwpQ4f.js

1import{j as e,r as w}from"./metal-fx-C6GZ_SKA.js";import{bM as c,fm as L,c as j,eT as b,f4 as $}from"./index-D1yBc__G.js";import{p as C}from"./ChartLineUp.es-B7PQlweK.js";import{n as y}from"./Check.es-B2lwH8mS.js";import{c as v}from"./Lightning.es-DOeALmaQ.js";import{h as O}from"./ShieldCheck.es-DJbM-sFY.js";import{n as F}from"./Stack.es-CVlaeRW0.js";import u from"./CandleChart-b2fKMpJM.js";import N from"./OrderBook-DddJhOV3.js";import M from"./OrderTicket-BcQ4gU4l.js";import z from"./DepthChart-pz09CKBG.js";import{H as R}from"./holdings-table-BonBDtX_.js";import{S as H}from"./sectors-donut-buLigKF-.js";import D from"./TickerTape-D-EJBOhi.js";import{S as V}from"./segmented-control-CXER7P0d.js";import{M as k}from"./Magnetic-Dvx9EeNP.js";import{P as h}from"./plates-B2-IDYEl.js";import{L as I}from"./LabScreens-DZOU8YM3.js";import{AsciiFluidLayer as A}from"./AsciiFluid-DCKRlzZs.js";import{g as B,R as W,b as q,a as X}from"./ground-B8BmXcOC.js";import{T as S}from"./TradeboardLogo-BbRv-iEI.js";import{S as n,i as r,e as x,d,g as _,V as l,W as E,E as g,P as G,f as T}from"./parts-BmxketN2.js";import{L as K}from"./index-BzaIvhmh.js";import"./motion-BHwmuFpx.js";import"./shared-OtDZU4QY.js";import"./tradeData-DqLU_iOB.js";import"./BalanceChartPro-DEtRj8T-.js";import"./portfolioData-BLOwM6_D.js";import"./portfolioSeries-CHr0HCT8.js";import"./AsciiArt-nrbyX4Gm.js";import"./presets-CREph9UK.js";import"./ChromaticMetal-hTd4KXLJ.js";import"./chrome-tuning-BDmknl83.js";import"./chrome-shapes-CxrgfOkN.js";import"./TradeboardMark-BMqwa4l9.js";const p="var(--chart-1)",Y=[{symbol:"NOVX",price:1227.59,change:2.56},{symbol:"ARDN",price:212.33,change:-.72},{symbol:"MRDX",price:604.21,change:.48},{symbol:"ZTH",price:98733,change:-1.07},{symbol:"HELX",price:415.6,change:.9},{symbol:"ORBN",price:178.52,change:1.46},{symbol:"VANT",price:514.29,change:-.31},{symbol:"KESM",price:163.24,change:.22},{symbol:"MVOL",price:14.82,change:-3.15}],U=[{label:"Technology",pct:31.2},{label:"Financials",pct:13.9},{label:"Health care",pct:12.4},{label:"Consumer disc.",pct:10.1},{label:"Industrials",pct:8.6},{label:"Other",pct:23.8}];function f({children:s="Launch app"}){return e.jsxs(c,{to:"/trade/app",className:"inline-flex items-center gap-1.5 rounded-full px-5 py-2.5 text-[14px] font-semibold text-[#04121f] transition-transform duration-[160ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:scale-[1.02]",style:{background:"linear-gradient(160deg,#8cc4ff,var(--chart-1))"},children:[s,e.jsx($,{size:15,weight:"bold"})]})}function Z(){return e.jsxs("header",{className:"sticky top-0 z-40 border-b border-white/[0.06]",style:{background:"rgba(0,0,0,0.72)",backdropFilter:"blur(12px)"},children:[e.jsxs("div",{className:"mx-auto flex h-16 w-full max-w-[1180px] items-center gap-7 px-5 sm:px-8",children:[e.jsx(c,{to:"/trade","aria-label":"Tradeboard home",children:e.jsx(S,{badge:"V2"})}),e.jsxs("nav",{className:"hidden items-center gap-6 text-[14px] text-white/45 md:flex",children:[e.jsx("a",{href:"#workspace",className:"transition-colors duration-150 hover:text-white",children:"Product"}),e.jsx("a",{href:"#markets",className:"transition-colors duration-150 hover:text-white",children:"Markets"}),e.jsx("a",{href:"#pricing",className:"transition-colors duration-150 hover:text-white",children:"Pricing"})]}),e.jsxs("div",{className:"ms-auto flex items-center gap-4",children:[e.jsx(c,{to:"/trade/app",className:"hidden text-[14px] text-white/55 transition-colors duration-150 hover:text-white sm:block",children:"Sign in"}),e.jsx(k,{children:e.jsx(f,{})})]})]}),e.jsx("div",{className:"border-t border-white/[0.05]",children:e.jsx(D,{rows:Y,className:"max-w-none rounded-none border-0"})})]})}function J(){return e.jsxs("section",{className:"relative pt-16 pb-24 sm:pt-24 sm:pb-32",style:B,children:[e.jsx(W,{tune:"v2-hero-rocks"}),e.jsxs("div",{className:`${n} relative grid items-center gap-12 lg:grid-cols-[minmax(0,5fr)_minmax(0,6fr)] lg:gap-10`,children:[e.jsxs(r,{children:[e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-full border border-white/[0.1] bg-white/[0.03] px-3 py-1 text-[12px] text-white/60",children:[e.jsx(v,{size:12,weight:"fill",style:{color:p}}),"Markets terminal · built on the Ink system"]}),e.jsxs(x,{as:"h1",className:"mt-6 !text-[40px] sm:!text-[54px] md:!text-[62px]",children:["Trade everything.",e.jsx("br",{}),"One dark desk."]}),e.jsx(d,{className:"mt-6 max-w-[460px]",children:"Real-time quotes, deep liquidity, and pro order types in one fast workspace. Stocks, ETFs and crypto — priced, charted and filled without leaving the keyboard."}),e.jsxs("div",{className:"mt-8 flex items-center gap-3",children:[e.jsx(k,{children:e.jsx(f,{})}),e.jsx("a",{href:"#workspace",className:"inline-flex items-center gap-1.5 rounded-full border border-white/[0.1] px-5 py-2.5 text-[14px] font-medium text-white/70 transition-colors duration-150 hover:bg-white/[0.04] hover:text-white",children:"See it live"})]})]}),e.jsx(r,{delay:.12,className:"relative",children:e.jsx("div",{className:"relative lg:p-6",children:e.jsx(_,{children:e.jsxs("div",{className:"p-4",children:[e.jsxs("div",{className:"mb-3 flex items-baseline gap-2",children:[e.jsx("span",{className:"text-[14px] font-semibold text-white",children:"NOVX"}),e.jsx("span",{className:"text-[18px] font-semibold tabular-nums text-white",children:"$1,227.59"}),e.jsx("span",{className:"text-[13px] font-medium tabular-nums",style:{color:"var(--chart-up)"},children:"+2.56%"})]}),e.jsx(u,{})]})})})})]})]})}function Q(){const s=[["$4.2B","24h volume"],["190+","markets"],["18ms","median fill"],["99.99%","uptime"]];return e.jsx("section",{className:n,children:e.jsx(r,{className:"grid grid-cols-2 gap-y-10 border-y border-white/[0.06] py-12 sm:grid-cols-4",children:s.map(([t,a])=>e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"font-display text-[30px] font-semibold tabular-nums text-white",children:t}),e.jsx("div",{className:"mt-1.5 text-[13px] text-white/40",children:a})]},a))})})}

1const ee=["Markets","Execution","Portfolio"],se={Markets:{eyebrow:"Price action & liquidity",body:"OHLC candles with a live volume strip, crosshair scrub and instant timeframe switching — next to a depth-shaded bid/ask ladder, so you know exactly where size sits before you send.",bullets:["1D → 1Y timeframes","Crosshair OHLC read-out","Live bid/ask ladder"]},Execution:{eyebrow:"Execution",body:"Market, limit and stop — buy or sell with linked cash/share fields and a live rate, so the ticket never gets in your way.",bullets:["Market · limit · stop","Linked amount fields","One-tap 25/50/75/100%"]},Portfolio:{eyebrow:"Portfolio",body:"Holdings, fund weights and sector allocation update as the tape moves — the analytics layer sits right next to the trade.",bullets:["Live holdings & YTD","Sector allocation ring","Performance vs benchmark"]}};function te(){const[s,t]=w.useState("Markets"),a=L(),i=se[s];return e.jsxs("section",{id:"workspace",className:`${l.md} ${n}`,children:[e.jsxs(r,{className:"mx-auto max-w-[720px] text-center",children:[e.jsx(x,{children:"Everything a serious desk needs"}),e.jsx(d,{className:"mx-auto mt-6 max-w-[580px]",children:"Not a toy. The full toolchain — price action, the book, order types and portfolio — in one coherent, keyboard-fast interface."}),e.jsx("div",{className:"mt-8 flex justify-center",children:e.jsx(K,{id:"workspace-tabs",children:e.jsx(V,{options:[...ee],value:s,onChange:o=>t(o)})})})]}),e.jsxs(r,{delay:.08,className:"mt-12",children:[e.jsxs("div",{className:"mx-auto mb-3 flex max-w-[980px] items-center gap-3 text-[10px] tracking-[0.12em] text-white/30",style:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:[e.jsx("span",{children:"FIG. 01"}),e.jsx("span",{className:"h-px flex-1 bg-white/[0.08]"}),e.jsx("span",{children:"THE WORKSPACE"})]}),e.jsx(E,{title:`Tradeboard — ${s}`,className:"mx-auto max-w-[980px]",children:e.jsx("div",{className:"min-h-[420px] p-4 sm:p-5",children:e.jsx(j,{mode:"wait",initial:!1,children:e.jsxs(b.div,{initial:a?!1:{opacity:0,y:10},animate:{opacity:1,y:0},exit:a?void 0:{opacity:0,y:-8},transition:{duration:.28,ease:g},children:[s==="Markets"&&e.jsxs("div",{className:"flex flex-wrap items-start justify-center gap-5",children:[e.jsx("div",{className:"w-full max-w-[520px]",children:e.jsx(u,{})}),e.jsx(N,{})]}),s==="Execution"&&e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-8",children:[e.jsx(G,{className:"p-1",children:e.jsx(M,{className:"max-w-none"})}),e.jsx("div",{className:"w-full max-w-[380px]",children:e.jsx(z,{})})]}),s==="Portfolio"&&e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-8",children:[e.jsx(R,{}),e.jsx(H,{sectors:U})]})]},s)})})}),e.jsx("div",{className:"mx-auto mt-8 max-w-[720px] text-center",children:e.jsx(j,{mode:"wait",initial:!1,children:e.jsxs(b.div,{initial:a?!1:{opacity:0},animate:{opacity:1},exit:a?void 0:{opacity:0},transition:{duration:.2,ease:g},children:[e.jsx(T,{children:i.eyebrow}),e.jsx(d,{className:"mx-auto mt-3 max-w-[560px]",children:i.body}),e.jsx("ul",{className:"mt-5 flex flex-wrap justify-center gap-x-6 gap-y-2",children:i.bullets.map(o=>e.jsxs("li",{className:"flex items-center gap-2 text-[13.5px] text-white/60",children:[e.jsx(y,{size:13,weight:"bold",style:{color:p}}),o]},o))})]},s)})})]})]})}const ae=[{n:1,x:30,y:30,title:"Crosshair scrub",d:"OHLC read-out follows the cursor; timeframes switch with keys 1-4."},{n:2,x:82,y:32,title:"Depth ladder",d:"Bid/ask sizes shade by weight, mid and spread pinned in view."}

1,{n:3,x:30,y:64,title:"Volume strip",d:"Prints under the tape, so thin sessions read at a glance."}];function re({n:s,x:t,y:a,title:i,d:o}){const[P,m]=w.useState(!1);return e.jsxs("div",{className:"absolute",style:{left:`${t}%`,top:`${a}%`},children:[e.jsxs("button",{type:"button","aria-label":i,onPointerEnter:()=>m(!0),onPointerLeave:()=>m(!1),onFocus:()=>m(!0),onBlur:()=>m(!1),className:"grid h-7 w-7 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full border border-white/25 bg-black/60 text-[11px] font-semibold text-white/80 backdrop-blur-sm transition-transform duration-[160ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:scale-110",children:[e.jsx("span",{className:"absolute inset-0 -z-10 animate-ping rounded-full bg-white/10",style:{animationDuration:"2.4s"}}),s]}),P&&e.jsxs("div",{className:"absolute left-4 top-2 z-30 w-[220px] rounded-xl border border-white/[0.12] bg-black/85 p-3.5 backdrop-blur-md",children:[e.jsx("div",{className:"text-[12.5px] font-semibold text-white",children:i}),e.jsx("div",{className:"mt-1 text-[11.5px] leading-relaxed text-white/55",children:o})]})]})}function ie(){return e.jsxs("section",{className:`${l.md} ${n}`,children:[e.jsxs(r,{className:"mx-auto mb-10 max-w-[640px] text-center",children:[e.jsx(T,{children:"Anatomy"}),e.jsx(x,{className:"mt-4",children:"Every pixel earns its place"})]}),e.jsxs(r,{delay:.08,children:[e.jsxs("div",{className:"relative mx-auto max-w-[900px]",children:[e.jsx(E,{title:"Tradeboard — NOVX",children:e.jsxs("div",{className:"grid gap-5 p-5 lg:grid-cols-[minmax(0,1fr)_300px]",children:[e.jsx(u,{}),e.jsx("div",{className:"flex justify-center",children:e.jsx(N,{})})]})}),e.jsx("div",{className:"pointer-events-none absolute inset-0 z-20 hidden sm:block",children:e.jsx("div",{className:"pointer-events-auto contents",children:ae.map(s=>e.jsx(re,{...s},s.n))})})]}),e.jsx("p",{className:"mt-5 text-center text-[11px] text-white/30",children:"Hover the numbered points."})]})]})}function ne(){return e.jsx("section",{className:`${l.md} overflow-hidden`,children:e.jsxs(r,{className:"text-center",children:[e.jsx("div",{className:"bg-clip-text font-display text-[24vw] leading-none font-semibold tabular-nums tracking-[-0.04em] text-transparent sm:text-[180px]",style:{backgroundImage:"linear-gradient(180deg, #fff 20%, rgba(255,255,255,0.25))"},children:"18ms"}),e.jsx("p",{className:"mx-auto mt-4 max-w-[380px] text-[14px] text-white/45",children:"Median fill, decision to execution. The desk never makes you wait for it."})]})})}function oe(){return e.jsx("section",{id:"screens",className:`${l.md} ${n}`,children:e.jsxs(r,{children:[e.jsx("h2",{className:"text-[26px] font-semibold tracking-[-0.02em] text-white sm:text-[32px]",children:"The screens, running"}),e.jsx("p",{className:"mt-3 max-w-[62ch] text-[14.5px] leading-relaxed text-white/45",children:"Not screenshots. Each frame is the real route rendering live, so what this page advertises and what the product does cannot drift apart."}),e.jsx(I,{className:"mt-10"})]})})}function le(){const s=[{Icon:v,plate:h.plainDusk,t:"Sub-20ms fills",d:"Colocated matching, no lag between decision and execution."},{Icon:C,plate:h.duneField,t:"190+ markets",d:"Stocks, ETFs and major crypto in one unified book."},{Icon:F,plate:h.cloudDeck,t:"One workspace",d:"Chart, book, ticket and portfolio — no tab-switching."},{Icon:O,plate:h.sky,t:"Built to trust",d:"Every number derives from a formula you can show."}];return e.jsx("section",{id:"markets",className:`${l.md} ${n}`,children:e.jsx(r,{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-4",children:s.map(({Icon:t,plate:a,t:i,d:o})=>e.jsxs("div",{className:"group overflow-hidden rounded-2xl border border-white/[0.07] bg-white/[0.02] transition-[transform,border-color] duration-300 ease-out hover:-translate-y-1 hover:border-white/[0.16] hover:duration-[160ms] hover:ease-[cubic-bezier(0.25,0.46,0.45,0.94)]",children:[e.jsxs("div",{className:"relative h-[110px] overflow-hidden",children:[e.jsx("img",{src:a.src,srcSet:a.srcSet,sizes:"360px",alt:"",loading:"lazy",decoding:"async",className:"h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04]"}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 100%)"}}),e.jsx(t,{size:18,className:"absolute bottom-3 left-4",style:{color:p}})]}),e.jsxs("div",{className:"p-5",children:[e.jsx("div",{className:"text-[15px] font-semibold text-white",children:i}),e.jsx("div",{className:"mt-2 text-[13.5px] leading-relaxed text-white/45",children:o})]})]},i))})})}function ce(){const s=[{name:"Starter",price:"$0",sub:"For exploring the markets",cta:"Launch app",feats:["Real-time quotes","Full charting","Watchlists","5 open orders"],accent:!1},{name:"Pro",price:"$19",sub:"For active traders",cta:"Start Pro",feats:["Everything in Starter","Full depth-of-book","Advanced order types","Portfolio analytics","Unlimited orders"],accent:!0},{name:"Desk",price:"$49",sub:"For teams & pros",cta:"Contact us",feats:["Everything in Pro","Multi-account","API access","Priority fills","Dedicated support"],accent:!1}];return e.jsxs("section",{id:"pricing",className:`${l.md} ${n}`,children:[e.jsxs(r,{className:"mb-14 text-center",children:[e.jsx(x,{children:"Simple pricing"}),e.jsx(d,{className:"mx-auto mt-5",children:"Start free. Upgrade when the desk earns it."})]}),e.jsx(r,{delay:.08,className:"grid gap-4 lg:grid-cols-3",children:s.map(t=>e.jsxs("div",{className:"flex flex-col rounded-2xl border p-7 transition-[transform,border-color] duration-300 ease-out hover:-translate-y-1 hover:duration-[160ms] hover:ease-[cubic-bezier(0.25,0.46,0.45,0.94)]",style:{borderColor:t.accent?"rgba(72,159,250,0.32)":"rgba(255,255,255,0.07)",background:t.accent?"rgba(72,159,250,0.045)":"rgba(255,255,255,0.018)"},children:[e.jsxs("div",{className:"flex items-baseline justify-between",children:[e.jsx("span",{className:"text-[15px] font-semibold text-white",children:t.name}),t.accent&&e.jsx("span",{className:"rounded-full px-2.5 py-0.5 text-[11px] font-semibold",style:{background:"rgba(72,159,250,0.16)",color:"#8cc4ff"},children:"Popular"})]}),e.jsxs("div",{className:"mt-5 flex items-baseline gap-1.5",children:[e.jsx("span",{className:"font-display text-[38px] font-semibold tabular-nums text-white",children:t.price}),e.jsx("span",{className:"text-[13px] text-white/35",children:"/mo"})]}),e.jsx("div",{className:"mt-1.5 text-[13px] text-white/45",children:t.sub}),e.jsx("ul",{className:"mt-7 flex-1 space-y-2.5",children:t.feats.map(a=>e.jsxs("li",{className:"flex items-center gap-2.5 text-[13.5px] text-white/60",children:[e.jsx(y,{size:13,weight:"bold",style:{color:p}}),a]},a))}

1),e.jsx(c,{to:"/trade/app",className:"mt-8 inline-flex items-center justify-center rounded-full px-4 py-2.5 text-[14px] font-semibold transition-colors duration-150",style:t.accent?{background:"linear-gradient(160deg,#8cc4ff,var(--chart-1))",color:"#04121f"}:{border:"1px solid rgba(255,255,255,0.1)",color:"rgba(255,255,255,0.85)"},children:t.cta})]},t.name))})]})}function de(){return e.jsxs("section",{className:`relative overflow-hidden ${l.sm}`,style:q,children:[e.jsx(X,{tune:"v2-cta-rocks"}),e.jsx("div",{className:`${n} relative`,children:e.jsx(r,{children:e.jsxs("div",{className:"flex min-h-[420px] flex-col items-center justify-center px-6 py-16 text-center",children:[e.jsx(x,{children:"Ready to trade?"}),e.jsx(d,{className:"mx-auto mt-5 max-w-[440px]",children:"Open the desk in your browser. No download, no account required to look around."}),e.jsx("div",{className:"mt-9 flex justify-center",children:e.jsx(f,{children:"Launch the desk"})})]})})})]})}function xe(){return e.jsx("footer",{className:"border-t border-white/[0.06]",children:e.jsxs("div",{className:`${n} flex flex-col items-start justify-between gap-6 py-10 sm:flex-row sm:items-center`,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(S,{}),e.jsx("span",{className:"ms-2 text-[12px] text-white/35",children:"© 2026 · Built with ssych ui"})]}),e.jsxs("div",{className:"flex items-center gap-5 text-[13px] text-white/40",children:[e.jsx(c,{to:"/trade",className:"transition-colors duration-150 hover:text-white",children:"Landing v1"}),e.jsx(c,{to:"/trade/app",className:"transition-colors duration-150 hover:text-white",children:"Launch app"})]})]})})}function Ge(){return e.jsxs("div",{className:"dark lab-page min-h-screen",style:{background:"#000"},children:[e.jsx(A,{fixed:!0,className:"text-[#dceaff]/60",label:"v2 cursor · ascii fluid",tune:"v2-cursor"}),e.jsx(Z,{}),e.jsx(J,{}),e.jsx(Q,{}),e.jsx(te,{}),e.jsx(ie,{}),e.jsx(ne,{}),e.jsx(oe,{}),e.jsx(le,{}),e.jsx(ce,{}),e.jsx(de,{}),e.jsx(xe,{})]})}export{Ge as default};