https://chatvolt.ai/assets/index-ZWzGTth6.js

1import{r as m,j as e,a as Z}from"./vendor-react-C2QudDz5.js";import{u as F}from"./useScrollAnimation-dCmtq32e.js";import{u as h,m as d,f as W,c as q}from"./index-DtK1769W.js";import{a5 as J,a8 as Q,a9 as ee,aa as j,ab as T,ac as Y,ad as P,D as K,ae as M,Z as te,G as ae,af as R,ag as se,ah as L,ai as E,aj as H,ak as re,C as ie,al as le,l as oe}from"./vendor-icons-Ceabpjbv.js";import{d as B,b as D,A as z,m as i,a as ne,c as g}from"./vendor-motion-Bph5CJxO.js";import"./vendor-gsap-CUwdeFQJ.js";const de={hotspots:[{id:"sidebar-nav",x:[.8,16.8],y:[.6,64.7],titleKey:"artifacts.discovery.sidebar.title",descKey:"artifacts.discovery.sidebar.desc",icon:J,color:"purple"},{id:"sidebar-plan",x:[1.3,17],y:[65.4,90.4],titleKey:"artifacts.discovery.sidebarPlan.title",descKey:"artifacts.discovery.sidebarPlan.desc",icon:Q,color:"indigo"},{id:"artifact-list",x:[22.2,77.5],y:[31.3,69.5],titleKey:"artifacts.discovery.list.title",descKey:"artifacts.discovery.list.desc",icon:ee,color:"blue"},{id:"artifact-card",x:[22.2,39.5],y:[34.3,63.4],titleKey:"artifacts.discovery.card.title",descKey:"artifacts.discovery.card.desc",icon:j,color:"pink"}]},ce=({className:t})=>{const{t:p}=h(),s=m.useRef(null),x=B(-1e3),l=B(-1e3),o={damping:30,stiffness:250},a=D(x,o),n=D(l,o),[c,b]=m.useState(!1),[r,_]=m.useState(null),k=m.useRef(null),$=f=>{if(x.set(f.clientX+15),l.set(f.clientY+15),!s.current)return;const y=s.current.getBoundingClientRect(),S=(f.clientX-y.left)/y.width*100,A=(f.clientY-y.top)/y.height*100,N=de.hotspots.filter(u=>S>=u.x[0]&&S<=u.x[1]&&A>=u.y[0]&&A<=u.y[1]).sort((u,v)=>{const G=(u.x[1]-u.x[0])*(u.y[1]-u.y[0]),U=(v.x[1]-v.x[0])*(v.y[1]-v.y[0]);return G-U})[0];N?.id!==k.current?.id&&(k.current=N||null,_(N||null))},I={purple:"border-purple-500 shadow-[0_0_28px_rgba(168,85,247,0.45)] bg-purple-500/10",indigo:"border-indigo-500 shadow-[0_0_28px_rgba(99,102,241,0.45)] bg-indigo-500/10",blue:"border-blue-500 shadow-[0_0_28px_rgba(59,130,246,0.45)] bg-blue-500/10",pink:"border-pink-500 shadow-[0_0_28px_rgba(236,72,153,0.45)] bg-pink-500/10",orange:"border-orange-500 shadow-[0_0_28px_rgba(249,115,22,0.45)] bg-orange-500/10",green:"border-green-500 shadow-[0_0_28px_rgba(34,197,94,0.45)] bg-green-500/10",slate:"border-slate-400 shadow-[0_0_28px_rgba(148,163,184,0.35)] bg-slate-400/10"},X={purple:"border-purple-300",indigo:"border-indigo-300",blue:"border-blue-300",pink:"border-pink-300",orange:"border-orange-300",green:"border-green-300",slate:"border-slate-300"},C={purple:"bg-purple-100 text-purple-600",indigo:"bg-indigo-100 text-indigo-600",blue:"bg-blue-100 text-blue-600",pink:"bg-pink-100 text-pink-600",orange:"bg-orange-100 text-orange-600",green:"bg-green-100 text-green-600",slate:"bg-slate-100 text-slate-600"};return e.jsxs("div",{ref:s,className:d("relative w-full select-none cursor-pointer",t),onMouseEnter:()=>b(!0),onMouseLeave:()=>{b(!1),_(null),k.current=null},onMouseMove:$,children:[e.jsx("img",{src:W("/artefatos.png"),alt:"Chatvolt Artifacts — catálogo digital",className:"w-full h-auto block",draggable:!1,width:1600,height:1e3,loading:"lazy",decoding:"async"}),e.jsx(z,{children:r&&e.jsx(i.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},className:d("absolute pointer-events-none rounded-xl border-2",I[r.color]??I.slate),style:{left:`${r.x[0]}%`,top:`${r.y[0]}%`,width:`${r.x[1]-r.x[0]}%`,height:`${r.y[1]-r.y[0]}%`,zIndex:10}},r.id)}),r&&c&&Z.createPortal(e.jsx(i.div,{className:"fixed z-[9999] pointer-events-none",style:{x:a,y:n,top:0,left:0,width:"240px"},children:e.jsx(z,{mode:"wait",children:e.jsx(i.div,{initial:{opacity:0,scale:.95,y:8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:8},transition:{duration:.15},className:d("bg-white/95 backdrop-blur-xl p-3 rounded-xl border shadow-2xl",X[r.color]??"border-slate-300"),children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:d("p-2 rounded-lg shrink-0",C[r.color]??C.slate),children:e.jsx(r.icon,{className:"w-4 h-4"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-[13px] font-bold text-neutral-900 mb-0.5",children:p(r.titleKey)}),e.jsx("p",{className:"text-[11px] text-neutral-600 leading-normal",children:p(r.descKey)})]})]})},r.id)})}),document.body)]})},xe={uploads:{icon:T,titleKey:"dataTraining.sources.examples.uploads.title",examples:[{icon:se,labelKey:"dataTraining.sources.examples.uploads.pdfs.label",descKey:"dataTraining.sources.examples.uploads.pdfs.desc"},{icon:R,labelKey:"dataTraining.sources.examples.uploads.spreadsheets.label",descKey:"dataTraining.sources.examples.uploads.spreadsheets.desc"},{icon:M,labelKey:"dataTraining.sources.examples.uploads.jsonCsv.label",descKey:"dataTraining.sources.examples.uploads.jsonCsv.desc"}]},integrations:{icon:Y,titleKey:"dataTraining.sources.examples.integrations.title",examples:[{icon:ae,labelKey:"dataTraining.sources.examples.integrations.website.label",descKey:"dataTraining.sources.examples.integrations.website.desc"},{icon:j,labelKey:"dataTraining.sources.examples.integrations.notion.label",descKey:"dataTraining.sources.examples.integrations.notion.desc"},{icon:R,labelKey:"dataTraining.sources.examples.integrations.googleDrive.label",descKey:"dataTraining.sources.examples.integrations.googleDrive.desc"}]},database:{icon:P,titleKey:"dataTraining.sources.examples.database.title",examples:[{icon:K,labelKey:"dataTraining.sources.examples.database.erpCrm.label",descKey:"dataTraining.sources.examples.database.erpCrm.desc"},{icon:M,labelKey:"dataTraining.sources.examples.database.restApis.label",descKey:"dataTraining.sources.examples.database.restApis.desc"},{icon:te,labelKey:"dataTraining.sources.examples.database.webhooks.label",descKey:"dataTraining.sources.examples.database.webhooks.desc"}]}},O=()=>{const{t}=h(),p=F("up",.8,0),s=F("up",.8,.2),[x,l]=m.useState("uploads"),o=[{key:"uploads",label:t("dataTraining.sources.docs.title"),icon:T},{key:"integrations",label:t("dataTraining.sources.web.title"),icon:Y},{key:"database",label:t("dataTraining.sources.kb.title"),icon:P}];return m.useEffect(()=>{const a=setInterval(()=>{l(n=>{const c=["uploads","integrations","database"],b=c.indexOf(n);return c[(b+1)%c.length]})},4e3);return()=>clearInterval(a)},[]),e.jsxs("div",{className:"container mx-auto px-4 sm:px-6 relative z-20 max-w-6xl",children:[e.jsxs("div",{className:"text-center mb-10 xs:mb-16 md:mb-20",children:[e.jsxs("div",{ref:p,children:[e.jsxs("div",{className:"inline-flex items-center space-x-2 bg-white/40 dark:bg-white/5 backdrop-blur-md text-purple-600 dark:text-purple-300 px-3 xs:px-5 sm:px-6 py-1.5 xs:py-2 sm:py-3 rounded-full text-[9px] xs:text-[11px] sm:text-sm font-bold mb-4 xs:mb-6 sm:mb-8 border border-white/50 dark:border-white/10 shadow-sm",children:[e.jsx(K,{className:"w-3.5 h-3.5 xs:w-4 xs:h-4 sm:w-5 sm:h-5"}),e.jsx("span",{children:t("dataTraining.title")})]}),e.jsx("h2",{className:"headline-1 text-xl xs:text-2xl sm:text-3xl md:text-4xl lg:text-[2.15rem] xl:text-5xl mb-3 xs:mb-4 sm:mb-6 leading-tight",dangerouslySetInnerHTML:{__html:t("dataTraining.subtitle1")}})]}),e.jsx("div",{ref:s,children:e.jsx("p",{className:"body-large text-sm xs:text-base sm:text-lg md:text-xl lg:text-[1.2rem] text-purple-600 font-medium mb-4 xs:mb-6 sm:mb-8",dangerouslySetInnerHTML:{__html:t("dataTraining.subtitle2")}})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"flex flex-wrap justify-center gap-3 xs:gap-4 mb-8 xs:mb-10 sm:mb-12",children:o.map(a=>{const n=a.icon,c=x===a.key;return e.jsxs("button",{onClick:()=>l(a.key),className:d("flex items-center gap-2 px-4 xs:px-6 py-2.5 xs:py-3 rounded-full text-xs xs:text-sm font-bold transition-all duration-300",c?"bg-gradient-to-r from-purple-500 to-indigo-600 text-white shadow-lg shadow-purple-500/20":"bg-white/50 backdrop-blur-md text-neutral-700 border border-white/50 hover:bg-white/70 hover:border-purple-200 dark:bg-white/5 dark:text-neutral-300 dark:border-white/10 dark:hover:bg-white/10 dark:hover:border-purple-500/40"),children:[e.jsx(n,{className:"w-4 h-4"}),a.label]},a.key)})}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4 xs:gap-6 min-h-[200px]",children:xe[x].examples.map((a,n)=>{const c=a.icon;return e.jsx("div",{className:"group relative bg-white/40 dark:bg-white/5 backdrop-blur-xl border border-white/50 dark:border-white/10 p-6 xs:p-8 rounded-[1.5rem] xs:rounded-[2rem] 

1shadow-sm hover:shadow-xl hover:shadow-purple-500/5 hover:-translate-y-1 transition-all duration-500",children:e.jsxs("div",{className:"flex flex-col items-center text-center gap-4",children:[e.jsx("div",{className:"w-14 h-14 xs:w-16 xs:h-16 bg-gradient-to-br from-purple-500 to-indigo-600 rounded-2xl flex items-center justify-center shadow-lg shadow-purple-500/20 group-hover:scale-110 transition-transform duration-500",children:e.jsx(c,{className:"w-6 h-6 xs:w-7 xs:h-7 text-white"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-lg xs:text-xl font-bold text-neutral-800 dark:text-neutral-100 mb-1 group-hover:text-purple-600 dark:group-hover:text-purple-300 transition-colors",children:t(a.labelKey)}),e.jsx("p",{className:"text-xs xs:text-sm text-neutral-600 dark:text-neutral-400 font-medium opacity-80",children:t(a.descKey)})]})]})},n)})})]})]})},w=({icon:t,label:p,sublabel:s,depth:x,color:l,delay:o,isLast:a,children:n})=>{const c={purple:"from-purple-500 to-purple-600 shadow-purple-500/20",indigo:"from-indigo-500 to-indigo-600 shadow-indigo-500/20",blue:"from-blue-500 to-blue-600 shadow-blue-500/20",emerald:"from-emerald-500 to-emerald-600 shadow-emerald-500/20"},b={purple:"bg-purple-50 border-purple-100 dark:bg-purple-950/40 dark:border-purple-500/20",indigo:"bg-indigo-50 border-indigo-100 dark:bg-indigo-950/40 dark:border-indigo-500/20",blue:"bg-blue-50 border-blue-100 dark:bg-blue-950/40 dark:border-blue-500/20",emerald:"bg-emerald-50 border-emerald-100 dark:bg-emerald-950/40 dark:border-emerald-500/20"};return e.jsxs(i.div,{initial:{opacity:0,x:-10},whileInView:{opacity:1,x:0},viewport:{once:!0,margin:"-50px"},transition:{duration:.4,delay:.1+o},style:{marginLeft:`${x*24}px`},className:"relative",children:[e.jsxs("div",{className:"flex items-start gap-3 group",children:[x>0&&e.jsxs("div",{className:"flex flex-col items-center pt-2.5 -ml-2.5",children:[e.jsx("div",{className:"w-px h-4 xs:h-5 bg-gradient-to-b from-purple-200 to-transparent"}),e.jsx("div",{className:"w-3 xs:w-4 h-px bg-purple-200"})]}),e.jsxs("div",{className:d("flex items-center gap-2.5 xs:gap-3 px-3 xs:px-4 py-2 xs:py-2.5 rounded-lg xs:rounded-xl border transition-all duration-300 w-full max-w-sm","hover:shadow-md hover:-translate-y-0.5 cursor-default",b[l]),children:[e.jsx("div",{className:d("w-7 h-7 xs:w-8 xs:h-8 rounded-md xs:rounded-lg bg-gradient-to-br flex items-center justify-center shadow-md shrink-0",c[l]),children:e.jsx(t,{className:"w-3.5 h-3.5 xs:w-4 xs:h-4 text-white"})}),e.jsxs("div",{className:"flex flex-col flex-1 min-w-0",children:[e.jsx("span",{className:"text-xs xs:text-sm font-bold text-neutral-900 dark:text-neutral-100 block leading-tight truncate",children:p}),s&&e.jsx("span",{className:"text-[10px] xs:text-xs font-medium text-neutral-600 dar

1k:text-neutral-400 leading-tight truncate",children:s})]})]})]}),n&&e.jsx("div",{className:"mt-1.5 xs:mt-2 space-y-1.5 xs:space-y-2",children:n})]})},V=()=>{const{t}=h(),[p,s]=m.useState(0),x=m.useMemo(()=>[{icon:L,title:t("artifacts.features.hierarchy.title"),description:t("artifacts.features.hierarchy.description")},{icon:E,title:t("artifacts.features.media.title"),description:t("artifacts.features.media.description")},{icon:j,title:t("artifacts.features.catalog.title"),description:t("artifacts.features.catalog.description")},{icon:T,title:t("artifacts.features.api.title"),description:t("artifacts.features.api.description")},{icon:K,title:t("artifacts.features.externalIntegrations.title"),description:t("artifacts.features.externalIntegrations.description")},{icon:H,title:t("artifacts.features.nativeCrm.title"),description:t("artifacts.features.nativeCrm.description")},{icon:re,title:t("artifacts.features.bulkDispatch.title"),description:t("artifacts.features.bulkDispatch.description")},{icon:ie,title:t("artifacts.features.moreFeatures.title"),description:t("artifacts.features.moreFeatures.description")}],[t]);return e.jsxs("div",{className:"w-full relative",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-white via-purple-50/30 to-white dark:bg-none dark:bg-neutral-950"}),e.jsx("div",{className:"absolute top-0 left-1/4 w-[600px] h-[600px] bg-purple-500/5 blur-[150px] rounded-full"}),e.jsx("div",{className:"absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-indigo-500/5 blur-[120px] rounded-full"}),e.jsxs("div",{className:"relative z-10 py-6 md:py-10 xl:py-8 2xl:py-12",children:[e.jsxs("div",{className:"container mx-auto px-4 sm:px-6 max-w-6xl text-center mb-3 xs:mb-4 sm:mb-6 lg:mb-4 xl:mb-6",children:[e.jsxs("div",{className:"inline-flex items-center space-x-2 bg-gradient-to-r from-purple-50 to-indigo-50 dark:from-purple-950/60 dark:to-indigo-950/60 text-purple-600 dark:text-purple-300 px-3 py-1 rounded-full text-[10px] xs:text-xs font-bold mb-2 xs:mb-3 border border-purple-100/50 dark:border-purple-500/20",children:[e.jsx(j,{className:"w-3 h-3"}),e.jsx("span",{children:t("artifacts.badge")})]}),e.jsx("h2",{className:"headline-1 text-lg xs:text-xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl mb-1 xs:mb-1.5 sm:mb-2 leading-tight",children:e.jsx("span",{dangerouslySetInnerHTML:{__html:t("artifacts.title")}})}),e.jsx("p",{className:"body-large text-xs xs:text-sm md:text-base text-neutral-500 dark:text-neutral-400 max-w-xl mx-auto font-medium leading-relaxed",children:t("artifacts.subtitle")})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 max-w-6xl mb-4 xs:mb-6 sm:mb-8 lg:mb-6 xl:mb-8",children:e.jsxs("div",{className:"relative group",children:[e.jsx("div",{className:"absolute -inset-3 xs:-inset-4 bg-gradient-to-br from-purple-500/8 via-indigo-500/4 to-blue-500/8 rounded-xl xs:rounded-2xl sm:rounded-3xl blur-lg xs:blur-xl opacity-60 group-hover:opacity-100 transition-opacity duration-700"}),e.jsxs("div",{className:"relative bg-white border border-neutral-200/80 rounded-lg xs:rounded-xl sm:rounded-2xl shadow-2xl shadow-neutral-900/5 overflow-hidden",children:[e.jsxs("div",{className:"flex items-center px-3 py-2 bg-neutral-50/80 backdrop-blur-xl border-b border-neutral-100",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-[#FF5F57]"}),e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-[#FEBC2E]"}),e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-[#28C840]"})]}),e.jsx("div",{className:"flex-1 mx-4",children:e.jsxs("div",{className:"mx-auto max-w-xs bg-white/80 border border-neutral-200/50 rounded px-2 py-0.5 flex items-center justify-center gap-1.5",children:[e.jsx("svg",{className:"w-2 h-2 text-neutral-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"})}),e.jsx("span",{className:"text-[9px] text-neutral-400 font-medium",children:"app.chatvolt.ai/artifacts"})]})}),e.jsx("div",{className:"w-8"})]}),e.jsxs("div",{className:"relative",children:[e.jsx(ce,{}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-white/20 to-transparent pointer-events-none"})]})]})]})}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 max-w-6xl",children:e.jsxs("div",{className:"grid lg:grid-cols-2 gap-5 xs:gap-6 sm:gap-8 lg:gap-8 xl:gap-10 items-stretch",children:[e.jsxs(i.div,{layout:!0,initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-50px"},transition:{duration:.6,layout:{duration:.4}},className:"flex flex-col p-5 xs:p-6 sm:p-8 md:p-10 bg-white/60 dark:bg-white/5 backdrop-blur-xl border border-white/60 dark:border-white/10 rounded-lg xs:rounded-xl shadow-lg",children:[e.jsx("h4",{className:"text-xs xs:text-sm font-bold text-purple-500 uppercase tracking-wider mb-5 xs:mb-7",children:t("artifacts.hierarchy.label")}),e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsx("div",{className:"w-full max-w-md",children:e.jsx(w,{icon:L,label:t("artifacts.hierarchy.category"),sublabel:t("artifacts.hierarchy.categoryExample"),depth:0,color:"purple",delay:0,children:e.jsx(w,{icon:H,label:t("artifacts.hierarchy.subcategory"),sublabel:t("artifacts.hierarchy.subcategoryExample"),depth:1,color:"indigo",delay:.1,children:e.jsx(w,{icon:le,label:t("artifacts.hierarchy.artifact"),sublabel:t("artifacts.hierarchy.artifactExample"),depth:2,color:"blue",delay:.2,children:e.jsx(w,{icon:E,label:t("artifacts.hierarchy.media"),sublabel:t("artifacts.hierarchy.mediaExample"),depth:3,color:"emerald",delay:.3,isLast:!0})})})})})}),e.jsxs(i.div,{initial:{opacity:0,y:15},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:.5},className:"mt-5 p-3.5 rounded-xl bg-purple-50/50 dark:bg-purple-950/30 border border-purple-100/50 dark:border-purple-500/20 text-[10px] xs:text-xs text-neutral-600 dar

1k:text-neutral-300 font-medium leading-relaxed flex items-start gap-2.5",children:[e.jsx(oe,{className:"w-4 h-4 text-purple-500 shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("strong",{className:"text-purple-700 dark:text-purple-300 block mb-0.5",children:t("artifacts.tip.title")}),t("artifacts.tip.desc")]})]})]}),e.jsx("div",{className:"grid grid-cols-2 gap-2.5 xs:gap-3 sm:gap-4",children:x.slice(0,6).map((l,o)=>{const a=p===o,n=l.icon;return e.jsxs(i.div,{layout:!0,onClick:()=>s(a?-1:o),initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-50px"},animate:{scale:a?1.015:1,y:0},whileHover:{scale:a?1.015:1.01,y:a?0:-4},transition:{type:"spring",stiffness:260,damping:25,opacity:{delay:o*.06,duration:.4},y:{delay:o*.06,type:"spring",stiffness:260,damping:25}},className:d("group relative p-3 xs:p-4 sm:p-5 rounded-lg xs:rounded-xl border cursor-pointer flex flex-col overflow-hidden transition-colors duration-300",a?"bg-white border-purple-200 shadow-lg shadow-purple-500/10 dark:bg-neutral-800 dark:border-purple-500/30":"bg-white/30 border-white/40 hover:bg-white hover:border-purple-200 dark:bg-white/5 dark:border-white/10 dark:hover:bg-white/10 dark:hover:border-purple-500/30"),children:[e.jsxs(i.div,{layout:!0,className:"flex flex-col gap-2.5 xs:gap-3",children:[e.jsxs(i.div,{layout:"position",className:"flex items-center gap-3 xs:gap-4",children:[e.jsxs(i.div,{layout:"position",className:"w-9 h-9 xs:w-10 xs:h-10 sm:w-11 sm:h-11 rounded-lg xs:rounded-xl flex items-center justify-center shrink-0 relative overflow-hidden",children:[e.jsx("div",{className:d("absolute inset-0 bg-purple-50 dark:bg-purple-950/40 transition-opacity duration-300",a?"opacity-0":"opacity-100")}),e.jsx("div",{className:d("absolute inset-0 bg-gradient-to-br from-purple-500 to-indigo-600 shadow-md shadow-purple-500/20 transition-opacity duration-300",a?"opacity-100":"opacity-0")}),e.jsx(n,{className:d("w-4 h-4 xs:w-4.5 xs:h-4.5 sm:w-5 sm:h-5 transition-colors duration-300 relative z-10",a?"text-white":"text-purple-500")})]}),e.jsx(i.h4,{layout:"position",className:d("text-sm xs:text-base sm:text-lg font-bold transition-colors duration-300 flex-1 leading-tight",a?"text-neutral-900 dark:text-white":"text-neutral-700 dark:text-neutral-200"),children:l.title})]}),e.jsxs(i.div,{layout:"position",className:"text-xs xs:text-sm sm:text-base text-neutral-500 dark:text-neutral-400 leading-relaxed font-medium",children:[e.jsx("p",{className:d("text-left transition-all duration-300",a?"":"line-clamp-1 xs:line-clamp-2"),children:l.description}),e.jsx("span",{className:d("text-[10px] xs:text-xs font-semibold mt-1.5 block text-left transition-colors duration-300",a?"text-purple-600 dark:text-purple-300 font-bold hover:underline":"text-purple-500 dark:text-purple-400 group-hover:text-purple-600 dark:group-hover:text-purple-300"),children:a?t("common.showLess"):`${t("common.showMore")} →`})]})]}),a&&e.jsx(i.div,{layoutId:"activeFeatureBar",className:"absolute left-0 top-3 bottom-3 xs:top-4 xs:bottom-4 w-0.5 xs:w-1 bg-gradient-to-b from-purple-500 to-indigo-600 rounded-full",transition:{type:"spring",damping:20,stiffness:300}})]},o)})})]})})]})]})},pe=()=>{const{t}=h(),p=m.useRef(null),{scrollYProgress:s}=ne({target:p,offset:["start start","end end"]}),x=g(s,[0,.35,.95],["100vh","0vh","-100vh"]),l=g(s,[0,.35],[12,0]),o=g(s,[0,.35],[.65,1]),a=g(s,[0,.1,.35],[0,1,1]),n=g(s,[0,.35,.45],[48,0,0]),c=g(s,[0,.25],[1,0]),b=g(s,[0,.25],[1,.92]),r=g(s,[0,.25],[0,-60]);return e.jsx(e.Fragment,{children:e.jsx("div",{ref:p,className:"hidden md:block relative",style:{height:"150vh"},children:e.jsxs("div",{className:"sticky top-0 h-screen w-full overflow-hidden",children:[e.jsx(i.div,{className:"absolute inset-0 flex items-center justify-center",style:{opacity:c,scale:b,y:r},children:e.jsx("div",{className:"w-full section-purple-subtle pt-8 pb-12 lg:pt-12 lg:pb-16 overflow-y-auto max-h-screen",children:e.jsx(O,{})})}),e.jsxs(i.div,{className:"absolute top-0 left-0 w-full will-change-transform",style:{y:x,rotate:l,scale:o,opacity:a},children:[e.jsx(i.div,{className:"absolute -inset-6 bg-purple-900/8 blur-[60px] rounded-[3rem] pointer-events-none",style:{opacity:a}}),e.jsx(i.div,{className:"relative w-full bg-white dark:bg-neutral-950",style:{borderRadius:n,boxShadow:"0 -30px 100px rgba(0,0,0,0.08), 0 0 60px rgba(124,58,237,0.06)"},children:e.jsx(V,{})})]})]})})})},ye=()=>{const{t}=h();return e.jsxs(q,{sectionName:"Data Training & Artifacts",children:[e.jsx(pe,{}),e.jsxs("div",{className:"md:hidden flex flex-col w-full",children:[e.jsx("div",{className:"section-purple-subtle py-6 xs:py-8 sm:py-10",children:e.jsx(O,{})}),e.jsx("div",{className:"bg-white dark:bg-neutral-950",children:e.jsx(V,{})})]})]})};export{V as ArtifactsContent,O as DataTrainingSection,ye as default};