1 line
128 KiB
JavaScript
1 line
128 KiB
JavaScript
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[465],{1004:(e,t,a)=>{Promise.resolve().then(a.bind(a,48645)),Promise.resolve().then(a.bind(a,96355)),Promise.resolve().then(a.bind(a,33600)),Promise.resolve().then(a.bind(a,71627)),Promise.resolve().then(a.bind(a,78976)),Promise.resolve().then(a.bind(a,53392)),Promise.resolve().then(a.bind(a,14295)),Promise.resolve().then(a.bind(a,70757)),Promise.resolve().then(a.bind(a,67819)),Promise.resolve().then(a.bind(a,72275)),Promise.resolve().then(a.bind(a,11757)),Promise.resolve().then(a.bind(a,80191)),Promise.resolve().then(a.bind(a,99652)),Promise.resolve().then(a.bind(a,66759)),Promise.resolve().then(a.bind(a,15484)),Promise.resolve().then(a.bind(a,76703)),Promise.resolve().then(a.bind(a,5138)),Promise.resolve().then(a.bind(a,52014))},1360:(e,t,a)=>{"use strict";a.d(t,{d:()=>s});var i=a(95155);function s(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),(0,i.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),(0,i.jsx)("polyline",{points:"21 15 16 10 5 21"})]})}a(12115)},14295:(e,t,a)=>{"use strict";a.d(t,{VideoHeroSection:()=>f});var i=a(95155),s=a(12115),r=a(6874),l=a.n(r),n=a(37281),o=a(76703),d=a(44912),c=a(71780),m=a(70881);function x(e){let{title:t,titleParts:a,subtitle:r,annotationText:l="TECH.HERO",color:o="#0071E3",showParticles:d=!0}=e,x=(0,s.useRef)(null),{scrollYProgress:h}=(0,c.L)({target:x,offset:["start start","end start"]}),p=(0,m.G)(h,[0,1],["0%","-25%"]),u={hidden:{y:40,opacity:0},visible:{y:0,opacity:1,transition:{type:"spring",stiffness:80,damping:12}}},g={hidden:{y:60,opacity:0},visible:e=>({y:0,opacity:1,scale:(null==e?void 0:e.highlight)?[1,1.08,1]:1,transition:{type:"spring",stiffness:70,damping:12,delay:(null==e?void 0:e.delay)||0,scale:{duration:.5,delay:(null==e?void 0:e.delay)?e.delay+.2:.2}}})};return(0,i.jsx)(n.P.div,{ref:x,className:"max-w-7xl mx-auto mb-4 flex items-center",initial:"hidden",animate:"visible",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{duration:.5,staggerChildren:.12,delayChildren:.3}}},children:(0,i.jsx)("div",{className:"relative w-full",children:(0,i.jsx)("div",{className:"flex flex-col items-center text-center px-4",children:(0,i.jsxs)(n.P.div,{style:{y:p},children:[r&&(0,i.jsx)(n.P.div,{className:"text-[#F7F7F9]/60 uppercase tracking-widest text-sm mb-4",variants:u,children:r}),a?(0,i.jsx)(n.P.h1,{className:"text-4xl md:text-6xl font-bold tracking-tighter leading-none mb-4",variants:{hidden:{},visible:{transition:{staggerChildren:.1,delayChildren:.4}}},children:a.map((e,t)=>(0,i.jsxs)(n.P.span,{className:"".concat(e.opacity?"text-[#F7F7F9]/".concat(e.opacity):e.highlight?"text-[".concat(o,"]"):"text-[#F7F7F9]"," inline-block"),variants:g,custom:{highlight:e.highlight,delay:e.delay},children:[e.text,e.separator&&(0,i.jsx)("span",{style:{color:o},children:"_"===e.text?"":"."})]},t))}):(0,i.jsx)(n.P.h1,{className:"text-4xl md:text-6xl font-bold tracking-tighter leading-none mb-4 text-[#F7F7F9]",variants:u,children:t})]})})})})}var h=a(84021),p=a(67932);let u=e=>{let{href:t,children:a,className:s,...r}=e;return(0,i.jsx)(n.P.a,{href:t,onClick:e=>{e.preventDefault();let a=t.substring(1),i=document.getElementById(a);if(i){let e=i.offsetTop;(0,p.i)(window.scrollY,e,{type:"spring",stiffness:80,damping:15,restDelta:.001,onUpdate:e=>{window.scrollTo(0,e)}})}else console.warn('SmoothScrollLink: Target element with ID "'.concat(a,'" not found.'))},className:"cursor-pointer ".concat(s||""),whileHover:{scale:1.05},whileTap:{scale:.95},transition:{type:"spring",stiffness:400,damping:17},...r,children:a})};var g=a(45896),b=a(51330);function f(e){let{locale:t,videoSrc:a="/animations/cables/nayy-j-4x-se_v01_s02_c03_tube_horizontal-6.webm",fallbackVideoSrc:r="/animations/cables/fzovdmu-sd_v01_pyramid_horizontal_c02-4.webm",title:c,subtitle1:m,subtitle2:p,primaryButtonText:f,primaryButtonLink:v,secondaryButtonText:y,secondaryButtonLink:j}=e,w=(0,o.useClientTranslations)("Home"),N=w("hero.title")||c,k=w("hero.subtitle1")||m,P=w("hero.subtitle2")||p,A=w("hero.primaryButtonText")||f,F=w("hero.secondaryButtonText")||y,M=(0,s.useRef)(null),E=(0,s.useRef)(null),I=(0,s.useRef)(null),[z,L]=(0,s.useState)(!1);return(0,i.jsxs)("section",{ref:M,className:"hero relative min-h-screen flex flex-col justify-center items-center overflow-hidden",children:[(0,i.jsxs)("div",{className:"absolute inset-0 z-0 bg-[#050508]",children:[(0,i.jsxs)("video",{ref:I,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,onError:()=>{console.error("Error loading video:",a),L(!0)},className:"absolute inset-0 w-full h-full object-cover z-1",style:{opacity:+!z},children:[(0,i.jsx)("source",{src:a,type:"video/webm"}),r&&(0,i.jsx)("source",{src:r,type:"video/webm"})]}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-[#050508]/70 via-[#050508]/50 to-[#050508]/70 z-2"}),(0,i.jsx)(n.P.div,{className:"absolute inset-0 opacity-20 bg-radial-gradient-blue",animate:{opacity:[.1,.3,.1],scale:[1,1.1,1]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),(0,i.jsx)("div",{className:"absolute inset-0 overflow-hidden",children:(0,i.jsx)(h.I,{density:"medium",size:"small",speed:"slow",opacity:.15,className:"z-5"})})]}),(0,i.jsxs)("div",{className:"absolute inset-0 z-3 overflow-hidden",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-[#050508]/60 via-[#050508]/40 to-[#050508]/60 z-10"}),(0,i.jsx)(h.I,{density:"low",size:"large",speed:"slow",opacity:.08,className:"z-5"}),(0,i.jsx)("div",{className:"absolute inset-0 z-5 opacity-20 blueprint-grid-effect"}),(0,i.jsx)("div",{className:"absolute inset-0 z-0"})]}),(0,i.jsxs)(n.P.div,{className:"relative z-30 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-center min-h-screen",variants:g.cm,initial:"hidden",animate:"visible",children:[(0,i.jsxs)("div",{ref:E,className:"text-left sm:text-center max-w-3xl",children:[(0,i.jsx)("div",{className:"mb-8",children:(()=>{let e=[{text:N.split(" ")[0],highlight:!0},{text:"_",highlight:!0,separator:!0},{text:N.split(" ").slice(1,-1).join(" "),customColor:"#FFFFFF"},{text:N.split(" ").pop()||"",separator:!0,delay:.2}];return(0,i.jsx)(x,{title:N,titleParts:e,color:"#0071E3",showParticles:!1})})()}),(0,i.jsxs)(n.P.div,{className:"mb-8 text-left sm:text-center",variants:g.Q$,children:[(0,i.jsx)("p",{className:"text-lg sm:text-xl md:text-2xl text-gray-200 leading-relaxed mb-4",children:k}),(0,i.jsx)("p",{className:"text-base sm:text-lg text-gray-300",children:P})]}),(0,i.jsxs)(n.P.div,{className:"flex flex-row gap-3 items-center justify-center",variants:g.Q$,style:{width:"100%"},children:[(0,i.jsx)(l(),{href:v,children:(0,i.jsx)(d.Button,{variant:"primary",size:"medium",icon:"→",className:"bg-gradient-to-r from-electric-blue to-[#4FD1B5] hover:shadow-lg hover:shadow-electric-blue/20 transition-all duration-300 transform hover:-translate-y-1 text-sm sm:text-base px-4 sm:px-8 py-2 sm:py-3",children:A})}),(0,i.jsx)(u,{href:j,className:"inline-block",children:(0,i.jsx)(d.Button,{variant:"glass",size:"medium",className:"backdrop-blur-md bg-white/5 border border-white/10 hover:border-electric-blue/30 hover:bg-white/10 transition-all duration-300 transform hover:-translate-y-1 text-sm sm:text-base px-4 sm:px-8 py-2 sm:py-3",children:F})})]})]}),(0,i.jsx)(n.P.div,{className:"absolute bottom-8 sm:bottom-8 md:bottom-8 left-1/2 transform -translate-x-1/2 mb-16 sm:mb-0",initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{delay:.8,duration:.5},children:(0,i.jsx)(b.P,{text:w("hero.scrollIndicator"),mobileText:w("hero.scrollIndicatorMobile"),color:"#FFFFFF",size:"large"})})]})]})}},19731:(e,t,a)=>{"use strict";a.d(t,{c:()=>s});var i=a(95155);function s(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,i.jsx)("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),(0,i.jsx)("polyline",{points:"22 4 12 14.01 9 11.01"})]})}a(12115)},24557:(e,t,a)=>{"use strict";a.d(t,{a:()=>s});var i=a(95155);a(12115);let s=e=>{let{className:t,...a}=e;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",...a,children:[(0,i.jsx)("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),(0,i.jsx)("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"}),(0,i.jsx)("line",{x1:"12",y1:"16",x2:"12",y2:"16.01"})]})}},25100:(e,t,a)=>{"use strict";a.d(t,{P:()=>s});var i=a(95155);function s(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,i.jsx)("path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"}),(0,i.jsx)("circle",{cx:"12",cy:"13",r:"3"})]})}a(12115)},30083:(e,t,a)=>{"use strict";a.d(t,{w:()=>s});var i=a(95155);function s(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,i.jsx)("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"}),(0,i.jsx)("polyline",{points:"3.29 7 12 12 20.71 7"}),(0,i.jsx)("line",{x1:"12",y1:"22",x2:"12",y2:"12"})]})}a(12115)},32534:(e,t,a)=>{"use strict";a.d(t,{n:()=>s});var i=a(95155);a(12115);let s=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[(0,i.jsx)("path",{d:"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"}),(0,i.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,i.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),(0,i.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),(0,i.jsx)("line",{x1:"10",y1:"9",x2:"8",y2:"9"})]})},33853:(e,t,a)=>{"use strict";a.d(t,{_:()=>s});var i=a(95155);function s(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("polyline",{points:"12 6 12 12 16 14"})]})}a(12115)},43786:(e,t,a)=>{"use strict";a.d(t,{V:()=>s});var i=a(95155);function s(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,i.jsx)("path",{d:"M21 2v6h-6"}),(0,i.jsx)("path",{d:"M3 12a9 9 0 0 1 15-6.7L21 8"}),(0,i.jsx)("path",{d:"M3 22v-6h6"}),(0,i.jsx)("path",{d:"M21 12a9 9 0 0 1-15 6.7L3 16"})]})}a(12115)},48645:(e,t,a)=>{"use strict";a.d(t,{AnimationsSection:()=>h});var i=a(95155),s=a(11518),r=a.n(s);a(12115);var l=a(37281),n=a(84021),o=a(2939),d=a(25100),c=a(19731),m=a(56869),x=a(76703);function h(){let e=(0,x.useClientTranslations)("Home.animations"),t={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}}},a=[e("features.brandIntegration"),e("features.visualStorytelling"),e("features.attentionGrabbing"),e("features.multiPlatformUse")],s=[{title:e("benefits.understanding.title"),description:e("benefits.understanding.description"),icon:(0,i.jsx)(d.P,{size:20}),color:"#0071E3"},{title:e("benefits.engagement.title"),description:e("benefits.engagement.description"),icon:(0,i.jsx)(c.c,{size:20}),color:"#0071E3"}];return(0,i.jsxs)("section",{className:"py-24 bg-[#0A0A14] text-white relative overflow-hidden",children:[(0,i.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,i.jsx)(n.I,{density:"medium",size:"large",speed:"slow",opacity:.08}),(0,i.jsx)("div",{className:"absolute inset-0 opacity-10",children:[...Array(8)].map((e,t)=>(0,i.jsx)(l.P.div,{className:"absolute h-px bg-gradient-to-r from-transparent via-[#0071E3] to-transparent",style:{top:"".concat(15+10*t,"%"),left:0,right:0},animate:{x:["-100%","100%"]},transition:{duration:15+2*t,repeat:1/0,ease:"linear",delay:.5*t}},t))})]}),(0,i.jsx)(m.W,{color:"#B794F4",opacity:.1}),(0,i.jsxs)("div",{className:"container mx-auto px-4 relative z-10",children:[(0,i.jsxs)("div",{className:"max-w-4xl mx-auto text-left lg:text-center mb-16",children:[(0,i.jsx)(o.I,{sectionNumber:"03",subtitle:"MOTION GRAPHICS",title:e("title"),titleParts:[{text:"Dynamic"},{text:"_",highlight:!0,separator:!0},{text:"Cable",opacity:.8},{text:"Animations",separator:!0}],annotationText:"ANIMATION.DATA",color:"#0071E3"}),(0,i.jsx)("p",{className:"text-[#F7F7F9]/90 text-base lg:text-lg mb-8 leading-relaxed mt-6",children:e("subtitle")})]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center",children:[(0,i.jsxs)(l.P.div,{className:"lg:col-span-7 relative",initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},transition:{duration:.8},viewport:{once:!0},children:[(0,i.jsxs)("div",{className:"relative aspect-video rounded-2xl overflow-hidden",children:[(0,i.jsx)("video",{src:"/animations/cables/na2xsfl2y-helix.webm",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"w-full h-full object-cover"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#0A0A14] via-[#0A0A14]/30 to-transparent pointer-events-none"}),(0,i.jsx)("div",{className:"absolute bottom-3 right-3 z-10",children:(0,i.jsx)("div",{className:"bg-[#0071E3]/20 backdrop-blur-sm rounded-md px-1.5 py-0.5 text-[8px] text-white/70",children:"ANIMATION"})})]}),(0,i.jsxs)("div",{className:"mt-6",children:[(0,i.jsx)("h3",{className:"text-lg lg:text-xl font-semibold text-white mb-2",children:e("marketingTitle")}),(0,i.jsx)("p",{className:"text-[#F7F7F9]/80 text-sm mb-4",children:e("marketingDescription")}),(0,i.jsxs)("div",{style:{scrollbarWidth:"none",msOverflowStyle:"none"},className:"jsx-a7641aa32f2fcbc8 mt-3 overflow-x-auto pb-2 -mx-2 px-2",children:[(0,i.jsx)(r(),{id:"a7641aa32f2fcbc8",children:"div.jsx-a7641aa32f2fcbc8::-webkit-scrollbar{display:none}"}),(0,i.jsx)("div",{className:"jsx-a7641aa32f2fcbc8 flex sm:grid sm:grid-cols-2 gap-2 min-w-max sm:min-w-0",children:a.map((e,t)=>(0,i.jsxs)("div",{className:"jsx-a7641aa32f2fcbc8 flex items-center bg-[#18181B]/80 border border-[#2A2A3A] rounded-lg px-3 py-1.5 whitespace-nowrap",children:[(0,i.jsx)("span",{className:"jsx-a7641aa32f2fcbc8 w-1.5 h-1.5 rounded-full bg-[#0071E3] mr-2"}),(0,i.jsx)("span",{className:"jsx-a7641aa32f2fcbc8 text-xs text-white/90",children:e})]},t))})]})]})]}),(0,i.jsxs)(l.P.div,{className:"lg:col-span-5",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.1,delayChildren:.3}}},initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-100px"},children:[(0,i.jsx)(l.P.h3,{className:"text-lg lg:text-xl font-semibold text-white mb-6",variants:t,children:e("whyUse")}),(0,i.jsx)("div",{className:"space-y-4",children:s.map((e,a)=>(0,i.jsxs)(l.P.div,{className:"bg-[#18181B] border border-[#2A2A3A] rounded-xl p-5 relative overflow-hidden",variants:t,whileHover:{y:-5,transition:{duration:.3}},children:[(0,i.jsx)("div",{className:"absolute -top-20 -right-20 w-40 h-40 rounded-full blur-3xl",style:{backgroundColor:"".concat(e.color,"10")}}),(0,i.jsxs)("div",{className:"flex items-start gap-4",children:[(0,i.jsx)("div",{className:"flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center text-white",style:{backgroundColor:e.color},children:e.icon}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:"text-base lg:text-lg font-semibold text-white mb-1",children:e.title}),(0,i.jsx)("p",{className:"text-[#F7F7F9]/80 text-sm",children:e.description})]})]}),(0,i.jsx)(l.P.div,{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent opacity-0",initial:{x:"-100%"},whileHover:{x:"100%",opacity:.05,transition:{duration:.5,ease:"easeInOut"}}})]},a))}),(0,i.jsxs)(l.P.div,{className:"mt-8 bg-[#18181B] border border-[#2A2A3A] rounded-xl p-6 relative overflow-hidden",variants:t,children:[(0,i.jsx)("div",{className:"absolute -top-20 -right-20 w-40 h-40 rounded-full blur-3xl bg-[#0071E3]/10"}),(0,i.jsx)("h4",{className:"text-base lg:text-lg font-semibold text-white mb-4",children:e("animationImpact")}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-[#0071E3] mb-1",children:e("stats.engagementRate")}),(0,i.jsx)("div",{className:"text-xs text-[#F7F7F9]/70",children:e("stats.engagementRateLabel")})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-[#0071E3] mb-1",children:e("stats.viewingTime")}),(0,i.jsx)("div",{className:"text-xs text-[#F7F7F9]/70",children:e("stats.viewingTimeLabel")})]})]})]})]})]})]})]})}},52450:(e,t,a)=>{"use strict";a.d(t,{x:()=>s});var i=a(95155);function s(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:[(0,i.jsx)("path",{d:"M12 19l7-7 3 3-7 7-3-3z"}),(0,i.jsx)("path",{d:"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"}),(0,i.jsx)("path",{d:"M2 2l7.586 7.586"}),(0,i.jsx)("circle",{cx:"11",cy:"11",r:"2"})]})}a(12115)},53392:(e,t,a)=>{"use strict";a.d(t,{ServiceHighlightSection:()=>N});var i=a(95155),s=a(11518),r=a.n(s),l=a(12115),n=a(66766),o=a(46896),d=a(37281),c=a(60760),m=a(1360),x=a(32534),h=a(30083),p=a(24557),u=a(58945),g=a(25100);let b=["#0071E3","#4FD1B5","#B794F4"];function f(e){let{count:t=30}=e,[a,s]=l.useState([]);return(l.useEffect(()=>{s([...Array(t)].map((e,t)=>(0,i.jsx)(d.P.div,{className:"absolute w-1 h-1 rounded-full",style:{top:"".concat(100*Math.random(),"%"),left:"".concat(100*Math.random(),"%"),opacity:.3+.4*Math.random(),backgroundColor:b[t%b.length]},animate:{opacity:[.3,.7,.3],scale:[1,1.2,1]},transition:{duration:2+3*Math.random(),repeat:1/0,ease:"easeInOut",delay:2*Math.random()}},t)))},[t]),0===a.length)?null:(0,i.jsx)("div",{className:"absolute inset-0",children:a})}var v=a(76703),y=a(45896);let j={hidden:{opacity:0,y:-5,scale:.95},visible:{opacity:1,y:0,scale:1}};function w(e){let{content:t,children:a,className:s="",position:r="top",offset:n=8,color:o="#F7F7F9",bgColor:c="#18181B"}=e,[m,x]=l.useState(!1);return(0,i.jsxs)("div",{className:"relative inline-block",onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[a,(0,i.jsx)(d.P.div,{className:"absolute z-50 px-3 py-1 rounded-full text-xs whitespace-nowrap pointer-events-none ".concat(s),style:{...(()=>{switch(r){case"bottom":return{top:"calc(100% + ".concat(n,"px)"),left:"50%",transform:"translateX(-50%)"};case"left":return{top:"50%",right:"calc(100% + ".concat(n,"px)"),transform:"translateY(-50%)"};case"right":return{top:"50%",left:"calc(100% + ".concat(n,"px)"),transform:"translateY(-50%)"};default:return{bottom:"calc(100% + ".concat(n,"px)"),left:"50%",transform:"translateX(-50%)"}}})(),color:o,backgroundColor:c},variants:j,initial:"hidden",animate:m?"visible":"hidden",transition:{duration:.2,ease:"easeInOut"},children:t})]})}function N(){let e=(0,v.useClientTranslations)("Home.serviceHighlight"),[t,a]=(0,l.useState)(0),[s,b]=(0,l.useState)({width:0,height:0}),[j,N]=(0,l.useState)(!0),k=(0,l.useRef)(null),P=(0,o.s)(),A={catalog:"/img/mockups/Magazine-mockups-vol-4-16 copy.jpg",technical:"/img/cable-comparison/na2xsfl2y-drawing.png",interactive:"/img/cables/render 7.png",contextual:"/img/cables/ymekrvaslqwd-fca-cu-1x-rm_v01_s05_horizontal_c01.webp",marketing:"/img/exhibition/viz-9.png",custom:"/img/cables/render 3.png",animation:"/img/cables/render 5.png"},F=[{id:"catalog",title:e("items.catalog.title"),description:e("items.catalog.description"),icon:m.d,color:"#0071E3",keyPoints:[e("items.catalog.keyPoints.point1"),e("items.catalog.keyPoints.point2"),e("items.catalog.keyPoints.point3"),e("items.catalog.keyPoints.point4")],cta:e("items.catalog.cta")},{id:"technical",title:e("items.technical.title"),description:e("items.technical.description"),icon:x.n,color:"#4FD1B5",keyPoints:[e("items.technical.keyPoints.point1"),e("items.technical.keyPoints.point2"),e("items.technical.keyPoints.point3"),e("items.technical.keyPoints.point4")],cta:e("items.technical.cta")},{id:"custom",title:e("items.custom.title"),description:e("items.custom.description"),icon:h.w,color:"#0071E3",keyPoints:[e("items.custom.keyPoints.point1"),e("items.custom.keyPoints.point2"),e("items.custom.keyPoints.point3"),e("items.custom.keyPoints.point4")],cta:e("items.custom.cta")},{id:"animation",title:e("items.animation.title"),description:e("items.animation.description"),icon:g.P,color:"#0071E3",keyPoints:[e("items.animation.keyPoints.point1"),e("items.animation.keyPoints.point2"),e("items.animation.keyPoints.point3"),e("items.animation.keyPoints.point4")],cta:e("items.animation.cta")},{id:"interactive",title:e("items.interactive.title"),description:e("items.interactive.description"),icon:h.w,color:"#B794F4",keyPoints:[e("items.interactive.keyPoints.point1"),e("items.interactive.keyPoints.point2"),e("items.interactive.keyPoints.point3"),e("items.interactive.keyPoints.point4")],cta:e("items.interactive.cta")},{id:"contextual",title:e("items.contextual.title"),description:e("items.contextual.description"),icon:p.a,color:"#F6AD55",keyPoints:[e("items.contextual.keyPoints.point1"),e("items.contextual.keyPoints.point2"),e("items.contextual.keyPoints.point3"),e("items.contextual.keyPoints.point4")],cta:e("items.contextual.cta")},{id:"marketing",title:e("items.marketing.title"),description:e("items.marketing.description"),icon:u.o,color:"#FC8181",keyPoints:[e("items.marketing.keyPoints.point1"),e("items.marketing.keyPoints.point2"),e("items.marketing.keyPoints.point3"),e("items.marketing.keyPoints.point4")],cta:e("items.marketing.cta")}];(0,l.useEffect)(()=>{let e=()=>{k.current&&b({width:k.current.offsetWidth,height:k.current.offsetHeight})};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,l.useEffect)(()=>{let e;return j&&(e=setInterval(()=>{a(e=>(e+1)%F.length)},5e3)),()=>clearInterval(e)},[j]),(0,l.useEffect)(()=>{P.start({y:0,opacity:1,transition:{duration:.5,ease:"easeOut"}})},[t,P]);let M=F[t],E=()=>.4*Math.min(s.width,s.height),I=s.width/2,z=s.height/2;return(0,i.jsxs)("section",{className:"py-24 bg-[#0A0A14] text-white relative overflow-hidden",children:[(0,i.jsxs)("div",{className:"absolute inset-0 w-full h-full",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-radial from-[#0A0A14] to-[#050508]"}),(0,i.jsx)("div",{className:"absolute inset-0 opacity-20",children:[...Array(10)].map((e,t)=>(0,i.jsx)(d.P.div,{className:"absolute h-px bg-gradient-to-r from-transparent via-[#0071E3] to-transparent",style:{top:"".concat(10+8*t,"%"),left:0,right:0},animate:{x:["-100%","100%"]},transition:{duration:15+2*t,repeat:1/0,ease:"linear",delay:.5*t}},t))}),(0,i.jsx)(f,{count:30})]}),(0,i.jsxs)("div",{className:"container mx-auto px-4 relative z-10",children:[(0,i.jsxs)("div",{className:"max-w-4xl mx-auto text-left md:text-center mb-20",children:[(0,i.jsxs)(d.P.h2,{className:"text-4xl md:text-5xl font-bold mb-8 bg-clip-text text-transparent bg-gradient-to-r from-[#0071E3] to-[#4FD1B5]",variants:y.qF,initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.8,delay:0},children:[e("title")," "]}),(0,i.jsxs)(d.P.p,{className:"text-lg md:text-xl text-[#F7F7F9]/90 max-w-2xl mx-0 md:mx-auto leading-relaxed",variants:y.qF,initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.8,delay:.2},children:[e("subtitle")," "]}),(0,i.jsxs)(d.P.div,{className:"mt-8 flex flex-col md:flex-row flex-wrap items-start md:justify-center gap-3 md:gap-4",variants:y.qF,initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.8,delay:.4},children:[(0,i.jsxs)("div",{className:"bg-[#050508]/80 backdrop-blur-sm border border-[#2A2A3A] rounded-full px-4 md:px-6 py-2 text-sm text-[#F7F7F9]/80 flex items-center",children:[(0,i.jsx)("span",{className:"text-[#0071E3] mr-2 flex-shrink-0",children:"✓"}),(0,i.jsx)("span",{children:"Time-to-market acceleration"})]}),(0,i.jsxs)("div",{className:"bg-[#050508]/80 backdrop-blur-sm border border-[#2A2A3A] rounded-full px-4 md:px-6 py-2 text-sm text-[#F7F7F9]/80 flex items-center",children:[(0,i.jsx)("span",{className:"text-[#0071E3] mr-2 flex-shrink-0",children:"✓"}),(0,i.jsx)("span",{children:"Cost reduction"})]}),(0,i.jsxs)("div",{className:"bg-[#050508]/80 backdrop-blur-sm border border-[#2A2A3A] rounded-full px-4 md:px-6 py-2 text-sm text-[#F7F7F9]/80 flex items-center",children:[(0,i.jsx)("span",{className:"text-[#0071E3] mr-2 flex-shrink-0",children:"✓"}),(0,i.jsx)("span",{children:"Creative flexibility"})]}),(0,i.jsxs)("div",{className:"bg-[#050508]/80 backdrop-blur-sm border border-[#2A2A3A] rounded-full px-4 md:px-6 py-2 text-sm text-[#F7F7F9]/80 flex items-center",children:[(0,i.jsx)("span",{className:"text-[#0071E3] mr-2 flex-shrink-0",children:"✓"}),(0,i.jsx)("span",{children:"Higher conversion rates"})]})]})]}),(0,i.jsxs)("div",{className:"relative h-[700px] mb-24 hidden md:block",ref:k,onMouseEnter:()=>N(!1),onMouseLeave:()=>N(!0),children:[(0,i.jsx)(c.N,{children:A[M.id]&&(0,i.jsxs)(d.P.div,{className:"absolute inset-0 z-[-1] rounded-2xl overflow-hidden",initial:{opacity:0},animate:{opacity:.35},exit:{opacity:0},transition:{duration:.8,ease:"easeInOut"},children:[(0,i.jsx)(n.default,{src:A[M.id],alt:"".concat(M.title," Background"),fill:!0,style:{objectFit:"cover"},className:"opacity-70"}),(0,i.jsx)("div",{className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(ellipse at center, transparent 40%, #0A0A14 85%)"}})]},M.id+"-bg")}),(0,i.jsx)("div",{className:"absolute inset-0 bg-transparent"}),s.width>0&&s.height>0&&(0,i.jsx)("div",{className:"absolute rounded-full border border-[#2A2A3A] border-dashed opacity-30",style:{top:z-E(),left:I-E(),width:2*E(),height:2*E(),zIndex:-10}}),s.width>0&&s.height>0&&(0,i.jsx)("div",{className:"absolute inset-0 pointer-events-none",style:{zIndex:-20},children:F.map((e,a)=>{let s=a*(2*Math.PI/F.length)+Math.PI/2,r=E(),l=a===t,n=180*s/Math.PI;return(0,i.jsx)(d.P.div,{className:"absolute origin-left",style:{top:z,left:I,width:r,height:l?2:1,transform:"rotate(".concat(n,"deg)"),background:l?e.color:"linear-gradient(to right, ".concat(e.color,"33, ").concat(e.color,"cc)"),opacity:l?1:.3,zIndex:-20},initial:{opacity:0},animate:{opacity:l?1:.3},transition:{duration:.5},children:!l&&(0,i.jsx)("div",{className:"absolute inset-0",style:{background:"repeating-linear-gradient(to right, transparent, transparent 5px, #0A0A14 5px, #0A0A14 10px)"}})},"line-".concat(e.id))})}),(0,i.jsx)(d.P.div,{className:"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[280px] h-[280px] md:w-[320px] md:h-[320px]",style:{zIndex:10},initial:{scale:.9,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.5},children:(0,i.jsxs)("div",{className:"relative w-full h-full",children:[(0,i.jsxs)("div",{className:"absolute inset-0 bg-[#18181B] rounded-full overflow-hidden",style:{boxShadow:"0 0 30px ".concat(M.color,"30")},children:[(0,i.jsx)("div",{className:"absolute inset-0 opacity-30",style:{backgroundImage:"linear-gradient(135deg, ".concat(M.color,"30, transparent)")}}),(0,i.jsx)(d.P.div,{className:"absolute inset-0 border-2 rounded-full",style:{borderColor:M.color},animate:{boxShadow:["0 0 10px ".concat(M.color,"30"),"0 0 20px ".concat(M.color,"50"),"0 0 10px ".concat(M.color,"30")]},transition:{duration:3,repeat:1/0}}),(0,i.jsx)(d.P.div,{className:"absolute inset-0 rounded-full",style:{background:"radial-gradient(circle at center, ".concat(M.color,"10 0%, transparent 70%)")},animate:{opacity:[.5,.8,.5]},transition:{duration:4,repeat:1/0}})]}),(0,i.jsxs)("div",{className:"absolute inset-[30px] flex flex-col items-center justify-center text-center z-10",children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-full flex items-center justify-center mb-4 flex-shrink-0",style:{backgroundColor:"".concat(M.color,"20")},children:(0,i.jsx)(M.icon,{className:"w-6 h-6",color:M.color})}),(0,i.jsx)("h3",{className:"text-base font-bold mb-2 text-white",style:{color:M.color},children:M.title}),(0,i.jsx)("p",{className:"text-white mb-3 text-xs leading-relaxed max-w-[200px]",children:M.description}),(0,i.jsx)("div",{className:"flex flex-wrap justify-center gap-2 mb-4",children:M.keyPoints.slice(0,2).map((e,t)=>(0,i.jsx)("span",{className:"text-xs px-2 py-1 rounded-full",style:{backgroundColor:"".concat(M.color,"20"),color:M.color},children:e},t))})]})]})}),F.map((e,s)=>{let r=E(),l=s*(2*Math.PI/F.length)+Math.PI/2,n=Math.cos(l)*r,o=Math.sin(l)*r,c=s===t;return(0,i.jsx)(d.P.div,{className:"absolute top-1/2 left-1/2 cursor-pointer",style:{x:n,y:o,translateX:"-50%",translateY:"-50%",zIndex:20},whileHover:{scale:1.1},onClick:()=>a(s),variants:y.Q3,initial:"hidden",animate:"visible",transition:{delay:.1*s},children:(0,i.jsx)(d.P.div,{className:"w-14 h-14 rounded-full flex items-center justify-center ".concat(c?"border-2":"border border-white/20"),style:{borderColor:c?e.color:void 0,backgroundColor:c?"".concat(e.color,"20"):"#18181B"},animate:{scale:c?[1,1.1,1]:1,boxShadow:c?["0 0 10px ".concat(e.color,"30"),"0 0 20px ".concat(e.color,"50"),"0 0 10px ".concat(e.color,"30")]:"none"},transition:{duration:3,repeat:c?1/0:0},children:(0,i.jsx)(w,{content:e.title,position:"bottom",offset:10,color:c?e.color:"#F7F7F9",children:(0,i.jsx)(e.icon,{className:"w-5 h-5",color:c?e.color:"#8E8E93"})})})},e.id)})]}),(0,i.jsxs)("div",{className:"md:hidden mb-16",children:[(0,i.jsxs)("div",{style:{scrollbarWidth:"none",msOverflowStyle:"none"},className:"jsx-9a41e17a238b7de1 flex overflow-x-auto pb-4 mb-6",children:[(0,i.jsx)(r(),{id:"9a41e17a238b7de1",children:"div.jsx-9a41e17a238b7de1::-webkit-scrollbar{display:none}"}),(0,i.jsx)("div",{className:"jsx-9a41e17a238b7de1 flex space-x-2 min-w-max",children:F.map((e,s)=>(0,i.jsx)("button",{onClick:()=>a(s),className:"jsx-9a41e17a238b7de1 "+"px-4 py-2 rounded-full text-sm whitespace-nowrap transition-all ".concat(s===t?"bg-gradient-to-r from-[#0071E3] to-[#4FD1B5] text-white":"bg-[#18181B] text-white/70"),children:e.title},e.id))})]}),(0,i.jsxs)(d.P.div,{className:"bg-[#18181B] rounded-xl overflow-hidden border border-[#2A2A3A]",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.5},children:[(0,i.jsxs)("div",{className:"relative h-48 overflow-hidden",children:[(0,i.jsx)(n.default,{src:A[M.id],alt:M.title,fill:!0,style:{objectFit:"cover"}}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#18181B] to-transparent"}),(0,i.jsxs)("div",{className:"absolute bottom-4 left-4 flex items-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 rounded-full flex items-center justify-center mr-3",style:{backgroundColor:"".concat(M.color,"20")},children:(0,i.jsx)(M.icon,{className:"w-5 h-5",color:M.color})}),(0,i.jsx)("h3",{className:"text-lg font-bold text-white",style:{color:M.color},children:M.title})]})]}),(0,i.jsxs)("div",{className:"p-4",children:[(0,i.jsx)("p",{className:"text-white/90 text-sm mb-4",children:M.description}),(0,i.jsx)("div",{className:"grid grid-cols-2 gap-2 mb-4",children:M.keyPoints.map((e,t)=>(0,i.jsxs)("div",{className:"flex items-center text-xs p-2 rounded-lg",style:{backgroundColor:"".concat(M.color,"10")},children:[(0,i.jsx)("span",{className:"w-2 h-2 rounded-full mr-2 flex-shrink-0",style:{backgroundColor:M.color}}),(0,i.jsx)("span",{className:"text-white/80",children:e})]},t))})]})]},M.id)]})]})]})}},58945:(e,t,a)=>{"use strict";a.d(t,{o:()=>s});var i=a(95155);a(12115);let s=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",...e,children:(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184"})})},67819:(e,t,a)=>{"use strict";a.d(t,{WhyChooseUsSection:()=>g});var i=a(95155),s=a(12115),r=a(38997),l=a(2939),n=a(91202),o=a(84021),d=a(37281),c=a(98377),m=a(52450),x=a(33853),h=a(25100),p=a(76703),u=a(45896);function g(){let e=(0,p.useClientTranslations)("Home.whyChooseUs"),[t,a]=(0,s.useState)(null),g=[{title:e("items.specialists.title"),description:e("items.specialists.description"),icon:m.x,stat:"10+",statLabel:e("items.specialists.statLabel"),color:"#0071E3"},{title:e("items.precision.title"),description:e("items.precision.description"),icon:c.a,stat:"0.1mm",statLabel:e("items.precision.statLabel"),color:"#4FD1B5"},{title:e("items.quality.title"),description:e("items.quality.description"),icon:h.P,stat:"8K",statLabel:e("items.quality.statLabel"),color:"#B794F4"},{title:e("items.turnaround.title"),description:e("items.turnaround.description"),icon:x._,stat:"2x",statLabel:e("items.turnaround.statLabel"),color:"#F6AD55"}];return(0,i.jsxs)("section",{id:"why-choose-us",className:"py-16 md:py-32 bg-gradient-to-b from-[#050508] to-[#0A0A14] text-white relative overflow-hidden",children:[(0,i.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,i.jsx)(o.I,{density:"medium",size:"large",speed:"slow",opacity:.09}),(0,i.jsx)(d.P.div,{className:"absolute top-1/3 left-1/4 w-80 h-80 rounded-full bg-[#0071E3]/5 blur-3xl",animate:{scale:[1,1.2,1],opacity:[.2,.4,.2]},transition:{duration:8,repeat:1/0,repeatType:"reverse"}}),(0,i.jsx)(d.P.div,{className:"absolute bottom-1/4 right-1/4 w-96 h-96 rounded-full bg-[#B794F4]/5 blur-3xl",animate:{scale:[1,1.3,1],opacity:[.2,.3,.2]},transition:{duration:10,repeat:1/0,repeatType:"reverse",delay:1}})]}),(0,i.jsxs)("div",{className:"container mx-auto px-4 relative z-10",children:[(0,i.jsxs)("div",{className:"text-left md:text-center mb-12 md:mb-16",children:[(0,i.jsx)(l.I,{sectionNumber:"08",subtitle:"OUR ADVANTAGE",title:e("title"),titleParts:[{text:"Why"},{text:"_",highlight:!0,separator:!0},{text:"Choose",opacity:.8},{text:"Us",separator:!0}],annotationText:"ADVANTAGE.DATA",color:"#0071E3"}),(0,i.jsxs)(d.P.p,{className:"text-[#F7F7F9] text-lg md:text-xl max-w-3xl mx-0 md:mx-auto mt-6",variants:u.qF,initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{delay:.4,duration:.8},children:[e("subtitle")," "]})]}),(0,i.jsx)("div",{className:"w-16 h-px bg-gradient-to-r from-[#0071E3]/30 to-[#B794F4]/30 mx-0 md:mx-auto mb-12 md:mb-20 opacity-50"}),(0,i.jsx)(d.P.div,{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 lg:gap-10",variants:u.cm,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-50px"},children:g.map((e,s)=>(0,i.jsxs)(d.P.div,{variants:u.It,onMouseEnter:()=>a(s),onMouseLeave:()=>a(null),whileHover:{y:-10},className:"h-full",children:[(0,i.jsx)("div",{className:"block md:hidden",children:(0,i.jsxs)("div",{className:"bg-[#18181B]/75 backdrop-blur-xl border border-[#2A2A3A] rounded-xl p-4 h-full relative overflow-hidden",style:{borderLeft:"3px solid ".concat(e.color)},children:[(0,i.jsxs)("div",{className:"flex items-center",children:[(0,i.jsxs)("div",{className:"relative flex-shrink-0 mr-4",children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-full flex items-center justify-center",style:{backgroundColor:"".concat(e.color,"15")},children:e.icon&&(0,i.jsx)(e.icon,{className:"w-5 h-5",color:e.color})}),(0,i.jsx)("div",{className:"absolute -top-1 -right-1 w-6 h-6 rounded-full flex items-center justify-center text-[9px] font-bold text-white",style:{background:e.color},children:e.stat})]}),(0,i.jsxs)("div",{className:"flex-1 text-left",children:[(0,i.jsx)("h4",{className:"text-base font-semibold mb-0.5",style:{color:e.color},children:e.title}),(0,i.jsx)("div",{className:"text-[10px] text-[#8E8E93] mb-1",children:e.statLabel})]})]}),(0,i.jsx)("p",{className:"text-[#F7F7F9]/80 text-xs mt-3 pl-16",children:e.description})]})}),(0,i.jsxs)(n.Card,{variant:"glass",hover:!0,className:"hidden md:block bg-[#18181B]/75 backdrop-blur-xl border border-[#2A2A3A] p-8 text-center rounded-xl h-full relative overflow-hidden group",children:[(0,i.jsx)(d.P.div,{className:"absolute inset-0 bg-gradient-to-br opacity-0 group-hover:opacity-100 transition-opacity duration-500",style:{backgroundImage:"radial-gradient(circle at 50% 50%, ".concat(e.color,"10, transparent 70%)")},animate:t===s?{background:["radial-gradient(circle at 30% 30%, ".concat(e.color,"10, transparent 70%)"),"radial-gradient(circle at 70% 70%, ".concat(e.color,"10, transparent 70%)")]}:{},transition:{duration:5,repeat:1/0,repeatType:"reverse"}}),(0,i.jsxs)(d.P.div,{className:"mb-6 mx-auto relative",whileHover:{scale:1.05},children:[(0,i.jsxs)(d.P.div,{className:"w-20 h-20 rounded-full bg-[#0A0A14] border flex items-center justify-center mx-auto shadow-lg relative overflow-hidden",style:{borderColor:"".concat(e.color,"30")},animate:t===s?{boxShadow:["0 0 10px ".concat(e.color,"20"),"0 0 20px ".concat(e.color,"30"),"0 0 10px ".concat(e.color,"20")]}:{},transition:{duration:2,repeat:1/0},children:[(0,i.jsx)(d.P.div,{className:"absolute inset-0 opacity-30",style:{background:"radial-gradient(circle at 50% 50%, ".concat(e.color,"20, transparent 70%)")},animate:t===s?{scale:[1,1.2,1]}:{},transition:{duration:2,repeat:t===s?1/0:0}}),(0,i.jsx)(d.P.div,{animate:t===s?{rotateY:[0,10,0,-10,0],scale:[1,1.1,1]}:{},transition:{duration:2,repeat:t===s?1/0:0},className:"relative z-10",children:e.icon&&(0,i.jsx)(e.icon,{className:"w-8 h-8",color:e.color})})]}),(0,i.jsx)(d.P.div,{className:"absolute -top-2 -right-2 w-10 h-10 rounded-full flex items-center justify-center text-xs font-bold shadow-lg",style:{background:e.color},variants:u.Q3,initial:"hidden",animate:"visible",transition:{delay:.5+.1*s,duration:.5,type:"spring"},whileHover:{scale:1.1},children:(0,i.jsx)("span",{className:"text-white",children:e.stat})})]}),(0,i.jsxs)(d.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.3+.1*s,duration:.5},children:[(0,i.jsx)(r.y,{as:"h4",gradient:"cool",className:"text-xl font-semibold mb-2 relative z-10",children:e.title}),(0,i.jsx)("div",{className:"text-xs text-[#8E8E93] mb-2",children:e.statLabel}),(0,i.jsx)("div",{className:"w-8 h-px mx-auto mb-4 opacity-40",style:{background:"linear-gradient(to right, ".concat(e.color,", transparent)")}}),(0,i.jsx)("p",{className:"text-[#F7F7F9] text-sm leading-relaxed relative z-10",children:e.description})]})]})]},e.title))})]})]})}},70757:(e,t,a)=>{"use strict";a.d(t,{What3DSection:()=>y});var i=a(95155),s=a(12115),r=a(71780),l=a(70881),n=a(37281),o=a(38997),d=a(84021),c=a(76703);function m(e){let{className:t=""}=e,a=(0,c.useClientTranslations)("Home.howItWorks.explainer.header");return(0,i.jsxs)("div",{className:"text-left md:text-center mb-12 md:mb-24 relative ".concat(t),children:[(0,i.jsx)(d.I,{density:"medium",size:"large",speed:"slow",opacity:.08}),(0,i.jsxs)(o.y,{as:"h2",gradient:"cool",className:"text-3xl md:text-6xl font-bold mb-4 md:mb-6 tracking-tight leading-tight relative z-10",children:[a("title")," "]}),(0,i.jsx)("p",{className:"text-[#F7F7F9] max-w-2xl mx-0 md:mx-auto text-lg md:text-2xl font-light mb-4 md:mb-6 leading-relaxed relative z-10",children:a.rich("description",{highlight:e=>(0,i.jsx)("span",{className:"font-medium text-white",children:e})})}),(0,i.jsxs)("p",{className:"text-[#F7F7F9]/80 max-w-xl mx-0 md:mx-auto text-base md:text-lg italic relative z-10",children:[a("tagline")," "]}),(0,i.jsx)("div",{className:"w-32 h-0.5 bg-gradient-to-r from-[#0071E3] to-[#4FD1B5] mx-0 md:mx-auto rounded-full mt-6 md:mt-8 relative z-10"})]})}var x=a(66766);let h=s.memo(function(e){let{beforeImage:t,afterImage:a,beforeLabel:r,afterLabel:l,className:n=""}=e,o=(0,c.useClientTranslations)("Home.howItWorks.explainer"),d=(0,s.useRef)(null),m=(0,s.useRef)(null),h=(0,s.useRef)(!1),p=(0,s.useRef)(50),u=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let e=d.current,t=m.current;if(!e||!t)return;let a=t=>{if(!e)return;let a=e.getBoundingClientRect();p.current=Math.max(0,Math.min(100,(t-a.left)/a.width*100)),null===u.current&&(u.current=requestAnimationFrame(i))},i=()=>{if(!t||!e)return;let a=p.current;t.style.left="".concat(a,"%"),t.style.transform="none";let i=e.querySelector(".before-image");i&&(i.style.clipPath="inset(0 ".concat(100-a,"% 0 0)")),u.current=null},s=i=>{i.preventDefault(),h.current=!0,a(i.clientX),t.style.transition="none",e.style.cursor="grabbing";let s=t.querySelector(".slider-handle");s&&(s.style.transform="translate(-50%, -50%) scale(1.1)")},r=e=>{h.current&&a(e.clientX)},l=()=>{if(!h.current)return;h.current=!1,e.style.cursor="grab";let a=t.querySelector(".slider-handle");a&&(a.style.transform="translate(-50%, -50%) scale(1)",a.style.transition="transform 0.2s ease")},n=e=>{h.current=!0,a(e.touches[0].clientX),t.style.transition="none";let i=t.querySelector(".slider-handle");i&&(i.style.transform="translate(-50%, -50%) scale(1.1)")},o=e=>{h.current&&(a(e.touches[0].clientX),e.preventDefault())},c=()=>{h.current=!1;let e=t.querySelector(".slider-handle");e&&(e.style.transform="translate(-50%, -50%) scale(1)",e.style.transition="transform 0.2s ease")};return i(),e.addEventListener("mousedown",s),window.addEventListener("mousemove",r),window.addEventListener("mouseup",l),window.addEventListener("mouseleave",l),e.addEventListener("touchstart",n,{passive:!1}),e.addEventListener("touchmove",o,{passive:!1}),window.addEventListener("touchend",c),()=>{e.removeEventListener("mousedown",s),window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",l),window.removeEventListener("mouseleave",l),e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",o),window.removeEventListener("touchend",c),null!==u.current&&cancelAnimationFrame(u.current)}},[]),(0,i.jsxs)("div",{ref:d,className:"relative aspect-video rounded-xl overflow-hidden image-placeholder-animated mb-6 cursor-grab ".concat(n),style:{touchAction:"none",WebkitBackfaceVisibility:"hidden",WebkitPerspective:1e3,transform:"translateZ(0)"},children:[(0,i.jsx)("div",{className:"absolute inset-0 z-10",children:(0,i.jsx)(x.default,{src:a,alt:l||"",fill:!0,priority:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 70vw",className:"object-cover",style:{transform:"translateZ(0)"},quality:90})}),(0,i.jsx)("div",{className:"absolute inset-0 z-20 before-image",style:{clipPath:"inset(0 50% 0 0)",WebkitBackfaceVisibility:"hidden",transform:"translateZ(0)"},children:(0,i.jsx)(x.default,{src:t,alt:r||"",fill:!0,priority:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 70vw",className:"object-cover",style:{transform:"translateZ(0)"},quality:90})}),(0,i.jsx)("div",{ref:m,className:"absolute top-0 bottom-0 z-30 w-0.5 bg-white cursor-ew-resize",style:{left:"50%",WebkitBackfaceVisibility:"hidden",pointerEvents:"none"},children:(0,i.jsx)("div",{className:"slider-handle absolute top-1/2 left-0 w-8 h-8 md:w-10 md:h-10 bg-white rounded-full flex items-center justify-center shadow-lg",style:{transform:"translate(-50%, -50%)",transition:"transform 0.2s ease",pointerEvents:"auto"},children:(0,i.jsx)("div",{className:"w-4 h-4 md:w-6 md:h-6 rounded-full bg-[#0071E3]"})})}),(0,i.jsx)("div",{className:"absolute bottom-3 left-3 md:bottom-6 md:left-6 bg-[#050508]/80 backdrop-blur-xl px-2 py-1 md:px-4 md:py-2 rounded-md md:rounded-lg text-xs md:text-sm text-white border border-[#2A2A3A] z-40 font-medium tracking-wide",children:r}),(0,i.jsx)("div",{className:"absolute bottom-3 right-3 md:bottom-6 md:right-6 bg-[#0071E3]/20 backdrop-blur-xl px-2 py-1 md:px-4 md:py-2 rounded-md md:rounded-lg text-xs md:text-sm text-white border border-[#0071E3]/30 z-40 font-medium tracking-wide",children:l}),(0,i.jsx)("div",{className:"absolute top-3 left-1/2 transform -translate-x-1/2 md:top-6 bg-[#050508]/80 backdrop-blur-xl px-3 py-1 md:px-4 md:py-2 rounded-full text-xs md:text-sm text-white border border-[#2A2A3A] z-40",children:(0,i.jsxs)("span",{className:"flex items-center gap-1 md:gap-2",children:[(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("path",{d:"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}),(0,i.jsx)("polyline",{points:"9 22 9 12 15 12 15 22"})]}),o("sliderInstruction")," "]})})]})});var p=a(25100),u=a(30083);function g(e){let{className:t="",comparisonPoints:a,traditionalImage:s,visualizationImage:r}=e,l=(0,c.useClientTranslations)("Home.howItWorks.explainer.comparison"),o={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}}};return(0,i.jsxs)(n.P.div,{className:"max-w-5xl mx-auto ".concat(t," relative"),variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.1,delayChildren:.3}}},initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-100px"},children:[(0,i.jsx)(d.I,{density:"low",size:"medium",speed:"medium",opacity:.08}),(0,i.jsx)(n.P.h3,{className:"text-xl md:text-3xl font-semibold text-white text-left md:text-center mb-2",variants:o,children:l.rich("title",{vs:e=>(0,i.jsx)("span",{className:"text-[#0071E3]",children:e})})}),(0,i.jsxs)(n.P.p,{className:"text-left md:text-center text-[#F7F7F9]/80 mb-8 md:mb-12 max-w-2xl mx-auto md:mx-auto text-base md:text-lg font-light",variants:o,children:[l("subtitle")," "]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[(0,i.jsxs)(n.P.div,{className:"bg-[#050508]/80 backdrop-blur-xl border border-[#2A2A3A] rounded-xl overflow-hidden relative",variants:o,initial:"initial",whileHover:"hover",children:[(0,i.jsxs)("div",{className:"h-48 relative",children:[(0,i.jsx)(x.default,{src:s,alt:"Traditional Photography Example",fill:!0,className:"object-cover"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-transparent to-[#050508]"}),(0,i.jsxs)("div",{className:"absolute bottom-2 left-2 md:bottom-4 md:left-4 bg-[#050508]/90 backdrop-blur-xl px-2 py-1 md:px-3 md:py-1 rounded-md md:rounded-lg text-xs md:text-sm text-white border border-[#2A2A3A] font-medium",children:[l("traditional.title")," "]})]}),(0,i.jsxs)("div",{className:"p-4 md:p-6",children:[(0,i.jsxs)("h4",{className:"text-lg md:text-xl font-semibold text-white mb-4 md:mb-6 flex items-center",children:[(0,i.jsxs)("div",{className:"w-8 h-8 md:w-10 md:h-10 rounded-lg md:rounded-xl bg-[#18181B] border border-[#2A2A3A] flex items-center justify-center mr-2 md:mr-3 text-[#8E8E93]",children:[(0,i.jsx)(p.P,{size:16})," "]}),l("traditional.subtitle")," "]}),(0,i.jsx)("ul",{className:"space-y-4",children:a.map((e,t)=>(0,i.jsxs)(n.P.li,{className:"flex items-start",initial:{opacity:0,x:-10},whileInView:{opacity:1,x:0},transition:{delay:.1*t},viewport:{once:!0},children:[(0,i.jsx)("div",{className:"w-6 h-6 md:w-8 md:h-8 rounded-lg md:rounded-xl bg-[#18181B] border border-[#2A2A3A] flex items-center justify-center mr-2 md:mr-3 flex-shrink-0 text-[#8E8E93]",children:e.icon}),(0,i.jsx)("div",{children:(0,i.jsx)("span",{className:"text-[#F7F7F9]/80 text-xs md:text-sm leading-relaxed",children:e.traditional})})]},t))}),(0,i.jsx)("div",{className:"mt-4 pt-4 md:mt-6 md:pt-6 border-t border-[#2A2A3A]",children:(0,i.jsxs)("p",{className:"italic text-[#8E8E93] text-xs md:text-sm",children:[l("traditional.quote")," "]})})]})]}),(0,i.jsxs)(n.P.div,{className:"bg-[#050508]/80 backdrop-blur-xl border border-[#0071E3]/30 rounded-xl overflow-hidden relative",variants:o,initial:"initial",whileHover:"hover",children:[(0,i.jsx)("div",{className:"absolute -top-20 -right-20 w-40 h-40 bg-[#0071E3]/10 rounded-full blur-3xl"}),(0,i.jsxs)("div",{className:"h-48 relative",children:[(0,i.jsx)(x.default,{src:r,alt:"3D Visualization Example",fill:!0,className:"object-cover"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-transparent to-[#050508]"}),(0,i.jsxs)("div",{className:"absolute bottom-2 right-2 md:bottom-4 md:right-4 bg-[#0071E3]/20 backdrop-blur-xl px-2 py-1 md:px-3 md:py-1 rounded-md md:rounded-lg text-xs md:text-sm text-white border border-[#0071E3]/30 font-medium",children:[l("visualization.title")," "]})]}),(0,i.jsxs)("div",{className:"p-4 md:p-6 relative z-10",children:[(0,i.jsxs)("h4",{className:"text-lg md:text-xl font-semibold text-white mb-4 md:mb-6 flex items-center",children:[(0,i.jsxs)("div",{className:"w-8 h-8 md:w-10 md:h-10 rounded-lg md:rounded-xl bg-[#0071E3] flex items-center justify-center mr-2 md:mr-3 text-white",children:[(0,i.jsx)(u.w,{size:16})," "]}),l("visualization.subtitle")," "]}),(0,i.jsx)("ul",{className:"space-y-4",children:a.map((e,t)=>(0,i.jsxs)(n.P.li,{className:"flex items-start",initial:{opacity:0,x:10},whileInView:{opacity:1,x:0},transition:{delay:.1*t},viewport:{once:!0},children:[(0,i.jsx)("div",{className:"w-6 h-6 md:w-8 md:h-8 rounded-lg md:rounded-xl bg-[#0071E3] flex items-center justify-center mr-2 md:mr-3 flex-shrink-0 text-white",children:e.icon}),(0,i.jsx)("div",{children:(0,i.jsx)("span",{className:"text-white text-xs md:text-sm leading-relaxed",children:e.visualization})})]},t))}),(0,i.jsx)("div",{className:"mt-4 pt-4 md:mt-6 md:pt-6 border-t border-[#0071E3]/20",children:(0,i.jsxs)("p",{className:"italic text-[#F7F7F9] text-xs md:text-sm",children:[l("visualization.quote")," "]})})]})]})]})]})}var b=a(1360),f=a(43786);function v(e){let{className:t=""}=e,a=(0,c.useClientTranslations)("Home.howItWorks.explainer"),o=(0,s.useRef)(null),{scrollYProgress:x}=(0,r.L)({target:o,offset:["start end","end start"]}),u=(0,l.G)(x,[0,.1,.9,1],[0,1,1,0]),v=(0,l.G)(x,[0,.1,.9,1],[50,0,0,50]),y=[{traditional:a("comparison.points.point1.traditional"),visualization:a("comparison.points.point1.visualization"),icon:(0,i.jsx)(b.d,{size:16})},{traditional:a("comparison.points.point2.traditional"),visualization:a("comparison.points.point2.visualization"),icon:(0,i.jsx)(f.V,{size:16})},{traditional:a("comparison.points.point3.traditional"),visualization:a("comparison.points.point3.visualization"),icon:(0,i.jsx)(p.P,{size:16})}];return(0,i.jsxs)(n.P.div,{ref:o,className:"".concat(t," relative"),style:{opacity:u,y:v},children:[(0,i.jsx)(d.I,{density:"low",size:"large",speed:"medium",opacity:.08}),(0,i.jsx)(m,{className:"mb-24"}),(0,i.jsxs)(n.P.div,{className:"max-w-5xl mx-auto mb-32 relative",initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-100px"},children:[(0,i.jsx)(n.P.h3,{className:"text-xl md:text-3xl font-semibold text-white text-left md:text-center mb-6 md:mb-8",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.5},viewport:{once:!0},children:a.rich("demoTitle",{see:e=>(0,i.jsx)("span",{className:"text-[#4FD1B5]",children:e}),understand:e=>(0,i.jsx)("span",{className:"text-[#0071E3]",children:e})})}),(0,i.jsx)("div",{className:"relative",children:(0,i.jsx)(h,{beforeImage:"/img/cable-comparison/na2xsfl2y-drawing.png",afterImage:"/img/cable-comparison/na2xsfl2y-rendered.png",beforeLabel:a("sliderBeforeLabel"),afterLabel:a("sliderAfterLabel"),className:"mb-6 relative z-10"})}),(0,i.jsx)(n.P.p,{className:"text-left md:text-center text-[#F7F7F9]/90 italic text-base md:text-lg font-light",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.5,delay:.2},viewport:{once:!0},children:a.rich("sliderCaption",{highlight:e=>(0,i.jsx)("span",{className:"text-white font-medium",children:e})})})]}),(0,i.jsx)("div",{className:"relative",children:(0,i.jsx)(g,{comparisonPoints:y,traditionalImage:"/img/industry-standard/NA2XS(F)2Y-6_10kV,12_20kV,1.png",visualizationImage:"/img/cable-comparison/na2xsfl2y-rendered.png",className:"relative z-10"})})]})}function y(){return(0,i.jsx)("section",{id:"how-it-works",className:"py-16 md:py-24 bg-gradient-to-b from-[#050508] to-[#0A0A14] text-white relative overflow-hidden",children:(0,i.jsx)("div",{className:"container mx-auto px-4",children:(0,i.jsx)(v,{})})})}},71627:(e,t,a)=>{"use strict";a.d(t,{CustomCableModelingSection:()=>p});var i=a(95155);a(12115);var s=a(37281),r=a(66766),l=a(84021),n=a(2939),o=a(52450),d=a(33853),c=a(43786),m=a(19731),x=a(56869),h=a(76703);function p(){let e=(0,h.useClientTranslations)("Home.customCableModeling"),t={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}}},a=[{title:e("features.proprietaryDesigns.title"),description:e("features.proprietaryDesigns.description"),icon:(0,i.jsx)(o.x,{size:20}),color:"#0071E3"},{title:e("features.technicalPrecision.title"),description:e("features.technicalPrecision.description"),icon:(0,i.jsx)(d._,{size:20}),color:"#0071E3"},{title:e("features.unlimitedVariations.title"),description:e("features.unlimitedVariations.description"),icon:(0,i.jsx)(c.V,{size:20}),color:"#0071E3"},{title:e("features.industryCompliance.title"),description:e("features.industryCompliance.description"),icon:(0,i.jsx)(m.c,{size:20}),color:"#0071E3"}];return(0,i.jsxs)("section",{className:"py-24 bg-[#050508] text-white relative overflow-hidden",children:[(0,i.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,i.jsx)(l.I,{density:"medium",size:"large",speed:"slow",opacity:.08}),(0,i.jsx)(s.P.div,{className:"absolute top-1/3 left-1/4 w-80 h-80 rounded-full bg-[#0071E3]/5 blur-3xl",animate:{scale:[1,1.2,1],opacity:[.2,.4,.2]},transition:{duration:8,repeat:1/0,repeatType:"reverse"}}),(0,i.jsx)(s.P.div,{className:"absolute bottom-1/4 right-1/4 w-96 h-96 rounded-full bg-[#B794F4]/5 blur-3xl",animate:{scale:[1,1.3,1],opacity:[.2,.3,.2]},transition:{duration:10,repeat:1/0,repeatType:"reverse",delay:1}})]}),(0,i.jsx)(x.W,{color:"#B794F4",opacity:.1}),(0,i.jsx)("div",{className:"container mx-auto px-4 relative z-10",children:(0,i.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 items-center",children:[(0,i.jsxs)(s.P.div,{variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.1,delayChildren:.3}}},initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-100px"},children:[(0,i.jsx)(n.I,{sectionNumber:"07",subtitle:"SPECIALIZED SERVICE",title:e("title"),titleParts:[{text:"Custom"},{text:"_",highlight:!0,separator:!0},{text:"Cable",opacity:.8},{text:"Modeling",separator:!0}],annotationText:"SERVICE.DATA",color:"#0071E3",alignment:"left"}),(0,i.jsx)(s.P.div,{variants:t,className:"mt-6",children:(0,i.jsx)("p",{className:"text-[#F7F7F9]/90 text-base md:text-lg mb-8 leading-relaxed",children:e("subtitle")})}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 mb-8",children:a.map((e,a)=>(0,i.jsxs)(s.P.div,{className:"bg-[#0A0A14] border border-[#2A2A3A] rounded-xl p-4 md:p-5 relative overflow-hidden",variants:t,whileHover:{y:-5,transition:{duration:.3}},children:[(0,i.jsx)("div",{className:"absolute -top-20 -right-20 w-40 h-40 rounded-full blur-3xl",style:{backgroundColor:"".concat(e.color,"10")}}),(0,i.jsx)("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center mb-4 text-white",style:{backgroundColor:e.color},children:e.icon}),(0,i.jsx)("h4",{className:"text-base md:text-lg font-semibold text-white mb-2",children:e.title}),(0,i.jsx)("p",{className:"text-[#F7F7F9]/80 text-sm",children:e.description}),(0,i.jsx)(s.P.div,{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent opacity-0",initial:{x:"-100%"},whileHover:{x:"100%",opacity:.05,transition:{duration:.5,ease:"easeInOut"}}})]},a))})]}),(0,i.jsxs)(s.P.div,{className:"relative",initial:{opacity:0,x:20},whileInView:{opacity:1,x:0},transition:{duration:.8,delay:.2},viewport:{once:!0},children:[(0,i.jsxs)("div",{className:"relative aspect-video rounded-2xl overflow-hidden",children:[(0,i.jsx)(r.default,{src:"/img/cable-comparison/na2xsfl2y-labeled.png",alt:"Custom Cable Modeling",fill:!0,className:"object-cover"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#050508] via-transparent to-transparent"}),(0,i.jsxs)("div",{className:"absolute inset-0 p-3 md:p-4 lg:p-6 flex flex-col justify-end",children:[(0,i.jsxs)("div",{className:"flex flex-wrap gap-1 md:gap-2 lg:gap-3 mb-2 md:mb-3 lg:mb-4",children:[(0,i.jsx)("span",{className:"bg-[#0071E3]/20 text-[#0071E3] text-[10px] md:text-[11px] lg:text-xs px-2 md:px-2.5 lg:px-3 py-1 rounded-full",children:e("features.proprietaryDesigns.title")}),(0,i.jsx)("span",{className:"bg-[#0071E3]/20 text-[#0071E3] text-[10px] md:text-[11px] lg:text-xs px-2 md:px-2.5 lg:px-3 py-1 rounded-full",children:e("features.technicalPrecision.title")}),(0,i.jsx)("span",{className:"bg-[#0071E3]/20 text-[#0071E3] text-[10px] md:text-[11px] lg:text-xs px-2 md:px-2.5 lg:px-3 py-1 rounded-full",children:e("features.unlimitedVariations.title")})]}),(0,i.jsx)("h3",{className:"text-lg md:text-lg lg:text-xl font-semibold text-white mb-1 md:mb-1.5 lg:mb-2",children:e("visualizeTitle")}),(0,i.jsx)("p",{className:"text-[#F7F7F9]/90 text-xs md:text-xs lg:text-sm",children:e("visualizeDescription")})]})]}),(0,i.jsxs)("div",{className:"mt-4 md:mt-6 grid grid-cols-2 gap-3 md:gap-4",children:[(0,i.jsxs)("div",{className:"relative aspect-video rounded-xl overflow-hidden border border-[#2A2A3A]",children:[(0,i.jsx)(r.default,{src:"/img/cable-comparison/na2xsfl2y-drawing.png",alt:"Technical Drawing",fill:!0,className:"object-cover"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#050508]/80 to-transparent"}),(0,i.jsx)("div",{className:"absolute bottom-1 left-1 right-1 md:bottom-1.5 lg:bottom-2 md:left-1.5 lg:left-2 md:right-1.5 lg:right-2",children:(0,i.jsx)("span",{className:"bg-[#0071E3]/20 text-[#0071E3] text-[10px] md:text-[11px] lg:text-xs px-1.5 md:px-1.5 lg:px-2 py-0.5 md:py-0.5 lg:py-1 rounded-full inline-block mb-1",children:e("technicalDrawing")})})]}),(0,i.jsxs)("div",{className:"relative aspect-video rounded-xl overflow-hidden border border-[#2A2A3A]",children:[(0,i.jsx)(r.default,{src:"/img/cable-comparison/na2xsfl2y-rendered.png",alt:"3D Model",fill:!0,className:"object-cover"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#050508]/80 to-transparent"}),(0,i.jsx)("div",{className:"absolute bottom-1 left-1 right-1 md:bottom-1.5 lg:bottom-2 md:left-1.5 lg:left-2 md:right-1.5 lg:right-2",children:(0,i.jsx)("span",{className:"bg-[#0071E3]/20 text-[#0071E3] text-[10px] md:text-[11px] lg:text-xs px-1.5 md:px-1.5 lg:px-2 py-0.5 md:py-0.5 lg:py-1 rounded-full inline-block mb-1",children:e("3dModel")})})]})]})]})]})})]})}},78976:(e,t,a)=>{"use strict";a.d(t,{ProcessSection:()=>I});var i=a(95155),s=a(12115),r=a(37281),l=a(76703),n=a(38997),o=a(45896),d=a(84021),c=a(66766),m=a(60760),x=a(44912);function h(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})}var p=a(33853),u=a(98377);function g(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("path",{d:"M19 12H5M5 12L12 19M5 12L12 5"})})}var b=a(75582),f=a(46896);function v(e){let{size:t,rotation:a,opacity:l,color:n,colors:o,data:d=[]}=e,[c,m]=(0,s.useState)(!0);(0,s.useEffect)(()=>{let e=setInterval(()=>{m(e=>!e)},2e3);return()=>{clearInterval(e)}},[]);let x=Math.floor(25);return(0,i.jsx)("div",{className:"absolute w-full h-full",style:{opacity:l,transform:"rotate(".concat(a,"deg)")},children:(0,i.jsxs)("div",{className:"relative w-full h-full bg-black bg-opacity-80 p-2 font-mono text-xs",children:[(0,i.jsx)("div",{className:"absolute inset-0 pointer-events-none opacity-10",style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.5) 1px, transparent 1px), \n linear-gradient(90deg, rgba(64, 153, 255, 0.5) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),(0,i.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,i.jsx)("div",{className:"relative w-full h-full",children:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 200 200",preserveAspectRatio:"xMidYMid meet",children:[(0,i.jsx)(r.P.rect,{x:30,y:30,width:140,height:140,rx:2,fill:"rgba(0, 20, 40, 0.3)",stroke:o.outline,strokeWidth:"0.5",strokeDasharray:"2,2",animate:{strokeWidth:c?.5:.8,strokeOpacity:c?.7:1},transition:{duration:1.5,ease:"easeInOut"}}),(0,i.jsx)("rect",{x:35,y:35,width:130,height:20,rx:1,fill:"rgba(0, 40, 80, 0.4)",stroke:o.primary,strokeWidth:"0.5"}),(0,i.jsx)("text",{x:100,y:47,fontSize:"7",fill:o.primary,textAnchor:"middle",fontWeight:"bold",children:"TECHNICAL DATASHEET"}),(0,i.jsx)("text",{x:38,y:51,fontSize:"3.5",fill:o.secondary,textAnchor:"start",children:"DOC-ID: TS-2025-04"}),(0,i.jsx)("text",{x:162,y:51,fontSize:"3.5",fill:o.secondary,textAnchor:"end",children:"REV: 2.1.0"}),(0,i.jsxs)("g",{children:[d.slice(0,x).map((e,t)=>{let a=60+4.2*t,s=e.value.length>35?e.value.substring(0,32)+"...":e.value,r=e.label.length>25?e.label.substring(0,22)+"...":e.label;return(0,i.jsxs)("g",{children:[(0,i.jsxs)("text",{x:38,y:a,fontSize:"3.2",fill:o.secondary,textAnchor:"start",dominantBaseline:"middle",children:[r,":"]}),(0,i.jsx)("text",{x:95,y:a,fontSize:"3.2",fill:o.primary,textAnchor:"start",dominantBaseline:"middle",fontWeight:"normal",children:s}),t<x-1&&(0,i.jsx)("line",{x1:36,y1:a+2.1,x2:162,y2:a+2.1,stroke:o.faint,strokeWidth:"0.2",strokeDasharray:"1,1"})]},"data-row-".concat(t))}),d.length>x&&(0,i.jsx)("text",{x:100,y:60+4.2*x+1,fontSize:"3",fill:o.faint,textAnchor:"middle",children:"... more data ..."})]}),(0,i.jsx)("line",{x1:35,y1:165,x2:165,y2:165,stroke:o.faint,strokeWidth:"0.5",strokeDasharray:"1,1"}),Array.from({length:6}).map((e,t)=>(0,i.jsxs)("g",{children:[(0,i.jsx)("line",{x1:35+26*t,y1:165,x2:35+26*t,y2:168,stroke:o.faint,strokeWidth:"0.5"}),(0,i.jsx)("text",{x:35+26*t,y:172,fontSize:"3",fill:o.faint,textAnchor:"middle",children:25*t})]},"measure-".concat(t))),Array.from({length:8}).map((e,t)=>{let a=2*Math.PI*t/8,s=100+80*Math.cos(a),l=100+80*Math.sin(a);return(0,i.jsx)(r.P.circle,{cx:s,cy:l,r:1.5,fill:o.marker,animate:{opacity:[.3,.8,.3],r:[1,1.5,1]},transition:{duration:3,repeat:1/0,repeatType:"reverse",delay:.3*t}},"data-point-".concat(t))}),Array.from({length:4}).map((e,t)=>{let a=2*Math.PI*t/8,s=2*Math.PI*((t+2)%8)/8,l=100+80*Math.cos(a),n=100+80*Math.sin(a),d=100+80*Math.cos(s),c=100+80*Math.sin(s);return(0,i.jsx)(r.P.line,{x1:l,y1:n,x2:d,y2:c,stroke:o.faint,strokeWidth:"0.3",strokeDasharray:"2,2",animate:{strokeDashoffset:[0,-8]},transition:{duration:10,repeat:1/0,ease:"linear"}},"connection-".concat(t))}),(0,i.jsxs)("g",{children:[(0,i.jsx)("line",{x1:30,y1:100,x2:20,y2:100,stroke:o.outline,strokeWidth:"0.3",strokeDasharray:"1,1"}),(0,i.jsx)("line",{x1:170,y1:100,x2:180,y2:100,stroke:o.outline,strokeWidth:"0.3",strokeDasharray:"1,1"}),(0,i.jsx)("text",{x:15,y:100,fontSize:"4",fill:o.outline,textAnchor:"end",dominantBaseline:"middle",children:"140mm"}),(0,i.jsx)("text",{x:185,y:100,fontSize:"4",fill:o.outline,textAnchor:"start",dominantBaseline:"middle",children:"140mm"})]}),[{x:30,y:30,d:"M 30 35 L 30 30 L 35 30"},{x:170,y:30,d:"M 165 30 L 170 30 L 170 35"},{x:170,y:170,d:"M 170 165 L 170 170 L 165 170"},{x:30,y:170,d:"M 35 170 L 30 170 L 30 165"}].map((e,t)=>(0,i.jsx)("path",{d:e.d,stroke:o.outline,strokeWidth:"0.5",fill:"none"},"corner-".concat(t))),(0,i.jsx)(r.P.line,{x1:30,y1:100,x2:170,y2:100,stroke:o.primary,strokeWidth:"0.5",strokeOpacity:.6,animate:{y1:[30,170,30],y2:[30,170,30]},transition:{duration:8,repeat:1/0,ease:"linear"}}),(0,i.jsx)("text",{x:170,y:180,fontSize:"3",fill:o.faint,textAnchor:"end",children:new Date().toISOString().split("T")[0]})]})})})]})})}function y(e){let{className:t=""}=e,a={primary:"rgba(64, 153, 255, 0.8)",secondary:"rgba(100, 180, 255, 0.7)",outline:"rgba(30, 100, 200, 0.9)",marker:"rgba(0, 120, 255, 1.0)",faint:"rgba(64, 153, 255, 0.3)"},l=(0,f.s)(),n=(0,f.s)(),o=(0,f.s)(),d=(0,s.useRef)(null),c=(0,s.useRef)({x:0,y:0}),[m,x]=(0,s.useState)([]),[h,p]=(0,s.useState)(!1),[u,g]=(0,s.useState)(!1),[b,y]=(0,s.useState)(1e3);function j(e){if(!d.current)return;let t=d.current.getBoundingClientRect(),a=t.left+t.width/2,i=t.top+t.height/2,s=(e.clientX-a)/(t.width/2)*2;c.current={x:-(1.5*((e.clientY-i)/(t.height/2)*2)),y:1.5*s}}return(0,s.useEffect)(()=>{d.current&&y(d.current.clientHeight)},[]),(0,s.useEffect)(()=>{x(Array.from({length:15},(e,t)=>({id:t,x:100*Math.random(),y:100*Math.random(),size:1+3*Math.random()})))},[]),(0,s.useEffect)(()=>{l.start({scale:[1,1.02,1],rotateX:[0,1,0],rotateY:[0,-1,0],transition:{duration:8,repeat:1/0,repeatType:"reverse"}}),n.start({y:[0,100],opacity:[0,.7,0],transition:{duration:15,repeat:1/0,ease:"linear"}}),o.start({opacity:[.3,.7,.3],scale:[1,1.2,1],transition:{duration:5,repeat:1/0,repeatType:"reverse"}});let e=setInterval(()=>{p(!0),setTimeout(()=>p(!1),700)},7e3),t=setInterval(()=>{g(!0),setTimeout(()=>g(!1),3e3)},1e4);return window.addEventListener("mousemove",j),()=>{window.removeEventListener("mousemove",j),clearInterval(e),clearInterval(t)}},[l,n,o]),(0,i.jsxs)("div",{ref:d,className:"relative w-full h-full overflow-hidden ".concat(t),children:[(0,i.jsxs)(r.P.div,{className:"absolute inset-0 bg-black bg-opacity-90 overflow-hidden",animate:{backgroundPosition:["0px 0px","20px 20px","0px 0px"]},transition:{duration:30,repeat:1/0,repeatType:"reverse"},children:[(0,i.jsx)(r.P.div,{className:"absolute inset-0",animate:{opacity:[.1,.15,.1]},transition:{duration:8,repeat:1/0,repeatType:"reverse"},style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(64, 153, 255, 0.1) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),m.map(e=>(0,i.jsx)(r.P.div,{className:"absolute rounded-full bg-blue-400 pointer-events-none",style:{left:"".concat(e.x,"%"),top:"-".concat(2*e.size,"px"),width:"".concat(e.size,"px"),height:"".concat(e.size,"px"),opacity:0},animate:{y:[0,b],opacity:[0,.3,0],x:[0,(Math.random()-.5)*50]},transition:{duration:15+10*Math.random(),repeat:1/0,delay:15*Math.random(),ease:"linear"}},e.id))]}),(0,i.jsx)(r.P.div,{className:"absolute top-1/4 left-1/4 w-48 h-48 rounded-full bg-blue-500 filter blur-3xl",animate:o,style:{opacity:.07}}),(0,i.jsx)(r.P.div,{className:"absolute bottom-1/3 right-1/3 w-64 h-64 rounded-full bg-cyan-400 filter blur-3xl",animate:{opacity:[.05,.1,.05],scale:[1,1.2,1]},transition:{duration:12,repeat:1/0,repeatType:"reverse",delay:2},style:{opacity:.05}}),(0,i.jsx)(r.P.div,{className:"absolute inset-0",animate:h?{scale:[1,1.01,1],transition:{duration:.7}}:{},children:(0,i.jsxs)(r.P.div,{className:"relative w-full h-full",style:{transformStyle:"preserve-3d",transform:"perspective(1000px) rotateX(".concat(c.current.x,"deg) rotateY(").concat(c.current.y,"deg)")},animate:l,children:[(0,i.jsx)("div",{className:"absolute inset-0 z-10",children:(0,i.jsx)(v,{size:100,rotation:0,opacity:.9,color:a.primary,colors:a,data:[{label:"Standard",value:"VDE 0276-620"},{label:"Conductor material",value:"aluminium"},{label:"Conductor construction",value:"Class 2 = stranded"},{label:"Insulation",value:"XLPE DIX8"},{label:"Electrical field control",value:"inner and outer semiconducting layer (triple extrusion)"},{label:"Screen",value:"Copper wires + counter helix"},{label:"Sheathing material",value:"polyethylene DMP2"},{label:"Longitudinally watertight",value:"yes"},{label:"Flame-retardant",value:"none"},{label:"UV-resistant",value:"yes"},{label:"For outdoor use",value:"yes"},{label:"Max. temperature at conductor, \xb0C",value:"90 \xb0C"},{label:"Permitted outer cable temperature, fixed, \xb0C",value:"70 \xb0C"},{label:"Permitted outer cable temperature, moved, \xb0C",value:"-20 - +70 \xb0C"},{label:"Bending radius, fixed installation",value:"15 x \xd8"},{label:"Conductor shape",value:"round"},{label:"Conductor shape (Faber)",value:"RMv"},{label:"Number of cores",value:"1"},{label:"Colour of outer sheath",value:"black"},{label:"metal base Al (ger)",value:"0 EUR/100 kg"},{label:"metal base Cu",value:"0 EUR/100 kg"},{label:"Unit of measurement",value:"metre"}]})}),u&&(0,i.jsx)(r.P.div,{className:"absolute inset-0 overflow-hidden z-20 pointer-events-none",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.5},children:(0,i.jsx)(r.P.div,{className:"absolute left-0 right-0 h-[2px] bg-blue-400 opacity-70",animate:{top:["0%","100%"],opacity:[.3,.7,.3]},transition:{duration:3,ease:"linear"}})}),[{top:0,left:0,rotate:0},{top:0,right:0,rotate:90},{bottom:0,right:0,rotate:180},{bottom:0,left:0,rotate:270}].map((e,t)=>(0,i.jsx)(r.P.div,{className:"absolute w-6 h-6 pointer-events-none",style:{...e},animate:{opacity:[.5,.8,.5]},transition:{duration:4,repeat:1/0,repeatType:"reverse",delay:.5*t},children:(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)(r.P.path,{d:"M1 8V1H8",stroke:"rgba(59, 130, 246, 0.8)",strokeWidth:"1.5",style:{transform:"rotate(".concat(e.rotate,"deg)"),transformOrigin:"center"},animate:{pathLength:[0,1,0],opacity:[.5,1,.5]},transition:{duration:3,repeat:1/0,repeatType:"loop",delay:.3*t}})})},t))]})}),(0,i.jsx)(r.P.div,{className:"absolute bottom-3 right-3 flex items-center space-x-2",animate:{opacity:[.7,1,.7]},transition:{duration:4,repeat:1/0,repeatType:"reverse"},children:(0,i.jsx)(r.P.div,{className:"w-2 h-2 rounded-full bg-blue-500",animate:{scale:[1,1.3,1],opacity:[.7,1,.7]},transition:{duration:1.5,repeat:1/0,repeatType:"reverse"}})}),(0,i.jsxs)("svg",{className:"absolute inset-0 w-full h-full pointer-events-none z-20 opacity-30",children:[(0,i.jsx)(r.P.line,{x1:"10%",y1:"50%",x2:"90%",y2:"50%",stroke:"rgba(59, 130, 246, 0.5)",strokeWidth:"0.5",strokeDasharray:"5,5",animate:{strokeDashoffset:[0,-20],opacity:[.2,.4,.2]},transition:{duration:10,repeat:1/0,ease:"linear"}}),(0,i.jsx)(r.P.line,{x1:"50%",y1:"10%",x2:"50%",y2:"90%",stroke:"rgba(59, 130, 246, 0.5)",strokeWidth:"0.5",strokeDasharray:"5,5",animate:{strokeDashoffset:[0,20],opacity:[.2,.4,.2]},transition:{duration:15,repeat:1/0,ease:"linear"}})]})]})}function j(e){let{size:t,rotation:a,opacity:l,color:n,colors:o={primary:"#4099FF",secondary:"#E0E0E0",outline:"#A0A0A0",marker:"#0071E3",faint:"rgba(59, 130, 246, 0.7)"}}=e;(0,f.s)();let d=(0,f.s)(),c=(0,f.s)(),m=(0,s.useRef)(null),[x,h]=(0,s.useState)(null),[p,u]=(0,s.useState)(!1),[g,b]=(0,s.useState)(!1),v=[{name:"Conductor",thickness:"2.5mm",radius:15,color:"#4099FF"},{name:"Insulation",thickness:"3mm",radius:25,color:"#E0E0E0"},{name:"Screen",thickness:"1mm",radius:30,color:"#A0A0A0"},{name:"Sheath",thickness:"2mm",radius:38,color:"#404040"}],y=Array.from({length:7},(e,t)=>{let a=2*t*Math.PI/7;return{x:8*Math.cos(a),y:8*Math.sin(a),size:4}});return(0,s.useEffect)(()=>{let e=()=>{b(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,s.useEffect)(()=>{d.start({rotate:[0,360],transition:{duration:120,repeat:1/0,ease:"linear"}}),c.start({scale:[1,1.05,1],opacity:[l,1.2*l,l],transition:{duration:4,repeat:1/0,repeatType:"reverse"}});let e=setInterval(()=>{h(e=>null===e||e>=v.length-1?0:e+1)},g?4e3:3e3),t=setInterval(()=>{u(!0),setTimeout(()=>u(!1),500)},g?1e4:7e3);return()=>{clearInterval(e),clearInterval(t)}},[d,c,l,v.length,g]),(0,i.jsx)("div",{className:"absolute w-full h-full",style:{opacity:l,transform:"rotate(".concat(a,"deg)")},children:(0,i.jsxs)("div",{className:"relative w-full h-full bg-black bg-opacity-80 p-2 font-mono text-xs",children:[(0,i.jsx)(r.P.div,{className:"absolute inset-0 pointer-events-none opacity-10",animate:{backgroundPosition:["0px 0px","20px 20px","0px 0px"]},transition:{duration:20,repeat:1/0,repeatType:"reverse"},style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.5) 1px, transparent 1px), \n linear-gradient(90deg, rgba(64, 153, 255, 0.5) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),(0,i.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,i.jsx)(r.P.div,{className:"relative",animate:p?{scale:[1,1.03,1],transition:{duration:.7}}:{},children:(0,i.jsxs)("svg",{ref:m,width:"100%",height:"100%",viewBox:"-50 -50 100 100",preserveAspectRatio:"xMidYMid meet",className:"touch-manipulation",children:[!g&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.P.line,{x1:"-45",y1:"0",x2:"45",y2:"0",stroke:"rgba(59, 130, 246, 0.5)",strokeWidth:"0.5",strokeDasharray:"1,1",animate:{strokeDashoffset:[0,-10]},transition:{duration:20,repeat:1/0,ease:"linear"}}),(0,i.jsx)(r.P.line,{x1:"0",y1:"-45",x2:"0",y2:"45",stroke:"rgba(59, 130, 246, 0.5)",strokeWidth:"0.5",strokeDasharray:"1,1",animate:{strokeDashoffset:[0,10]},transition:{duration:20,repeat:1/0,ease:"linear"}})]}),v.map((e,t)=>{let a=x===t,l=t===v.length-1;return(0,i.jsxs)(s.Fragment,{children:[(0,i.jsx)(r.P.circle,{cx:0,cy:0,r:e.radius,fill:"none",stroke:a?o.primary:e.color,strokeWidth:a?1.5:1,animate:a?{stroke:[e.color,o.primary,e.color],strokeWidth:[1,1.5,1],strokeDasharray:l?["0","1,5","0"]:"0",strokeDashoffset:l?[0,20,0]:0}:{},transition:{duration:3,repeat:+!!a,repeatType:"reverse"}}),(0,i.jsxs)(r.P.g,{animate:a?{opacity:[.7,1,.7]}:{},transition:{duration:2,repeat:+!!a,repeatType:"reverse"},children:[(!g||a)&&(0,i.jsx)("line",{x1:e.radius*Math.cos(Math.PI/4+t*Math.PI/2),y1:e.radius*Math.sin(Math.PI/4+t*Math.PI/2),x2:e.radius*Math.cos(Math.PI/4+t*Math.PI/2)+10*Math.cos(Math.PI/4+t*Math.PI/2),y2:e.radius*Math.sin(Math.PI/4+t*Math.PI/2)+10*Math.sin(Math.PI/4+t*Math.PI/2),stroke:a?o.primary:o.faint,strokeWidth:"0.5"}),(!g||a)&&(0,i.jsxs)("g",{transform:"translate(\n ".concat(e.radius*Math.cos(Math.PI/4+t*Math.PI/2)+15*Math.cos(Math.PI/4+t*Math.PI/2),", \n ").concat(e.radius*Math.sin(Math.PI/4+t*Math.PI/2)+15*Math.sin(Math.PI/4+t*Math.PI/2),"\n )"),children:[(0,i.jsx)("text",{fontSize:g&&a?"3.5":"3",fill:a?o.primary:o.faint,textAnchor:"start",fontWeight:g&&a?"bold":"normal",children:e.name}),(0,i.jsx)("text",{fontSize:g&&a?"3":"2.5",fill:a?o.primary:o.faint,textAnchor:"start",y:4,fontWeight:g&&a?"bold":"normal",children:e.thickness})]})]})]},"layer-".concat(t))}),(0,i.jsxs)(r.P.g,{animate:d,style:{transformOrigin:"center"},children:[(0,i.jsx)(r.P.circle,{cx:0,cy:0,r:5,fill:"#4099FF",animate:c}),y.map((e,t)=>(0,i.jsx)(r.P.circle,{cx:e.x,cy:e.y,r:e.size,fill:"#4099FF",animate:c,transition:{delay:.1*t}},"conductor-".concat(t)))]}),g?(0,i.jsx)(r.P.text,{x:"0",y:"-42",fontSize:"5",fill:o.primary,textAnchor:"middle",fontWeight:"bold",animate:{opacity:[.7,1,.7]},transition:{duration:3,repeat:1/0,repeatType:"reverse"},children:"\xd8 76mm"}):(0,i.jsxs)(r.P.g,{animate:{opacity:[.5,.8,.5]},transition:{duration:4,repeat:1/0,repeatType:"reverse"},children:[(0,i.jsx)("line",{x1:"-40",y1:"-42",x2:"40",y2:"-42",stroke:o.faint,strokeWidth:"0.5"}),(0,i.jsx)("line",{x1:"-40",y1:"-44",x2:"-40",y2:"-40",stroke:o.faint,strokeWidth:"0.5"}),(0,i.jsx)("line",{x1:"40",y1:"-44",x2:"40",y2:"-40",stroke:o.faint,strokeWidth:"0.5"}),(0,i.jsx)("text",{x:"0",y:"-45",fontSize:"6",fill:o.primary,textAnchor:"middle",fontWeight:"bold",children:"\xd8 76mm"})]}),(g?[0,2]:[0,1,2,3]).map(e=>(0,i.jsx)(r.P.path,{d:0===e?"M -45 -40 L -45 -45 L -40 -45":1===e?"M 40 -45 L 45 -45 L 45 -40":2===e?"M 45 40 L 45 45 L 40 45":"M -40 45 L -45 45 L -45 40",stroke:o.faint,strokeWidth:"0.5",fill:"none",animate:{strokeDasharray:[10,5],strokeDashoffset:[0,15]},transition:{duration:g?15:10,repeat:1/0,ease:"linear",delay:2.5*e}},"corner-".concat(e)))]})})}),(0,i.jsx)("div",{className:"absolute top-2 right-2",children:(0,i.jsx)(r.P.div,{className:"w-4 h-4 rounded-full border border-blue-500 flex items-center justify-center",animate:{borderColor:["rgba(59, 130, 246, 0.5)","rgba(96, 165, 250, 0.8)","rgba(59, 130, 246, 0.5)"],boxShadow:["0 0 0 rgba(59, 130, 246, 0)","0 0 8px rgba(59, 130, 246, 0.7)","0 0 0 rgba(59, 130, 246, 0)"]},transition:{duration:4,repeat:1/0,repeatType:"reverse"},children:(0,i.jsx)(r.P.div,{className:"w-2 h-2 rounded-full bg-blue-500",animate:{scale:[1,1.5,1],opacity:[.7,1,.7]},transition:{duration:2,repeat:1/0,repeatType:"reverse"}})})}),g?(0,i.jsxs)(r.P.div,{className:"absolute bottom-2 right-2 flex items-center space-x-1.5",animate:{opacity:[.5,.8,.5]},transition:{duration:3,repeat:1/0,repeatType:"reverse"},children:[(0,i.jsx)("span",{className:"text-[10px] text-blue-400 font-bold",children:"3D"}),(0,i.jsx)("div",{className:"flex space-x-1",children:[0,1,2].map(e=>(0,i.jsx)(r.P.div,{className:"w-1.5 h-1.5 bg-blue-400 rounded-full",animate:{opacity:[.3,1,.3],scale:[.8,1,.8]},transition:{duration:1,repeat:1/0,repeatType:"reverse",delay:.3*e}},e))})]}):(0,i.jsxs)(r.P.div,{className:"absolute bottom-1 right-1 flex items-center space-x-1",animate:{opacity:[.5,.8,.5]},transition:{duration:3,repeat:1/0,repeatType:"reverse"},children:[(0,i.jsx)("span",{className:"text-[8px] text-blue-400",children:"3D"}),(0,i.jsx)("div",{className:"flex space-x-0.5",children:[0,1,2].map(e=>(0,i.jsx)(r.P.div,{className:"w-1 h-1 bg-blue-400 rounded-full",animate:{opacity:[.3,1,.3],scale:[.8,1,.8]},transition:{duration:1,repeat:1/0,repeatType:"reverse",delay:.3*e}},e))})]})]})})}function w(e){let{className:t=""}=e,a={primary:"rgba(64, 153, 255, 0.8)",secondary:"rgba(100, 180, 255, 0.7)",outline:"rgba(30, 100, 200, 0.9)",marker:"rgba(0, 120, 255, 1.0)",faint:"rgba(64, 153, 255, 0.3)"},l=(0,f.s)(),n=(0,f.s)(),o=(0,f.s)(),d=(0,s.useRef)(null),[c,m]=(0,s.useState)({x:0,y:0}),[x,h]=(0,s.useState)([]),[p,u]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{h(Array.from({length:15},(e,t)=>({id:t,x:100*Math.random(),y:100*Math.random(),size:1+3*Math.random()})))},[]),(0,s.useEffect)(()=>{l.start({scale:[1,1.02,1],rotateX:[0,1,0],rotateY:[0,-1,0],transition:{duration:8,repeat:1/0,repeatType:"reverse"}}),n.start({y:[0,100],opacity:[0,.7,0],transition:{duration:15,repeat:1/0,ease:"linear"}}),o.start({opacity:[.3,.7,.3],scale:[1,1.2,1],transition:{duration:5,repeat:1/0,repeatType:"reverse"}});let e=e=>{if(!d.current)return;let t=d.current.getBoundingClientRect(),a=t.left+t.width/2,i=t.top+t.height/2,s=(e.clientX-a)/(t.width/2)*2;m({x:-(1.5*((e.clientY-i)/(t.height/2)*2)),y:1.5*s})},t=setInterval(()=>{u(!0),setTimeout(()=>u(!1),700)},7e3);return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e),clearInterval(t)}},[l,n,o]),(0,i.jsxs)("div",{ref:d,className:"relative w-full h-full overflow-hidden ".concat(t),children:[(0,i.jsxs)(r.P.div,{className:"absolute inset-0 bg-black bg-opacity-90 overflow-hidden",animate:{backgroundPosition:["0px 0px","20px 20px","0px 0px"]},transition:{duration:30,repeat:1/0,repeatType:"reverse"},children:[(0,i.jsx)(r.P.div,{className:"absolute inset-0",animate:{opacity:[.1,.15,.1]},transition:{duration:8,repeat:1/0,repeatType:"reverse"},style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(64, 153, 255, 0.1) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),x.map(e=>{var t;return(0,i.jsx)(r.P.div,{className:"absolute rounded-full bg-blue-400 pointer-events-none",style:{left:"".concat(e.x,"%"),top:"-".concat(2*e.size,"px"),width:"".concat(e.size,"px"),height:"".concat(e.size,"px"),opacity:0},animate:{y:[0,(null===(t=d.current)||void 0===t?void 0:t.clientHeight)||1e3],opacity:[0,.3,0],x:[0,(Math.random()-.5)*50]},transition:{duration:15+10*Math.random(),repeat:1/0,delay:15*Math.random(),ease:"linear"}},e.id)})]}),(0,i.jsx)(r.P.div,{className:"absolute top-1/4 left-1/4 w-48 h-48 rounded-full bg-blue-500 filter blur-3xl",animate:o,style:{opacity:.07}}),(0,i.jsx)(r.P.div,{className:"absolute bottom-1/3 right-1/3 w-64 h-64 rounded-full bg-cyan-400 filter blur-3xl",animate:{opacity:[.05,.1,.05],scale:[1,1.2,1]},transition:{duration:12,repeat:1/0,repeatType:"reverse",delay:2},style:{opacity:.05}}),(0,i.jsx)(r.P.div,{className:"absolute inset-0",animate:p?{scale:[1,1.01,1],transition:{duration:.7}}:{},children:(0,i.jsxs)(r.P.div,{className:"relative w-full h-full",style:{transformStyle:"preserve-3d",transform:"perspective(1000px) rotateX(".concat(c.x,"deg) rotateY(").concat(c.y,"deg)")},animate:l,children:[(0,i.jsx)("div",{className:"absolute inset-0 z-10",children:(0,i.jsx)(j,{size:100,rotation:0,opacity:.9,color:a.primary,colors:a})}),[{top:0,left:0,rotate:0},{top:0,right:0,rotate:90},{bottom:0,right:0,rotate:180},{bottom:0,left:0,rotate:270}].map((e,t)=>(0,i.jsx)(r.P.div,{className:"absolute w-6 h-6 pointer-events-none",style:{...e},animate:{opacity:[.5,.8,.5]},transition:{duration:4,repeat:1/0,repeatType:"reverse",delay:.5*t},children:(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)(r.P.path,{d:"M1 8V1H8",stroke:"rgba(59, 130, 246, 0.8)",strokeWidth:"1.5",style:{transform:"rotate(".concat(e.rotate,"deg)"),transformOrigin:"center"},animate:{pathLength:[0,1,0],opacity:[.5,1,.5]},transition:{duration:3,repeat:1/0,repeatType:"loop",delay:.3*t}})})},t))]})}),(0,i.jsx)(r.P.div,{className:"absolute bottom-3 right-3 flex items-center space-x-2",animate:{opacity:[.7,1,.7]},transition:{duration:4,repeat:1/0,repeatType:"reverse"},children:(0,i.jsx)(r.P.div,{className:"w-2 h-2 rounded-full bg-blue-500",animate:{scale:[1,1.3,1],opacity:[.7,1,.7]},transition:{duration:1.5,repeat:1/0,repeatType:"reverse"}})}),(0,i.jsxs)("svg",{className:"absolute inset-0 w-full h-full pointer-events-none z-20 opacity-30",children:[(0,i.jsx)(r.P.line,{x1:"10%",y1:"50%",x2:"90%",y2:"50%",stroke:"rgba(59, 130, 246, 0.5)",strokeWidth:"0.5",strokeDasharray:"5,5",animate:{strokeDashoffset:[0,-20],opacity:[.2,.4,.2]},transition:{duration:10,repeat:1/0,ease:"linear"}}),(0,i.jsx)(r.P.line,{x1:"50%",y1:"10%",x2:"50%",y2:"90%",stroke:"rgba(59, 130, 246, 0.5)",strokeWidth:"0.5",strokeDasharray:"5,5",animate:{strokeDashoffset:[0,20],opacity:[.2,.4,.2]},transition:{duration:15,repeat:1/0,ease:"linear"}})]})]})}function N(e){let{size:t,rotation:a,opacity:l,color:n,colors:o}=e;(0,f.s)();let d=(0,f.s)(),[c,m]=(0,s.useState)(null),[x,h]=(0,s.useState)(!1),p=[{name:"Polyethylene",property:"Durability",value:"UV Resistant",color:"#9F7AEA"},{name:"Rubber",property:"Flexibility",value:"Shore A 60",color:"#48BB78"},{name:"PVC",property:"Insulation",value:"20-25 kV/mm",color:"#FF6B6B"},{name:"Copper",property:"Conductivity",value:"58.7 MS/m",color:"#4099FF"}];return(0,s.useEffect)(()=>{d.start({opacity:[.7,1,.7],transition:{duration:4,repeat:1/0,repeatType:"reverse"}});let e=setInterval(()=>{m(e=>null===e||e>=p.length-1?0:e+1)},3e3),t=setInterval(()=>{h(!0),setTimeout(()=>h(!1),500)},1e4);return()=>{clearInterval(e),clearInterval(t)}},[d,l,p.length]),(0,i.jsx)("div",{className:"absolute w-full h-full",style:{opacity:l,transform:"rotate(".concat(a,"deg)")},children:(0,i.jsxs)("div",{className:"relative w-full h-full bg-black bg-opacity-80 p-2 font-mono text-xs",children:[(0,i.jsx)("div",{className:"absolute inset-0 pointer-events-none opacity-10",style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.5) 1px, transparent 1px), \n linear-gradient(90deg, rgba(64, 153, 255, 0.5) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),(0,i.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,i.jsx)(r.P.div,{className:"relative",animate:x?{scale:[1,1.01,1],transition:{duration:.7}}:{},children:(0,i.jsxs)("svg",{width:"100%",height:"100%",viewBox:"-50 -50 100 100",preserveAspectRatio:"xMidYMid meet",children:[(0,i.jsx)("circle",{cx:0,cy:0,r:40,fill:"none",stroke:"rgba(59, 130, 246, 0.7)",strokeWidth:"0.5",strokeDasharray:"2,2"}),p.map((e,t)=>{let a=c===t,l=35-8*t;return(0,i.jsxs)(s.Fragment,{children:[(0,i.jsx)(r.P.circle,{cx:0,cy:0,r:l,fill:"none",stroke:e.color,strokeWidth:a?1.5:1,animate:a?{strokeWidth:[1,1.5,1]}:{},transition:{duration:3,repeat:+!!a,repeatType:"reverse"}}),(0,i.jsxs)(r.P.pattern,{id:"pattern-".concat(t),patternUnits:"userSpaceOnUse",width:10,height:10,patternTransform:"rotate(".concat(45+15*t,")"),children:[(0,i.jsx)("rect",{width:10,height:10,fill:"none"}),(0,i.jsx)("path",{d:"M 0,0 L 10,10 M 5,0 L 15,10 M 0,5 L 10,15",stroke:e.color,strokeWidth:"0.5",fill:"none"})]}),(0,i.jsx)(r.P.circle,{cx:0,cy:0,r:l-.5,fill:"url(#pattern-".concat(t,")"),opacity:a?.8:.5,animate:a?{opacity:[.5,.8,.5]}:{},transition:{duration:2,repeat:+!!a,repeatType:"reverse"}}),a&&(0,i.jsxs)(r.P.g,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.3},children:[(0,i.jsx)("line",{x1:l*Math.cos(Math.PI/4+t*Math.PI/2),y1:l*Math.sin(Math.PI/4+t*Math.PI/2),x2:l*Math.cos(Math.PI/4+t*Math.PI/2)+30*Math.cos(Math.PI/4+t*Math.PI/2),y2:l*Math.sin(Math.PI/4+t*Math.PI/2)+30*Math.sin(Math.PI/4+t*Math.PI/2),stroke:e.color,strokeWidth:"0.5"}),(0,i.jsxs)("g",{transform:"translate(\n ".concat(Math.min(30,l*Math.cos(Math.PI/4+t*Math.PI/2)+25*Math.cos(Math.PI/4+t*Math.PI/2)),", \n ").concat(Math.min(30,l*Math.sin(Math.PI/4+t*Math.PI/2)+25*Math.sin(Math.PI/4+t*Math.PI/2)),"\n )"),children:[(0,i.jsx)("text",{fontSize:"3",fill:e.color,textAnchor:"start",children:e.name}),(0,i.jsxs)("text",{fontSize:"2.5",fill:e.color,textAnchor:"start",y:4,children:[e.property,": ",e.value]})]})]})]},"material-".concat(t))}),(0,i.jsx)(r.P.text,{x:0,y:45,fontSize:"4",fill:"rgba(59, 130, 246, 0.9)",textAnchor:"middle",animate:d,children:"Material Application"}),[{x:-45,y:-45},{x:45,y:-45},{x:45,y:45},{x:-45,y:45}].map((e,t)=>(0,i.jsx)("path",{d:0===t?"M -45 -40 L -45 -45 L -40 -45":1===t?"M 40 -45 L 45 -45 L 45 -40":2===t?"M 45 40 L 45 45 L 40 45":"M -40 45 L -45 45 L -45 40",stroke:"rgba(59, 130, 246, 0.7)",strokeWidth:"0.5",fill:"none"},"corner-".concat(t)))]})})})]})})}function k(e){let{className:t=""}=e,a={primary:"rgba(64, 153, 255, 0.8)",secondary:"rgba(100, 180, 255, 0.7)",outline:"rgba(30, 100, 200, 0.9)",marker:"rgba(0, 120, 255, 1.0)",faint:"rgba(64, 153, 255, 0.3)"},l=(0,f.s)(),n=(0,s.useRef)(null),[o,d]=(0,s.useState)({x:0,y:0});return(0,s.useEffect)(()=>{l.start({scale:[1,1.01,1],transition:{duration:8,repeat:1/0,repeatType:"reverse"}});let e=e=>{if(!n.current)return;let t=n.current.getBoundingClientRect(),a=t.left+t.width/2,i=t.top+t.height/2,s=(e.clientX-a)/(t.width/2)*2;d({x:-+((e.clientY-i)/(t.height/2)*2),y:+s})};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[l]),(0,i.jsxs)("div",{ref:n,className:"relative w-full h-full overflow-hidden ".concat(t),children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-90",style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(64, 153, 255, 0.1) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),(0,i.jsx)("div",{className:"absolute top-1/4 left-1/4 w-48 h-48 rounded-full bg-blue-500 filter blur-3xl",style:{opacity:.07}}),(0,i.jsx)(r.P.div,{className:"absolute inset-0",animate:l,children:(0,i.jsx)("div",{className:"relative w-full h-full",style:{transformStyle:"preserve-3d",transform:"perspective(1000px) rotateX(".concat(o.x,"deg) rotateY(").concat(o.y,"deg)")},children:(0,i.jsx)("div",{className:"absolute inset-0 z-10",children:(0,i.jsx)(N,{size:100,rotation:0,opacity:.9,color:a.primary,colors:a})})})})]})}function P(e){let{size:t,rotation:a,opacity:l,color:n,colors:o}=e;(0,f.s)();let[d,c]=(0,s.useState)(null),[m,x]=(0,s.useState)(null),h=(0,s.useRef)(null),p=[{name:"Key Light",property:"Primary",value:"45\xb0 angle",color:"#FFD700"},{name:"Fill Light",property:"Secondary",value:"Soft diffuse",color:"#E0FFFF"},{name:"Rim Light",property:"Accent",value:"Back lighting",color:"#FF6347"},{name:"Environment",property:"Ambient",value:"HDRI map",color:"#9370DB"}];return(0,s.useEffect)(()=>{let e;let t=h.current;if(!t)return;let a=t.getContext("2d");if(!a)return;t.width=200,t.height=200,a.clearRect(0,0,t.width,t.height);let i=t.width/2,s=t.height/2,r=()=>{a.beginPath(),a.arc(i,s,40,0,2*Math.PI),a.strokeStyle="rgba(59, 130, 246, 0.3)",a.lineWidth=.5,a.stroke(),p.forEach((e,t)=>{let r=d===t||m===t,l=Math.PI/4+t*Math.PI/2,n=i+70*Math.cos(l),o=s+70*Math.sin(l);a.beginPath(),a.arc(n,o,r?6:4,0,2*Math.PI),a.fillStyle=r?e.color:"".concat(e.color,"80"),a.fill();let c=r?8:5;for(let t=0;t<c;t++){let t=l+Math.PI+(.8*Math.random()-.4),i=r?50+20*Math.random():30+15*Math.random();a.beginPath(),a.moveTo(n,o),a.lineTo(n+Math.cos(t)*i,o+Math.sin(t)*i);let s=a.createLinearGradient(n,o,n+Math.cos(t)*i,o+Math.sin(t)*i);s.addColorStop(0,r?e.color:"".concat(e.color,"80")),s.addColorStop(1,"rgba(0, 0, 0, 0)"),a.strokeStyle=s,a.lineWidth=r?1.5:.8,a.stroke()}a.beginPath(),a.moveTo(n,o),a.lineTo(i,s),a.strokeStyle=r?e.color:"".concat(e.color,"40"),a.lineWidth=r?.8:.4,a.setLineDash([2,3]),a.stroke(),a.setLineDash([])})};r();let l=0,n=t=>{t-l>100&&(r(),l=t),e=requestAnimationFrame(n)};return e=requestAnimationFrame(n),()=>{cancelAnimationFrame(e)}},[d,m]),(0,s.useEffect)(()=>{let e=setInterval(()=>{c(e=>null===e||e>=p.length-1?0:e+1)},3e3);return()=>{clearInterval(e)}},[]),(0,i.jsx)("div",{className:"absolute w-full h-full",style:{opacity:l,transform:"rotate(".concat(a,"deg)")},children:(0,i.jsxs)("div",{className:"relative w-full h-full bg-black bg-opacity-80 p-2 font-mono text-xs",children:[(0,i.jsx)("div",{className:"absolute inset-0 pointer-events-none opacity-10",style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.5) 1px, transparent 1px), \n linear-gradient(90deg, rgba(64, 153, 255, 0.5) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),(0,i.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,i.jsxs)("div",{className:"relative w-full h-full",children:[(0,i.jsx)("canvas",{ref:h,width:200,height:200,className:"block w-full h-full"}),(0,i.jsxs)("svg",{className:"absolute inset-0 w-full h-full",viewBox:"0 0 200 200",preserveAspectRatio:"xMidYMid meet",children:[p.map((e,t)=>{let a=d===t,s=Math.PI/4+t*Math.PI/2,l=100+70*Math.cos(s),n=100+70*Math.sin(s),o=l+15*Math.cos(s),c=n+15*Math.sin(s);return a&&(0,i.jsxs)(r.P.g,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.3},onMouseEnter:()=>x(t),onMouseLeave:()=>x(null),children:[(0,i.jsx)("rect",{x:o-30,y:c-10,width:60,height:20,rx:2,fill:"rgba(0, 0, 0, 0.7)",stroke:e.color,strokeWidth:"0.5"}),(0,i.jsx)("text",{x:o,y:c-2,fontSize:"6",fill:e.color,textAnchor:"middle",children:e.name}),(0,i.jsxs)("text",{x:o,y:c+6,fontSize:"4",fill:e.color,textAnchor:"middle",children:[e.property,": ",e.value]})]},"light-".concat(t))}),(0,i.jsx)("circle",{cx:100,cy:100,r:40,fill:"none",stroke:"rgba(59, 130, 246, 0.3)",strokeWidth:"0.5",strokeDasharray:"2,2"}),(0,i.jsx)(r.P.circle,{cx:100,cy:100,r:15,fill:"rgba(59, 130, 246, 0.1)",stroke:"rgba(59, 130, 246, 0.5)",strokeWidth:"0.5",animate:{r:[15,17,15],opacity:[.7,1,.7]},transition:{duration:4,repeat:1/0,repeatType:"reverse"}}),[{x:10,y:10,d:"M 10 15 L 10 10 L 15 10"},{x:190,y:10,d:"M 185 10 L 190 10 L 190 15"},{x:190,y:190,d:"M 190 185 L 190 190 L 185 190"},{x:10,y:190,d:"M 15 190 L 10 190 L 10 185"}].map((e,t)=>(0,i.jsx)("path",{d:e.d,stroke:"rgba(59, 130, 246, 0.7)",strokeWidth:"0.5",fill:"none"},"corner-".concat(t))),(0,i.jsx)(r.P.text,{x:100,y:180,fontSize:"6",fill:"rgba(59, 130, 246, 0.9)",textAnchor:"middle",animate:{opacity:[.7,1,.7]},transition:{duration:4,repeat:1/0,repeatType:"reverse"},children:"Lighting & Environment"})]})]})})]})})}function A(e){let{className:t=""}=e,a={primary:"rgba(64, 153, 255, 0.8)",secondary:"rgba(100, 180, 255, 0.7)",outline:"rgba(30, 100, 200, 0.9)",marker:"rgba(0, 120, 255, 1.0)",faint:"rgba(64, 153, 255, 0.3)"},l=(0,f.s)(),n=(0,s.useRef)(null),[o,d]=(0,s.useState)({x:0,y:0});return(0,s.useEffect)(()=>{l.start({scale:[1,1.01,1],transition:{duration:8,repeat:1/0,repeatType:"reverse"}});let e=e=>{if(!n.current)return;let t=n.current.getBoundingClientRect(),a=t.left+t.width/2,i=t.top+t.height/2,s=(e.clientX-a)/(t.width/2)*2;d({x:-+((e.clientY-i)/(t.height/2)*2),y:+s})};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[l]),(0,i.jsxs)("div",{ref:n,className:"relative w-full h-full overflow-hidden ".concat(t),children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-90",style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(64, 153, 255, 0.1) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),(0,i.jsx)("div",{className:"absolute top-1/4 left-1/4 w-48 h-48 rounded-full bg-blue-500 filter blur-3xl",style:{opacity:.05}}),(0,i.jsx)("div",{className:"absolute bottom-1/3 right-1/3 w-64 h-64 rounded-full bg-purple-400 filter blur-3xl",style:{opacity:.05}}),(0,i.jsx)("div",{className:"absolute top-1/2 right-1/4 w-32 h-32 rounded-full bg-yellow-300 filter blur-3xl",style:{opacity:.03}}),(0,i.jsx)(r.P.div,{className:"absolute inset-0",animate:l,children:(0,i.jsx)("div",{className:"relative w-full h-full",style:{transformStyle:"preserve-3d",transform:"perspective(1000px) rotateX(".concat(o.x,"deg) rotateY(").concat(o.y,"deg)")},children:(0,i.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:(0,i.jsx)("div",{className:"w-full h-full",children:(0,i.jsx)(P,{size:100,rotation:0,opacity:.9,color:a.primary,colors:a})})})})})]})}function F(e){let{size:t,rotation:a,opacity:l,color:n,colors:o}=e;(0,f.s)();let[d,c]=(0,s.useState)(0),[m,x]=(0,s.useState)(0),[h,p]=(0,s.useState)(!1),u=s.useMemo(()=>[{name:"Primary Rays",description:"Casting initial rays from camera",color:"#4099FF",duration:3e3},{name:"Surface Intersection",description:"Detecting object collisions",color:"#48BB78",duration:4e3},{name:"Reflection Rays",description:"Computing surface reflections",color:"#FFD700",duration:5e3},{name:"Refraction Rays",description:"Simulating light transmission",color:"#FF6B6B",duration:4e3},{name:"Global Illumination",description:"Calculating indirect lighting",color:"#9F7AEA",duration:5e3},{name:"Final Compositing",description:"Combining all light paths",color:"#38B2AC",duration:3e3}],[]);return(0,s.useEffect)(()=>{let e,t;let a=()=>{d<u.length-1?(c(e=>e+1),x(0)):(p(!0),setTimeout(()=>{c(0),x(0),p(!1)},5e3))};return t=setInterval(()=>{x(i=>{let s=i+1;return s>=100?(clearInterval(t),e=setTimeout(a,500),100):s})},u[d<u.length?d:0].duration/100),()=>{clearInterval(t),clearTimeout(e)}},[d,u]),(0,i.jsx)("div",{className:"absolute w-full h-full",style:{opacity:l,transform:"rotate(".concat(a,"deg)")},children:(0,i.jsxs)("div",{className:"relative w-full h-full bg-black bg-opacity-80 p-2 font-mono text-xs",children:[(0,i.jsx)("div",{className:"absolute inset-0 pointer-events-none opacity-10",style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.5) 1px, transparent 1px), \n linear-gradient(90deg, rgba(64, 153, 255, 0.5) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),(0,i.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,i.jsx)("div",{className:"relative w-full h-full",children:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 200 200",preserveAspectRatio:"xMidYMid meet",children:[(0,i.jsx)("rect",{x:70,y:70,width:60,height:60,rx:2,fill:"none",stroke:"rgba(59, 130, 246, 0.7)",strokeWidth:"0.5",strokeDasharray:"2,2"}),(0,i.jsx)(r.P.rect,{x:70,y:70,width:60,height:60,rx:2,fill:h?"rgba(72, 187, 120, 0.2)":u[d<u.length?d:0].color,fillOpacity:h?.5:m/200,stroke:h?"rgba(72, 187, 120, 0.7)":u[d<u.length?d:0].color,strokeWidth:"0.5",animate:h?{fillOpacity:[.2,.4,.2],strokeWidth:[.5,1,.5]}:{},transition:{duration:2,repeat:h?1/0:0,repeatType:"reverse"}}),h&&(0,i.jsx)(r.P.path,{d:"M 90 100 L 100 110 L 115 90",fill:"none",stroke:"rgba(72, 187, 120, 1)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.5}}),!h&&(0,i.jsxs)(i.Fragment,{children:[0===d&&Array.from({length:12}).map((e,t)=>{let a=2*Math.PI*t/12,s=100+30*Math.cos(a),l=100+30*Math.sin(a);return(0,i.jsx)(r.P.line,{x1:100,y1:160,x2:s,y2:l,stroke:u[d<u.length?d:0].color,strokeWidth:"0.5",strokeDasharray:"2,2",animate:{strokeDashoffset:[0,-10],opacity:[.3,.7,.3]},transition:{duration:2,repeat:1/0,repeatType:"loop",delay:.1*t}},"primary-ray-".concat(t))}),1===d&&Array.from({length:8}).map((e,t)=>{let a=2*Math.PI*t/8,s=100+30*Math.cos(a),l=100+30*Math.sin(a);return(0,i.jsxs)("g",{children:[(0,i.jsx)(r.P.line,{x1:100,y1:160,x2:s,y2:l,stroke:u[d<u.length?d:0].color,strokeWidth:"0.5"}),(0,i.jsx)(r.P.circle,{cx:s,cy:l,r:2,fill:u[d<u.length?d:0].color,animate:{r:[1,2,1],opacity:[.5,1,.5]},transition:{duration:1,repeat:1/0,repeatType:"reverse",delay:.1*t}})]},"intersection-".concat(t))}),2===d&&Array.from({length:6}).map((e,t)=>{let a=2*Math.PI*t/6,s=100+30*Math.cos(a),l=100+30*Math.sin(a),n=s+40*Math.cos(a),o=l+40*Math.sin(a);return(0,i.jsxs)("g",{children:[(0,i.jsx)("line",{x1:100,y1:160,x2:s,y2:l,stroke:"rgba(255,255,255,0.3)",strokeWidth:"0.5",strokeDasharray:"1,1"}),(0,i.jsx)("circle",{cx:s,cy:l,r:1.5,fill:u[d<u.length?d:0].color}),(0,i.jsx)(r.P.line,{x1:s,y1:l,x2:n||s,y2:o||l,stroke:u[d<u.length?d:0].color,strokeWidth:"0.8",strokeDasharray:"2,1",animate:{strokeDashoffset:[0,-6],opacity:[.4,.8,.4]},transition:{duration:2,repeat:1/0,repeatType:"loop",delay:.2*t}})]},"reflection-".concat(t))}),3===d&&Array.from({length:5}).map((e,t)=>{let a=Math.PI+Math.PI*t/5,s=100+30*Math.cos(a),l=100+30*Math.sin(a),n=.8*a,o=s+50*Math.cos(n),c=l+50*Math.sin(n);return(0,i.jsxs)("g",{children:[(0,i.jsx)("line",{x1:100,y1:160,x2:s,y2:l,stroke:"rgba(255,255,255,0.3)",strokeWidth:"0.5",strokeDasharray:"1,1"}),(0,i.jsx)("line",{x1:70+15*t,y1:70,x2:70+15*t,y2:130,stroke:u[d<u.length?d:0].color,strokeWidth:"0.3",strokeOpacity:.3}),(0,i.jsx)(r.P.line,{x1:s,y1:l,x2:o||s,y2:c||l,stroke:u[d<u.length?d:0].color,strokeWidth:"0.8",strokeDasharray:"1,1",animate:{strokeDashoffset:[0,-4],opacity:[.4,.8,.4]},transition:{duration:2,repeat:1/0,repeatType:"loop",delay:.15*t}})]},"refraction-".concat(t))}),4===d&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("rect",{x:80,y:80,width:40,height:40,fill:"none",stroke:u[d<u.length?d:0].color,strokeWidth:"0.5",strokeOpacity:.5}),(0,i.jsx)("circle",{cx:110,cy:90,r:10,fill:"none",stroke:u[d<u.length?d:0].color,strokeWidth:"0.5",strokeOpacity:.5}),Array.from({length:20}).map((e,t)=>{let a=2*Math.PI*t/20,s=100+30*Math.cos(a),l=100+30*Math.sin(a),n=a+(t%2==0?.3:-.3),o=s+Math.cos(n)*(10+t%3*10),c=l+Math.sin(n)*(10+t%3*10),m=n+(t%2==0?.2:-.2),x=o+Math.cos(m)*(5+t%3*5),h=c+Math.sin(m)*(5+t%3*5);return(0,i.jsxs)("g",{children:[(0,i.jsx)(r.P.line,{x1:s,y1:l,x2:o,y2:c,stroke:u[d<u.length?d:0].color,strokeWidth:"0.3",strokeOpacity:.6,animate:{strokeOpacity:[.2,.6,.2]},transition:{duration:2,repeat:1/0,repeatType:"reverse",delay:.05*t}}),(0,i.jsx)(r.P.line,{x1:o,y1:c,x2:x,y2:h,stroke:u[d<u.length?d:0].color,strokeWidth:"0.2",strokeOpacity:.4,animate:{strokeOpacity:[.1,.4,.1]},transition:{duration:2,repeat:1/0,repeatType:"reverse",delay:.05*t+.2}})]},"gi-ray-".concat(t))})]}),5===d&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.P.rect,{x:75,y:75,width:50,height:50,fill:"none",stroke:"#4099FF",strokeWidth:"0.5",strokeOpacity:.5,animate:{y:[75,73,75],opacity:[.3,.6,.3]},transition:{duration:3,repeat:1/0,repeatType:"reverse"}}),(0,i.jsx)(r.P.rect,{x:75,y:75,width:50,height:50,fill:"none",stroke:"#48BB78",strokeWidth:"0.5",strokeOpacity:.5,animate:{x:[75,77,75],opacity:[.3,.6,.3]},transition:{duration:3,repeat:1/0,repeatType:"reverse",delay:.5}}),(0,i.jsx)(r.P.rect,{x:75,y:75,width:50,height:50,fill:"none",stroke:"#FFD700",strokeWidth:"0.5",strokeOpacity:.5,animate:{y:[75,77,75],opacity:[.3,.6,.3]},transition:{duration:3,repeat:1/0,repeatType:"reverse",delay:1}}),(0,i.jsx)(r.P.rect,{x:75,y:75,width:50,height:50,fill:"none",stroke:"#FF6B6B",strokeWidth:"0.5",strokeOpacity:.5,animate:{x:[75,73,75],opacity:[.3,.6,.3]},transition:{duration:3,repeat:1/0,repeatType:"reverse",delay:1.5}}),(0,i.jsx)(r.P.rect,{x:75,y:75,width:50,height:50,fill:"none",stroke:u[d<u.length?d:0].color,strokeWidth:"1",strokeOpacity:.8,animate:{strokeWidth:[.5,1,.5],opacity:[.5,.8,.5]},transition:{duration:2,repeat:1/0,repeatType:"reverse"}}),Array.from({length:8}).map((e,t)=>{let a=2*Math.PI*t/8,s=100+60*Math.cos(a),l=100+60*Math.sin(a);return(0,i.jsx)(r.P.line,{x1:s,y1:l,x2:100,y2:100,stroke:u[d<u.length?d:0].color,strokeWidth:"0.5",strokeDasharray:"2,2",animate:{strokeDashoffset:[0,-8],opacity:[.3,.7,.3]},transition:{duration:2,repeat:1/0,repeatType:"loop",delay:.1*t}},"converge-".concat(t))})]})]}),h&&(0,i.jsx)(i.Fragment,{children:[{x:60,y:50,label:"PNG"},{x:100,y:40,label:"JPG"},{x:140,y:50,label:"TIFF"},{x:150,y:100,label:"EXR"},{x:140,y:150,label:"PDF"},{x:100,y:160,label:"MP4"},{x:60,y:150,label:"OBJ"},{x:50,y:100,label:"FBX"}].map((e,t)=>(0,i.jsxs)(r.P.g,{initial:{x:100,y:100,scale:0,opacity:0},animate:{x:e.x,y:e.y,scale:1,opacity:1},transition:{duration:.5,delay:.5+.1*t},children:[(0,i.jsx)("rect",{x:"-8",y:"-12",width:16,height:18,rx:1,fill:"rgba(0, 0, 0, 0.7)",stroke:u[u.length-1].color,strokeWidth:"0.5"}),(0,i.jsx)("text",{x:0,y:"-2",fontSize:"4",fill:u[u.length-1].color,textAnchor:"middle",children:e.label}),(0,i.jsx)("path",{d:"M -5 -8 L 5 -8 M -5 -4 L 5 -4 M -5 0 L 3 0",stroke:u[u.length-1].color,strokeWidth:"0.5",strokeOpacity:.7})]},"file-".concat(t)))}),(0,i.jsx)("rect",{x:50,y:130,width:100,height:6,rx:3,fill:"rgba(0, 0, 0, 0.3)",stroke:"rgba(59, 130, 246, 0.3)",strokeWidth:"0.5"}),(0,i.jsx)(r.P.rect,{x:50,y:130,width:m,height:6,rx:3,fill:u[d<u.length?d:0].color}),(0,i.jsxs)(r.P.g,{animate:{opacity:[.7,1,.7]},transition:{duration:2,repeat:1/0,repeatType:"reverse"},children:[(0,i.jsx)("rect",{x:50,y:140,width:100,height:20,rx:2,fill:"rgba(0, 0, 0, 0.5)",stroke:"rgba(59, 130, 246, 0.3)",strokeWidth:"0.5"}),(0,i.jsx)("text",{x:100,y:148,fontSize:"6",fill:u[d<u.length?d:0].color,textAnchor:"middle",children:h?"Render Complete":u[d<u.length?d:0].name}),(0,i.jsx)("text",{x:100,y:155,fontSize:"4",fill:"rgba(255, 255, 255, 0.7)",textAnchor:"middle",children:h?"All output formats ready":u[d<u.length?d:0].description})]}),!h&&(0,i.jsx)(i.Fragment,{children:[{x:30,y:40},{x:170,y:40},{x:30,y:160},{x:170,y:160}].map((e,t)=>(0,i.jsxs)("g",{children:[(0,i.jsx)("rect",{x:e.x-10,y:e.y-10,width:20,height:20,rx:2,fill:"rgba(0, 0, 0, 0.3)",stroke:"rgba(59, 130, 246, 0.5)",strokeWidth:"0.5"}),(0,i.jsx)(r.P.circle,{cx:e.x,cy:e.y,r:5,fill:u[d<u.length?d:0].color,fillOpacity:.3,animate:{r:[5,6,5],fillOpacity:[.3,.5,.3]},transition:{duration:1.5,repeat:1/0,repeatType:"reverse",delay:.3*t}}),(0,i.jsx)(r.P.line,{x1:e.x,y1:e.y,x2:100,y2:100,stroke:u[d<u.length?d:0].color,strokeWidth:"0.5",strokeDasharray:"2,2",animate:{strokeDashoffset:[0,-8]},transition:{duration:2,repeat:1/0,ease:"linear"}})]},"node-".concat(t)))}),[{x:10,y:10,d:"M 10 15 L 10 10 L 15 10"},{x:190,y:10,d:"M 185 10 L 190 10 L 190 15"},{x:190,y:190,d:"M 190 185 L 190 190 L 185 190"},{x:10,y:190,d:"M 15 190 L 10 190 L 10 185"}].map((e,t)=>(0,i.jsx)("path",{d:e.d,stroke:"rgba(59, 130, 246, 0.7)",strokeWidth:"0.5",fill:"none"},"corner-".concat(t))),(0,i.jsx)(r.P.text,{x:100,y:25,fontSize:"8",fill:"rgba(59, 130, 246, 0.9)",textAnchor:"middle",animate:{opacity:[.7,1,.7]},transition:{duration:4,repeat:1/0,repeatType:"reverse"},children:"Final Rendering & Delivery"})]})})})]})})}function M(e){let{className:t=""}=e,a={primary:"rgba(64, 153, 255, 0.8)",secondary:"rgba(100, 180, 255, 0.7)",outline:"rgba(30, 100, 200, 0.9)",marker:"rgba(0, 120, 255, 1.0)",faint:"rgba(64, 153, 255, 0.3)"},l=(0,f.s)(),n=(0,s.useRef)(null),[o,d]=(0,s.useState)({x:0,y:0});return(0,s.useEffect)(()=>{l.start({scale:[1,1.01,1],transition:{duration:8,repeat:1/0,repeatType:"reverse"}});let e=e=>{if(!n.current)return;let t=n.current.getBoundingClientRect(),a=t.left+t.width/2,i=t.top+t.height/2,s=(e.clientX-a)/(t.width/2)*2;d({x:-+((e.clientY-i)/(t.height/2)*2),y:+s})};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[l]),(0,i.jsxs)("div",{ref:n,className:"relative w-full h-full overflow-hidden ".concat(t),children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-90",style:{backgroundImage:"linear-gradient(rgba(64, 153, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(64, 153, 255, 0.1) 1px, transparent 1px)",backgroundSize:"20px 20px"}}),(0,i.jsx)("div",{className:"absolute top-1/4 left-1/4 w-48 h-48 rounded-full bg-blue-500 filter blur-3xl",style:{opacity:.05}}),(0,i.jsx)("div",{className:"absolute bottom-1/3 right-1/3 w-64 h-64 rounded-full bg-purple-400 filter blur-3xl",style:{opacity:.05}}),(0,i.jsx)("div",{className:"absolute top-1/2 right-1/4 w-32 h-32 rounded-full bg-yellow-300 filter blur-3xl",style:{opacity:.03}}),(0,i.jsx)(r.P.div,{className:"absolute inset-0",animate:l,children:(0,i.jsx)("div",{className:"relative w-full h-full",style:{transformStyle:"preserve-3d",transform:"perspective(1000px) rotateX(".concat(o.x,"deg) rotateY(").concat(o.y,"deg)")},children:(0,i.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:(0,i.jsx)("div",{className:"w-full h-full",children:(0,i.jsx)(F,{size:100,rotation:0,opacity:.9,color:a.primary,colors:a})})})})})]})}function E(e){let{steps:t,className:a=""}=e,o=(0,l.useClientTranslations)("Home.processVisualization"),[d,f]=(0,s.useState)(1),v=t.find(e=>e.number===d)||t[0];return(0,i.jsxs)(r.P.div,{className:"".concat(a),initial:{opacity:0},whileInView:{opacity:1},transition:{duration:.8},viewport:{once:!0},children:[(0,i.jsxs)("div",{className:"relative mb-12 md:mb-20 max-w-4xl mx-auto px-4 md:px-0",children:[(0,i.jsx)("div",{className:"absolute top-1/2 left-4 right-4 md:left-0 md:right-0 h-0.5 md:h-1 bg-[#18181B] transform -translate-y-1/2 rounded-full"}),(0,i.jsx)(r.P.div,{className:"absolute top-1/2 left-4 md:left-0 h-0.5 md:h-1 bg-gradient-to-r from-[#0071E3] to-[#4FD1B5] transform -translate-y-1/2 rounded-full z-10",style:{width:"calc(".concat((d-1)/(t.length-1)*100,"% - ").concat(d>1?"1rem":"0rem",")")},initial:{width:0},animate:{width:"".concat((d-1)/(t.length-1)*100,"%")},transition:{duration:.5}}),(0,i.jsx)("div",{className:"flex justify-between items-center relative z-20",children:t.map(e=>(0,i.jsxs)(r.P.div,{className:"relative",whileHover:{scale:1.05},onClick:()=>f(e.number),children:[(0,i.jsxs)(r.P.div,{className:"w-10 h-10 md:w-16 md:h-16 rounded-full flex items-center justify-center cursor-pointer relative ".concat(d===e.number?"bg-gradient-to-br from-[#0071E3] to-[#4FD1B5] text-white shadow-lg shadow-[#0071E3]/20":d>e.number?"bg-gradient-to-br from-[#0071E3] to-[#4FD1B5] text-white":"bg-[#000000] border border-[#18181B] text-[#8E8E93]"),animate:{scale:d===e.number?[1,1.05,1]:1},transition:{duration:1.5,repeat:d===e.number?1/0:0,repeatType:"reverse"},children:[d===e.number&&(0,i.jsx)(r.P.div,{className:"absolute inset-0 rounded-full bg-[#0071E3]/20 z-0",animate:{scale:[1,1.3,1]},transition:{duration:2,repeat:1/0,repeatType:"reverse"}}),d>e.number?(0,i.jsx)(h,{size:12,className:"text-white z-10 md:size-16"}):(0,i.jsx)("span",{className:"text-base md:text-xl font-bold z-10 ".concat(d===e.number?"text-white":"text-[#8E8E93]"),children:e.number})]}),(0,i.jsx)("div",{className:"absolute top-full left-1/2 transform -translate-x-1/2 mt-2 md:mt-4 w-max max-w-[80px] md:max-w-none text-center",children:(0,i.jsx)(r.P.p,{className:"font-sf-pro-text text-[10px] md:text-[15px] leading-[1.2] md:leading-[1.4] font-medium ".concat(d===e.number?"text-[#FFFFFF]":d>e.number?"text-[#0071E3]":"text-[#8E8E93]"),animate:{y:d===e.number?[0,-2,0]:0},transition:{duration:2,repeat:d===e.number?1/0:0,repeatType:"reverse"},children:e.title})})]},e.number))})]}),(0,i.jsx)(m.N,{mode:"wait",children:(0,i.jsxs)(r.P.div,{className:"grid grid-cols-1 lg:grid-cols-12 gap-8 max-w-5xl mx-auto",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.5},children:[(0,i.jsx)("div",{className:"lg:col-span-5",children:(0,i.jsxs)(r.P.div,{className:"bg-gradient-to-br from-[#000000]/90 to-[#18181B]/90 backdrop-blur-xl border border-[#18181B] rounded-xl p-6 md:p-8 h-full relative overflow-hidden shadow-lg",initial:{x:-20},animate:{x:0},transition:{duration:.5},children:[(0,i.jsx)("div",{className:"absolute -top-20 -right-20 w-40 h-40 bg-[#0071E3]/10 rounded-full blur-3xl"}),(0,i.jsx)("div",{className:"absolute bottom-0 left-0 w-60 h-60 bg-[#4FD1B5]/5 rounded-full blur-3xl"}),(0,i.jsx)(r.P.div,{className:"absolute top-1/4 right-1/4 w-12 h-12 opacity-10 pointer-events-none",animate:{y:[0,-10,0],x:[0,10,0]},transition:{duration:6,repeat:1/0,repeatType:"reverse"},children:(0,i.jsx)("div",{className:"w-full h-full border border-[#0071E3]/30 rounded-full"})}),(0,i.jsxs)("div",{className:"mb-6 md:mb-8 relative z-10",children:[(0,i.jsxs)("div",{className:"flex items-center mb-3 md:mb-4",children:[(0,i.jsx)("div",{className:"w-10 h-10 md:w-14 md:h-14 rounded-full bg-gradient-to-br from-[#0071E3] to-[#4FD1B5] flex items-center justify-center mr-3 md:mr-4 text-white flex-shrink-0 shadow-lg shadow-[#0071E3]/20",children:(0,i.jsx)("span",{className:"text-lg md:text-xl font-bold",children:v.number})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{className:"font-sf-pro-text text-[10px] md:text-[12px] leading-[1.33] text-[#8E8E93] mb-0.5 md:mb-1",children:o("stepOf",{current:v.number,total:t.length})}),(0,i.jsx)(n.y,{gradient:"cool",className:"font-sf-pro-display text-[20px] md:text-[28px] leading-[1.1] md:leading-[1.18] font-semibold",children:v.title})]})]}),(0,i.jsx)("div",{className:"h-px w-full bg-gradient-to-r from-transparent via-[#18181B] to-transparent"})]}),(0,i.jsx)(r.P.p,{className:"font-sf-pro-text text-sm md:text-[17px] leading-[1.4] md:leading-[1.47] text-[#F7F7F9] mb-6 md:mb-8 relative z-10",initial:{opacity:.9},animate:{opacity:1},transition:{duration:2,repeat:1/0,repeatType:"reverse"},children:v.description}),(0,i.jsxs)("div",{className:"space-y-3 md:space-y-4 relative z-10",children:[(0,i.jsxs)("h4",{className:"font-sf-pro-display text-sm md:text-[15px] leading-[1.4] text-white font-medium flex items-center",children:[(0,i.jsx)("span",{className:"inline-block w-3 h-3 md:w-4 md:h-4 bg-gradient-to-r from-[#0071E3] to-[#4FD1B5] rounded-full mr-2"}),o("keyBenefits")]}),(0,i.jsxs)(r.P.div,{className:"flex items-center p-2 md:p-3 rounded-lg bg-[#0071E3]/5 border border-[#0071E3]/10 transition-all duration-300 hover:bg-[#0071E3]/10",whileHover:{x:5},children:[(0,i.jsx)("div",{className:"w-6 h-6 md:w-8 md:h-8 rounded-full bg-[#0071E3]/20 flex items-center justify-center mr-2 md:mr-3 flex-shrink-0",children:(0,i.jsx)(h,{size:10,className:"text-[#0071E3]"})}),(0,i.jsx)("p",{className:"font-sf-pro-text text-xs md:text-[15px] leading-[1.4] text-[#F7F7F9]",children:o("benefits.precision")})]}),(0,i.jsxs)(r.P.div,{className:"flex items-center p-2 md:p-3 rounded-lg bg-[#0071E3]/5 border border-[#0071E3]/10 transition-all duration-300 hover:bg-[#0071E3]/10",whileHover:{x:5},children:[(0,i.jsx)("div",{className:"w-6 h-6 md:w-8 md:h-8 rounded-full bg-[#0071E3]/20 flex items-center justify-center mr-2 md:mr-3 flex-shrink-0",children:(0,i.jsx)(h,{size:10,className:"text-[#0071E3]"})}),(0,i.jsx)("p",{className:"font-sf-pro-text text-xs md:text-[15px] leading-[1.4] text-[#F7F7F9]",children:o("benefits.fasterTimeToMarket")})]}),(0,i.jsxs)(r.P.div,{className:"flex items-center p-2 md:p-3 rounded-lg bg-[#0071E3]/5 border border-[#0071E3]/10 transition-all duration-300 hover:bg-[#0071E3]/10",whileHover:{x:5},children:[(0,i.jsx)("div",{className:"w-6 h-6 md:w-8 md:h-8 rounded-full bg-[#0071E3]/20 flex items-center justify-center mr-2 md:mr-3 flex-shrink-0",children:(0,i.jsx)(h,{size:10,className:"text-[#0071E3]"})}),(0,i.jsx)("p",{className:"font-sf-pro-text text-xs md:text-[15px] leading-[1.4] text-[#F7F7F9]",children:o("benefits.consistentQuality")})]})]}),(0,i.jsxs)("div",{className:"flex flex-col md:flex-row justify-between mt-6 md:mt-8 relative z-10 gap-3 md:gap-0",children:[(0,i.jsx)(x.Button,{variant:"outline",size:"small",onClick:()=>f(e=>Math.max(1,e-1)),disabled:1===d,icon:(0,i.jsx)(g,{size:16}),className:1===d?"opacity-50":"hover:bg-[#0071E3]/10 hover:border-[#0071E3]/30",children:o("previous")}),(0,i.jsx)(x.Button,{variant:"outline",size:"small",onClick:()=>f(e=>Math.min(t.length,e+1)),disabled:d===t.length,icon:(0,i.jsx)(b.h,{size:16}),className:d===t.length?"opacity-50":"hover:bg-[#0071E3]/10 hover:border-[#0071E3]/30",children:o("next")})]})]})}),(0,i.jsxs)("div",{className:"lg:col-span-7",children:[(0,i.jsxs)(r.P.div,{className:"relative aspect-video rounded-xl overflow-hidden image-placeholder-animated",initial:{x:20},animate:{x:0},transition:{duration:.5},children:[(0,i.jsx)("div",{className:"absolute inset-0 z-0 opacity-10",children:(0,i.jsx)("div",{className:"w-full h-full grid grid-cols-6 grid-rows-4",children:Array.from({length:24}).map((e,t)=>(0,i.jsx)("div",{className:"border border-[#0071E3]/20"},t))})}),(0,i.jsx)(m.N,{mode:"wait",children:(0,i.jsx)(r.P.div,{className:"absolute inset-0 z-10",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.5},children:1===v.number?(0,i.jsxs)("div",{className:"relative w-full h-full",children:[(0,i.jsx)(y,{}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#000000]/40 to-transparent"})]}):2===v.number?(0,i.jsxs)("div",{className:"relative w-full h-full",children:[(0,i.jsx)(w,{}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#000000]/40 to-transparent"})]}):3===v.number?(0,i.jsxs)("div",{className:"relative w-full h-full",children:[(0,i.jsx)(k,{}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#000000]/40 to-transparent"})]}):4===v.number?(0,i.jsxs)("div",{className:"relative w-full h-full",children:[(0,i.jsx)(A,{}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#000000]/40 to-transparent"})]}):5===v.number?(0,i.jsxs)("div",{className:"relative w-full h-full",children:[(0,i.jsx)(M,{}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#000000]/40 to-transparent"})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.default,{src:v.imagePath,alt:v.title,fill:!0,className:"object-cover"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#000000]/40 to-transparent"})]})},v.number)}),(0,i.jsx)(r.P.div,{className:"absolute top-1/4 right-1/4 w-16 h-16 opacity-10 pointer-events-none z-40",animate:{y:[0,-10,0],rotate:[0,10,0]},transition:{duration:6,repeat:1/0,repeatType:"reverse"},children:(0,i.jsx)("div",{className:"w-full h-full border-2 border-[#0071E3]/50 rounded-full"})}),(0,i.jsx)(r.P.div,{className:"absolute bottom-1/3 left-1/4 w-24 h-24 opacity-10 pointer-events-none z-40",animate:{y:[0,-15,0],rotate:[0,-15,0]},transition:{duration:8,repeat:1/0,repeatType:"reverse",delay:1},children:(0,i.jsx)("div",{className:"w-full h-full border-2 border-[#4FD1B5]/40 rounded-full"})}),(0,i.jsx)(r.P.div,{className:"absolute top-1/3 left-1/3 w-32 h-32 opacity-5 pointer-events-none z-40",animate:{scale:[1,1.2,1],rotate:[0,45,0]},transition:{duration:12,repeat:1/0,repeatType:"reverse"},children:(0,i.jsx)("div",{className:"w-full h-full border border-white rounded-lg"})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-6 mt-6",children:[(0,i.jsxs)(r.P.div,{className:"bg-gradient-to-br from-[#000000]/90 to-[#18181B]/90 backdrop-blur-xl rounded-xl p-5 border border-[#0071E3]/20 shadow-lg relative overflow-hidden group",initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.5,delay:.6},whileHover:{y:-5},children:[(0,i.jsx)("div",{className:"absolute -top-10 -right-10 w-20 h-20 bg-[#0071E3]/10 rounded-full blur-xl group-hover:w-30 group-hover:h-30 transition-all duration-700"}),(0,i.jsxs)("h4",{className:"font-sf-pro-display text-sm md:text-[15px] leading-[1.4] text-white font-medium mb-2 md:mb-3 flex items-center",children:[(0,i.jsx)("div",{className:"w-1 h-5 md:h-6 bg-[#0071E3] rounded-full mr-2 md:mr-3"}),o("timeSaved")]}),(0,i.jsxs)("div",{className:"flex items-center",children:[(0,i.jsxs)("div",{className:"w-10 h-8 md:w-12 md:h-10 rounded-lg md:rounded-xl bg-gradient-to-br from-[#0071E3]/20 to-[#0071E3]/5 flex items-center justify-center mr-2 md:mr-4 text-[#0071E3] border border-[#0071E3]/20 flex-shrink-0",children:[(0,i.jsx)(p._,{size:18})," "]}),(0,i.jsx)("div",{children:(0,i.jsx)("p",{className:"font-sf-pro-text text-xs md:text-[15px] leading-[1.4] text-[#F7F7F9]",children:o("timeSavedDescription",{percentage:"70%"})})})]})]}),(0,i.jsxs)(r.P.div,{className:"bg-gradient-to-br from-[#000000]/90 to-[#18181B]/90 backdrop-blur-xl rounded-xl p-4 md:p-5 border border-[#4FD1B5]/20 shadow-lg relative overflow-hidden group",initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.5,delay:.7},whileHover:{y:-5},children:[(0,i.jsx)("div",{className:"absolute -top-10 -right-10 w-20 h-20 bg-[#4FD1B5]/10 rounded-full blur-xl group-hover:w-30 group-hover:h-30 transition-all duration-700"}),(0,i.jsxs)("h4",{className:"font-sf-pro-display text-sm md:text-[15px] leading-[1.4] text-white font-medium mb-2 md:mb-3 flex items-center",children:[(0,i.jsx)("div",{className:"w-1 h-5 md:h-6 bg-[#4FD1B5] rounded-full mr-2 md:mr-3"}),o("qualityImprovement")]}),(0,i.jsxs)("div",{className:"flex items-center",children:[(0,i.jsxs)("div",{className:"w-10 h-8 md:w-12 md:h-10 rounded-lg md:rounded-xl bg-gradient-to-br from-[#4FD1B5]/20 to-[#4FD1B5]/5 flex items-center justify-center mr-2 md:mr-4 text-[#4FD1B5] border border-[#4FD1B5]/20 flex-shrink-0",children:[(0,i.jsx)(u.a,{size:18})," "]}),(0,i.jsx)("div",{children:(0,i.jsx)("p",{className:"font-sf-pro-text text-xs md:text-[15px] leading-[1.4] text-[#F7F7F9]",children:o("qualityImprovementDescription",{percentage:"100%"})})})]})]})]})]})]},d)})]})}function I(){let e=(0,l.useClientTranslations)("Home.howItWorks"),[t,a]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=()=>{a(window.innerWidth<1024)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let c=[{number:1,title:e("steps.step1.title"),description:e("steps.step1.description"),imagePath:"/img/cables/render.png",visualDescription:e("steps.step1.visualDescription"),beforeImage:"",afterImage:""},{number:2,title:e("steps.step2.title"),description:e("steps.step2.description"),imagePath:"/img/cables/render 2.png",visualDescription:e("steps.step2.visualDescription"),beforeImage:"",afterImage:""},{number:3,title:e("steps.step3.title"),description:e("steps.step3.description"),imagePath:"/img/cables/render 3.png",visualDescription:e("steps.step3.visualDescription"),beforeImage:"",afterImage:""},{number:4,title:e("steps.step4.title"),description:e("steps.step4.description"),imagePath:"/img/cables/render 4.png",visualDescription:e("steps.step4.visualDescription"),beforeImage:"",afterImage:""},{number:5,title:e("steps.step5.title"),description:e("steps.step5.description"),imagePath:"/img/cables/render 5.png",visualDescription:e("steps.step5.visualDescription"),beforeImage:"",afterImage:""}];return(0,i.jsxs)("section",{id:"process",className:"py-16 md:py-32 bg-gradient-to-b from-[#050508] to-[#0A0A14] text-white relative overflow-hidden",children:[(0,i.jsx)("div",{className:"absolute inset-0 pointer-events-none overflow-hidden",children:(0,i.jsx)(d.I,{density:"high",size:"huge",speed:"slow",opacity:.08})}),(0,i.jsxs)("div",{className:"container mx-auto px-4",children:[(0,i.jsxs)("div",{className:"mb-16 text-center relative",children:[(0,i.jsx)(d.I,{density:"medium",size:"large",speed:"medium",opacity:.1}),(0,i.jsxs)(n.y,{as:"h3",gradient:"cool",className:"text-2xl md:text-4xl font-semibold mb-3 md:mb-4 relative z-10",children:[e("processTitle")," "]}),(0,i.jsxs)("p",{className:"text-[#F7F7F9] max-w-2xl mx-auto text-base md:text-lg text-left md:text-center relative z-10",children:[e("processSubtitle")," "]})]}),t?(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-5 md:gap-6",children:c.map(e=>(0,i.jsxs)("div",{className:"bg-[#0A0A14] border border-[#18181B] rounded-xl p-4 md:p-6 relative",children:[(0,i.jsx)("div",{className:"w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#0071E3] flex items-center justify-center text-white font-bold text-lg md:text-xl mb-3 md:mb-4",children:e.number}),(0,i.jsx)("h4",{className:"text-lg md:text-xl font-semibold text-white mb-1 md:mb-2 text-left",children:e.title}),(0,i.jsx)("p",{className:"text-[#F7F7F9]/80 text-xs md:text-sm text-left",children:e.description})]},e.number))}):(0,i.jsx)(r.P.div,{className:"relative",variants:o.TP,initial:"hidden",whileInView:"visible",transition:{delay:.2},viewport:{once:!0,margin:"-100px"},children:(0,i.jsx)(E,{steps:c})})]})]})}},96355:(e,t,a)=>{"use strict";a.d(t,{BusinessImpactSection:()=>g});var i=a(95155),s=a(12115),r=a(66766),l=a(37281),n=a(60760),o=a(2939),d=a(52450),c=a(33853),m=a(43786),x=a(98377),h=a(84021),p=a(76703);function u(e){let{className:t=""}=e,a=(0,p.useClientTranslations)("Home.howItWorks.visualizationBenefits"),[u,g]=(0,s.useState)("impact"),b=[{id:"impact",title:a("items.impact.title"),description:a("items.impact.description"),icon:(0,i.jsx)(d.x,{size:20}),image:"/img/cables/render.png",stats:[{value:"94%",label:a("items.impact.stat1Label")},{value:"3x",label:a("items.impact.stat2Label")}]},{id:"efficiency",title:a("items.efficiency.title"),description:a("items.efficiency.description"),icon:(0,i.jsx)(c._,{size:20}),image:"/img/cables/render 2.png",stats:[{value:"70%",label:a("items.efficiency.stat1Label")},{value:"60%",label:a("items.efficiency.stat2Label")}]},{id:"flexibility",title:a("items.flexibility.title"),description:a("items.flexibility.description"),icon:(0,i.jsx)(m.V,{size:20}),image:"/img/cables/render 4.png",stats:[{value:"∞",label:a("items.flexibility.stat1Label")},{value:"100%",label:a("items.flexibility.stat2Label")}]},{id:"perception",title:a("items.perception.title"),description:a("items.perception.description"),icon:(0,i.jsx)(x.a,{size:20}),image:"/img/cable-comparison/na2xsfl2y-label.png",stats:[{value:"73%",label:a("items.perception.stat1Label")},{value:"2.3x",label:a("items.perception.stat2Label")}]}],{loadedImages:f,isLoading:v,progress:y}=function(e){let{images:t,priority:a=!1}=e,[i,r]=(0,s.useState)({loadedImages:new Set,failedImages:new Set,isLoading:t.length>0}),l=(0,s.useRef)([]),n=(0,s.useRef)(a);(0,s.useEffect)(()=>{l.current=t,n.current=a},[t,a]),(0,s.useEffect)(()=>{if(0===t.length){r(e=>({...e,isLoading:!1}));return}t.length!==l.current.length&&r({loadedImages:new Set,failedImages:new Set,isLoading:!0});let e=!0;return(async()=>{let t=[],a=[];await Promise.all(l.current.map(e=>new Promise(i=>{let s=new Image;s.onload=()=>{t.push(e),i()},s.onerror=()=>{a.push(e),i()},n.current&&(s.loading="eager"),s.src=e}))),e&&r(e=>({loadedImages:new Set([...e.loadedImages,...t]),failedImages:new Set([...e.failedImages,...a]),isLoading:!1}))})(),()=>{e=!1}},[t.length]);let o=t.length>0?(i.loadedImages.size+i.failedImages.size)/t.length*100:0;return{...i,progress:o}}({images:b.map(e=>e.image),priority:!0}),j=b.find(e=>e.id===u)||b[0];return(0,i.jsxs)(l.P.div,{className:"".concat(t," relative"),initial:{opacity:0},whileInView:{opacity:1},transition:{duration:.8},viewport:{once:!0,margin:"-100px"},children:[(0,i.jsx)(h.I,{density:"medium",size:"large",speed:"medium",opacity:.08}),(0,i.jsxs)("div",{className:"text-left lg:text-center mb-8 lg:mb-16",children:[(0,i.jsx)(o.I,{sectionNumber:"04",subtitle:"BUSINESS VALUE",title:a("title"),titleParts:[{text:"Business"},{text:"_",highlight:!0,separator:!0},{text:"Impact",opacity:.8},{text:"of",opacity:.7},{text:"3D",separator:!0}],annotationText:"IMPACT.DATA",color:"#0071E3"}),(0,i.jsxs)("p",{className:"text-[#F7F7F9] max-w-2xl mx-0 lg:mx-auto text-base lg:text-lg mt-6",children:[a("subtitle")," "]})]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 mb-12 lg:mb-16",children:[(0,i.jsx)("div",{className:"lg:col-span-4 flex flex-col justify-center",children:(0,i.jsx)("div",{className:"space-y-4",children:b.map(e=>(0,i.jsxs)(l.P.div,{className:"p-4 md:p-6 rounded-xl cursor-pointer transition-all duration-300 ".concat(u===e.id?"bg-[#050508]/90 backdrop-blur-xl border border-[#0071E3]/50 shadow-lg relative overflow-hidden":"bg-[#050508]/60 backdrop-blur-sm border border-[#2A2A3A] hover:border-[#0071E3]/30"),onClick:()=>g(e.id),whileHover:{x:5*(u!==e.id)},children:[u===e.id&&(0,i.jsx)("div",{className:"absolute -top-20 -right-20 w-40 h-40 bg-[#0071E3]/10 rounded-full blur-3xl"}),(0,i.jsxs)("div",{className:"flex items-start gap-3 md:gap-4 relative z-10",children:[(0,i.jsx)("div",{className:"flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-lg md:rounded-xl flex items-center justify-center ".concat(u===e.id?"bg-[#0071E3] text-white":"bg-[#18181B] border border-[#2A2A3A] text-[#8E8E93]"),children:e.icon}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:"text-lg md:text-xl font-semibold mb-1 md:mb-2 ".concat(u===e.id?"text-white":"text-[#F7F7F9]/80"),children:e.title}),(0,i.jsxs)("p",{className:"text-sm ".concat(u===e.id?"text-[#F7F7F9]":"text-[#F7F7F9]/60"),children:[e.description.substring(0,80),"..."]})]})]})]},e.id))})}),(0,i.jsx)("div",{className:"lg:col-span-8 relative",children:(0,i.jsx)(n.N,{mode:"wait",children:(0,i.jsxs)(l.P.div,{className:"relative rounded-2xl overflow-hidden aspect-video image-placeholder-animated",initial:{opacity:0,x:20},animate:{opacity:1,x:0},exit:{opacity:0,x:-20},transition:{duration:.5},children:[v&&!f.has(j.image)&&(0,i.jsx)("div",{className:"absolute inset-0 bg-[#050508]/80 backdrop-blur-sm flex items-center justify-center z-10",children:(0,i.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[(0,i.jsx)("div",{className:"w-8 h-8 border-2 border-[#0071E3] border-t-transparent rounded-full animate-spin"}),(0,i.jsxs)("div",{className:"text-sm text-[#F7F7F9]/60",children:["Loading images... ",Math.round(y),"%"]})]})}),(0,i.jsx)(r.default,{src:j.image,alt:j.title,fill:!0,className:"object-cover transition-opacity duration-300 ".concat(f.has(j.image)?"opacity-100":"opacity-0"),priority:"impact"===u,loading:"impact"===u?"eager":"lazy",sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 66vw, 50vw",quality:85,placeholder:"blur",blurDataURL:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAv/xAAhEAACAQMDBQAAAAAAAAAAAAABAgMABAUGIWGRkqGx0f/EABUBAQEAAAAAAAAAAAAAAAAAAAMF/8QAGhEAAgIDAAAAAAAAAAAAAAAAAAECEgMRkf/aAAwDAQACEQMRAD8AltJagyeH0AthI5xdrLcNM91BF5pX2HaH9bcfaSXWGaRmknyJckliyjqTzSlT54b6bk+h0R//2Q==",onLoad:()=>{console.log("Image loaded: ".concat(j.image))}}),(0,i.jsx)("div",{className:"hidden",children:b.filter(e=>e.id!==j.id).map(e=>(0,i.jsx)(r.default,{src:e.image,alt:"",width:1,height:1,loading:"lazy","aria-hidden":"true"},e.id))}),(0,i.jsxs)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#050508] via-[#050508]/50 to-transparent flex flex-col justify-end p-4 md:p-8",children:[(0,i.jsx)("h3",{className:"text-xl md:text-2xl font-semibold text-white mb-2 md:mb-4",children:j.title}),(0,i.jsx)("p",{className:"text-sm md:text-lg text-[#F7F7F9] mb-4 md:mb-6 max-w-2xl",children:j.description}),j.stats&&(0,i.jsx)("div",{className:"flex flex-row flex-wrap gap-x-6 gap-y-2 md:gap-8 mb-4 md:mb-6",children:j.stats.map((e,t)=>(0,i.jsxs)("div",{className:"flex items-center gap-1 md:flex-col md:items-start",children:[(0,i.jsx)("div",{className:"text-[#0071E3] text-lg md:text-3xl font-bold",children:e.value}),(0,i.jsx)("span",{className:"text-[#F7F7F9]/80 text-[10px] md:text-sm",children:e.label})]},t))})]}),(0,i.jsx)(l.P.div,{className:"absolute top-8 right-8 w-16 h-16 opacity-20 pointer-events-none",animate:{y:[0,-10,0],rotate:[0,10,0]},transition:{duration:6,repeat:1/0,repeatType:"reverse"},children:(0,i.jsx)("div",{className:"w-full h-full border border-[#0071E3]/50 rounded-full"})}),(0,i.jsx)(l.P.div,{className:"absolute bottom-1/3 left-1/4 w-24 h-24 opacity-15 pointer-events-none",animate:{y:[0,-15,0],rotate:[0,-15,0]},transition:{duration:8,repeat:1/0,repeatType:"reverse",delay:1},children:(0,i.jsx)("div",{className:"w-full h-full border border-[#4FD1B5]/40 rounded-full"})})]},j.id)})})]})]})}function g(){return(0,i.jsx)("section",{className:"py-16 md:py-24 bg-gradient-to-b from-[#050508] to-[#0A0A14] text-white relative overflow-hidden",children:(0,i.jsx)("div",{className:"container mx-auto px-4",children:(0,i.jsx)(u,{})})})}},98377:(e,t,a)=>{"use strict";a.d(t,{a:()=>s});var i=a(95155);function s(e){let{className:t="",size:a=24,color:s="currentColor"}=e;return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"})})}a(12115)}},e=>{var t=t=>e(e.s=t);e.O(0,[54,6874,5591,1935,3063,1773,7932,5042,6703,8585,5244,1112,8394,6315,7358],()=>t(1004)),_N_E=e.O()}]); |