1import{r as e,u as t,j as s,L as a,a as i}from"./index-CTUgqakz.js";import{u as n}from"./usePageMeta-BF1nj4XA.js";import"./index-B1LQ2uuI.js";import{A as r}from"./index-BScqpTOD.js";import{S as l,H as o,V as c,C as d,a as x,P as p}from"./hero-interactive-DZH5Rcqv.js";import{S as m,a as h,L as u,C as g,M as b,I as f,G as j,F as v,B as w,b as y,V as N,c as k,d as A}from"./sliding-number-CIHt5nee.js";import{L as F,a as E,M as B}from"./LandingFooter-BFFac5HN.js";import{m as C}from"./proxy--AF1RYhV.js";import{c as M}from"./createLucideIcon-BKyP4MVl.js";import{U as L}from"./users-BSrbENdx.js";import{Z as _}from"./zap-CoUygG0h.js";import{C as S,S as z}from"./star-BYkYb4FC.js";import{S as V}from"./search-CM2_XDE_.js";import{A as I,T as D}from"./trending-up-Gv5e-ps6.js";import{C as H,X as W}from"./x-CjryHcAq.js";import{C as $}from"./chevron-down-D2UVsmfD.js";import{A as R}from"./index-ChAGvo2U.js";import{u as q}from"./use-scroll-B-jCHJMt.js";import{u as Z,a as U}from"./use-spring-BwIyQN9G.js";import{u as P}from"./use-motion-value-Bin7rNAF.js"; 2/** 3 * @license lucide-react v0.577.0 - ISC 4 * 5 * This source code is licensed under the ISC license. 6 * See the LICENSE file in the root directory of this source tree. 7 */const T=M("arrow-down",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]]),O=M("award",[["path",{d:"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526",key:"1yiouv"}],["circle",{cx:"12",cy:"8",r:"6",key:"1vp47v"}]]),Y=M("book-open",[["path",{d:"M12 7v14",key:"1akyts"}],["path",{d:"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",key:"ruj8y"}]]),X=M("box",[["path",{d:"M21 8a2 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",key:"hh9hay"}],["path",{d:"m3.3 7 8.7 5 8.7-5",key:"g66t2b"}],["path",{d:"M12 22V12",key:"d0xqtd"}]]),G=M("braces",[["path",{d:"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1",key:"ezmyqa"}],["path",{d:"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1",key:"e1hn23"}]]),J=M("calculator",[["rect",{width:"16",height:"20",x:"4",y:"2",rx:"2",key:"1nb95v"}],["line",{x1:"8",x2:"16",y1:"6",y2:"6",key:"x4nwl0"}],["line",{x1:"16",x2:"16",y1:"14",y2:"18",key:"wjye3r"}],["path",{d:"M16 10h.01",key:"1m94wz"}],["path",{d:"M12 10h.01",key:"1nrarc"}],["path",{d:"M8 10h.01",key:"19clt8"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M8 18h.01",key:"lrp35t"}]]),K=M("calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]),Q=M("chart-column",[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]]),ee=M("circle-play",[["path",{d:"M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z",key:"kmsa83"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]]),te=M("columns-2",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M12 3v18",key:"108xh3"}]]),se=M("cookie",[["path",{d:"M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5",key:"laymnq"}],["path",{d:"M8.5 8.5v.01",key:"ue8clq"}],["path",{d:"M16 15.5v.01",key:"14dtrp"}],["path",{d:"M12 12v.01",key:"u5ubse"}],["path",{d:"M11 17v.01",key:"1hyl5a"}],["path",{d:"M7 14v.01",key:"uct60s"}]]),ae=M("file-pen",[["path",{d:"M12.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v9.34",key:"o6klzx"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10.378 12.622a1 1 0 0 1 3 3.003L8.36 20.637a2 2 0 0 1-.854.506l-2.867.837a.5.5 0 0 1-.62-.62l.836-2.869a2 2 0 0 1 .506-.853z",key:"zhnas1"}]]),ie=M("file-question-mark",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M12 17h.01",key:"p32p05"}],["path",{d:"M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3",key:"mhlwft"}]]),ne=M("folder-kanban",[["path",{d:"M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z",key:"1fr9dc"}],["path",{d:"M8 10v4",key:"tgpxqk"}],["path",{d:"M12 10v2",key:"hh53o1"}],["path",{d:"M16 10v6",key:"1d6xys"}]]),re=M("funnel",[["path",{d:"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",key:"sc7q7i"}]]),le=M("heart",[["path",{d:"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",key:"mvr1a0"}]]),oe=M("history",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}],["path",{d:"M12 7v5l4 2",key:"1fdv2h"}]]),ce=M("hourglass",[["path",{d:"M5 22h14",key:"ehvnwv"}],["path",{d:"M5 2h14",key:"pdyrp9"}],["path",{d:"M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22",key:"1d314k"}],["path",{d:"M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2",key:"1vvvr6"}]]),de=M("languages",[["path",{d:"m5 8 6 6",key:"1wu5hv"}],["path",{d:"m4 14 6-6 2-3",key:"1k1g8d"}],["path",{d:"M2 5h12",key:"or177f"}],["path",{d:"M7 2h1",key:"1t2jsx"}],["path",{d:"m22 22-5-10-5 10",key:"don7ne"}],["path",{d:"M14 18h6",key:"1m8k6r"}]]),xe=M("layout-grid",[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}
7]]),pe=M("layout-dashboard",[["rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",key:"10lvy0"}],["rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",key:"16une8"}],["rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",key:"1hutg5"}],["rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",key:"ldoo1y"}]]),me=M("layout-panel-top",[["rect",{width:"18",height:"7",x:"3",y:"3",rx:"1",key:"f1a2em"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}]]),he=M("list-collapse",[["path",{d:"M10 5h11",key:"1hkqpe"}],["path",{d:"M10 12h11",key:"6m4ad9"}],["path",{d:"M10 19h11",key:"14g2nv"}],["path",{d:"m3 10 3-3-3-3",key:"i7pm08"}],["path",{d:"m3 20 3-3-3-3",key:"20gx1n"}]]),ue=M("magnet",[["path",{d:"m12 15 4 4",key:"lnac28"}],["path",{d:"M2.352 10.648a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.029-6.029a1 1 0 1 1 3 3l-6.029 6.029a1.205 1.205 0 0 0 0 1.704l2.296 2.296a1.205 1.205 0 0 0 1.704 0l6.365-6.367A1 1 0 0 0 8.716 4.282z",key:"nlhkjb"}],["path",{d:"m5 8 4 4",key:"j6kj7e"}]]),ge=M("menu",[["path",{d:"M4 5h16",key:"1tepv9"}],["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 19h16",key:"1djgab"}]]),be=M("message-circle",[["path",{d:"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",key:"1sd12s"}]]),fe=M("message-square",[["path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",key:"18887p"}]]),je=M("monitor-smartphone",[["path",{d:"M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8",key:"10dyio"}],["path",{d:"M10 19v-3.96 3.15",key:"1irgej"}],["path",{d:"M7 19h5",key:"qswx4l"}],["rect",{width:"6",height:"10",x:"16",y:"12",rx:"2",key:"1egngj"}]]),ve=M("moon",[["path",{d:"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",key:"kfwtm"}]]),we=M("mountain",[["path",{d:"m8 3 4 8 5-5 5 15H2L8 3z",key:"otkl63"}]]),ye=M("mouse-pointer-2",[["path",{d:"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z",key:"edeuup"}]]),Ne=M("newspaper",[["path",{d:"M15 18h-5",key:"95g1m2"}],["path",{d:"M18 14h-8",key:"sponae"}],["path",{d:"M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2",key:"39pd36"}],["rect",{width:"8",height:"4",x:"10",y:"6",rx:"1",key:"aywv1n"}]]),ke=M("panel-left",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}]]),Ae=M("panels-top-left",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M9 21V9",key:"1oto5p"}]]),Fe=M("pin",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",key:"1nkz8b"}]]),Ee=M("search-x",[["path",{d:"m13.5 8.5-5 5",key:"1cs55j"}],["path",{d:"m8.5 8.5 5 5",key:"a8mexj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]),Be=M("send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]]),Ce=M("shopping-bag",[["path",{d:"M16 10a4 4 0 0 1-8 0",key:"1ltviw"}],["path",{d:"M3.103 6.034h17.794",key:"awc11p"}],["path",{d:"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z",key:"o988cm"}]]),Me=M("tag",[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]]),Le=M("tags",[["path",{d:"M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z",key:"16rjxf"}],["path",{d:"M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193",key:"178nd4"}],["circle",{cx:"10.5",cy:"6.5",r:".5",fill:"currentColor",key:"12ikhr"}]]),_e=M("wrench",[["path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",key:"1ngwbx"}]]),Se=M("zoom-in",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"11",x2:"11",y1:"8",y2:"14",key:"1vmskp"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]),ze="convertex_live_conversions";function Ve(){const[t,s]=e.useState(()=>{if("undefined"==typeof window)return 1256;const e=function(){try{const e=localStorage.getItem(ze);if(!e)return null;const t=JSON.parse(e);return"number"!=typeof(null==t?void 0:t.count)||"number"!=typeof(null==t?void 0:t.ts)?null:t}catch{return null}}();return e?Math.max(e.count,function(e){const t=Date.now()-e.ts;if(t<=0)return e.count;const s=Math.floor(t/15e4);if(s<=0)return e.count;const a=.7+.6*Math.random(),i=Math.min(5e3,Math.floor(s*a));return e.count+i}(e)):1256}),a=e.useRef(null);return e.useEffect(()=>{!function(e){try{localStorage.setItem(ze,JSON.stringify(e))}catch{}}({count:t,ts:Date.now()})},[t]),e.useEffect(()=>{const e=()=>{const t=(n=3e5,(i=1e3)+Math.random()*(n-i));var i,n;a.current=setTimeout(()=>{s(e=>e+1),e()},t)};return e(),()=>{a.current&&clearTimeout(a.current)}},[]),t}const Ie=()=>{const{t:e}=t(),a=Ve(),i=e.landing.heroSection.liveCounterLabel;return s.jsxs("span",{className:"inline-flex items-center gap-2 bg-[#F0F0EC] text-[#1A1A1A] text-[0.8rem] font-semibold px-4 py-1.5 rounded-full mb-7","aria-live":"polite","aria-label":`${a} ${i}`,children:[s.jsxs("span",{className:"relative flex w-[7px] h-[7px] items-center justify-center",children:[s.jsx("span",{className:"absolute w-[7px] h-[7px] rounded-full bg-[#22C55E] animate-ping opacity-60"}),s.jsx("span",{className:"relative w-[7px] h-[7px] rounded-full bg-[#22C55E] shadow-[0_0_6px_rgba(34,197,94,0.55)]"})]}),s.jsx("span",{className:"tabular-nums leading-none",children:s.jsx(m,{value:a})}),s.jsx("span",{children:i})]})},De=[{image:"/examples/simulateur.png",destination:"webflow",hasReference:!1,code:'
7<section class="bg-white py-20">\n <div class="mx-auto max-w-3xl px-6">\n <h2 class="text-3xl font-semibold tracking-tight text-slate-900">\n Estimez votre tarif\n </h2>\n <div class="mt-8 rounded-2xl border border-slate-200 bg-slate-50 p-8">\n <label class="text-sm font-medium text-slate-600">\n Volume mensuel\n </label>\n <input type="range" class="mt-3 w-full" min="0" max="10000" />\n <p class="mt-6 text-4xl font-semibold text-indigo-600">\n â¬1,240\n <span class="text-base text-slate-500">/mois</span>\n </p>\n </div>\n </div>\n</section>'},{image:"/examples/apple-bento.png",destination:"framer",hasReference:!0,code:'<section class="bg-black py-24">\n <div class="mx-auto grid max-w-7xl grid-cols-12 gap-4 px-6">\n <article class="col-span-8 row-span-2 rounded-3xl bg-zinc-900 p-12">\n <h2 class="text-5xl font-semibold text-white">M4 Pro</h2>\n <p class="mt-4 text-zinc-400">A leap in performance.</p>\n </article>\n <article class="col-span-4 rounded-3xl bg-zinc-900 p-8">\n <h3 class="text-3xl text-white">14" display</h3>\n </article>\n <article class="col-span-4 rounded-3xl bg-zinc-900 p-8">\n <h3 class="text-3xl text-white">22h battery</h3>\n </article>\n </div>\n</section>'},{image:"/examples/framer-hero.png",destination:"webflow",hasReference:!0,code:'<section class="bg-[#0B0B0F] text-white py-32">\n <div class="mx-auto max-w-6xl px-6 text-center">\n <h1 class="text-7xl font-semibold tracking-tight">\n The site builder\n <span class="block text-zinc-400">loved by designers.</span>\n </h1>\n <p class="mt-8 max-w-2xl mx-auto text-lg text-zinc-400">\n Design. Animate. Publish. All in one place.\n </p>\n <button class="mt-10 rounded-full bg-white px-8 py-3 text-black">\n Get started, free\n </button>\n </div>\n</section>'},{image:"/examples/louis-vuitton-product.png",destination:"framer",hasReference:!0,code:'<section class="bg-[#FAF7F2] py-16">\n <div class="mx-auto grid max-w-6xl grid-cols-2 gap-16 px-6">\n <figure class="aspect-[4/5] bg-white">\n <img class="h-full w-full object-cover" src="/bag.jpg" alt="" />\n </figure>\n <div class="flex flex-col justify-center">\n <p class="text-xs uppercase tracking-widest text-stone-500">Capucines</p>\n <h1 class="mt-3 text-4xl font-light text-stone-900">Capucines BB</h1>\n <p class="mt-4 text-stone-600">â¬5,950</p>\n <button class="mt-10 bg-stone-900 py-4 text-white">Add to bag</button>\n </div>\n </div>\n</section>'},{image:"/examples/table-de-prix.png",destination:"webflow",hasReference:!1,code:'<section class="bg-white py-24">\n <div class="mx-auto grid max-w-6xl grid-cols-3 gap-6 px-6">\n <article class="rounded-xl border border-slate-200 p-8">\n <h3 class="text-lg font-medium text-slate-900">Starter</h3>\n <p class="mt-4 text-4xl font-semibold">\n â¬19<span class="text-base text-slate-500">/mo</span>\n </p>\n <a class="mt-6 block rounded-md bg-slate-900 px-4 py-2 text-center text-white">\n Choose plan\n </a>\n </article>\n <article class="rounded-xl border-2 border-indigo-600 p-8">\n <h3 class="text-lg font-medium">Pro</h3>\n <p class="mt-4 text-4xl font-semibold">\n â¬49<span class="text-base text-slate-500">/mo</span>\n </p>\n <a class="mt-6 block rounded-md bg-indigo-600 px-4 py-2 text-center text-white">\n Choose plan\n </a>\n </article>\n <article class="rounded-xl border border-slate-200 p-8">\n <h3 class="text-lg font-medium">Team</h3>\n <p class="mt-4 text-4xl font-semibold">\n â¬99<span class="text-base text-slate-500">/mo</span>\n </p>\n </article>\n </div>\n</section>'}];function He(){const{t:e}=t(),a=e.landing.heroMarquee,i=a.pairs.map((e,t)=>({...e,code:De[t%De.length].code,image:De[t%De.length].image,destination:De[t%De.length].destination,hasReference:De[t%De.length].hasReference})),n=[...i,...i],r=788*i.length,l=Math.round(r/58);return s.jsxs("div",{className:"mt-10 sm:mt-14",style:{width:"100vw",marginLeft:"calc(50% - 50vw)",marginRight:"calc(50% - 50vw)"},children:[s.jsx("div",{className:"relative w-full",children:s.jsxs("div",{className:"relative w-full overflow-hidden",style:{height:"clamp(420px, 56vw, 580px)"},children:[s.jsx("div",{className:"absolute inset-0",style:{clipPath:"inset(0 50% 0 0)"},children:s.jsx(We,{durationSec:l,children:n.map((e,t)=>s.jsx(et,{pair:e,shared:a},`claude-${t}`))})}),s.jsx("div",{className:"absolute inset-0",style:{clipPath:"inset(0 0 0 50%)"},children:s.jsx(We,{durationSec:l,children:n.map((e,t)=>s.jsx($e,{pair:e},`site-${t}`))})}),s.jsxs("div",{className:"absolute top-0 bottom-0 left-1/2 -translate-x-1/2 z-20 pointer-events-none",children:[s.jsx("div",{className:"absolute top-0 bottom-0 left-1/2 -translate-x-1/2 w-[2px]",style:{background:"linear-gradient(to bottom, transparent 0%, #4F46E5 10%, #9333EA 50%, #C026D3 90%, transparent 100%)"}}),s.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center justify-center w-[120px] h-[120px] rounded-[28px] bg-white",style:{boxShadow:"0 0 0 1px rgba(20,20,20,0.05), 0 22px 56px rgba(20,20,20,0.20)"},children:s.jsx("img",{src:"/logo-convertex.png",alt:"Convertex",draggable:!1,
7className:"w-[72px] h-[72px] rounded-[16px] select-none"})})]})]})}),s.jsx("style",{children:"\n @keyframes convertex-marquee {\n from { transform: translate3d(-50%, 0, 0); }\n to { transform: translate3d(0%, 0, 0); }\n }\n .convertex-marquee-rail {\n animation: convertex-marquee linear infinite;\n will-change: transform;\n }\n @media (prefers-reduced-motion: reduce) {\n .convertex-marquee-rail { animation: none; }\n }\n "})]})}function We({children:e,durationSec:t}){return s.jsx("div",{className:"convertex-marquee-rail flex items-center h-full",style:{gap:"28px",paddingLeft:"28px",paddingRight:"28px",animationDuration:`${t}s`,width:"max-content"},children:e})}function $e({pair:e}){return"framer"===e.destination?s.jsx(qe,{pair:e}):s.jsx(Re,{pair:e})}function Re({pair:e}){return s.jsxs("div",{className:"shrink-0 h-[84%] flex flex-col bg-[#1A1A1A] rounded-[14px] overflow-hidden text-left",style:{width:"min(760px, 70vw)",boxShadow:"0 16px 40px -20px rgba(20,20,20,0.22)"},children:[s.jsxs("div",{className:"h-[34px] flex items-center px-3 gap-2 bg-[#0F0F0F] border-b border-[#262626] shrink-0",children:[s.jsx(Pe,{}),s.jsx("span",{className:"text-[11px] font-medium text-[#C5C5C5] truncate",children:e.previewLabel}),s.jsx("span",{className:"text-[10px] text-[#5C5C5C]",children:"·"}),s.jsx("span",{className:"text-[10px] text-[#5C5C5C] truncate",children:e.filename}),s.jsx("span",{className:"flex-1"}),s.jsxs("div",{className:"hidden sm:flex items-center gap-2 text-[#7A7A7A]",children:[s.jsx(Je,{}),s.jsx(Ke,{}),s.jsx(Qe,{})]}),s.jsxs("span",{className:"ml-2 inline-flex items-center gap-1 text-[11px] font-medium text-white px-2.5 py-[3px] rounded-[5px]",style:{backgroundColor:"#146EF5"},children:["Publish",s.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"white","aria-hidden":!0,children:s.jsx("path",{d:"M2 3l2 2 2-2z"})})]})]}),s.jsxs("div",{className:"flex flex-1 min-h-0",children:[s.jsxs("div",{className:"w-[40px] bg-[#222226] border-r border-[#0F0F0F] flex flex-col items-center py-3 gap-3 shrink-0",children:[s.jsx(Ze,{active:!0,children:s.jsx(at,{})}),s.jsx(Ze,{children:s.jsx(Oe,{})}),s.jsx(Ze,{children:s.jsx(Ye,{})}),s.jsx(Ze,{children:s.jsx(Xe,{})}),s.jsx(Ze,{children:s.jsx(Ge,{})})]}),s.jsx("div",{className:"flex-1 bg-[#F2F2F2] overflow-hidden relative",children:s.jsx("img",{src:e.image,alt:"","aria-hidden":!0,draggable:!1,loading:"lazy",className:"absolute inset-0 w-full h-full object-cover object-top select-none"})})]})]})}function qe({pair:e}){return s.jsxs("div",{className:"shrink-0 h-[84%] flex flex-col bg-white rounded-[14px] border border-[#E5E5E5] overflow-hidden text-left",style:{width:"min(760px, 70vw)",boxShadow:"0 16px 40px -20px rgba(20,20,20,0.18)"},children:[s.jsxs("div",{className:"h-[34px] flex items-center px-3 gap-2 bg-white border-b border-[#E5E5E5] shrink-0",children:[s.jsx(Te,{}),s.jsx("span",{className:"text-[11px] font-medium text-[#1A1A1A] truncate",children:e.previewLabel}),s.jsx("span",{className:"text-[10px] text-[#9CA3AF]",children:"·"}),s.jsx("span",{className:"text-[10px] text-[#9CA3AF] truncate",children:e.filename}),s.jsx("span",{className:"flex-1"}),s.jsx("span",{className:"hidden sm:inline-flex text-[11px] text-[#52525B] border border-[#E5E5E5] rounded-[5px] px-2 py-[2px]",children:"Share"}),s.jsx("span",{className:"text-[11px] font-medium text-white px-2.5 py-[3px] rounded-[5px]",style:{backgroundColor:"#0099FF"},children:"Publish"})]}),s.jsxs("div",{className:"flex flex-1 min-h-0",children:[s.jsxs("div",{className:"w-[124px] bg-[#F8F8F7] border-r border-[#E5E5E5] py-2 px-1.5 shrink-0",children:[s.jsx("div",{className:"text-[9px] uppercase tracking-[0.08em] text-[#9CA3AF] px-1.5 mb-1.5",children:"Layers"}),s.jsxs("ul",{className:"space-y-px text-[#52525B]",children:[s.jsx(Ue,{active:!0,depth:0,hasChildren:!0,children:e.previewLabel}),s.jsx(Ue,{depth:1,hasChildren:!0,children:"Container"}),s.jsx(Ue,{depth:2,children:"Heading"}),s.jsx(Ue,{depth:2,children:"Subheading"}),s.jsx(Ue,{depth:2,hasChildren:!0,children:"CTA Group"}),s.jsx(Ue,{depth:3,children:"Primary"}),s.jsx(Ue,{depth:3,children:"Secondary"})]})]}),s.jsx("div",{className:"flex-1 bg-[#EBEBE6] overflow-hidden relative flex items-center justify-center p-3",children:s.jsx("div",{className:"w-full h-full bg-white rounded-[3px] overflow-hidden",style:{boxShadow:"0 6px 20px rgba(20,20,20,0.10)"},children:s.jsx("img",{src:e.image,alt:"","aria-hidden":!0,draggable:!1,loading:"lazy",className:"block w-full h-full object-cover object-top select-none"})})})]})]})}function Ze({children:e,active:t=!1}){return s.jsx("span",{className:"inline-flex items-center justify-center w-[24px] h-[24px] rounded-[5px] "+(t?"bg-[#146EF5] text-white":"text-[#9098A8]"),children:e})}function Ue({children:e,depth:t,hasChildren:a=!1,active:i=!1}){return s.jsxs("li",{className:"flex items-center gap-1 text-[10px] px-1.5 py-[3px] rounded "+(i?"bg-[#E5E5E5] text-[#0F172A] font-medium":""),style:{paddingLeft:6+10*t+"px"},children:[s.jsx("span",{className:"w-[8px] inline-flex shrink-0 "+(a?"":"opacity-0"),children:s.jsx("svg",{width:"8",he
7ight:"8",viewBox:"0 0 8 8",fill:"currentColor","aria-hidden":!0,children:s.jsx("path",{d:"M2 2.5l2 2 2-2"})})}),s.jsx("span",{className:"truncate",children:e})]})}function Pe(){return s.jsx("span",{className:"inline-flex items-center justify-center w-[26px] h-[26px] rounded-[6px] shrink-0",style:{backgroundColor:"#146EF5"},children:s.jsx("svg",{width:"18",height:"18",viewBox:"0 0 1080 1080","aria-hidden":!0,children:s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M902.062 348.75L687.217 768.75H485.417L575.329 594.684H571.295C497.118 690.976 386.444 754.365 228.75 768.75V597.093C228.75 597.093 329.63 591.134 388.935 528.784H228.75V348.753H408.781V496.826L412.822 496.809L486.389 348.753H622.541V495.887L626.582 495.881L702.909 348.75H902.062Z",fill:"white"})})})}function Te(){return s.jsx("span",{className:"inline-flex items-center justify-center w-[26px] h-[26px] rounded-[6px] shrink-0",style:{background:"linear-gradient(135deg, #4DB7FF 0%, #0099FF 100%)"},children:s.jsx("svg",{width:"13",height:"17",viewBox:"0 0 24 30","aria-hidden":!0,children:s.jsx("path",{d:"M0 0h24v10H12L0 0zm0 10h12l12 10H12v10L0 20V10z",fill:"#fff"})})})}function Oe(){return s.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[s.jsx("rect",{x:"2",y:"2.5",width:"12",height:"2",rx:"0.5",fill:"currentColor"}),s.jsx("rect",{x:"2",y:"7",width:"9",height:"2",rx:"0.5",fill:"currentColor"}),s.jsx("rect",{x:"2",y:"11.5",width:"6",height:"2",rx:"0.5",fill:"currentColor"})]})}function Ye(){return s.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[s.jsx("path",{d:"M3.5 2h6L12.5 5v9h-9V2z",stroke:"currentColor",strokeWidth:"1.2"}),s.jsx("path",{d:"M9.5 2v3h3",stroke:"currentColor",strokeWidth:"1.2"})]})}function Xe(){return s.jsx("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:s.jsx("path",{d:"M8 2l2.5 2.5L8 7 5.5 4.5 8 2zm0 7l2.5 2.5L8 14l-2.5-2.5L8 9zM4.5 5.5L7 8l-2.5 2.5L2 8l2.5-2.5zM11.5 5.5L14 8l-2.5 2.5L9 8l2.5-2.5z",fill:"
7currentColor"})})}function Ge(){return s.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[s.jsx("circle",{cx:"5.5",cy:"5.5",r:"2.5",fill:"currentColor",opacity:"0.7"}),s.jsx("circle",{cx:"10.5",cy:"5.5",r:"2.5",fill:"currentColor",opacity:"0.5"}),s.jsx("circle",{cx:"8",cy:"10.5",r:"2.5",fill:"currentColor"})]})}function Je(){return s.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[s.jsx("rect",{x:"1.5",y:"3",width:"13",height:"8",rx:"1",stroke:"currentColor",strokeWidth:"1"}),s.jsx("path",{d:"M5 13.5h6",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"})]})}function Ke(){return s.jsx("svg",{width:"11",height:"13",viewBox:"0 0 12 16",fill:"none","aria-hidden":!0,children:s.jsx("rect",{x:"1",y:"1.5",width:"10",height:"13",rx:"1",stroke:"currentColor",strokeWidth:"1"})})}function Qe(){return s.jsx("svg",{width:"9",height:"13",viewBox:"0 0 10 16",fill:"none","aria-hidden":!0,children:s.jsx("rect",{x:"1",y:"1.5",width:"8",height:"13",rx:"1",stroke:"currentColor",strokeWidth:"1"})})}function et({pair:e,shared:t}){return s.jsxs("div",{className:"shrink-0 h-[84%] flex bg-[#FAF9F5] rounded-[14px] border border-[#E5E2D8] overflow-hidden text-left",style:{width:"min(760px, 78vw)",boxShadow:"0 16px 40px -20px rgba(20,20,20,0.18)"},children:[s.jsxs("aside",{className:"hidden md:flex w-[200px] shrink-0 flex-col border-r border-[#E8E6DC] bg-[#F4F2EA]",style:{width:"min(200px, 28%)"},children:[s.jsxs("div",{className:"px-3 pt-3 pb-2 flex items-center gap-2",children:[s.jsx(st,{}),s.jsx("span",{className:"text-[12.5px] font-semibold text-[#1F1E1A]",children:"Claude"})]}),s.jsx("div",{className:"px-3 pt-1 pb-3",children:s.jsxs("span",{className:"w-full text-left text-[12px] font-medium text-[#1F1E1A] flex items-center gap-2 px-2 py-[6px] rounded-md border border-[#E8E6DC] bg-white",children:[s.jsx(at,{}),t.newChat]})}),s.jsx("div",{className:"px-5 pt-2 pb-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-[#9C9489]",children:t.recentsLabel}),s.jsx("ul",{className:"flex-1 overflow-hidden px-2 pt-1",children:[e.chatTitle,...t.recents].map((e,t)=>s.jsx("li",{children:s.jsx("span",{className:"block px-3 py-[6px] rounded-md text-[11.5px] truncate "+(0===t?"bg-[#EDEAE0] text-[#1F1E1A] font-medium":"text-[#5C544B]"),children:e})},t))})]}),s.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[s.jsxs("header",{className:"h-[44px] flex items-center justify-between px-4 border-b border-[#E8E6DC] shrink-0",children:[s.jsx("h3",{className:"text-[12.5px] font-medium text-[#1F1E1A] truncate",children:e.chatTitle}),s.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[s.jsxs("span",{className:"hidden sm:inline-flex items-center gap-1 text-[11.5px] text-[#5C544B]",children:[t.modelLabel,s.jsx(it,{})]}),s.jsx("span",{className:"text-[11px] font-medium text-[#5C544B] border border-[#E8E6DC] rounded-md px-2 py-[2px]",children:t.share})]})]}),s.jsxs("div",{className:"flex-1 overflow-hidden px-4 sm:px-5 pt-4 pb-2",children:[s.jsx("div",{className:"flex justify-start mb-3",children:s.jsxs("div",{className:"bg-[#F0EEE6] rounded-[12px] p-2 text-[11.5px] leading-[1.5] text-[#1F1E1A] max-w-[82%]",children:[e.hasReference&&s.jsx("div",{className:"mb-2 w-fit rounded-[8px] overflow-hidden border border-[#E0DCCC] bg-white",style:{boxShadow:"0 1px 2px rgba(20,20,20,0.04)"},children:s.jsx("img",{src:e.image,alt:"","aria-hidden":!0,draggable:!1,loading:"lazy",className:"block w-[180px] h-[100px] object-cover object-top select-none"})}),s.jsx("div",{className:"px-1",children:e.prompt})]})}),s.jsx("p",{className:"text-[11.5px] leading-[1.55] text-[#1F1E1A] mb-2 max-w-[680px]",children:e.intro}),s.jsxs("div",{className:"rounded-[10px] bg-[#F4F4F2] border border-[#E8E6DC] overflow-hidden",children:[s.jsxs("div",{className:"flex items-center justify-between px-3 py-[5px] border-b border-[#E8E6DC] bg-[#EFEDE5]",children:[s.jsx("span",{className:"text-[10.5px] text-[#7B7368]",style:{fontFamily:"'Inconsolata', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace"},children:e.filename}),s.jsxs("span",{className:"flex items-center gap-1 text-[10px] text-[#9C9489]",children:[s.jsx(nt,{}),t.copy]})]}),s.jsx("pre",{className:"px-3 py-2 text-[10.5px] leading-[1.55] text-[#1F1E1A] whitespace-pre overflow-hidden",style:{fontFamily:"'Inconsolata', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace"},children:s.jsx(tt,{code:e.code})})]})]}),s.jsx("div",{className:"px-4 sm:px-5 pb-3 pt-1 shrink-0",children:s.jsxs("div",{className:"flex items-center gap-2 px-3 py-[8px] rounded-[12px] bg-white border border-[#
7E8E6DC]",children:[s.jsx("span",{className:"text-[#9C9489]",children:s.jsx(at,{})}),s.jsx("span",{className:"flex-1 text-[11.5px] text-[#9C9489] truncate",children:t.inputPlaceholder}),s.jsxs("span",{className:"hidden sm:inline-flex items-center gap-1 text-[10.5px] text-[#5C544B]",children:[t.modelLabel,s.jsx(it,{})]}),s.jsx("span",{className:"w-[24px] h-[24px] rounded-full flex items-center justify-center",style:{backgroundColor:"#CC785C"},children:s.jsx(rt,{})})]})})]})]})}function tt({code:e}){const t=[],a=/(<\/?)([a-zA-Z][\w-]*)|(\s)([a-zA-Z-]+)(=)("[^"]*"?)|(>)|([^<>]+)/g;let i,n=0,r=0;for(;null!==(i=a.exec(e));){i.index>n&&t.push(s.jsx("span",{children:e.slice(n,i.index)},r++));const[a,l,o,c,d,x,p,m,h]=i;o?t.push(s.jsx("span",{style:{color:"#9C9489"},children:l},r++),s.jsx("span",{style:{color:"#7C5BAD"},children:o},r++)):d?t.push(s.jsx("span",{children:c},r++),s.jsx("span",{style:{color:"#A2772E"},children:d},r++),s.jsx("span",{style:{color:"#9C9489"},children:x},r++),s.jsx("span",{style:{color:"#4F7942"},children:p},r++)):m?t.push(s.jsx("span",{style:{color:"#9C9489"},children:m},r++)):h?t.push(s.jsx("span",{style:{color:"#1F1E1A"},children:h},r++)):t.push(s.jsx("span",{children:a},r++)),n=i.index+a.length}return n<e.length&&t.push(s.jsx("span",{children:e.slice(n)},r++)),s.jsx(s.Fragment,{children:t})}function st(){return s.jsx("span",{className:"inline-flex items-center justify-center w-[18px] h-[18px] rounded-[4px]",style:{backgroundColor:"#CC785C"},children:s.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"white","aria-hidden":!0,children:s.jsx("path",{d:"M4.7144 15.9555l4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.
70182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"})})})}function at(){return s.jsx("svg",{width:"11",height:"11",viewBox:"0 0 12 12",fill:"none","aria-hidden":!0,children:s.jsx("path",{d:"M6 1.5v9M1.5 6h9",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})}function it(){return s.jsx("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none","aria-hidden":!0,children:s.jsx("path",{d:"M2 3.25l2.5 2.5 2.5-2.5",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}function nt(){return s.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none","aria-hidden":!0,children:[s.jsx("rect",{x:"3.5",y:"3.5",width:"6",height:"6",rx:"1.2",stroke:"currentColor",strokeWidth:"1"}),s.jsx("path",{d:"M2.5 7.5V3a1 1 0 011-1h4.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"})]})}function rt(){return s.jsx("svg",{width:"11",height:"11",viewBox:"0 0 12 12",fill:"none","aria-hidden":!0,children:s.jsx("path",{d:"M6 9.5V2.5M3 5.5L6 2.5l3 3",stroke:"white",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}const lt="#4F46E5",ot=e=>`${Math.floor(e/60)}:${String(e%60).padStart(2,"0")}`,ct=e=>{const t=Math.floor(e/3600),s=Math.floor(e%3600/60);return`${t}h ${String(s).padStart(2,"0")}`};const dt=e.memo(function(){const{t:e}=t(),a=e.landing.valueProps.speedVisual;return s.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 overflow-hidden pointer-events-none",children:s.jsxs("div",{className:"absolute inset-4 flex flex-col",children:[s.jsx(xt,{icon:s.jsx(pt,{}),label:a.convertex,maxSeconds:600,cycleMs:2800,fillMs:2200,pauseMs:300,shrinkMs:300,format:ot,ease:"out",highlight:!0}),s.jsx(xt,{icon:s.jsx(mt,{}),label:a.manual,maxSeconds:7200,cycleMs:9e3,fillMs:7200,pauseMs:900,shrinkMs:900,format:ct,ease:"linear"})]})})});function xt({icon:t,label:a,maxSeconds:i,cycleMs:n,fillMs:r,pauseMs:l,shrinkMs:o,format:c,ease:d,highlight:x=!1}){const p=e.useRef(null),m=e.useRef(null);return e.useEffect(()=>{var e;if("undefined"!=typeof window&&(null==(e=window.matchMedia)?void 0:e.call(window,"(prefers-reduced-motion: reduce)").matches))return p.current&&(p.current.style.width="100%"),void(m.current&&(m.current.textContent=c(i)));const t=performance.now(),s=r+l;let a=0,x=-1;const h=()=>{const e=(performance.now()-t)%n;let l,u;if(e<r){const t=e/r;l="out"===d?(e=>1-Math.pow(1-e,3))(t):t,u=Math.floor(t*i)}else if(e<s)l=1,u=i;else{l=1-(e=>e<.5?4*e**3:1-Math.pow(-2*e+2,3)/2)(Math.min((e-s)/o,1)),u=i}p.current&&(p.current.style.width=100*l+"%"),m.current&&u!==x&&(m.current.textContent=c(u),x=u),a=requestAnimationFrame(h)};return a=requestAnimationFrame(h),()=>cancelAnimationFrame(a)},[n,r,l,o,i,c,d]),s.jsxs("div",{className:"flex-1 flex items-center gap-2.5 px-4 border-b border-black/[0.05] last:border-b-0",children:[s.jsxs("div",{className:"flex items-center gap-2 shrink-0",style:{width:116},children:[s.jsx("div",{className:"rounded-full border border-black/[0.08] bg-white flex items-center justify-center shrink-0",style:{width:30,height:30},children:t}),s.jsx("span",{className:"text-[11px] font-medium tracking-[-0.01em] text-[#1A1A1A] truncate",children:a})]}),s.jsxs("div",{className:"relative flex-1 rounded-full",style:{height:28,border:"1px solid rgba(0,0,0,0.07)",background:"rgba(255,255,255,0.35)"},children:[s.jsx("div",{className:"absolute rounded-full overflow-hidden",style:{inset:2},children:s.jsx("div",{ref:p,className:"h-full",style:{width:"0%",background:x?"linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%), "+lt:"rgba(0,0,0,0.04)",boxShadow:x?"inset 0 -4px 10px rgba(20,10,120,0.3), inset 0 1px 0 rgba(255,255,255,0.18)":void 0}})}),s.jsx("div",{className:"absolute rounded-full font-mono text-[10px] flex items-center whitespace-nowrap",style:{top:"50%",right:6,transform:"translateY(-50%)",height:18,padding:"0 8px",background:"#FFFFFF",border:"1px solid rgba(0,0,0,0.08)",color:x?lt:"#6B6B6B",fontWeight:500},children:s.jsx("span",{ref:m,children:c(0)})})]})]})}function pt(){return s.jsx("img",{src:"/logo-convertex.png",alt:"","aria-hidden":!0,width:20,height:20,className:"object-contain",style:{width:20,height:20}})}function mt(){return s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#8A8A8A",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{x:"2",y:"6",width:"20",height:"12",rx:"2"}),s.jsx("path",{d:"M6 10h.01M10 10h.01M14 10h.01M18 10h.01M6 14h12"})]})}const ht=102;function ut({radius:e,size:t,durationS:a,direction:i,phase:n,bg:r,children:l}){const o="cw"===i?"ds-orbit-cw":"ds-orbit-ccw",c="cw"===i?"ds-orbit-ccw":"ds-orbit-cw",d=-n*a+"s";return s.jsx("div",{className:"absolute inset-0 flex items-center justify-center",style:{animation:`${o} ${a}s linear infinite`,animationDelay:d},children:s.jsx("div",{className:"absolute",style:{transform:`translateY(-${e}px)`},children:s.jsx("div",{className:"flex items-center justify-center rounded-xl shadow-[0_2px_10px_rgba(0,0,0,0.07),0_0_0_1px_rgba(0,0,0,0.04)]",style:{width:t,height:t,backgroundColor:r,animation:`${c} ${a}s linear infinite`,animationDelay:d},children:l})})})}const gt=e.memo(function(){return s.jsxs("div",{"aria-hidden":!0,
7className:"absolute inset-0 overflow-hidden pointer-events-none",children:[s.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:s.jsxs("div",{className:"relative",style:{width:264,height:264},children:[s.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-dashed border-black/[0.08]",style:{width:112,height:112}}),s.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-dashed border-black/[0.06]",style:{width:204,height:204}}),s.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 flex items-center justify-center rounded-2xl shadow-[0_8px_28px_rgba(224,122,47,0.25),0_2px_6px_rgba(0,0,0,0.08),0_0_0_1px_rgba(0,0,0,0.04)] [&>svg]:w-8 [&>svg]:h-8",style:{width:60,height:60,backgroundColor:l["claude-design"].tile},children:l["claude-design"].svg}),s.jsx(ut,{radius:56,size:36,durationS:14,direction:"cw",phase:0,bg:l.figma.tile,children:s.jsx("div",{className:"[&>svg]:w-[18px] [&>svg]:h-[18px]",children:l.figma.svg})}),s.jsx(ut,{radius:56,size:36,durationS:14,direction:"cw",phase:.5,bg:l["library-ui"].tile,children:s.jsx("div",{className:"[&>svg]:w-[20px] [&>svg]:h-[20px]",children:l["library-ui"].svg})}),s.jsx(ut,{radius:ht,size:42,durationS:22,direction:"ccw",phase:0,bg:l.extension.tile,children:s.jsx("div",{className:"[&>svg]:w-[22px] [&>svg]:h-[22px]",children:l.extension.svg})}),s.jsx(ut,{radius:ht,size:42,durationS:22,direction:"ccw",phase:.5,bg:"#FFFFFF",children:s.jsx("img",{src:"/logo-convertex.png",alt:"","aria-hidden":!0,className:"w-[26px] h-[26px] object-contain"})})]})}),s.jsx("style",{children:"\n @keyframes ds-orbit-cw {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes ds-orbit-ccw {\n from { transform: rotate(0deg); }\n to { transform: rotate(-360deg); }\n }\n @media (prefers-reduced-motion: reduce) {\n .ds-orbit-cw, .ds-orbit-ccw { animation: none; }\n }\n "})]})}),bt="#4F46E5",ft=["#4F46E5","#EC4899","#F59E0B","#10B981","#0EA5E9"];const jt=e.memo(function(){const{t:e}=t(),a=e.landing.valueProps.editingVisual,i=a.typingPhrases,n=10/i.length;return s.jsxs("div",{"aria-hidden":!0,className:"absolute inset-0 overflow-hidden pointer-events-none",children:[s.jsx("div",{className:"absolute inset-5 flex items-center justify-center",children:s.jsxs("div",{className:"relative w-full max-w-[280px] rounded-[14px] bg-white border border-black/[0.07] shadow-[0_8px_24px_rgba(0,0,0,0.08)] p-4 space-y-4",children:[s.jsxs("div",{children:[s.jsx("div",{className:"text-[9px] font-semibold tracking-[0.06em] uppercase text-[#9A9A9A] mb-2",children:a.colorLabel}),s.jsxs("div",{className:"relative inline-flex",style:{gap:"6px"},children:[ft.map(e=>s.jsx("div",{className:"rounded-md shadow-[0_1px_2px_rgba(0,0,0,0.06),inset_0_0_0_1px_rgba(0,0,0,0.04)]",style:{width:26,height:26,background:e}},e)),s.jsx("div",{className:"ev-ring absolute pointer-events-none",style:{top:-3,left:-3,width:32,height:32,borderRadius:8}})]})]}),s.jsxs("div",{children:[s.jsxs("div",{className:"flex items-center justify-between mb-2",children:[s.jsx("span",{className:"text-[9px] font-semibold tracking-[0.06em] uppercase text-[#9A9A9A]",children:a.sliderLabel}),s.jsxs("span",{className:"font-mono text-[10px] text-[#1A1A1A] tabular-nums",children:[s.jsx("span",{className:"ev-slider-value",children:"24"}),s.jsx("span",{className:"text-[#9A9A9A]",children:"px"})]})]}),s.jsxs("div",{className:"relative h-[18px]",children:[s.jsx("div",{className:"absolute inset-x-0 top-1/2 h-[3px] -translate-y-1/2 rounded-full bg-black/[0.07]"}),s.jsx("div",{className:"ev-track absolute top-1/2 -translate-y-1/2 h-[3px] rounded-full",style:{background:bt,left:0}}),s.jsx("div",{className:"ev-thumb absolute top-1/2 w-[14px] h-[14px] rounded-full bg-white",style:{marginTop:-7,marginLeft:-7,boxShadow:`0 1px 3px rgba(0,0,0,0.2), 0 0 0 1.5px ${bt}`}})]})]}),s.jsxs("div",{children:[s.jsx("div",{className:"text-[9px] font-semibold tracking-[0.06em] uppercase text-[#9A9A9A] mb-2",children:a.textLabel}),s.jsxs("div",{className:"relative h-[28px] rounded-md border border-black/[0.08] bg-[#FAFAF8]/60 px-2.5 flex items-center overflow-hidden",children:[s.jsx("div",{className:"relative flex-1 h-[14px]",children:i.map((e,t)=>s.jsx("span",{className:"ev-phrase absolute left-0 top-0 text-[11px] font-medium text-[#1A1A1A] whitespace-nowrap leading-[14px]",style:{"--idx":t},children:e},e))}),s.jsx("span",{className:"ev-cursor inline-block w-[1.5px] h-[12px]",style:{background:bt}})]})]})]})}),s.jsx("style",{children:`\n @keyframes ev-ring {\n 0%, 14% { transform: translateX(0); }\n 18%, 32% { transform: translateX(32px); }\n 36%, 50% { transform: translateX(64px); }\n 54%, 68% { transform: translateX(96px); }\n 72%, 86% { transform: translateX(128px); }\n 90%, 100% { transform: translateX(0); }\n }\n .ev-ring {\n border: 1.5px solid ${bt};\n box-shadow: 0 0 0 3px rgba(79,70,229,0.14);\n animation: ev-ring 10s ease-in-out infinite;\n }\n\n @keyframes ev-thumb {\n 0%, 100% { left: 16%; }
7\n 50% { left: 78%; }\n }\n @keyframes ev-track {\n 0%, 100% { width: 16%; }\n 50% { width: 78%; }\n }\n .ev-thumb { animation: ev-thumb 10s ease-in-out infinite; }\n .ev-track { animation: ev-track 10s ease-in-out infinite; }\n\n @keyframes ev-phrase {\n 0%, 4% { opacity: 0; }\n 8%, 26% { opacity: 1; }\n 30%, 100% { opacity: 0; }\n }\n .ev-phrase {\n opacity: 0;\n animation-name: ev-phrase;\n animation-duration: 10s;\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n animation-delay: calc(var(--idx, 0) * ${n}s);\n animation-fill-mode: backwards;\n }\n\n @keyframes ev-blink {\n 0%, 50% { opacity: 1; }\n 51%, 100% { opacity: 0; }\n }\n .ev-cursor { animation: ev-blink 1s steps(1) infinite; }\n\n @media (prefers-reduced-motion: reduce) {\n .ev-ring, .ev-thumb, .ev-track, .ev-phrase, .ev-cursor {\n animation: none;\n }\n .ev-phrase:first-child { opacity: 1; }\n }\n `})]})}),vt=e=>({initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:e,duration:.65,ease:[.16,1,.3,1]}}),wt=()=>s.jsx("span",{className:"inline-flex items-center justify-center align-middle w-[0.95em] h-[0.95em] rounded-[0.22em] bg-[#1A1A1A] mx-[0.06em] relative top-[-0.04em]",children:s.jsx("svg",{className:"w-[0.62em] h-[0.62em]",viewBox:"0 0 24 24",fill:"#E07A2F",children:s.jsx("path",{d:"m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.
70182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"})})}),yt=[{id:"webflow",label:"Webflow",bg:"#146EF5",svg:s.jsx("svg",{className:"w-[0.62em] h-[0.62em]",viewBox:"228 348 675 421",fill:"#FFFFFF",children:s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M902.062 348.75L687.217 768.75H485.417L575.329 594.684H571.295C497.118 690.976 386.444 754.365 228.75 768.75V597.093C228.75 597.093 329.63 591.134 388.935 528.784H228.75V348.753H408.781V496.826L412.822 496.809L486.389 348.753H622.541V495.887L626.582 495.881L702.909 348.75H902.062Z"})})},{id:"framer",label:"Framer",bg:"#0099FF",svg:s.jsx("svg",{className:"w-[0.6em] h-[0.6em]",viewBox:"240 270 600 600",fill:"#FFFFFF",children:s.jsx("path",{d:"M 340 270 L 740 270 L 740 470 L 540 470 Z M 340 470 L 540 470 L 740 670 L 340 670 Z M 340 670 L 540 670 L 540 870 Z"})})}],Nt={enter:{transition:{staggerChildren:.04,delayChildren:.05}},exit:{transition:{staggerChildren:.025,staggerDirection:-1}}},kt={initial:{opacity:0,filter:"blur(8px)",y:"0.18em"},enter:{opacity:1,filter:"blur(0px)",y:0,transition:{duration:.4,ease:[.16,1,.3,1]}},exit:{opacity:0,filter:"blur(8px)",y:"-0.18em",transition:{duration:.3,ease:[.4,0,1,1]}}};function At(){const[t,a]=e.useState(0);e.useEffect(()=>{const e=window.setInterval(()=>{a(e=>(e+1)%yt.length)},2800);return()=>window.clearInterval(e)},[]);const i=yt[t],n=yt.reduce((e,t)=>t.label.length>e.label.length?t:e).label;return s.jsxs("span",{className:"inline-block whitespace-nowrap align-baseline",children:[s.jsx("span",{className:"relative inline-block w-[0.95em] h-[0.95em] mx-[0.06em] align-middle top-[-0.04em]",children:s.jsx(R,{initial:!1,children:s.jsx(C.span,{className:"absolute inset-0 flex items-center justify-center rounded-[0.22em]",style:{backgroundColor:i.bg},initial:{opacity:0,y:"0.4em"},animate:{opacity:1,y:0},exit:{opacity:0,y:"-0.4em"},transition:{type:"spring",stiffness:180,damping:22,mass:.55},children:i.svg},i.id)})}),s.jsxs("span",{className:"relative inline-block ml-[0.04em] align-baseline",children:[s.jsx("span",{"aria-hidden":!0,className:"invisible whitespace-pre",children:n}),s.jsx(R,{initial:!1,children:s.jsx(C.span,{className:"absolute left-0 top-0 whitespace-pre",variants:Nt,initial:"initial",animate:"enter",exit:"exit","aria-label":i.label,children:i.label.split("").map((e,t)=>s.jsx(C.span,{variants:kt,className:"inline-block",children:e},t))},i.id)})]})]})}function Ft(){const{t:e}=t();return s.jsx(C.div,{...vt(0),className:"bg-[#1A1A1A] text-white text-center py-2.5 text-[0.84rem] font-medium tracking-[-0.01em] relative z-[100]",children:s.jsxs("div",{className:"flex items-center justify-center gap-3 px-4 flex-wrap",children:[s.jsx("span",{className:"inline-flex items-center bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] text-[0.68rem] font-bold tracking-[0.08em] uppercase px-2.5 py-[3px] rounded-full",children:e.landing.announcement.badge}),s.jsx("span",{className:"text-white/90",children:e.landing.announcement.text}),s.jsxs("a",{href:"/converter?tool=framer",className:"text-white/55 hover:text-white inline-flex items-center gap-1 transition-colors duration-200 group",children:[e.landing.announcement.cta,s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",className:"transition-transform duration-200 group-hover:translate-x-0.5",children:s.jsx("path",{d:"M6 3l5 5-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})})}function Et(){const{t:e}=t();return s.jsxs("section",{className:"relative text-center pt-16 md:pt-24 px-6 overflow-hidden",children:[s.jsx("div",{className:"absolute top-[-180px] left-1/2 w-[800px] h-[800px] bg-[radial-gradient(circle,rgba(79,70,229,0.05)_0%,rgba(147,51,234,0.03)_40%,transparent_70%)] rounded-full pointer-events-none lp-glow-pulse"}),s.jsxs("div",{className:"relative z-10 max-w-[960px] mx-auto",children:[s.jsx(C.div,{...vt(.15),children:s.jsx(Ie,{})}),s.jsxs(C.h1,{...vt(.27),className:"text-[clamp(2.1rem,5.2vw,3.6rem)] leading-[1.15] font-semibold tracking-[-0.045em] text-[#1A1A1A] mb-6 max-w-[920px] mx-auto",children:[e.landing.heroSection.headingPart1,s.jsx(wt,{}),e.landing.heroSection.headingPart2,s.jsx("br",{}),e.landing.heroSection.headingPart3,s.jsx(At,{})]}),s.jsx(C.p,{...vt(.38),className:"text-[clamp(0.92rem,1.15vw,1.08rem)] leading-[1.7] text-[#6B6B6B] max-w-[760px] mx-auto mb-10 text-balance",children:e.landing.heroSection.subtitle}),s.jsxs(C.div,{...vt(.48),children:[s.jsxs("div",{className:"flex flex-col sm:flex-row sm:flex-wrap items-stretch sm:items-center justify-center gap-3 max-w-[320px] sm:max-w-none mx-auto",children:[s.jsxs(a,{to:"/signup",className:"relative overflow-hidden inline-flex items-center justify-center gap-2 bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] text-white text-[0.9rem] font-semibold px-7 py-3.5 rounded-full shadow-[0_4px_20px_rgba(147,51,234,0.22)] transition-all duration-250 hover:-translate-y-0.5 hover:shadow-[0_8px_28px_rgba(147,51,234,0.32)] group w-full sm:w-auto",children:[s.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/[0.18] to-transparent lp-shimmer"}),s.jsx("span",{className:"relative",children:e.landing.heroSection.ctaButton}),s.jsx("svg",{width:"15",height:"15",viewBox:"0 0 16 16",fill:"none",className:"relative transition-transform duration-200 group-hover:translate-x-0.5",children:s.jsx("path",{d:"M3 8h10m0 0L9 4m4 4L9 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),s.jsxs("a",{href:"#use-cases",className:"inline-flex items-center justify-center gap-2 bg-white text-[#1A1A1A] text-[0.9rem] font-semibold px-7 py-3.5 rounded-full border border-black/[0.08] shadow-[0_1px_2px_rgba(0,0,0,0.04)] transition-all duration-250 hover:-translate-y-0.5 hover:shadow-[0_6px_18px_rgba(0,0,0,0.06)] w-full sm:w-auto",children:[s.jsx("span",{children:e.landing.heroSection.ctaSecondary}),s.jsx("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:s.jsx("path",{d:"M6 9l6 6 6-6"})})]})]}),s.jsx("p",{className:"mt-4 text-[0.8rem] text-[#ABABAB] font-medium tracking-[-0.01em]",children:e.landing.heroSection.ctaDisclaimer})]})]}),s.jsx(He,{})]})}function Bt(){const{t:e}=t(),a=e.landing.howToUseSection;return s.jsxs("section",{id:"how-to-use",className:"py-12 sm:py-20 scroll-mt-20",children:[s.jsx("div",{className:"max-w-[1100px] mx-auto px-4 sm:px-6",children:s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-8 sm:mb-12",children:[s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-4 max-w-[720px] mx-auto text-balance",children:a.heading}),s.jsx("p",{className:"text-[1rem] leading-[1.6] text-[#6B6B6B] max-w-[640px] mx-auto text-balance",children:a.subtitle})]})}),s.jsx(o,{})]})}function Ct(){const[t,a]=e.useState(!1);return s.jsx("span",{className:"inline-block overflow-hidden align-bottom text-center",style:{height:"1.2em",width:"0.7em"},children:s.jsx(C.span,{className:"flex flex-col items-center",initial:{y:0},onViewportEnter:()=>a(!0),viewport:{once:!0,margin:"-80px"},animate:t?{y:"-6em"}:{y:0},transition:{duration:2.2,ease:[.35,0,.6,1],delay:.3},children:[0,1,2,3,4,5].map(e=>s.jsx("span",{style:{height:"1.2em",lineHeight:"1.2em"},className:"flex items-center justify-center",children:e},e))})})}function Mt(){const{t:e}=t(),a=e.landing.problems,i=[s.jsx(ie,{size:26,strokeWidth:1.6}),s.jsx(G,{size:26,strokeWidth:1.6}),s.jsx(ce,{size:26,strokeWidth:1.6})];return s.jsx("section",{className:"py-12 sm:py-20 px-4 sm:px-6",children:s.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-10 sm:mb-14",children:[s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-4 max-w-[720px] mx-auto text-balance",children:a.heading}),s.jsx("p",{className:"text-[1rem] leading-[1.6] text-[#6B6B6B] max-w-[600px] mx-auto text-balance",children:a.subtitle})]}),s.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 sm:gap-5",children:a.cards.map((e,t)=>s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.55,ease:[.16,1,.3,1],delay:.08*t},className:"relative rounded-2xl border-[1.5px] border-dashed border-black/[0.16] bg-[#FAFAF8]/50 p-6 sm:p-7 transition-colors duration-300 hover:border-black/[0.24] hover:bg-[#FAFAF8]/80",children:[s.jsx("div",{className:"w-12 h-12 rounded-xl bg-white border border-dashed border-black/[0.16] flex items-center justify-center text-[#1A1A1A] mb-5",children:i[t]}),s.jsx("h3",{className:"text-[1.05rem] sm:text-[1.1rem] font-semibold tracking-[-0.02em] text-[#1A1A1A] leading-[1.3] mb-2",children:e.title}),s.jsx("p",{className:"text-[0.88rem] leading-[1.55] text-[#6B6B6B]",children:e.description})]},t))})]})})}function Lt(){const{t:e}=t(),a=e.landing.valueProps,i=["linear-gradient(135deg, #F5F3FF 0%, #FAF
75FF 55%, #FAFAF8 100%)","linear-gradient(135deg, #EEF2FF 0%, #F5F3FF 55%, #FAFAF8 100%)","linear-gradient(135deg, #F3E8FF 0%, #F5F3FF 55%, #FAFAF8 100%)"];return s.jsx("section",{id:"how-it-works",className:"py-16 sm:py-24 px-4 sm:px-6 scroll-mt-20",children:s.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-10 sm:mb-14",children:[s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-4 max-w-[720px] mx-auto text-balance",children:a.heading}),s.jsx("p",{className:"text-[1rem] text-[#6B6B6B] max-w-[560px] mx-auto",children:a.subtitle})]}),s.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-5",children:a.cards.map((e,t)=>s.jsxs(C.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.6,ease:[.16,1,.3,1],delay:.1*t},className:"group relative flex flex-col items-start border border-black/[0.06] bg-[#FAFAF8] p-4 h-[30rem] rounded-lg transition-colors duration-500 hover:border-black/[0.1]",children:[s.jsxs("div",{className:"relative w-full h-[15rem] shrink-0 overflow-hidden",style:{background:i[t]},children:[0===t&&s.jsx(gt,{}),1===t&&s.jsx(dt,{}),2===t&&s.jsx(jt,{})]}),s.jsx("span",{className:"mt-5 text-[1.75rem] font-semibold tracking-[-0.03em] text-[#1A1A1A] leading-none tabular-nums",children:e.eyebrow}),s.jsx("h3",{className:"mt-3 text-[1.05rem] font-medium tracking-[-0.02em] text-[#1A1A1A] leading-[1.3]",children:e.title}),s.jsx("p",{className:"mt-2 text-[0.82rem] font-light leading-[1.55] text-[#6B6B6B]",children:e.description}),s.jsx("span",{className:"mt-auto text-[0.72rem] font-light border border-black/[0.15] rounded-full text-[#1A1A1A] px-2.5 py-0.5",children:e.chip})]},t))})]})})}const _t=[[Ae,h,u,Ce,Me,g,Y,b,Ee,f,j,v,ce,_e,O,B,Ne,L],[_,xe,T,fe,w,S,te,he,be,Fe,ge,ve,ye,ue,we,ke,Se,me],[J,pe,Be,ae,re,V,z,Q,I,ee,le,D,y,K,se,de,X,N]],St=[["#6366F1","#9333EA","#0EA5E9","#10B981","#F59E0B","#06B6D4","#F43F5E","#3B82F6","#8B5CF6","#EC4899","#84CC16","#F97316","#6366F1","#9333EA","#0EA5E9","#10B981","#F59E0B","#06B6D4"],["#F97316","#6366F1","#9333EA","#3B82F6","#10B981","#F59E0B","#06B6D4","#F43F5E","#0EA5E9","#8B5CF6","#84CC16","#EC4899","#F97316","#6366F1","#9333EA","#3B82F6","#10B981","#F59E0B"],["#6366F1","#9333EA","#3B82F6","#10B981","#F59E0B","#06B6D4","#F43F5E","#0EA5E9","#8B5CF6","#84CC16","#EC4899","#F97316","#6366F1","#9333EA","#3B82F6","#10B981","#F59E0B","#06B6D4"]],zt=[55,70,60];function Vt(){const{t:e}=t(),a=e.landing.capabilities;return s.jsxs("section",{className:"py-12 sm:py-20 overflow-hidden",children:[s.jsx("div",{className:"max-w-[1100px] mx-auto px-4 sm:px-6",children:s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-10 sm:mb-14",children:[s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-4 max-w-[720px] mx-auto text-balance",children:a.heading}),s.jsx("p",{className:"text-[1rem] leading-[1.6] text-[#6B6B6B] max-w-[600px] mx-auto text-balance",children:a.subtitle})]})}),s.jsx("div",{className:"space-y-3 sm:space-y-4",style:{maskImage:"linear-gradient(90deg, transparent 0%, black 6%, black 94%, transparent 100%)",WebkitMaskImage:"linear-gradient(90deg, transparent 0%, black 6%, black 94%, transparent 100%)"},children:a.rows.map((e,t)=>s.jsx(It,{items:e,icons:_t[t],colors:St[t],durationS:zt[t],reverse:t%2==1},t))}),s.jsx("style",{children:"\n @keyframes cap-marquee-left {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n @keyframes cap-marquee-right {\n from { transform: translateX(-50%); }\n to { transform: translateX(0); }\n }\n .cap-track {\n width: max-content;\n will-change: transform;\n }\n .cap-row:hover .cap-track {\n animation-play-state: paused;\n }\n @media (prefers-reduced-motion: reduce) {\n .cap-track { animation: none !important; }\n }\n "})]})}function It({items:e,icons:t,colors:a,durationS:i,reverse:n}){const r=[...e,...e];return s.jsx("div",{className:"cap-row relative overflow-hidden",children:s.jsx("div",{className:"cap-track flex gap-3 sm:gap-4",style:{animation:`${n?"cap-marquee-right":"cap-marquee-left"} ${i}s linear infinite`},children:r.map((i,n)=>{const r=n%e.length,l=t[r],o=a[r];return s.jsx(Dt,{icon:s.jsx(l,{strokeWidth:1.7}),color:o,label:i},n)})})})}function Dt({icon:e,color:t,label:a}){return s.jsxs("div",{className:"shrink-0 w-[200px] h-[130px] flex flex-col items-center justify-center gap-3 px-4 roun
7ded-2xl bg-white border border-black/[0.04] shadow-[0_2px_10px_rgba(0,0,0,0.04),0_0_0_1px_rgba(255,255,255,0.6)_inset]",children:[s.jsx("span",{className:"inline-flex items-center justify-center [&>svg]:w-[28px] [&>svg]:h-[28px]",style:{color:t},children:e}),s.jsx("span",{className:"text-[0.88rem] font-medium tracking-[-0.01em] text-[#1A1A1A] text-center leading-[1.3] line-clamp-2",children:a})]})}function Ht(){const{t:e}=t(),a=e.landing.converters;return s.jsx("section",{className:"py-12 sm:py-20 px-4 sm:px-6",children:s.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-10 sm:mb-14",children:[s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-4 max-w-[720px] mx-auto text-balance",children:a.heading}),s.jsx("p",{className:"text-[1rem] leading-[1.6] text-[#6B6B6B] max-w-[600px] mx-auto text-balance",children:a.subtitle})]}),s.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-5",children:a.cards.map((e,t)=>s.jsx(Wt,{card:e,index:t,comingSoonLabel:a.comingSoonLabel,betaLabel:a.betaLabel},e.tool))})]})})}function Wt({card:e,index:t,comingSoonLabel:i,betaLabel:n}){const{tool:r,comingSoon:l,beta:o}=e,c="webflow"===r?"#146EF5":"#0099FF",d="webflow"===r?s.jsx("svg",{className:"w-5 h-5",viewBox:"228 348 675 421",fill:"#FFFFFF","aria-hidden":!0,children:s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M902.062 348.75L687.217 768.75H485.417L575.329 594.684H571.295C497.118 690.976 386.444 754.365 228.75 768.75V597.093C228.75 597.093 329.63 591.134 388.935 528.784H228.75V348.753H408.781V496.826L412.822 496.809L486.389 348.753H622.541V495.887L626.582 495.881L702.909 348.75H902.062Z"})}):s.jsx("svg",{className:"w-5 h-5",viewBox:"240 270 600 600",fill:"#FFFFFF","aria-hidden":!0,children:s.jsx("path",{d:"M 340 270 L 740 270 L 740 470 L 540 470 Z M 340 470 L 540 470 L 740 670 L 340 670 Z M 340 670 L 540 670 L 540 870 Z"})}),x=s.jsxs(s.Fragment,{children:[l&&s.jsxs("span",{className:"absolute top-5 right-5 inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-amber-50 border border-amber-200 text-amber-900 text-[0.72rem] font-semibold tracking-[-0.01em]",children:[s.jsx("span",{className:"w-[6px] h-[6px] rounded-full bg-amber-500 animate-pulse"}),i]}),o&&!l&&s.jsxs("span",{className:"absolute top-5 right-5 inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-sky-50 border border-sky-200 text-sky-700 text-[0.72rem] font-semibold tracking-[-0.01em]",children:[s.jsx("span",{className:"w-[6px] h-[6px] rounded-full bg-sky-500 animate-pulse"}),n]}),s.jsxs("div",{className:"flex items-center gap-1.5 mb-5",children:[s.jsx("span",{className:"inline-flex items-center justify-center w-10 h-10 rounded-xl shadow-[0_2px_8px_rgba(0,0,0,0.06),0_0_0_1px_rgba(0,0,0,0.04)]",style:{backgroundColor:c},children:d}),s.jsx("span",{className:"text-[#9A9A9A] text-sm font-light px-1",children:"Ã"}),s.jsx("span",{className:"inline-flex items-center justify-center w-10 h-10 rounded-xl bg-white shadow-[0_2px_8px_rgba(0,0,0,0.06),0_0_0_1px_rgba(0,0,0,0.04)]",children:s.jsx("img",{src:"/logo-convertex.png",alt:"","aria-hidden":!0,className:"w-7 h-7 object-contain"})})]}),s.jsx("h3",{className:"text-[1.25rem] sm:text-[1.4rem] font-semibold tracking-[-0.025em] text-[#1A1A1A] leading-[1.25] mb-2",children:e.title}),s.jsx("p",{className:"text-[0.92rem] leading-[1.6] text-[#6B6B6B] mb-5 max-w-[460px]",children:e.description}),s.jsxs("div",{className:"relative mt-auto aspect-[16/10] rounded-xl overflow-hidden border border-black/[0.06] bg-[#0a0a0b]",children:[s.jsx("img",{src:"webflow"===r?"/converter-webflow.png":"/converter-framer.png",alt:e.title,loading:"lazy",decoding:"async",className:"absolute inset-0 w-full h-full object-cover object-left-top "+(l?"brightness-[0.45] saturate-[0.7]":"")}),l&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-black/30 via-black/40 to-black/55"}),s.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:s.jsx("span",{className:"inline-flex items-center justify-center w-14 h-14 sm:w-16 sm:h-16 rounded-full bg-white/10 backdrop-blur-md border border-white/20 shadow-[0_10px_30px_rgba(0,0,0,0.35)]",children:s.jsx(A,{className:"w-6 h-6 sm:w-7 sm:h-7 text-white",strokeWidth:1.75})})})]})]})]}),p={initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.55,ease:[.16,1,.3,1],delay:.08*t}},m="group relative flex flex-col h-full rounded-2xl border border-black/[0.06] bg-white p-6 sm:p-7"+(e.href?" transition-shadow duration-300 hover:shadow-[0_18px_50px_-12px_rgba(0,0,0,0.12)] hover:border-black/[0.1]":"");return e.href?s.jsx(C.div,{...p,className:"h-full",children:s.jsx(a,{to:e.href,className:m,children:x})}):s.jsx(C.div,{...p,className:m,children:x})}function $t({size:e,label:t,children:a}){const i="lg"===e?"w-[180px] h-[120px] sm:w-[220px] sm:h-[140px]":"w-[80px] h-[80px] sm:w-[96px] sm:h-[96px]";return s.jsxs("div",{className:"relative p-2 rounded-2xl shrink-0",style:{border:"1px solid rgba(0,0,0,0.06)"},children:[s.jsxs("div",{className:`relative bg-white rounded-lg ${i}`,style:{boxShadow:"0 40px 48px -20px rgba(0,0,0,0.02), 0 16px 24px -12px rgba(0,0,0,0.03), 0 0 0 1px rgba(0,0,0,0.03)"},children:[s.jsx("span",{className:"absolute w-[3px] h-[3px] rounded-full bg-black/5 top-2 left-2"}),s.jsx("span",{className:"absolute w-[3px] h-[3px] rounded-full bg-black/5 top-2 right-2"}),s.jsx("span",{className:"absolute w-[3px] h-[3px] rounded-full bg-black/5 bottom-2 left-2"}),s.jsx("span",{className:"absolute w-[3px] h-[3px] rounded-full bg-black/5 bottom-2 right-2"}),s.jsx("div",{className:"absolute top-1/2 left-0 w-full h-px bg-black/[0.04]"}),s.jsx("div",{className:"absolute left-1/2 top-0 h-full w-px bg-black/[0.04]"}),a]}),s.jsx("span",{className:"absolute left-1/2 -translate-x-1/2 top-[calc(100%+12px)] md:top-[calc(100%+20px)] whitespace-nowrap px-3.5 py-1 font-mono text-[0.58rem] sm:text-[0.62rem] tracking-[0.05em] uppercase text-black/30 bg-[#fafafa] rounded-full",style:{boxShadow:"0 0 0 8px #FAFAF8, inset 0 0 0 1px rgba(0,0,0,0.06)"},children:t})]})}function Rt(){const{t:a}=t(),i=a.landing.heroSection.sources,[n,r]=e.useState(0);e.useEffect(()=>{const e=window.setInterval(()=>{r(e=>(e+1)%i.length)},2400);return()=>window.clearInterval(e)},[i.length]);const o=i[n],c=l[o.id];return s.jsxs($t,{size:"sm",label:o.name,children:[s.jsxs("div",{className:"absolute w-14 h-14 roun
7ded-full bg-white overflow-hidden flex items-center justify-center top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",style:{border:"1px solid rgba(0,0,0,0.04)"},children:[s.jsx(R,{mode:"popLayout",initial:!1,children:s.jsx(C.span,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},exit:{opacity:0,y:-24},transition:{type:"spring",stiffness:180,damping:22,mass:.55},className:"absolute inline-flex items-center justify-center rounded-[8px] shadow-[0_1px_2px_rgba(0,0,0,0.05),0_0_0_1px_rgba(0,0,0,0.04)] [&>svg]:w-[18px] [&>svg]:h-[18px]",style:{backgroundColor:(null==c?void 0:c.tile)??"#FFFFFF",width:32,height:32},children:null==c?void 0:c.svg},o.id)}),s.jsx("svg",{className:"fc-spin absolute w-14 h-14",viewBox:"0 0 56 56",fill:"none",children:s.jsx("path",{d:"M54.563 20.883C55.498 24.371 55.736 28.009 55.265 31.59 54.793 35.17 53.621 38.622 51.816 41.75 50.01 44.878 47.606 47.619 44.741 49.817 41.876 52.016 38.606 53.628 35.118 54.563",stroke:"#9333EA"})})]}),s.jsxs("svg",{className:"absolute w-20 h-20 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",viewBox:"0 0 80 80",fill:"none",children:[s.jsx("path",{d:"M5.36 20C8.87 13.92 13.92 8.87 20 5.36",stroke:"black",strokeOpacity:"0.04"}),s.jsx("path",{d:"M74.64 60C71.13 66.08 66.08 71.13 60 74.64",stroke:"black",strokeOpacity:"0.04"})]})]})}const qt=[{id:"webflow",label:"Webflow",spinColor:"#4353FF",svg:s.jsx("svg",{width:"22",height:"22",viewBox:"228 348 675 421",fill:"#146EF5","aria-hidden":!0,children:s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M902.062 348.75L687.217 768.75H485.417L575.329 594.684H571.295C497.118 690.976 386.444 754.365 228.75 768.75V597.093C228.75 597.093 329.63 591.134 388.935 528.784H228.75V348.753H408.781V496.826L412.822 496.809L486.389 348.753H622.541V495.887L626.582 495.881L702.909 348.75H902.062Z"})})},{id:"framer",label:"Framer",spinColor:"#0099FF",svg:s.jsx("svg",{width:"22",height:"22",viewBox:"240 270 600 600",fill:"#0099FF","aria-hidden":!0,children:s.jsx("path",{d:"M 340 270 L 740 270 L 740 470 L 540 470 Z M 340 470 L 540 470 L 740 670 L 340 670 Z M 340 670 L 540 670 L 540 870 Z"})})}];function Zt(){const[t,a]=e.useState(0);e.useEffect(()=>{const e=window.setInterval(()=>{a(e=>(e+1)%qt.length)},2400);return()=>window.clearInterval(e)},[]);const i=qt[t];return s.jsxs($t,{size:"sm",label:i.label,children:[s.jsxs("div",{className:"absolute w-14 h-14 rounded-full bg-white overflow-hidden flex items-center justify-center top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",style:{border:"1px solid rgba(0,0,0,0.04)"},children:[s.jsx(R,{mode:"popLayout",initial:!1,children:s.jsx(C.span,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},exit:{opacity:0,y:-24},transition:{type:"spring",stiffness:180,damping:22,mass:.55},className:"absolute inline-flex items-center justify-center",children:i.svg},i.id)}),s.jsx("svg",{className:"fc-spin absolute w-14 h-14",viewBox:"0 0 56 56",fill:"none",children:s.jsx("path",{d:"M54.563 20.883C55.498 24.371 55.736 28.009 55.265 31.59 54.793 35.17 53.621 38.622 51.816 41.75 50.01 44.878 47.606 47.619 44.741 49.817 41.876 52.016 38.606 53.628 35.118 54.563",stroke:i.spinColor})})]}),s.jsxs("svg",{className:"absolute w-20 h-20 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",viewBox:"0 0 80 80",fill:"none",children:[s.jsx("path",{d:"M5.36 60C8.87 66.08 13.92 71.13 20 74.64",stroke:"black",strokeOpacity:"0.04"}),s.jsx("path",{d:"M74.64 20C71.13 13.92 66.08 8.87 60 5.36",stroke:"black",strokeOpacity:"0.04"})]})]})}function Ut(){return s.jsxs(C.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.7,ease:[.16,1,.3,1]},className:"flex flex-col md:flex-row items-center justify-center md:scale-[1.05] origin-top md:max-w-[820px] mx-auto gap-8 md:gap-0",children:[s.jsx(Rt,{}),s.jsxs("div",{className:"hidden md:flex flex-col gap-3.5 justify-center flex-1 z-[1] overflow-hidden",children:[s.jsxs("div",{className:"relative h-[18px] flex items-center",children:[s.jsx("div",{className:"absolute inset-x-0 top-1/2 h-px bg-black/[0.06]"}),s.jsx("div",{className:"fc-code-scroll-line whitespace-nowrap font-mono text-[0.55rem]",children:[0,1].map(e=>s.jsxs("span",{children:[s.jsx("span",{className:"text-[#9333EA]/50",children:"<section "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"class="}),s.jsx("span",{className:"text-[#16A34A]/45",children:'"hero"'}),s.jsx("span",{className:"text-[#9333EA]/50",children:">"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" <div "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"class="}),s.jsx("span",{className:"text-[#16A34A]/45",children:'"container"'}),s.jsx("span",{className:"text-[#9333EA]/50",children:">"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" <h1>"}),s.jsx("span",{className:"text-[#1A1A1A]/30",children:"Titre"}),s.jsx("span",{className:"text-[#9333EA]/50",children:"</h1>"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" <p "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"class="}),s.jsx("span",{className:"text-[#16A34A]/45",children:'"lead"'}),s.jsx("span",{className:"text-[#9333EA]/50",children:">"}),s.jsx("span",{className:"text-[#1A1A1A]/30",children:"Description"}),s.jsx("span",{className:"text-[#9333EA]/50",children:"</p>"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" <a "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"class="}),s.jsx("span",{className:"text-[#16A34A]/45",children:'"btn-primary"'}),s.jsx("span",{className:"text-[#9333EA]/50",children:">"}),s.jsx("span",{className:"text-[#1A1A1A]/30",children:"Commencer"}),s.jsx("span",{className:"text-[#9333EA]/50",children:"</a>"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" </div> </section> "}),s.jsx("span",{className:"text-[#9333EA]/50",children:"<nav "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"class="}),s.jsx("span",{className:"text-[#16A34A]/45",children:'"navbar"'}),s.jsx("span",{className:"text-[#9333EA]/50",children:">"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" <ul> <li>"}),s.jsx("span",{className:"text-[#1A1A1A]/30",children:"Accueil"}),s.jsx("span",{className:"text-[#9333EA]/50",children:"</li> </ul> </nav> "})]},e))})]}),s.jsxs("div",{className:"relative h-[18px] flex items-center",children:[s.jsx("div",{className:"absolute inset-x-0 top-1/2 h-px bg-black/[0.06]"}),s.jsx("div",{className:"fc-code-scroll-line whitespace-nowrap font-mono text-[0.55rem]",children:[0,1].map(e=>s.jsxs("span",{children:[s.jsx("span",{className:"text-[#D97706]/45",children:".hero"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:" { "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"padding"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}),s.jsx("span",{className:"text-[#16A34A]/45",children:"120px 0"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; } "}),s.jsx("span",{className:"text-[#D97706]/45",children:".container"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:" { "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"max-width"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}),s.jsx("span",{className:"text-[#16A34A]/45",children:"1200px"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; } "}),s.jsx("span",{className:"text-[#D97706]/45",children:".btn-primary"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:" { "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"background"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}
7),s.jsx("span",{className:"text-[#16A34A]/45",children:"#4F46E5"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"border-radius"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}),s.jsx("span",{className:"text-[#16A34A]/45",children:"100px"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; } "}),s.jsx("span",{className:"text-[#D97706]/45",children:".lead"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:" { "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"font-size"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}),s.jsx("span",{className:"text-[#16A34A]/45",children:"1.125rem"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; } "}),s.jsx("span",{className:"text-[#D97706]/45",children:".navbar"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:" { "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"display"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}),s.jsx("span",{className:"text-[#16A34A]/45",children:"flex"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; } "})]},e))})]})]}),s.jsx("div",{className:"md:hidden -my-2 h-24 relative w-full flex items-center justify-center overflow-hidden",children:s.jsx("div",{className:"rotate-90 origin-center",style:{width:"96px"},children:s.jsxs("div",{className:"flex flex-col gap-2",children:[s.jsx("div",{className:"relative h-[14px] overflow-hidden",children:s.jsx("div",{className:"fc-code-scroll-line whitespace-nowrap font-mono text-[0.45rem]",children:[0,1].map(e=>s.jsxs("span",{children:[s.jsx("span",{className:"text-[#9333EA]/50",children:"<section "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"class="}),s.jsx("span",{className:"text-[#16A34A]/45",children:'"hero"'}),s.jsx("span",{className:"text-[#9333EA]/50",children:">"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" <div "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"class="}),s.jsx("span",{className:"text-[#16A34A]/45",children:'"container"'}),s.jsx("span",{className:"text-[#9333EA]/50",children:">"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" <h1>"}),s.jsx("span",{className:"text-[#1A1A1A]/30",children:"Titre"}),s.jsx("span",{className:"text-[#9333EA]/50",children:"</h1>"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" <a "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"class="}),s.jsx("span",{className:"text-[#16A34A]/45",children:'"btn"'}),s.jsx("span",{className:"text-[#9333EA]/50",children:">"}),s.jsx("span",{className:"text-[#1A1A1A]/30",children:"Go"}),s.jsx("span",{className:"text-[#9333EA]/50",children:"</a>"}),s.jsx("span",{className:"text-[#9333EA]/50",children:" </div> </section> "})]},e))})}),s.jsx("div",{className:"relative h-[14px] overflow-hidden",children:s.jsx("div",{className:"fc-code-scroll-line-reverse whitespace-nowrap font-mono text-[0.45rem]",children:[0,1].map(e=>s.jsxs("span",{children:[s.jsx("span",{className:"text-[#D97706]/45",children:".hero"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:" { "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"padding"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}),s.jsx("span",{className:"text-[#16A34A]/45",children:"120px"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; } "}),s.jsx("span",{className:"text-[#D97706]/45",children:".container"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:" { "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"max-width"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}),s.jsx("span",{className:"text-[#16A34A]/45",children:"1200px"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; } "}),s.jsx("span",{className:"text-[#D97706]/45",children:".btn"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:" { "}),s.jsx("span",{className:"text-[#2563EB]/40",children:"background"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:": "}
7),s.jsx("span",{className:"text-[#16A34A]/45",children:"#4F46E5"}),s.jsx("span",{className:"text-[#1A1A1A]/20",children:"; } "})]},e))})})]})})}),s.jsxs($t,{size:"lg",label:"Convertex",children:[s.jsx("svg",{className:"absolute top-0 left-0",width:"220",height:"140",viewBox:"0 0 220 140",fill:"none",children:[0,1,2,3].map(e=>s.jsxs("g",{children:[s.jsx("rect",{x:98.25-11*e,y:134.25+e,width:"0.5",height:5.5-e,stroke:"black",strokeOpacity:"0.04",strokeWidth:"0.5"}),s.jsx("rect",{x:121.25+11*e,y:134.25+e,width:"0.5",height:5.5-e,stroke:"black",strokeOpacity:"0.04",strokeWidth:"0.5"}),s.jsx("rect",{x:98.25-11*e,y:"0.25",width:"0.5",height:5.5-e,stroke:"black",strokeOpacity:"0.04",strokeWidth:"0.5"}),s.jsx("rect",{x:121.25+11*e,y:"0.25",width:"0.5",height:5.5-e,stroke:"black",strokeOpacity:"0.04",strokeWidth:"0.5"})]},e))}),s.jsxs("svg",{className:"absolute w-[116px] h-[116px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",viewBox:"0 0 116 116",fill:"none",children:[s.jsx("path",{d:"M7.77 29C12.86 20.18 20.18 12.86 29 7.77",stroke:"black",strokeOpacity:"0.04"}),s.jsx("path",{d:"M7.77 87C12.86 95.82 20.18 103.14 29 108.23",stroke:"black",strokeOpacity:"0.04"}),s.jsx("path",{d:"M108.23 29C103.14 20.18 95.82 12.86 87 7.77",stroke:"black",strokeOpacity:"0.04"}),s.jsx("path",{d:"M108.23 87C103.14 95.82 95.82 103.14 87 108.23",stroke:"black",strokeOpacity:"0.04"})]}),s.jsxs("div",{className:"absolute w-20 h-20 rounded-full bg-white flex items-center justify-center top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",style:{border:"1px solid rgba(0,0,0,0.04)"},children:[s.jsx("img",{src:"/logo-convertex.png",alt:"",className:"w-9 h-9 rounded-[7px]"}),s.jsx("svg",{className:"fc-spin-delay absolute w-20 h-20",viewBox:"0 0 80 80",fill:"none",children:s.jsx("path",{d:"M74.208 20.25C76.802 24.742 78.485 29.701 79.162 34.844 79.839 39.987 79.497 45.213 78.154 50.223 76.812 55.234 74.495 59.931 71.338 64.046 68.18 68.161 64.242 71.614 59.75 74.208",stroke:"#4F46E5"})})]})]}),s.jsx("div",{className:"hidden md:flex items-center justify-center flex-1 z-[1] overflow-hidden",children:s.jsxs("div",{className:"relative h-[52px] w-full flex items-center",children:[s.jsx("div",{className:"absolute inset-x-0 top-1/2 h-px bg-black/[0.06]"}),s.jsx("div",{className:"fc-code-scroll-line whitespace-nowrap flex gap-6",children:[0,1].map(e=>s.jsx("span",{className:"flex gap-6",children:[0,1,2].map(e=>s.jsxs("span",{className:"inline-block w-[80px] h-[48px] rounded-[4px] bg-white border border-black/[0.06] shadow-[0_1px_3px_rgba(0,0,0,0.05)] overflow-hidden shrink-0",children:[s.jsx("span",{className:"block h-[10px] bg-gradient-to-r from-[#EEF2FF] to-[#F3E8FF]"}),s.jsx("span",{className:"block mt-[5px] mx-[6px] h-[3px] w-[40px] bg-[#E8E8E4] rounded-full"}),s.jsx("span",{className:"block mt-[3px] mx-[6px] h-[3px] w-[28px] bg-[#E8E8E4] rounded-full"}),s.jsx("span",{className:"block mt-[3px] mx-[6px] h-[3px] w-[34px] bg-[#E8E8E4] rounded-full"})]},e))},e))})]})}),s.jsx("div",{className:"md:hidden -my-2 h-24 relative w-full flex items-center justify-center overflow-hidden",children:s.jsx("div",{className:"rotate-90 origin-center",style:{width:"96px"},children:s.jsx("div",{className:"relative h-[48px] overflow-hidden flex items-center",children:s.jsx("div",{className:"fc-code-scroll-line whitespace-nowrap flex gap-3",children:[0,1].map(e=>s.jsx("span",{className:"flex gap-3",children:[0,1,2].map(e=>s.jsxs("span",{className:"inline-block w-[60px] h-[36px] rounded bg-white border border-black/[0.06] shadow-[0_1px_3px_rgba(0,0,0,0.05)] overflow-hidden shrink-0",children:[s.jsx("span",{className:"block h-[7px] bg-gradient-to-r from-[#EEF2FF] to-[#F3E8FF]"}),s.jsx("span",{className:"block mt-[3px] mx-[4px] h-[2px] w-[30px] bg-[#E8E8E4] rounded-full"}),s.jsx("span",{className:"block mt-[2px] mx-[4px] h-[2px] w-[20px] bg-[#E8E8E4] rounded-full"}),s.jsx("span",{className:"block mt-[2px] mx-[4px] h-[2px] w-[26px] bg-[#E8E8E4] rounded-full"})]},e))},e))})})})}),s.jsx(Zt,{})]})}function Pt(){const{t:a}=t(),i=a.landing.faqs,[n,r]=e.useState(0);return s.jsx("section",{id:"faq",className:"py-16 sm:py-24 px-4 sm:px-6 scroll-mt-20",children:s.jsxs("div",{className:"max-w-[820px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-10 sm:mb-14",children:[i.badge&&s.jsx("span",{className:"inline-flex items-center gap-2 bg-[#F0F0EC] text-[#1A1A1A] text-[0.72rem] font-bold tracking-[0.14em] uppercase px-3 py-1 rounded-full mb-5",children:i.badge}),s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-4 max-w-[640px] mx-auto text-balance",children:i.heading}),i.subheading&&s.jsx("p",{className:"text-[1rem] leading-[1.6] text-[#6B6B6B] max-w-[560px] mx-auto text-balance",children:i.subheading})]}),s.jsx(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.6,ease:[.16,1,.3,1],delay:.1},className:"rounded-2xl border border-black/[0.06] bg-white/60 backdrop-blur-xl overflow-hidden divide-y divide-black/[0.06]",children:i.items.map((e,t)=>{const a=n===t;return s.jsxs("div",{children:[s.jsxs("button",{type:"button",onClick:()=>r(a?null:t),"aria-expanded":a,className:"group w-full flex items-center justify-between gap-4 text-left px-5 sm:px-7 py-5 sm:py-6 transition-colors duration-200 hover:bg-black/[0.02]",children:[s.jsx("span",{className:"text-[0.95rem] sm:text-[1.02rem] font-semibold tracking-[-0.015em] text-[#1A1A1A] leading-[1.4]",children:e.question}),s.jsx(C.span,{"aria-hidden":!0,animate:{rotate:a?180:0},transition:{duration:.3,ease:[.16,1,.3,1]},className:"shrink-0 inline-flex items-center justify-center w-7 h-7 rounded-full transition-colors duration-200 "+(a?"bg-[#9333EA]/[0.10] text-[#9333EA]":"bg-black/[0.04] text-[#6B6B6B] group-hover:bg-black/[0.06] group-hover:text-[#1A1A1A]"),children:s.jsx($,{size:15,strokeWidth:2.25})})]}),s.jsx(R,{initial:!1,children:a&&s.jsx(C.div,{initial:{height:0,opacity:0}
7,animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:[.16,1,.3,1]},className:"overflow-hidden",children:s.jsx("div",{className:"px-5 sm:px-7 pb-5 sm:pb-6 -mt-1",children:s.jsx("p",{className:"text-[0.92rem] leading-[1.65] text-[#6B6B6B] max-w-[640px]",children:e.answer})})},"answer")})]},t)})})]})})}function Tt(){const{t:e}=t(),i=e.landing.ctaSection;return s.jsx("section",{className:"relative py-20 sm:py-32 px-4 sm:px-6 overflow-hidden",children:s.jsxs("div",{className:"relative max-w-[1100px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-14 sm:mb-16",children:[s.jsx("span",{className:"inline-block text-[0.72rem] font-bold tracking-[0.14em] uppercase bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] bg-clip-text text-transparent mb-4",children:i.eyebrow}),s.jsxs("h2",{className:"text-[clamp(1.8rem,4vw,3rem)] leading-[1.1] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-5 max-w-[820px] mx-auto text-balance",children:[i.headingPart1,s.jsx(At,{}),s.jsx("br",{}),i.headingPart2]}),s.jsx("p",{className:"text-[1rem] sm:text-[1.05rem] text-[#6B6B6B] max-w-[580px] mx-auto",children:i.subtitle})]}),s.jsx(Ut,{}),s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1],delay:.15},className:"text-center mt-14 sm:mt-20",children:[s.jsxs(a,{to:"/signup",className:"relative overflow-hidden inline-flex items-center gap-2 bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] text-white text-[0.95rem] font-semibold px-8 py-4 rounded-full shadow-[0_4px_20px_rgba(147,51,234,0.22)] transition-all duration-250 hover:-translate-y-0.5 hover:shadow-[0_8px_28px_rgba(147,51,234,0.32)] group",children:[s.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/[0.18] to-transparent lp-shimmer"}),s.jsx("span",{className:"relative",children:i.ctaButton}),s.jsx("svg",{width:"15",height:"15",viewBox:"0 0 16 16",fill:"none",className:"relative transition-transform duration-200 group-hover:translate-x-0.5",children:s.jsx("path",{d:"M3 8h10m0 0L9 4m4 4L9 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),s.jsx("p",{className:"mt-4 text-[0.8rem] text-[#ABABAB] font-medium tracking-[-0.01em]",children:i.ctaDisclaimer})]})]})})}const Ot={projects:ne,"client-first":Le,history:oe,share:k,scripts:G,breakpoints:je};function Yt(){const{t:a}=t(),i=a.landing.studioFeatures,n=i.items,r=e.useRef([]),[l,o]=e.useState(0);e.useEffect(()=>{const e=new IntersectionObserver(e=>{const t=e.filter(e=>e.isIntersecting).map(e=>r.current.findIndex(t=>t===e.target)).filter(e=>-1!==e);t.length>0&&o(Math.min(...t))},{rootMargin:"-30% 0px -55% 0px",threshold:0});return r.current.forEach(t=>t&&e.observe(t)),()=>e.disconnect()},[n.length]);return s.jsx("section",{className:"py-16 sm:py-28 px-4 sm:px-6 scroll-mt-20",children:s.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"mb-12 sm:mb-16 text-center",children:[s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] max-w-[720px] mx-auto text-balance",children:i.heading}),i.subtitle&&s.jsx("p",{className:"mt-4 text-[1rem] text-[#6B6B6B] max-w-[560px] mx-auto",children:i.subtitle})]}),s.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[240px_1fr] gap-8 md:gap-12",children:[s.jsx("aside",{className:"hidden md:block",children:s.jsxs("div",{className:"sticky top-24",children:[s.jsx("div",{className:"mb-5 pb-3 border-b border-black/[0.08]",children:s.jsx("span",{className:"text-[0.72rem] font-bold tracking-[0.14em] uppercase text-[#1A1A1A]",children:i.sidebarTitle})}),s.jsx("nav",{className:"flex flex-col",children:n.map((e,t)=>{const a=t===l,i=Ot[e.id];return s.jsxs("button",{type:"button",onClick:()=>(e=>{const t=r.current[e];if(!t)return;const s=t.getBoundingClientRect().top+window.scrollY-96;window.scrollTo({top:s,behavior:"smooth"})})(t),className:"group flex items-center justify-between gap-3 text-left py-3.5 pr-2 border-b border-black/[0.06] last:border-b-0 transition-colors duration-300 hover:bg-black/[0.015]",children:[s.jsxs("span",{className:"flex items-center gap-2.5 min-w-0",children:[i&&s.jsx(i,{size:15,strokeWidth:1.75,className:"shrink-0 transition-colors duration-300 "+(a?"text-[#9333EA]":"text-[#9A9A9A] group-hover:text-[#1A1A1A]")}),s.jsx("span",{className:"text-[0.88rem] tracking-[-0.01em] truncate transition-colors duration-300 "+(a?"text-[#1A1A1A] font-medium":"text-[#9A9A9A] group-hover:text-[#1A1A1A]"),children:e.title})]}),s.jsx(C.svg,{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",animate:{o
7pacity:a?1:0,x:a?0:-6},transition:{duration:.3,ease:[.16,1,.3,1]},className:"shrink-0",children:s.jsx("path",{d:"M3 8h10m0 0L9 4m4 4L9 12",stroke:"#9333EA",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})]},e.id)})})]})}),s.jsx("div",{className:"flex flex-col gap-8 md:gap-10",children:n.map((e,t)=>{const a=Ot[e.id];return s.jsxs(C.article,{ref:e=>{r.current[t]=e},id:e.id,initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"group flex flex-col bg-white/60 backdrop-blur-xl border border-black/[0.06] rounded-xl overflow-hidden shadow-[0_2px_14px_rgba(0,0,0,0.03)]",children:[s.jsxs("div",{className:"flex items-center gap-3 px-6 py-5 border-b border-black/[0.06]",children:[a&&s.jsx("span",{className:"shrink-0 inline-flex items-center justify-center w-9 h-9 rounded-[9px] bg-gradient-to-br from-[#EEF2FF] to-[#F5F3FF] border border-black/[0.04] text-[#9333EA]",children:s.jsx(a,{size:18,strokeWidth:1.75})}),s.jsx("h3",{className:"text-[1.35rem] sm:text-[1.5rem] font-semibold tracking-[-0.02em] text-[#1A1A1A] leading-[1.2]",children:e.title})]}),s.jsx("div",{className:"relative overflow-hidden bg-black/[0.02]",children:s.jsx("img",{src:`/features/feature-${e.id}.png`,alt:e.title,loading:"lazy",decoding:"async",className:"block w-full h-auto"})}),s.jsx("ul",{className:"flex flex-col",children:e.bullets.map((e,t)=>s.jsxs("li",{className:"flex items-start gap-5 sm:gap-6 w-full border-b last:border-b-0 border-black/[0.06] p-5 sm:p-6",children:[s.jsx("span",{"aria-hidden":!0,className:"shrink-0 mt-0.5 flex items-center justify-center w-[18px] h-[18px] rounded-[4px] bg-[#9333EA]/[0.08]",children:s.jsx(H,{size:12,strokeWidth:2.5,className:"text-[#9333EA]"})}),s.jsx("p",{className:"text-[0.88rem] leading-[1.5] text-[#1A1A1A]",children:e})]},t))})]},e.id)})})]})]})})}function Xt(){const{t:i}=t(),n=i.landing.timeSavings,r=e.useRef(null),{scrollYProgress:l}=q({target:r,offset:["start end","end start"]}),o=Z(l,[0,1],[-80,80]),c=U(o,{stiffness:80,damping:26,mass:.4}),[d,x]=e.useState(!1),p=e.useRef(null),m=P(0),h=P(0),u=U(m,{stiffness:220,damping:18,mass:.2}),g=U(h,{stiffness:220,damping:18,mass:.2});return s.jsxs("section",{ref:r,className:"relative bg-[#0A0A0B] pt-20 sm:pt-28 px-4 sm:px-6 overflow-hidden",children:[s.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/3 w-[90%] max-w-[1100px] h-[560px] z-0",style:{background:"radial-gradient(ellipse 50% 50% at 50% 50%, rgba(217,70,239,0.38) 0%, rgba(147,51,234,0.26) 30%, rgba(79,70,229,0.14) 55%, transparent 80%)",filter:"blur(110px)"}}),s.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute left-[30%] top-0 -translate-x-1/2 -translate-y-1/2 w-[55%] max-w-[640px] h-[420px] z-0",style:{background:"radial-gradient(ellipse 50% 50% at 50% 50%, rgba(236,72,153,0.3) 0%, rgba(192,38,211,0.14) 45%, transparent 75%)",filter:"blur(90px)"}}),s.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute left-[70%] top-0 -translate-x-1/2 -translate-y-1/2 w-[50%] max-w-[560px] h-[400px] z-0",style:{background:"radial-gradient(ellipse 50% 50% at 50% 50%, rgba(99,102,241,0.28) 0%, rgba(79,70,229,0.12) 45%, transparent 75%)",filter:"blur(90px)"}}),s.jsxs("div",{className:"relative z-10 max-w-[1080px] mx-auto flex flex-col items-center gap-[22px]",children:[s.jsx(C.span,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"inline-block text-[0.7rem] font-bold tracking-[0.12em] uppercase bg-gradient-to-r from-[#818CF8] to-[#D946EF] bg-clip-text text-transparent",children:n.badge}),s.jsx(C.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.6,ease:[.16,1,.3,1],delay:.05},className:"text-center text-[clamp(1.6rem,3.5vw,2.6rem)] font-semibold leading-[1.15] tracking-[-0.04em] text-white max-w-[720px] text-balance",children:n.heading}),s.jsx(C.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.6,ease:[.16,1,.3,1],delay:.1},className:"text-center text-[0.95rem] sm:text-[1rem] leading-[1.55] tracking-[-0.01em] text-white/60 max-w-[660px]",children:n.subtitle}),s.jsx(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.6,ease:[.16,1,.3,1],delay:.15},children:s.jsxs(a,{to:"/signup",className:"relative overflow-hidden inline-flex items-center gap-2 bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] text-white text-[0.9rem] font-semibold px-7 py-3.5 rounded-full shadow-[0_4px_20px_rgba(147,51,234,0.35)] transition-all duration-250 hover:-translate-y-0.5 hover:shadow-[0_8px_28px_rgba(147,51,234,0.45)] group",children:[s.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/[0.18] to-transparent lp-shimmer"}),s.jsx("span",{className:"relative",children:n.ctaButton}),s.jsx("svg",{width:"15",height:"15",viewBox:"0 0 16 16",fill:"none",className:"relative transition-transform duration-200 group-hover:translate-x-0.5",children:s.jsx("path",{d:"M3 8h10m0 0L9 4m4 4L9 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})}),s.jsx(C.div,{initial:{opacity:0}
7,whileInView:{opacity:1},viewport:{once:!0,margin:"-80px"},transition:{duration:.8,ease:[.16,1,.3,1],delay:.2},style:{y:c},className:"relative w-full mt-6 sm:mt-10 will-change-transform",children:s.jsxs("div",{className:"relative rounded-t-xl overflow-hidden border-t border-x border-white/[0.08]",children:[s.jsx("img",{src:"/convertex-interface-2.png",alt:"Convertex interface",loading:"lazy",decoding:"async",className:"w-full h-auto block",style:{maskImage:"linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%)",WebkitMaskImage:"linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%)"}}),s.jsx("div",{ref:p,onMouseMove:e=>{const t=p.current;if(!t)return;const s=t.getBoundingClientRect(),a=s.left+s.width/2,i=s.top+s.height/2;m.set(.18*(e.clientX-a)),h.set(.18*(e.clientY-i))},onMouseLeave:()=>{m.set(0),h.set(0)},className:"absolute inset-x-0 top-[32%] h-[32%] flex items-center justify-center z-10",children:s.jsx(C.button,{type:"button",onClick:()=>x(!0),"aria-label":n.watchDemo,style:{x:u,y:g},whileHover:{scale:1.05},whileTap:{scale:.97},transition:{type:"spring",stiffness:320,damping:22},className:"group/play relative inline-flex items-center justify-center w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-white/15 backdrop-blur-md border border-white/25 shadow-[0_10px_30px_rgba(0,0,0,0.28)] cursor-pointer transition-colors duration-200 hover:bg-white/25",children:s.jsx("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",className:"relative ml-1 drop-shadow-[0_2px_4px_rgba(0,0,0,0.35)]",children:s.jsx("polygon",{points:"7,4 20,12 7,20",fill:"#FFFFFF"})})})})]})})]}),s.jsx(R,{children:d&&s.jsx(as,{videoUrl:"https://www.youtube.com/embed/VSHFNt_WNL8?autoplay=1&rel=0&modestbranding=1",onClose:()=>x(!1)})})]})}const Gt=s.jsx("svg",{className:"inline-block w-[0.85em] h-[0.85em] -rotate-6 relative top-[0.05em]",viewBox:"0 0 24 24",fill:"#E07A2F",children:s.jsx("path",{d:"m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.
70182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"})});function Jt({className:e=""}){const{t:a}=t();return s.jsxs("div",{className:`flex flex-col ${e}`,children:[s.jsxs("div",{className:"flex flex-col items-center justify-center text-center flex-1 transition-transform duration-500 group-hover/cf:-translate-y-3",children:[s.jsxs("svg",{width:"96",height:"96",viewBox:"0 0 297 297",fill:"none",className:"mb-5 rounded-2xl transition-transform duration-500 group-hover/cf:rotate-6 group-hover/cf:scale-110",children:[s.jsx("mask",{id:"mask0_cf",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"297",height:"297",children:s.jsx("path",{d:"M272.222 0H24.7475C11.0798 0 0 11.0798 0 24.7475V272.222C0 285.89 11.0798 296.97 24.7475 296.97H272.222C285.889 296.97 296.969 285.89 296.969 272.222V24.7475C296.969 11.0798 285.889 0 272.222 0Z",fill:"white"})}),s.jsxs("g",{mask:"url(#mask0_cf)",children:[s.jsx("path",{d:"M296.969 0.00585938H0V296.975H296.969V0.00585938Z",className:"fill-[#2D62FF] transition-colors duration-500 group-hover/cf:fill-white"}),s.jsx("path",{d:"M235.095 185.605H61.8633V213.446H235.095V185.605Z",className:"fill-white transition-colors duration-500 group-hover/cf:fill-[#2D62FF]"}),s.jsx("path",{d:"M136.106 108.273H61.8633V136.114H136.106V108.273Z",className:"fill-white transition-colors duration-500 group-hover/cf:fill-[#2D62FF]"})]})]}),s.jsx("h4",{className:"text-[1.15rem] font-semibold text-white mb-2",children:a.landing.claudeSkills.clientFirstTitle}),s.jsx("p",{className:"text-[0.82rem] text-white/60 leading-[1.6] max-w-[220px]",children:a.landing.claudeSkills.clientFirstDesc})]}),s.jsx("div",{className:"mt-4 overflow-hidden",children:s.jsx("img",{src:"/client-first-interface.png",alt:"Client-First interface",className:"w-full translate-y-4 transition-transform duration-500 group-hover/cf:translate-y-0 rounded-t-[3px] border border-b-0 border-white/[0.1]"})})]})}function Kt({className:e=""}){const{t:a}=t();return s.jsxs("div",{className:`flex flex-col ${e}`,children:[s.jsxs("div",{className:"flex flex-col items-center justify-center text-center flex-1 transition-transform duration-500 group-hover/wf:-translate-y-3",children:[s.jsxs("div",{className:"flex items-center -space-x-5 mb-5 group-hover/wf:space-x-1 transition-all duration-500",children:[s.jsx("div",{className:"w-[88px] h-[88px] rounded-2xl bg-[#E44D26] flex items-center justify-center relative z-[1] border-[3px] border-[#141414] transition-all duration-500 group-hover/wf:bg-white group-hover/wf:border-transparent group-hover/wf:-rotate-6 group-hover/wf:scale-110",children:s.jsx("svg",{width:"40",height:"40",viewBox:"0 0 24 24",children:s.jsx("path",{d:"M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.071-.757.091-.957.007-.072H6.545l.698 7.497h7.382l-.312 3.647-2.34.646-2.322-.63-.148-1.72H7.108l.257 3.232L11.973 20l4.629-1.324.655-7.174H8.531v-.752z",className:"fill-white transition-colors duration-500 group-hover/wf:fill-[#E44D26]"})})}),s.jsx("div",{className:"w-[88px] h-[88px] rounded-2xl bg-[#264DE4] flex items-center justify-center relative z-[2] border-[3px] border-[#141414] transition-all duration-500 group-hover/wf:bg-white group-hover/wf:border-transparent group-hover/wf:rotate-6 group-hover/wf:scale-110",children:s.jsx("svg",{width:"40",height:"40",viewBox:"0 0 24 24",children:s.jsx("path",{d:"M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.002l5.12-1.423 1.47-13.166z",className:"fill-white transition-colors duration-500 group-hover/wf:fill-[#264DE4]"})})})]}),s.jsx("h4",{className:"text-[1.15rem] font-semibold text-white mb-2",children:a.landing.claudeSkills.htmlCssTitle}),s.jsx("p",{className:"text-[0.82rem] text-white/60 leading-[1.6] max-w-[220px]",children:a.landing.claudeSkills.htmlCssDesc})]}),s.jsx("div",{className:"mt-4 overflow-hidden",children:s.jsx("img",{src:"/html-css-interface.png",alt:"HTML/CSS optimisé interface",className:"w-full translate-y-4 transition-transform duration-500 group-hover/wf:translate-y-0 rounded-t-[3px] border border-b-0 border-white/[0.1]"})})]})}function Qt({children:e}){const{t:i}=t();return s.jsxs(s.Fragment,{children:[s.jsxs(C.h2,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,ease:[.16,1,.3,1],delay:.15},className:"text-[clamp(1.5rem,3.2vw,2.4rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-white mb-5",children:[i.landing.claudeSkills.heading," ",s.jsxs("span",{className:"inline-flex items-baseline gap-2",children:[Gt,i.landing.claudeSkills.headingClaude]})]}),s.jsx(C.p,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,ease:[.16,1,.3,1],delay:.25},className:"text-[0.95rem] leading-[1.7] text-white/50 mb-8 max-w-[440px]",children:i.landing.claudeSkills.subtitle}),s.jsx(C.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,ease:[.16,1,.3,1],delay:.35},children:s.jsxs(a,{to:"/signup",className:"inline-flex items-center gap-2 px-6 py-3 rounded-full bg-white/[0.08] border border-white/[0.1] text-[0.85rem] font-medium text-white hover:bg-white/[0.14] transition-all duration-300 hover:-translate-y-0.5 group backdrop-blur-sm",children:[i.landing.claudeSkills.ctaButton,s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",className:"transition-transform duration-200 group-hover:translate-x-0.5",children:s.jsx("path",{d:"M3 8h10m0 0L9 4m4 4L9 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})}),e]})}function es(){return s.jsx("section",{id:"skills",className:"py-16 sm:py-28 px-4 sm:px-6 scroll-mt-20",children:s.jsx("div",{className:"max-w-[1100px] mx-auto",children:s.jsxs(C.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.7,ease:[.16,1,.3,1]},className:"relative overflow-hidden rounded-3xl bg-[#141414]",children:[s.jsx("div",{className:"absolute -top-[300px] -left-[300px] w-[750px] h-[750px] pointer-events-none",style:{background:"radial-gradient(circle, rgba(224,122,47,0.35) 0%, rgba(224,122,47,0.15) 30%, rgba(224,122,47,0.05) 50%, transparent 70%)"}}),s.jsxs("div",{className:"grid md:grid-cols-[1.3fr_1fr_1fr] gap-0 relative z-10",children:[s.jsx("div",{className:"flex flex-col justify-center p-6 sm:p-10 md:p-12",children:s.jsx(Qt,{})}),s.jsxs("div",{className:"group/cf relative flex flex-col justify-center p-6 pb-0 sm:p-8 sm:pb-0 md:p-8 md:pb-0 border-t md:border-t-0 md:border-l border-white/[0.06] overflow-hidden",children:[s.jsx("div",{className:"absolute -top-[250px] left-1/2 -translate-x-1/2 w-[500px] h-[500px] rounded-full opacity-0 group-hover/cf:opacity-100 transition-opacity duration-700 pointer-events-none blur-[60px]",style:{background:"radial-gradient(circle, rgba(45,98,25
75,0.8) 0%, rgba(45,98,255,0.3) 40%, transparent 70%)"}}),s.jsx(Jt,{className:"h-full relative z-10"})]}),s.jsxs("div",{className:"group/wf relative flex flex-col justify-center p-6 pb-0 sm:p-8 sm:pb-0 md:p-8 md:pb-0 border-t md:border-t-0 md:border-l border-white/[0.06] overflow-hidden",children:[s.jsx("div",{className:"absolute -top-[250px] left-1/2 -translate-x-1/2 w-[500px] h-[500px] rounded-full opacity-0 group-hover/wf:opacity-100 transition-opacity duration-700 pointer-events-none blur-[60px]",style:{background:"radial-gradient(circle, rgba(228,77,38,0.8) 0%, rgba(228,77,38,0.3) 40%, transparent 70%)"}}),s.jsx(Kt,{className:"h-full relative z-10"})]})]})]})})})}function ts(){return s.jsx(es,{})}function ss({vimeoId:t,title:a,epoch:i}){const n=e.useRef(null),r=e.useRef(null),[l,o]=e.useState(!1);return e.useEffect(()=>{const e=n.current;if(!e)return;const t=new IntersectionObserver(([e])=>{e.isIntersecting&&(o(!0),t.disconnect())},{rootMargin:"400px"});return t.observe(e),()=>t.disconnect()},[]),e.useLayoutEffect(()=>{if(!l)return;const e=n.current;if(!e)return;const t=16/9,s=()=>{const s=r.current;if(!s)return;const{width:a,height:i}=e.getBoundingClientRect();0!==a&&0!==i&&(a/i>t?(s.style.width=`${a}px`,s.style.height=a/t+"px"):(s.style.height=`${i}px`,s.style.width=i*t+"px"))};s();const a=requestAnimationFrame(s),i=new ResizeObserver(s);return i.observe(e),()=>{cancelAnimationFrame(a),i.disconnect()}},[l,i]),s.jsxs("div",{ref:n,className:"absolute inset-0 overflow-hidden",children:[s.jsx("img",{src:`https://vumbnail.com/${t}.jpg`,alt:"","aria-hidden":!0,loading:"lazy",className:"absolute inset-0 w-full h-full object-cover"}),l&&s.jsx("iframe",{ref:r,src:`https://player.vimeo.com/video/${t}?background=1&autoplay=1&loop=1&byline=0&title=0&muted=1`,title:a,loading:"lazy",allow:"autoplay",className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full h-full border-0 pointer-events-none"},`${t}-${i}`)]})}function as({videoUrl:a,onClose:i}){const{t:n}=t();return e.useEffect(()=>{const e=e=>{"Escape"===e.key&&i()};return document.addEventListener("keydown",e),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=""}},[i]),s.jsxs(C.div,{initial:{opacity:0}
7,animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"fixed inset-0 z-[200] flex items-center justify-center p-4 sm:p-8",onClick:i,children:[s.jsx("div",{className:"absolute inset-0 bg-black/60 backdrop-blur-md"}),s.jsx("button",{onClick:i,className:"absolute top-5 right-5 z-10 w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 backdrop-blur-sm flex items-center justify-center transition-colors duration-200",children:s.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:s.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})}),s.jsx(C.div,{initial:{scale:.92,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.92,opacity:0},transition:{duration:.35,ease:[.16,1,.3,1]},className:"relative z-10 w-full max-w-[1000px] rounded-2xl overflow-hidden shadow-[0_32px_80px_rgba(0,0,0,0.4)]",onClick:e=>e.stopPropagation(),children:s.jsx("div",{className:"relative aspect-video bg-[#0a0a0b]",children:a?s.jsx("iframe",{src:a,title:"Demo",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"absolute inset-0 w-full h-full"}):s.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-3",children:[s.jsx("div",{className:"w-16 h-16 rounded-full bg-white/[0.08] flex items-center justify-center",children:s.jsx("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"opacity-40",children:s.jsx("polygon",{points:"5,3 19,12 5,21"})})}),s.jsx("span",{className:"text-[0.8rem] text-white/30 font-medium",children:n.landing.useCasesSection.videoPlaceholder})]})})})]})}function is(){const{t:e}=t(),a=e.landing.comparison,i=Object.values(a.features);return s.jsx("section",{className:"py-16 sm:py-28 px-4 sm:px-6",children:s.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-12 sm:mb-16",children:[s.jsx("span",{className:"inline-block text-[0.7rem] font-bold tracking-[0.12em] uppercase bg-gradient-to-r from-[#4F46E5] to-[#9333EA] bg-clip-text text-transparent mb-4",children:a.badge}),s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-4",children:a.heading}),s.jsx("p",{className:"text-[1rem] text-[#6B6B6B] max-w-[520px] mx-auto",children:a.subheading})]}),s.jsxs(C.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.7,ease:[.16,1,.3,1]},className:"rounded-2xl border border-black/[0.06] overflow-hidden shadow-[0_2px_20px_rgba(0,0,0,0.04)] bg-white/70 backdrop-blur-xl",children:[s.jsxs("div",{className:"grid grid-cols-[1fr_130px_130px] sm:grid-cols-[1fr_240px_240px] bg-[#FAFAF8]",children:[s.jsx("div",{className:"p-4 sm:p-5 border-b border-r border-black/[0.06]"}),s.jsxs("div",{className:"flex flex-col items-center justify-center gap-1.5 p-4 sm:p-5 border-b border-r border-black/[0.06]",children:[s.jsx("div",{className:"w-8 h-8 rounded-full bg-[#4353FF] flex items-center justify-center",children:s.jsx("svg",{width:"16",height:"16",viewBox:"228 348 675 421",fill:"white",children:s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M902.062 348.75L687.217 768.75H485.417L575.329 594.684H571.295C497.118 690.976 386.444 754.365 228.75 768.75V597.093C228.75 597.093 329.63 591.134 388.935 528.784H228.75V348.753H408.781V496.826L412.822 496.809L486.389 348.753H622.541V495.887L626.582 495.881L702.909 348.75H902.062Z"})})}),s.jsx("span",{className:"text-[0.72rem] font-semibold text-[#1A1A1A] text-center leading-tight",children:a.mcpWebflow})]}),s.jsxs("div",{className:"flex flex-col items-center justify-center gap-1.5 p-4 sm:p-5 border-b border-black/[0.06] bg-gradient-to-b from-[#EEF2FF] to-[#F5F3FF]",children:[s.jsx("img",{src:"/logo-convertex.png",alt:"",className:"w-8 h-8 rounded-[7px]"}),s.jsx("span",{className:"text-[0.72rem] font-semibold bg-gradient-to-r from-[#4F46E5] to-[#9333EA] bg-clip-text text-transparent text-center leading-tight",children:a.convertex})]})]}),i.map((e,t)=>s.jsxs("div",{className:"grid grid-cols-[1fr_130px_130px] sm:grid-cols-[1fr_240px_240px] bg-white "+(t<i.length-1?"border-b border-black/[0.05]":""),children:[s.jsxs("div",{className:"flex flex-col justify-center gap-0.5 p-4 sm:px-5 sm:py-4 border-r border-black/[0.06]",children:[s.jsx("span",{className:"text-[0.88rem] font-medium text-[#1A1A1A] leading-snug",children:e.label}),s.jsx("span",{className:"text-[0.75rem] text-[#8B8B8B] leading-snug hidden sm:block",children:e.desc})]}),s.jsx("div",{className:"flex items-center justify-center border-r border-black/[0.06]",children:!0===e.mcp?s.jsx(H,{className:"w-4 h-4 text-[#4CAF50]",strokeWidth:2.5}):"partial"===e.mcp?s.jsx("span",{className:"text-[0.95rem] font-semibold text-[#F59E0B] leading-none",children:"~"}):s.jsx(W,{className:"w-4 h-4 text-[#C8C8C8]",strokeWidth:2.5})}),s.jsx("div",{className:"flex items-center justify-center",children:s.jsx(H,{className:"w-4 h-4 text-[#6D28D9]",strokeWidth:2.5})})]},t))]})]})})}function ns(){const{t:i}=t(),[n,r]=e.useState(null),[o,m]=e.useState(null),[h,u]=e.useState("extension"),[g,b]=e.useState(0),f=e.useRef(null);e.useEffect(()=>{null!==f.current&&null===n&&b(e=>e+1),f.current=n},[n]);const j=i.landing.useCasesSection.workflows.items,v=j.find(e=>e.id===h)??j[0],w={extension:l.extension.svg,"claude-design":l["claude-design"].svg,figma:l.figma.svg,"library-ui":l["library-ui"].svg},y={extension:i.landing.useCasesSection.cards.map((e,t)=>({icon:[s.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),s.jsx("path",{d:"M3 9h18M9 21V9"})]}),s.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),s.jsx("path",{d:"M2 17l10 5 10-5"}),s.jsx("path",{d:"M2 12l10 5 10-5"})]}),s.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"}),s.jsx("path",{d:"M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12"})]}),s.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"}),s.jsx("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),s.jsx("path",{d:"M16 10a4 4 0 01-8 0"})]}),s.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),s.jsx("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),s.jsx("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),s.jsx("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}
7)][t],label:e.label,title:e.title,description:e.description,browserUrl:i.landing.useCasesSection.browserUrls[t],prompt:p[t],hasCapture:x[t],captureImage:d[t],vimeoId:c[t],videoUrl:`https://player.vimeo.com/video/${c[t]}?autoplay=1&loop=0&byline=0&title=0`})),"claude-design":i.landing.useCasesSection.claudeDesignCards.map(e=>({icon:l["claude-design"].svg,label:e.label,title:e.title,description:e.description,browserUrl:"claude.ai",prompt:"",hasCapture:!1,captureImage:"",vimeoId:e.vimeoId,videoUrl:`https://player.vimeo.com/video/${e.vimeoId}?autoplay=1&loop=0&byline=0&title=0`})),figma:i.landing.useCasesSection.figmaCards.map(e=>({icon:l.figma.svg,label:e.label,title:e.title,description:e.description,browserUrl:"figma.com",prompt:"",hasCapture:!1,captureImage:"",vimeoId:e.vimeoId,videoUrl:`https://player.vimeo.com/video/${e.vimeoId}?autoplay=1&loop=0&byline=0&title=0`})),"library-ui":i.landing.useCasesSection.libraryUiCards.map(e=>({icon:l["library-ui"].svg,label:e.label,title:e.title,description:e.description,browserUrl:"ui.aceternity.com",prompt:"",hasCapture:!1,captureImage:"",vimeoId:e.vimeoId,videoUrl:`https://player.vimeo.com/video/${e.vimeoId}?autoplay=1&loop=0&byline=0&title=0`}))}[h]??[];return s.jsxs(s.Fragment,{children:[s.jsx("section",{id:"use-cases",className:"py-16 sm:py-28 px-4 sm:px-6 scroll-mt-20",children:s.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-12 sm:mb-20",children:[s.jsx("span",{className:"inline-block text-[0.7rem] font-bold tracking-[0.12em] uppercase bg-gradient-to-r from-[#4F46E5] to-[#9333EA] bg-clip-text text-transparent mb-4",children:i.landing.useCasesSection.badge}),s.jsxs("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-5 max-w-[860px] mx-auto text-balance",children:[i.landing.useCasesSection.heading," ",s.jsx("span",{className:"bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] bg-clip-text text-transparent",children:i.landing.useCasesSection.headingHighlight})," ",i.landing.useCasesSection.headingPost]}),s.jsx("p",{className:"text-[1rem] text-[#6B6B6B] max-w-[460px] mx-auto mb-8",children:i.landing.useCasesSection.subtitle}),s.jsxs(a,{to:"/signup",className:"relative overflow-hidden inline-flex items-center gap-2 bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] text-white text-[0.9rem] font-semibold px-7 py-3.5 rounded-full shadow-[0_4px_20px_rgba(147,51,234,0.22)] transition-all duration-250 hover:-translate-y-0.5 hover:shadow-[0_8px_28px_rgba(147,51,234,0.32)] group",children:[s.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/[0.18] to-transparent lp-shimmer"}),s.jsx("span",{className:"relative",children:i.landing.useCasesSection.ctaButton}),s.jsx("svg",{width:"15",height:"15",viewBox:"0 0 16 16",fill:"none",className:"relative transition-transform duration-200 group-hover:translate-x-0.5",children:s.jsx("path",{d:"M3 8h10m0 0L9 4m4 4L9 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]}),s.jsx("div",{className:"md:sticky md:top-[88px] z-30 flex justify-center mb-10 sm:mb-14",children:s.jsx("div",{className:"inline-flex items-center bg-[#F0F0EC]/85 backdrop-blur-md rounded-full p-1 gap-1 relative max-w-full overflow-x-auto scrollbar-hide shadow-[0_4px_18px_rgba(0,0,0,0.06),0_0_0_1px_rgba(0,0,0,0.04)]",children:j.map(e=>{const t=e.id===h;return s.jsxs("button",{onClick:()=>u(e.id),className:["relative z-10 shrink-0 flex items-center gap-1.5 sm:gap-2 px-3 sm:px-5 py-2 sm:py-2.5 rounded-full text-[0.78rem] sm:text-[0.85rem] font-medium transition-colors duration-300",t?"text-[#1A1A1A]":"text-[#787878] hover:text-[#1A1A1A]"].join(" "),children:[t&&s.jsx(C.span,{layoutId:"workflow-tab-indicator",className:"absolute inset-0 bg-white rounded-full shadow-[0_1px_3px_rgba(0,0,0,0.06),0_1px_2px_rgba(0,0,0,0.04)]",transition:{type:"spring",stiffness:400,damping:30}}),s.jsx("span",{className:"relative z-10 inline-flex items-center justify-center [&>svg]:w-[14px] [&>svg]:h-[14px] sm:[&>svg]:w-[16px] sm:[&>svg]:h-[16px] "+(t?"text-[#9333EA]":"text-[#9A9A9A]"),children:w[e.
7id]}),s.jsx("span",{className:"relative z-10 whitespace-nowrap",children:e.label})]},e.id)})})}),y.length>0?s.jsx("div",{className:"flex flex-col gap-8",children:y.map((e,t)=>{var a,n;return s.jsx(C.div,{initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.6,ease:[.16,1,.3,1]},children:s.jsxs("div",{className:"bg-white/70 backdrop-blur-xl rounded-2xl border border-black/[0.05] shadow-[0_2px_12px_rgba(0,0,0,0.03)] overflow-hidden flex flex-col lg:flex-row lg:min-h-[380px]",children:[s.jsxs("div",{className:"flex flex-col justify-center p-6 sm:p-8 lg:p-12 lg:w-[460px] shrink-0",children:[s.jsxs("div",{className:"inline-flex items-center gap-2 mb-4 self-start",children:[s.jsx("span",{className:"inline-flex items-center justify-center w-7 h-7 rounded-[7px] shadow-[0_1px_2px_rgba(0,0,0,0.05),0_0_0_1px_rgba(0,0,0,0.04)] [&>svg]:w-[15px] [&>svg]:h-[15px]",style:{backgroundColor:(null==(a=l[h])?void 0:a.tile)??"#FFFFFF"},children:null==(n=l[h])?void 0:n.svg}),s.jsx("span",{className:"text-[0.82rem] font-semibold tracking-[-0.01em] text-[#1A1A1A]",children:v.label})]}),s.jsx("h3",{className:"text-[1.35rem] md:text-[1.6rem] font-semibold tracking-[-0.03em] text-[#1A1A1A] leading-[1.2] mb-3",children:e.title}),s.jsx("p",{className:"text-[0.92rem] leading-[1.7] text-[#6B6B6B] mb-6",children:e.description}),s.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.hasCapture&&e.captureImage&&s.jsx("button",{onClick:async()=>{try{const t=await fetch(e.captureImage),s=await t.blob();await navigator.clipboard.write([new ClipboardItem({[s.type]:s})])}catch{await navigator.clipboard.writeText(window.location.origin+e.captureImage)}m(`capture-${t}`),setTimeout(()=>m(null),2e3)},className:"inline-flex items-center gap-1.5 text-[0.78rem] font-medium text-[#6B6B6B] hover:text-[#1A1A1A] bg-black/[0.03] hover:bg-black/[0.06] active:scale-[0.99] px-3 py-2 rounded-[10px] transition-all duration-200",children:o===`capture-${t}`?s.jsxs(s.Fragment,{children:[s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#4CAF50",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:s.jsx("path",{d:"M20 6L9 17l-5-5"})}),s.jsx("span",{className:"text-[#4CAF50]",children:i.landing.useCasesSection.captureCopied})]}):s.jsxs(s.Fragment,{children:[s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),s.jsx("path",{d:"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"})]}),i.landing.useCasesSection.copyCapture]})}),e.prompt&&s.jsx("button",{onClick:async()=>{await navigator.clipboard.writeText(e.prompt),m(`prompt-${t}`),setTimeout(()=>m(null),2e3)},className:"inline-flex items-center gap-1.5 text-[0.78rem] font-medium text-[#6B6B6B] hover:text-[#1A1A1A] bg-black/[0.03] hover:bg-black/[0.06] active:scale-[0.99] px-3 py-2 rounded-[10px] transition-all duration-200",children:o===`prompt-${t}`?s.jsxs(s.Fragment,{children:[s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#4CAF50",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:s.jsx("path",{d:"M20 6L9 17l-5-5"})}),s.jsx("span",{className:"text-[#4CAF50]",children:i.landing.useCasesSection.promptCopied})]}):s.jsxs(s.Fragment,{children:[s.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"}),s.jsx("polyline",{points:"14,2 14,8 20,8"}),s.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),s.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"})]}),i.landing.useCasesSection.copyPrompt]})})]})]}),s.jsx("div",{className:"flex-1 relative border-t lg:border-t-0 lg:border-l border-black/[0.06]",children:s.jsxs("button",{onClick:()=>r(e.videoUrl),className:"w-full h-full min-h-[260px] lg:min-h-0 bg-[#0a0a0b] transition-colors duration-300 relative group/video cursor-pointer rounded-b-2xl lg:rou
7nded-bl-none lg:rounded-r-2xl overflow-hidden",children:[s.jsx("div",{className:"absolute inset-0 hidden sm:block",children:s.jsx(ss,{vimeoId:e.vimeoId,title:e.title,epoch:g})}),s.jsx("img",{src:`https://vumbnail.com/${e.vimeoId}.jpg`,alt:e.title,className:"absolute inset-0 w-full h-full object-cover sm:hidden"}),s.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10 sm:hidden",children:s.jsx("div",{className:"w-14 h-14 rounded-full bg-white/90 shadow-[0_8px_32px_rgba(0,0,0,0.2)] flex items-center justify-center",children:s.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",className:"ml-1",children:s.jsx("polygon",{points:"6,3 20,12 6,21",fill:"#4F46E5"})})})}),s.jsx("div",{className:"absolute inset-0 bg-black/0 group-hover/video:bg-black/30 transition-all duration-300 items-center justify-center z-10 hidden sm:flex",children:s.jsx("div",{className:"w-16 h-16 rounded-full bg-white/90 shadow-[0_8px_32px_rgba(0,0,0,0.2)] flex items-center justify-center opacity-0 group-hover/video:opacity-100 scale-90 group-hover/video:scale-100 transition-all duration-300",children:s.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",className:"ml-1",children:[s.jsx("polygon",{points:"6,3 20,12 6,21",fill:"url(#play-grad)"}),s.jsx("defs",{children:s.jsxs("linearGradient",{id:"play-grad",x1:"6",y1:"3",x2:"20",y2:"12",children:[s.jsx("stop",{offset:"0%",stopColor:"#4F46E5"}),s.jsx("stop",{offset:"100%",stopColor:"#9333EA"})]})})]})})}),s.jsx("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 opacity-0 group-hover/video:opacity-100 transition-opacity duration-300 z-10 hidden sm:block",children:s.jsx("span",{className:"text-[0.72rem] font-medium text-white/90 bg-black/40 backdrop-blur-sm px-3 py-1 rounded-full border border-white/[0.1]",children:i.landing.useCasesSection.clickForDemo})})]})})]})},t)})}):s.jsxs(C.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.45,ease:[.16,1,.3,1]},className:"bg-white/70 backdrop-blur-xl rounded-2xl border border-black/[0.05] shadow-[0_2px_12px_rgba(0,0,0,0.03)] overflow-hidden flex flex-col lg:flex-row lg:min-h-[380px]",children:[s.jsxs("div",{className:"flex flex-col justify-center p-6 sm:p-8 lg:p-12 lg:w-[460px] shrink-0",children:[s.jsxs("div",{className:"flex items-center gap-2 text-[0.78rem] font-medium text-[#9A9A9A] mb-4",children:[s.jsx("span",{className:"text-[#9333EA]/60",children:w[v.id]}),s.jsx("span",{children:v.label})]}),s.jsx("h3",{className:"text-[1.35rem] md:text-[1.6rem] font-semibold tracking-[-0.03em] text-[#1A1A1A] leading-[1.2] mb-3",children:v.title}),s.jsx("p",{className:"text-[0.92rem] leading-[1.7] text-[#6B6B6B] mb-6",children:v.description}),s.jsxs("div",{className:"inline-flex items-start gap-2.5 text-[0.82rem] text-[#6B6B6B] bg-black/[0.03] px-3.5 py-2.5 rounded-[10px]",children:[s.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",className:"mt-0.5 shrink-0 text-[#9333EA]",children:[s.jsx("circle",{cx:"12",cy:"12",r:"10"}),s.jsx("path",{d:"M12 8v4M12 16h.01"})]}),s.jsx("span",{children:i.landing.useCasesSection.workflows.comingSoonDescription})]})]}),s.jsxs("div",{className:"flex-1 relative border-t lg:border-t-0 lg:border-l border-black/[0.06] min-h-[260px] lg:min-h-0 overflow-hidden rounded-b-2xl lg:rounded-bl-none lg:rounded-r-2xl bg-gradient-to-br from-[#F8F7FF] via-[#F5F3FF] to-[#FDF4FF]",children:[s.jsx("div",{className:"absolute inset-0 opacity-[0.35]",style:{backgroundImage:"linear-gradient(rgba(147,51,234,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(147,51,234,0.08) 1px, transparent 1px)",backgroundSize:"32px 32px"}}),s.jsx("div",{className:"absolute -top-10 -right-10 w-64 h-64 rounded-full bg-gradient-to-br from-[#9333EA]/20 to-[#4F46E5]/10 blur-3xl"}),s.jsx("div",{className:"absolute -bottom-10 -left-10 w-64 h-64 rounded-full bg-gradient-to-tr from-[#C026D3]/15 to-transparent blur-3xl"}),s.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:s.jsxs("div",{className:"flex flex-col items-center gap-3 text-center px-6",children:[s.jsx("div",{className:"w-14 h-14 roun
7ded-2xl bg-white/80 backdrop-blur shadow-[0_8px_28px_rgba(147,51,234,0.18)] border border-white/60 flex items-center justify-center text-[#9333EA]",children:s.jsxs("svg",{width:"26",height:"26",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("circle",{cx:"12",cy:"12",r:"10"}),s.jsx("polyline",{points:"12,6 12,12 16,14"})]})}),s.jsx("span",{className:"text-[0.8rem] font-semibold tracking-[-0.01em] bg-gradient-to-r from-[#4F46E5] to-[#9333EA] bg-clip-text text-transparent",children:i.landing.useCasesSection.workflows.comingSoonTitle})]})})]})]},h)]})}),s.jsx(R,{children:null!==n&&s.jsx(as,{videoUrl:n,onClose:()=>r(null)})})]})}function rs(){const{t:e}=t();return s.jsx("section",{className:"py-16 sm:py-28 px-4 sm:px-6",children:s.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-10 sm:mb-16",children:[s.jsx("span",{className:"inline-block text-[0.7rem] font-bold tracking-[0.12em] uppercase bg-gradient-to-r from-[#4F46E5] to-[#9333EA] bg-clip-text text-transparent mb-4",children:e.landing.platforms.badge}),s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-5 max-w-[600px] mx-auto",children:e.landing.platforms.heading}),s.jsx("p",{className:"text-[1rem] text-[#6B6B6B] max-w-[460px] mx-auto",children:e.landing.platforms.subtitle})]}),s.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5",children:[s.jsxs(C.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"bg-white/70 backdrop-blur-xl rounded-2xl border border-black/[0.05] shadow-[0_2px_12px_rgba(0,0,0,0.03)] overflow-hidden flex flex-col",children:[s.jsxs("div",{className:"p-6 sm:p-8 min-h-[220px]",children:[s.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[s.jsxs("svg",{width:"40",height:"40",viewBox:"0 0 48 48",children:[s.jsxs("defs",{children:[s.jsxs("linearGradient",{id:"chrome-a",x1:"3.22",y1:"15",x2:"44.78",y2:"15",gradientUnits:"userSpaceOnUse",children:[s.jsx("stop",{offset:"0",stopColor:"#d93025"}),s.jsx("stop",{offset:"1",stopColor:"#ea4335"})]}),s.jsxs("linearGradient",{id:"chrome-b",x1:"20.72",y1:"47.68",x2:"41.5",y2:"11.68",gradientUnits:"userSpaceOnUse",children:[s.jsx("stop",{offset:"0",stopColor:"#fcc934"}),s.jsx("stop",{offset:"1",stopColor:"#fbbc04"})]}),s.jsxs("linearGradient",{id:"chrome-c",x1:"26.6",y1:"46.5",x2:"5.82",y2:"10.51",gradientUnits:"userSpaceOnUse",children:[s.jsx("stop",{offset:"0",stopColor:"#1e8e3e"}),s.jsx("stop",{offset:"1",stopColor:"#34a853"})]})]}),s.jsx("circle",{cx:"24",cy:"24",r:"12",fill:"#fff"}),s.jsx("path",{d:"M24,12H44.78a24,24,0,0,0-41.56.003L13.61,30l.01-.002A11.99,11.99,0,0,1,24,12Z",fill:"url(#chrome-a)"}),s.jsx("circle",{cx:"24",cy:"24",r:"9.5",fill:"#1a73e8"}),s.jsx("path",{d:"M34.39,30L24,48A24,24,0,0,0,44.78,12H24l-.003.01A11.99,11.99,0,0,1,34.39,30Z",fill:"url(#chrome-b)"}),s.jsx("path",{d:"M13.61,30L3.22,12.01A24,24,0,0,0,24,48L34.39,30l-.007-.007a11.99,11.99,0,0,1-20.78.007Z",fill:"url(#chrome-c)"})]}),s.jsxs("h3",{className:"text-[1.15rem] font-semibold tracking-[-0.02em] text-[#1A1A1A]",children:[e.landing.platforms.chrome.title,s.jsx("span",{className:"ml-2 text-[0.68rem] font-semibold text-[#1e8e3e] bg-[#1e8e3e]/10 px-2 py-0.5 rounded-full align-middle",children:e.landing.platforms.chrome.soon})]})]}),s.jsx("p",{className:"text-[0.88rem] text-[#6B6B6B] leading-[1.7] mb-5",children:e.landing.platforms.chrome.description}),s.jsxs("a",{href:"https://chromewebstore.google.com/detail/convertex-capture/gfekljcojlcdiipbajpjpdhbnlopcpaa",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 text-[0.84rem] font-medium text-[#1A1A1A] hover:text-[#2b7ff9] transition-colors",children:[e.landing.platforms.chrome.cta,s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:s.jsx("path",{d:"M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5"})})]})]}),s.jsx("div",{className:"flex-1 min-h-[280px] relative overflow-hidden",children:s.jsx("img",{src:"/convertex-extension.png",alt:"Convertex Chrome Extension",className:"absolute top-8 left-12 w-[105%] max-w-none rounded-tl-xl border border-black/[0.06] drop-shadow-[0_-4px_20px_rgba(0,0,0,0.15)]"})})]}),s.jsxs(C.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1],delay:.1},className:"bg-white/70 backdrop-blur-xl rounded-2xl border border-black/[0.05] shadow-[0_2px_12px_rgba(0,0,0,0.03)] overflow-hidden flex flex-col",children:[s.jsxs("div",{className:"p-6 sm:p-8 min-h-[220px]",children:[s.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[s.jsx("div",{className:"w-10 h-10 rounded-xl bg-[#4353FF] flex items-center justify-center",children:s.jsx("svg",{width:"20",height:"20",viewBox:"228 348 675 421",fill:"white",children:s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M902.062 348.75L687.217 768.75H485.417L575.329 594.684H571.295C497.118 690.976 386.444 754.365 228.75 768.75V597.093C228.75 597.093 329.63 591.134 388.935 528.784H228.75V348.753H408.781V496.826L412.822 496.809L486.389 348.753H622.541V495.887L626.582 495.881L702.909 348.75H902.062Z"})})}),s.jsxs("h3",{className:"text-[1.15rem] font-semibold tracking-[-0.02em] text-[#1A1A1A]",children:[e.landing.platforms.webflow.title,s.jsx("span",{className:"ml-2 text-[0.68rem] font-semibold text-[#9333EA] bg-[#9333EA]/10 px-2 py-0.5 rounded-full align-middle",children:e.landing.platforms.webflow.soon})]})]}),s.jsx("p",{className:"text-[0.88rem] text-[#6B6B6B] leading-[1.7] mb-5",children:e.landing.platforms.webflow.description}),s.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[0.84rem] font-medium text-[#1A1A1A]/40 cursor-default select-none",children:[e.landing.platforms.webflow.cta,s.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:s.jsx("path",{d:"M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5"})})]})]}),s.jsx("div",{className:"flex-1 min-h-[280px] relative overflow-hidden",children:s.jsx("img",{src:"/screenshot-convertex.png",alt:"App Convertex",className:"absolute top-8 left-12 w-[105%] max-w-none rounded-tl-xl border border-black/[0.06] drop-shadow-[0_-4px_20px_rgba(0,0,0,0.15)]"})})]})]})]})})}function ls(){const{locale:n,t:l}=t(),{user:o}=i(),[c,d]=e.useState(!0),x=l.landing.pricingSection,p="fr"===n?"EUR":"USD",m=e=>"EUR"===p?`${e}â¬`:`$${e}`,h="USD"===p?"$":"",u="EUR"===p?"â¬":"",g=[x.features.converter,x.features.preview,x.features.stylesImport,x.features.autoDetect,x.features.mcp,x.features.history,x.features.multiProjects,x.features.scripts,x.features.prioritySupport,x.features.shareablePreview],b=new Set([x.features.converter,x.features.preview,x.features.stylesImport,x.features.autoDetect,x.features.mcp,x.features.history]),f=new Set([...b]),j=[{name:x.free.name,emoji:x.free.emoji,subtitle:x.free.subtitle,conversions:x.free.conversions,priceNum:0,period:"",yearNote:"",cta:x.free.cta,href:o?"/converter":"/signup",featured:!1,features:[...g.f
7ilter(e=>b.has(e)).map(e=>({label:e,included:!0})),...g.filter(e=>!b.has(e)).map(e=>({label:e,included:!1}))]},{name:x.starter.name,emoji:x.starter.emoji,subtitle:x.starter.subtitle,conversions:x.starter.conversions,priceNum:c?x.starter.priceYearlyMonth:x.starter.priceMonthly,period:x.perMonth,yearNote:c?`${m(x.starter.priceYear)}${x.perYear} · ${x.billedYearly}`:"",cta:x.starter.cta,href:o?"/converter":"/signup",featured:!1,features:[...g.filter(e=>f.has(e)).map(e=>({label:e,included:!0})),...g.filter(e=>!f.has(e)).map(e=>({label:e,included:!1}))]},{name:x.pro.name,emoji:x.pro.emoji,subtitle:x.pro.subtitle,conversions:x.pro.conversions,priceNum:c?x.pro.priceYearlyMonth:x.pro.priceMonthly,period:x.perMonth,yearNote:c?`${m(x.pro.priceYear)}${x.perYear} · ${x.billedYearly}`:"",cta:x.pro.cta,href:o?"/converter":"/signup",featured:!0,features:g.map(e=>({label:e,included:!0}))}];return s.jsxs("section",{id:"pricing",className:"py-16 sm:py-28 px-4 sm:px-6 scroll-mt-20 relative",children:[s.jsx("div",{className:"absolute inset-0 z-[1] pointer-events-none",style:{background:"linear-gradient(to bottom, transparent 0%, #FAFAF8 8%, #FAFAF8 92%, transparent 100%)"}}),s.jsxs("div",{className:"max-w-[1100px] mx-auto relative z-[2]",children:[s.jsxs(C.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"text-center mb-10 sm:mb-14",children:[s.jsx("span",{className:"inline-block text-[0.7rem] font-bold tracking-[0.12em] uppercase bg-gradient-to-r from-[#4F46E5] to-[#9333EA] bg-clip-text text-transparent mb-4",children:x.badge}),s.jsx("h2",{className:"text-[clamp(1.6rem,3.5vw,2.6rem)] leading-[1.15] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-5",children:x.heading}),s.jsx("p",{className:"text-[1rem] text-[#6B6B6B] max-w-[460px] mx-auto mb-8",children:x.subtitle}),s.jsx("div",{className:"inline-flex items-center bg-[#F0F0EC] rounded-full p-1 gap-1 relative",children:[!1,!0].map(e=>s.jsxs("button",{onClick:()=>d(e),className:["relative z-10 flex items-center gap-2 px-5 py-2.5 rounded-full text-[0.85rem] font-medium transition-colors duration-300",c===e?"text-[#1A1A1A]":"text-[#787878] hover:text-[#1A1A1A]"].join(" "),children:[c===e&&s.jsx(C.span,{layoutId:"pricing-toggle",className:"absolute inset-0 bg-white rounded-full shadow-[0_1px_3px_rgba(0,0,0,0.06),0_1px_2px_rgba(0,0,0,0.04)]",transition:{type:"spring",stiffness:400,damping:30}}),s.jsx("span",{className:"relative z-10",children:e?x.yearly:x.monthly}),e&&s.jsx("span",{className:"relative z-10 text-[0.68rem] font-bold text-[#9333EA] bg-[#9333EA]/10 px-2 py-0.5 rounded-full",children:x.yearlyDiscount})]},e?"yearly":"monthly"))})]}),s.jsxs(C.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.16,1,.3,1]},className:"overflow-hidden",children:[s.jsxs("div",{className:"md:hidden overflow-x-auto snap-x snap-mandatory scrollbar-hide -mx-4 px-4",children:[s.jsx("div",{className:"inline-flex gap-4",children:j.map(e=>s.jsxs("div",{className:"w-[85vw] flex-shrink-0 snap-center rounded-xl border border-black/[0.06] bg-white/70 p-6",children:[s.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[s.jsx("span",{className:"text-lg",children:e.emoji}),s.jsx("h3",{className:"text-[1.15rem] font-semibold tracking-[-0.02em] text-[#1A1A1A]",children:e.name})]}),s.jsx("p",{className:"text-[0.82rem] text-[#6B6B6B] mb-6",children:e.subt
7itle}),s.jsxs("div",{className:"mb-1",children:[s.jsxs("div",{className:"flex items-baseline gap-1",children:[s.jsx(r,{prefix:h,suffix:u,transition:{type:"spring",visualDuration:.6,bounce:.2},className:"text-[2.8rem] font-bold tracking-[-0.04em] text-[#1A1A1A]",children:e.priceNum},n),e.period&&s.jsx("span",{className:"text-[0.85rem] font-medium text-[#ABABAB]",children:e.period})]}),e.yearNote?s.jsx("p",{className:"text-[0.75rem] text-[#ABABAB] mt-1 h-5",children:e.yearNote}):s.jsx("div",{className:"h-5 mt-1"})]}),s.jsx("p",{className:"text-[0.78rem] text-[#ABABAB] mt-6 text-center py-3 rounded-lg border border-black/[0.06] bg-[#F6F6F4]",children:l.pricing.desktopOnly}),s.jsxs("div",{className:"flex items-center gap-1.5 mt-5",children:[s.jsx(_,{size:14,className:e.featured?"text-[#9333EA]":"text-[#1A1A1A]",strokeWidth:2.5}),s.jsx("span",{className:["text-[0.78rem] font-semibold tracking-[-0.01em]",e.featured?"bg-gradient-to-r from-[#4F46E5] to-[#9333EA] bg-clip-text text-transparent":"text-[#1A1A1A]"].join(" "),children:e.conversions})]}),s.jsx("ul",{className:"space-y-3 mt-6",children:e.features.map(e=>s.jsxs("li",{className:"flex items-start gap-2.5",children:[e.included?s.jsx(H,{size:15,className:"shrink-0 mt-0.5 text-[#4F46E5]",strokeWidth:2.5}):s.jsx(W,{size:15,className:"shrink-0 mt-0.5 text-[#D1D1D1]",strokeWidth:2}),s.jsx("span",{className:["text-[0.82rem] leading-[1.5]",e.included?"text-[#6B6B6B]":"text-[#D1D1D1]"].join(" "),children:e.label})]},e.label))})]},e.name+"-mobile"))}),s.jsx("p",{className:"text-center text-[0.72rem] text-[#ABABAB] py-3",children:l.pricing.swipeHint})]}),s.jsx("div",{className:"hidden md:grid grid-cols-3 divide-x divide-black/[0.06]",children:j.map(e=>s.jsxs("div",{className:"p-6 sm:p-8",children:[s.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[s.jsx("span",{className:"text-lg",children:e.emoji}),s.jsx("h3",{className:"text-[1.15rem] font-semibold tracking-[-0.02em] text-[#1A1A1A]",children:e.name})]}),s.jsx("p",{className:"text-[0.82rem] text-[#6B6B6B] mb-6",children:e.subt
7itle}),s.jsxs("div",{className:"mb-1",children:[s.jsxs("div",{className:"flex items-baseline gap-1",children:[s.jsx(r,{prefix:h,suffix:u,transition:{type:"spring",visualDuration:.6,bounce:.2},className:"text-[2.8rem] font-bold tracking-[-0.04em] text-[#1A1A1A]",children:e.priceNum},n),e.period&&s.jsx("span",{className:"text-[0.85rem] font-medium text-[#ABABAB]",children:e.period})]}),e.yearNote?s.jsx("p",{className:"text-[0.75rem] text-[#ABABAB] mt-1 h-5",children:e.yearNote}):s.jsx("div",{className:"h-5 mt-1"})]}),e.featured?s.jsx(a,{to:e.href,className:"block text-center text-[0.85rem] font-semibold px-5 py-3 rounded-lg mt-6 no-underline transition-all duration-200 bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] text-white hover:shadow-[0_4px_16px_rgba(79,70,229,0.3)] hover:-translate-y-px",children:e.cta}):s.jsx(a,{to:e.href,className:"block text-center text-[0.85rem] font-semibold px-5 py-3 rounded-lg mt-6 no-underline transition-all duration-200 bg-white text-[#1A1A1A] border border-black/[0.12] hover:border-black/[0.25] hover:-translate-y-px",children:e.cta}),s.jsxs("div",{className:"flex items-center gap-1.5 mt-5",children:[s.jsx(_,{size:14,className:e.featured?"text-[#9333EA]":"text-[#1A1A1A]",strokeWidth:2.5}),s.jsx("span",{className:["text-[0.78rem] font-semibold tracking-[-0.01em]",e.featured?"bg-gradient-to-r from-[#4F46E5] to-[#9333EA] bg-clip-text text-transparent":"text-[#1A1A1A]"].join(" "),children:e.conversions})]})]},e.name))}),s.jsx("div",{className:"hidden md:grid grid-cols-3 divide-x divide-black/[0.06] border-t border-black/[0.06]",children:j.map(e=>s.jsx("div",{className:"p-6 sm:p-8",children:s.jsx("ul",{className:"space-y-3",children:e.features.map(e=>s.jsxs("li",{className:"flex items-start gap-2.5",children:[e.included?s.jsx(H,{size:15,className:"shrink-0 mt-0.5 text-[#4F46E5]",strokeWidth:2.5}):s.jsx(W,{size:15,className:"shrink-0 mt-0.5 text-[#D1D1D1]",strokeWidth:2}),s.jsx("span",{className:["text-[0.82rem] leading-[1.5]",e.included?"text-[#6B6B6B]":"text-[#D1D1D1]"].join(" "),children:e.label})]},e.label))})},e.name+"-features"))})]})]})]})}function os(){const{locale:a,t:i}=t();return n("fr"===a?"Convertex - Code/IA vers Webflow & Framer en quelques secondes":"Convertex - Code/AI to Webflow & Framer in seconds",i.landing.hero.subheading),e.useEffect(()=>{const e=window.location.hash;if(!e||!/^#[A-Za-z][\w-]*$/.test(e))return;let t=null;try{t=document.querySelector(e)}catch{return}t&&setTimeout(()=>t.scrollIntoView({behavior:"smooth"}),100)},[]),s.jsxs("div",{className:"min-h-screen bg-[#FAFAF8] antialiased",style:{fontFamily:"'Geist', 'DM Sans', system-ui, sans-serif"},children:[s.jsx("div",{className:"fixed inset-0 pointer-events-none z-0",style:{backgroundImage:"repeating-linear-gradient(90deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 1px, transparent 1px, transparent)",backgroundSize:"80px 100%",maskImage:"linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%)",WebkitMaskImage:"linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%)"}}),s.jsx(Ft,{}),s.jsx(F,{}),s.jsx(Et,{}),s.jsx(Bt,{}),s.jsx(Mt,{}),s.jsx(Lt,{}),s.jsx(Ht,{}),s.jsx(Vt,{}),s.jsx(Yt,{}),s.jsx(ns,{}),s.jsx(is,{}),s.jsx(Xt,{}),s.jsx(ts,{}),s.jsx(rs,{}),s.jsx(ls,{}),s.jsx(Pt,{}),s.jsx(Tt,{}),s.jsx(E,{})]})}export{Ct as InlineSlotCounter,os as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.