https://o2.app/assets/FinalCta-hBxtErDI.js

1import{n as e,s as t,t as n}from"./jsx-runtime-DTJ6URaS.js";import{t as r}from"./use-in-view-CvyYdK7R.js";var i=t(e(),1),a=n();function o(){let{ref:e,inView:t}=r({rootMargin:`200px 0px`}),[n,o]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let e=window.matchMedia(`(min-width: 1024px)`),t=()=>o(e.matches);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]);let s=()=>{let e=document.getElementById(`accounts`);e&&e.scrollIntoView({behavior:`smooth`,block:`start`})};return(0,a.jsxs)(`section`,{id:`get-started`,className:`scroll-mt-20 py-16 sm:py-20 lg:py-28 relative overflow-hidden bg-surface`,children:[(0,a.jsx)(`style`,{children:`
2        @keyframes cta-race-dash-a { from { stroke-dashoffset: 1160; } to { stroke-dashoffset: 0; } }
3        @keyframes cta-race-dash-b { from { stroke-dashoffset: 1200; } to { stroke-dashoffset: 0; } }
4        @keyframes cta-race-dash-c { from { stroke-dashoffset: 1240; } to { stroke-dashoffset: 0; } }
5        .cta-race-glow { display: none; }
6        @media (min-width: 1024px) { .cta-race-glow { display: inline; } }
7        @media (prefers-reduced-motion: reduce) {
8          .cta-race-anim { animation: none !important; }
9        }
10      `}),(0,a.jsx)(`div`,{ref:e,className:`pointer-events-none absolute inset-0 text-brand sm:[mask-image:radial-gradient(120%_90%_at_50%_50%,#000_40%,rgba(0,0,0,0.55)_65%,transparent_92%)] sm:[-webkit-mask-image:radial-gradient(120%_90%_at_50%_50%,#000_40%,rgba(0,0,0,0.55)_65%,transparent_92%)]`,style:{contain:`paint`},"aria-hidden":`true`,children:(0,a.jsxs)(`svg`,{className:`absolute inset-0 w-full h-full`,preserveAspectRatio:`xMidYMid slice`,viewBox:`0 0 392 282`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,a.jsx)(`defs`,{children:(0,a.jsxs)(`filter`,{id:`cta-race-glow`,x:`-20%`,y:`-20%`,width:`140%`,height:`140%`,children:[(0,a.jsx)(`feGaussianBlur`,{stdDeviation:`6`,result:`blur`}),(0,a.jsxs)(`feMerge`,{children:[(0,a.jsx)(`feMergeNode`,{in:`blur`}),(0,a.jsx)(`feMergeNode`,{in:`SourceGraphic`})]})]})}),[{d:`M-101.347 51.3777L27.0493 179.774C86.1414 238.866 187.158 233.659 252.673 168.143C318.189 102.627 323.396 1.61107 264.304 -57.4811`,dur:`5s`,dash:`260 900`,anim:`a`},{d:`M264.301 -57.4805L135.905 -185.877C76.8126 -244.969 -24.2038 -239.761 -89.7194 -174.246C-155.235 -108.73 -160.442 -7.71382 -101.35 51.3783`,dur:`6.5s`,dash:`300 900`,anim:`b`},{d:`M-87.1186 37.1442L41.2774 165.54C93.28 217.543 182.171 212.96 239.827 155.305C297.482 97.6499 302.064 8.75853 250.062 -43.244`,dur:`8s`,dash:`340 900`,anim:`c`},{d:`M250.066 -43.2451L121.67 -171.641C69.6679 -223.644 -19.2235 -219.061 -76.8788 -161.406C-134.534 -103.751 -139.116 -14.8594 -87.1138 37.1431`,dur:`5.5s`,dash:`260 900`,anim:`a`},{d:`M-72.9049 23.3589L55.0632 151.327C100.092 196.355 177.066 192.388 226.989 142.464C276.912 92.5412 280.88 15.5673 235.851 -29.4612`,dur:`7s`,dash:`300 900`,anim:`b`},{d:`M235.852 -29.4609L107.884 -157.429C62.855 -202.457 -14.1189 -198.49 -64.0421 -148.566C-113.965 -98.6433 -117.933 -21.6693 -72.9047 23.3592`,dur:`8.5s`,dash:`340 900`,anim:`c`},{d:`M-58.665 9.12255L69.303 137.091C107.24 175.027 172.093 171.684 214.154 129.624C256.214 87.5631 259.557 22.7097 221.621 -15.227`,dur:`6s`,dash:`260 900`,anim:`a`},{d:`M221.617 -15.2266L93.6492 -143.195C55.7124 -181.131 -9.14096 -177.788 -51.2015 -135.728C-93.262 -93.6671 -96.6052 -28.8137 -58.6684 9.12301`,dur:`7.5s`,dash:`300 900`,anim:`b`}].slice(0,n?8:4).map((e,n)=>(0,a.jsxs)(`g`,{children:[(0,a.jsx)(`path`,{d:e.d,stroke:`currentColor`,strokeOpacity:`0.08`,strokeWidth:`7.48719`,strokeLinecap:`round`}),(0,a.jsx)(`path`,{className:`cta-race-anim cta-race-glow`,d:e.d,stroke:`currentColor`,strokeOpacity:`0.18`,strokeWidth:`7.48719`,strokeLinecap:`round`,filter:`url(#cta-race-glow)`,style:{strokeDasharray:e.dash,animation:`cta-race-dash-${e.anim} ${e.dur} linear infinite`,animationPlayState:t?`running`:`paused`}}),(0,a.jsx)(`path`,{className:`cta-race-anim`,d:e.d,stroke:`currentColor`,strokeOpacity:`0.55`,strokeWidth:`5.5`,strokeLinecap:`round`,style:{strokeDasharray:e.dash,animation:`cta-race-dash-${e.anim} ${e.dur} linear infinite`,animationPlayState:t?`running`:`paused`}})]},n))]})}),(0,a.jsxs)(`div`,{className:`mx-auto max-w-4xl xl:max-w-5xl px-4 sm:px-6 lg:px-8 xl:px-10 relative z-10`,children:[(0,a.jsxs)(`div`,{className:`rounded border border-accent-blue/20 bg-surface md:bg-surface/60 md:backdrop-blur-md px-5 py-6 sm:px-8 sm:py-8 text-center shadow-[0_8px_32px_rgba(0,0,0,0.3)]`,children:[(0,a.jsx)(`div`,{className:`mb-4 text-xs text-caption`,children:`Ready when you are`}),(0,a.jsxs)(`h2`,{className:`text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-branding`,children:[`Trade with $10,000 today.`,(0,a.jsx)(`br`,{}),(0,a.jsx)(`span`,{className:`text-brand`,children:`Keep 100% of the profits.`})]}),(0,a.jsx)(`p`,{className:`mt-5 text-foreground sm:text-lg max-w-xl mx-auto`,children:`Pay once, start instantly, keep every dollar you make.`})]}),(0,a.jsx)(`div`,{className:`mt-8 flex items-center justify-center`,children:(0,a.jsx)(`button`,{onClick:s,className:`inline-flex items-center justify-center gap-2 h-11 px-6 rounded bg-primary text-primary-foreground text-sm font-medium hover:bg-primary/90 transition-colors`,children:`Pick your account →`})})]})]})}export{o as t};