https://www.nexplace.com/assets/DeploymentTimelineSection-BasccMm8.js

1import{r as i,j as e}from"./vendor-react-CwAgflPZ.js";import{u as w,T as b,g as r}from"./index-pgdDjzUD.js";import{S as C}from"./ScrollTrigger-CB6UHAJl.js";import{m as k,n as S,o as R,M as _,p as A,N as L,q as M,F as E,r as F,s as O,t as P,u as I,v as $,g as B,w as D,x as q,D as U,y as W,W as H,z as K,J as Y,K as z,L as G,O as Q,Q as V,V as Z,X as J,Y as X,Z as ee,_ as te,$ as ae,a0 as le,a1 as se,a2 as ne,a3 as ie,a4 as re,a5 as oe,a6 as ce,a7 as de,a8 as me,a9 as ge,aa as xe,ab as pe,ac as he,ad as fe,ae as be,af as ue,ag as je,ah as ve,ai as ye,aj as Te,ak as Ne,al as we,am as Ce,an as ke,ao as Se,ap as Re,aq as _e,G as Ae,ar as Le,as as h,at as u,au as j,av as v,aw as y}from"./vendor-ui-16dumsH6.js";r.registerPlugin(C);const Me={TrendingUp:y,ArrowLeftRight:v,UserCircle:j,Layers:u,Rocket:h,Shield:Le,Globe:Ae,Zap:_e,BarChart3:Re,Wallet:Se,Lock:ke,Landmark:Ce,BadgeCheck:we,CircleDollarSign:Ne,CreditCard:Te,LineChart:ye,PieChart:ve,Activity:je,Target:ue,Award:be,Star:fe,Heart:he,Flame:pe,Lightbulb:xe,Settings:ge,Users:me,Building2:de,Briefcase:ce,Scale:oe,ShieldCheck:re,Key:ie,Fingerprint:ne,Clock:se,Calendar:le,Bell:ae,MessageSquare:te,Mail:ee,Send:X,Share2:J,Link:Z,

1Code:V,Database:Q,Server:G,Cpu:z,Smartphone:Y,Monitor:K,Wifi:H,Cloud:W,Download:U,Upload:q,RefreshCw:D,Search:B,Filter:$,CheckCircle:I,AlertTriangle:P,Info:O,HelpCircle:F,Flag:E,MapPin:M,Navigation:L,Compass:A,Map:_,Truck:R,Plane:S,Anchor:k};function p({icon:a,title:g,badge:o,children:c,index:d,side:l}){return e.jsx("div",{className:`tl-card relative flex items-start gap-6 lg:gap-10  ${l==="right"?"lg:flex-row pl-2":"lg:flex-row-reverse lg:text-right pr-2"}`,children:e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs("div",{className:"relative bg-gradient-to-br from-[#151921] to-[#1A1F2A] rounded-2xl p-6 sm:p-8 border border-white/10 overflow-hidden group hover:border-teal-500/30 transition-colors duration-500",children:[e.jsx("div",{className:`absolute -top-20 w-40 h-40 bg-teal-500/10 rounded-full blur-[80px] group-hover:bg-teal-500/20 transition-all duration-700 ${l==="right"?"-right-20":"-left-20"}`}),e.jsxs("div",{className:`absolute top-4 text-7xl sm:text-8xl font-bold text-white/[0.04] select-none leading-none ${l==="right"?"right-4":"left-4"}`,children:["0",d+1]}),e.jsxs("div",{className:`relative flex items-center gap-4 mb-5 ${l==="left"?"lg:flex-row-reverse":""}`,children:[e.jsx("div",{className:"inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-teal-500/10 border border-teal-500/20 group-hover:bg-teal-500/20 group-hover:border-teal-500/40 transition-all duration-500 shrink-0",children:e.jsx(a,{className:"w-7 h-7 text-teal-500"})}),e.jsx("span",{className:"inline-flex items-center rounded-full bg-teal-500/20 px-4 py-1.5 text-sm font-medium text-teal-400 border border-teal-500/30 whitespace-nowrap",children:o})]}),e.jsx("h3",{className:`text-2xl sm:text-3xl font-bold text-white mb-4 leading-tight ${l==="left"?"lg:text-right":""}`,children:g}),e.jsx("div",{className:`text-gray-400 text-base sm:text-lg leading-relaxed ${l==="left"?"lg:text-right":""}`,children:c})]})})})}function Be(){const{t:a,i18n:g}=w(),o=i.useRef(null),c=i.useRef(null),[d,l]=i.useState(null);i.useEffect(()=>{fetch("/api/timeline").then(t=>t.ok?t.json():Promise.reject()).then(t=>l(t)).catch(()=>l(null))},[]);const x=g.language?.startsWith("en")?"en":"es",f=d?d.map(t=>({icon:Me[t.icon_name]||h,title:x==="en"?t.title_en:t.title_es,badge:x==="en"?t.badge_en:t.badge_es,content:e.jsx("div",{dangerouslySetInnerHTML:{__html:x==="en"?t.content_en:t.content_es}})})):[{icon:y,title:a("deploymentTimeline.timeline.spotTrading.title"),badge:a("deploymentTimeline.timeline.spotTrading.badge"),content:e.jsx(b,{i18nKey:"deploymentTimeline.timeline.spotTrading.content",components:{1:e.jsx("em",{className:"text-teal-400 not-italic"})}})},{icon:v,title:a("deploymentTimeline.timeline.onOffRamp.title"),badge:a("deploymentTimeline.timeline.onOffRamp.badge"),content:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("strong",{className:"text-white block mb-1",children:a("deploymentTimeline.timeline.onOffRamp.onRampTitle")}),e.jsx("span",{children:a("deploymentTimeline.timeline.onOffRamp.onRampText")})]}),e.jsxs("div",{children:[e.jsx("strong",{className:"text-white block mb-1",children:a("deploymentTimeline.timeline.onOffRamp.offRampTitle")}),e.jsx("span",{children:a("deploymentTimeline.timeline.onOffRamp.offRampText")})]})]})},{icon:j,title:a("deploymentTimeline.timeline.otc.title"),badge:a("deploymentTimeline.timeline.otc.badge"),content:e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"mb-4",children:a("deploymentTimeline.timeline.otc.content")}),e.jsx("p",{className:"text-teal-400 font-medium",children:a("deploymentTimeline.timeline.otc.highlight")})]})},{icon:u,title:a("deploymentTimeline.timeline.margin.title"),badge:a("deploymentTimeline.timeline.margin.badge"),content:a("deploymentTimeline.timeline.margin.content")},{icon:h,title:a("deploymentTimeline.timeline.launchpad.title"),badge:a("deploymentTimeline.timeline.launchpad.badge"),content:a("deploymentTimeline.timeline.launchpad.content")}];return i.useEffect(()=>{const t=o.current,s=c.current;if(!t||!s)return;const m=r.context(()=>{r.to(s,{scaleY:1,ease:"none",scrollTrigger:{trigger:t,start:"top 60%",end:"bottom 40%",scrub:.3}}),t.querySelectorAll(".tl-card").forEach((n,T)=>{const N=T%2===0;r.fromTo(n,{opacity:0,x:N?60:-60},{opacity:1,x:0,duration:.8,ease:"power2.out",scrollTrigger:{trigger:n,start:"top 85%",end:"top 55%",scrub:!1,toggleActions:"play none none reverse"}})}),t.querySelectorAll(".tl-marker").forEach(n=>{r.fromTo(n,{scale:0,opacity:0}

1,{scale:1,opacity:1,duration:.5,ease:"back.out(2)",scrollTrigger:{trigger:n,start:"top 80%",toggleActions:"play none none reverse"}})})},t);return()=>m.revert()},[f]),e.jsxs("section",{ref:o,className:"relative bg-[#0A0E14] py-20 sm:py-28 overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0 pointer-events-none",children:[e.jsx("div",{className:"absolute top-1/4 left-1/4 w-[500px] h-[500px] bg-teal-500/5 rounded-full blur-[180px]"}),e.jsx("div",{className:"absolute bottom-1/3 right-1/4 w-[400px] h-[400px] bg-teal-500/3 rounded-full blur-[150px]"})]}),e.jsxs("div",{className:"relative max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"max-w-4xl mb-16 sm:mb-20",children:[e.jsx("h2",{className:"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-4",children:e.jsx(b,{i18nKey:"deploymentTimeline.title",components:{1:e.jsx("span",{className:"text-teal-500"})}})}),e.jsx("p",{className:"text-gray-400 text-lg sm:text-xl lg:text-2xl",dangerouslySetInnerHTML:{__html:a("deploymentTimeline.subtitle")}})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-6 lg:left-1/2 top-0 bottom-0 w-px bg-white/[0.07] -translate-x-1/2"}),e.jsx("div",{ref:c,className:"absolute left-6 lg:left-1/2 top-0 bottom-0 w-px bg-gradient-to-b from-teal-500 via-teal-400 to-teal-500 -translate-x-1/2 origin-top",style:{transform:"scaleY(0)"}}),e.jsx("div",{className:"space-y-12 sm:space-y-16",children:f.map((t,s)=>{const m=s%2===0;return e.jsxs("div",{className:"relative grid grid-cols-[48px_1fr] lg:grid-cols-[1fr_48px_1fr] items-start gap-0",children:[e.jsx("div",{className:"hidden lg:block",children:m?e.jsx(p,{icon:t.icon,title:t.title,badge:t.badge,index:s,side:"left",children:t.content}):e.jsx("div",{})}),e.jsx("div",{className:"flex justify-center relative z-10",children:e.jsxs("div",{className:"tl-marker relative flex items-center justify-center w-12 h-12 rounded-full bg-[#0A0E14] border-2 border-teal-500/60 shadow-[0_0_20px_rgba(0,192,135,0.25)]",children:[e.jsxs("span",{className:"text-sm font-bold text-teal-400",children:["0",s+1]}),e.jsx("div",{className:"absolute inset-0 rounded-full border border-teal-500/20 animate-ping opacity-30"})]})}),e.jsxs("div",{children:[e.jsx("div",{className:"lg:hidden",children:e.jsx(p,{icon:t.icon,title:t.title,badge:t.badge,index:s,side:"right",children:t.content})}),e.jsx("div",{className:"hidden lg:block",children:m?e.jsx("div",{}):e.jsx(p,{icon:t.icon,title:t.title,badge:t.badge,index:s,side:"right",children:t.content})})]})]},s)})}),e.jsx("div",{className:"flex justify-start lg:justify-center mt-12",children:e.jsx("div",{className:"ml-[9px] lg:ml-0 w-6 h-6 rounded-full bg-teal-500/30 border-2 border-teal-500/50 flex items-center justify-center top-2 relative",children:e.jsx("div",{className:"w-2 h-2 rounded-full bg-teal-500"})})})]})]})]})}export{Be as DeploymentTimelineSection};