https://convertex.ai/assets/FAQ-CTMuTwtR.js

1import{u as e,r as t,j as a,a as s,L as i,e as r}from"./index-CTUgqakz.js";import{u as l}from"./usePageMeta-BF1nj4XA.js";import{m as n}from"./proxy--AF1RYhV.js";import{P as o}from"./play-DM3T4h-o.js";import{C as c}from"./chevron-down-D2UVsmfD.js";import{A as d}from"./index-ChAGvo2U.js";import{u as x,a as m}from"./use-scroll-B-jCHJMt.js";import"./createLucideIcon-BKyP4MVl.js";const p={discord:{color:"#5865F2",icon:a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"})})},email:{color:"#E8C872",icon:a.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2"}),a.jsx("path",{d:"M22 7l-8.97 5.7a1.94 1.94 0 01-2.06 0L2 7"})]})},youtube:{color:"#FF0000",icon:a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"})})}};function h({videoUrl:e,onClose:s}){return t.useEffect(()=>{const e=e=>{"Escape"===e.key&&s()};return document.addEventListener("keydown",e),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=""}},[s]),a.jsxs(n.div,{initial:{opacity:0}

1,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:s,children:[a.jsx("div",{className:"absolute inset-0 bg-black/70 backdrop-blur-md"}),a.jsx("button",{onClick:s,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:a.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:a.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})}),a.jsx(n.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.5)]",onClick:e=>e.stopPropagation(),children:a.jsx("div",{className:"relative aspect-video bg-[#0a0a0b]",children:a.jsx("iframe",{src:e,title:"Answer",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"absolute inset-0 w-full h-full"})})})]})}function u(){const{user:l}=s(),{t:o}=e(),[c,d]=t.useState(!1),[p,h]=t.useState(!1),{scrollY:u}=x();m(u,"change",e=>d(e>50));const f=[{title:o.landing.nav.features,href:"/#features"},{title:o.landing.nav.useCases,href:"/#use-cases"},{title:o.landing.nav.skills,href:"/#skills"},{title:o.landing.nav.pricing,href:"/#pricing"}],g=l?"https://app.convertex.ai/converter":"https://app.convertex.ai/signup",b=l?o.landing.nav.openConvertex:o.landing.nav.tryFree;return a.jsxs("div",{className:"sticky z-50 transition-all duration-[600ms] ease-[cubic-bezier(0.16,1,0.3,1)] "+(c?"top-3":"top-0"),children:[a.jsx("div",{className:"hidden md:block",children:a.jsxs("div",{className:["mx-auto grid grid-cols-[1fr_auto_1fr] items-center","transition-all duration-[600ms] ease-[cubic-bezier(0.16,1,0.3,1)]",c?"max-w-[1100px] mt-3 bg-white/70 backdrop-blur-xl border border-black/[0.06] rounded-2xl px-5 py-2.5 shadow-[0_1px_3px_rgba(0,0,0,0.04),0_4px_12px_rgba(0,0,0,0.03)]":"max-w-[1400px] px-10 py-5 bg-[#FAFAF8]/70 backdrop-blur-lg"].join(" "),children:[a.jsxs(i,{to:"/",className:"flex items-center gap-2.5",children:[a.jsx("img",{src:"/logo-convertex.png",alt:"",className:"w-7 h-7 rounded-[7px]"}),a.jsx("span",{className:"text-[1.1rem] font-semibold tracking-[-0.03em] text-[#1A1A1A]",children:"Convertex"})]}),a.jsx("div",{className:"flex items-center gap-6 lg:gap-8",children:f.map(e=>a.jsx(i,{to:e.href,className:"text-[0.875rem] font-medium text-[#787878] hover:text-[#1A1A1A] transition-colors duration-200",children:e.title},e.title))}),a.jsxs("div",{className:"flex items-center justify-end gap-2 whitespace-nowrap",children:[a.jsx(r,{variant:"light"}),!l&&a.jsx("a",{href:"https://app.convertex.ai/login",className:"p-2 text-[#787878] hover:text-[#1A1A1A] transition-colors duration-200","aria-label":o.landing.nav.signIn,children:a.jsx("svg",{className:"w-[22px] h-[22px]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"})})}),a.jsx("a",{href:g,className:"text-[0.84rem] font-semibold text-white bg-[#1A1A1A] hover:bg-[#333] px-5 py-[9px] rounded-full transition-all duration-200 hover:-translate-y-px hover:shadow-[0_2px_8px_rgba(0,0,0,0.12)]",children:b})]})]})}),a.jsxs("div",{className:"md:hidden flex items-center justify-between px-5 py-3 bg-[#FAFAF8]",children:[a.jsxs(i,{to:"/",className:"flex items-center gap-2",children:[a.jsx("img",{src:"/logo-convertex.png",alt:"",className:"w-6 h-6 rounded-md"}),a.jsx("span",{className:"text-base font-semibold tracking-[-0.02em] text-[#1A1A1A]",children:"Convertex"})]}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(r,{variant:"light"}),a.jsxs("button",{onClick:()=>h(!p),className:"w-8 h-8 flex flex-col items-center justify-center gap-[5px]","aria-label":"Menu",children:[a.jsx("span",{className:"block w-4 h-[1.5px] bg-[#1A1A1A] transition-all duration-300 "+(p?"rotate-45 translate-y-[3.25px]":"")}),a.jsx("span",{className:"block w-4 h-[1.5px] bg-[#1A1A1A] transition-all duration-300 "+(p?"-rotate-45 -translate-y-[3.25px]":"")})]})]})]}),p&&a.jsx(n.div,{initial:{opacity:0,y:-8}

1,animate:{opacity:1,y:0},exit:{opacity:0,y:-8},className:"md:hidden absolute left-0 right-0 bg-[#FAFAF8] border-t border-black/[0.05] px-5 py-4 space-y-1 shadow-[0_4px_12px_rgba(0,0,0,0.06)]",children:f.map(e=>a.jsx(i,{to:e.href,onClick:()=>h(!1),className:"block py-2.5 text-[0.92rem] font-medium text-[#787878] hover:text-[#1A1A1A]",children:e.title},e.title))})]})}function f({item:e,index:s,labels:i}){const r=p[e.source],l=e.videoUrl.length>0,[c,d]=t.useState(!1),x=e.source.charAt(0).toUpperCase()+e.source.slice(1);return a.jsxs(n.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.6,ease:[.16,1,.3,1],delay:.12*s},className:"grid grid-cols-1 md:grid-cols-[1fr_40px_1fr] gap-4 md:gap-0 items-center",children:[a.jsxs("div",{className:"flex gap-3 md:pr-2",children:[a.jsx("div",{className:"w-9 h-9 rounded-full flex-shrink-0 flex items-center justify-center mt-1",style:{backgroundColor:`${r.color}15`},children:a.jsx("span",{style:{color:r.color},children:r.icon})}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[a.jsx("span",{className:"text-[0.78rem] font-semibold text-[#1A1A1A]",children:x}),a.jsx("div",{className:"flex items-center gap-1 px-1.5 py-0.5 rounded text-[0.6rem] font-bold uppercase tracking-wider",style:{backgroundColor:`${r.color}12`,color:r.color},children:x})]}),a.jsx("div",{className:"bg-[#1a1a1c] rounded-2xl rounded-tl-md overflow-hidden shadow-[0_2px_16px_rgba(0,0,0,0.08)]",children:a.jsx("div",{className:"flex items-center justify-center p-4 h-[180px]",children:a.jsx("img",{src:e.image,alt:e.question,className:"max-w-full max-h-full w-auto h-auto object-contain rounded-lg"})})})]})]}),a.jsxs("div",{className:"hidden md:flex flex-col items-center justify-center h-full py-6",children:[a.jsx("div",{className:"w-px flex-1 bg-gradient-to-b from-transparent via-black/[0.08] to-transparent"}),a.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-[#4F46E5]/20 border-2 border-[#4F46E5]/40 my-2"}),a.jsx("div",{className:"w-px flex-1 bg-gradient-to-b from-transparent via-black/[0.08] to-transparent"})]}),a.jsxs("div",{className:"flex gap-3 md:pl-2 md:flex-row-reverse",children:[a.jsx("div",{className:"w-9 h-9 rounded-full flex-shrink-0 overflow-hidden mt-1 shadow-[0_2px_8px_rgba(79,70,229,0.15)]",children:a.jsx("img",{src:"/logo-convertex.png",alt:"Convertex",className:"w-full h-full"})}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("div",{className:"flex items-center gap-2 mb-2 md:justify-end",children:a.jsx("span",{className:"text-[0.78rem] font-semibold text-[#1A1A1A]",children:"Convertex"})}),l&&c?a.jsx("div",{className:"relative bg-[#0a0a0b] rounded-2xl rounded-tr-md overflow-hidden shadow-[0_4px_24px_rgba(79,70,229,0.12)] border border-[#4F46E5]/15",children:a.jsx("div",{className:"aspect-video",children:a.jsx("iframe",{src:e.videoUrl,title:"Answer",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"absolute inset-0 w-full h-full rounded-2xl rounded-tr-md"})})}):l?a.jsx("button",{onClick:()=>d(!0),className:"w-full group/play cursor-pointer",children:a.jsx("div",{className:"relative bg-gradient-to-br from-[#4F46E5]/[0.06] to-[#9333EA]/[0.06] border border-[#4F46E5]/[0.1] rounded-2xl rounded-tr-md overflow-hidden transition-all duration-300 hover:border-[#4F46E5]/25 hover:shadow-[0_4px_24px_rgba(79,70,229,0.1)]",children:a.jsxs("div",{className:"flex flex-col items-center justify-center py-10 px-6 gap-4",children:[a.jsxs("div",{className:"relative",children:[a.jsx("div",{className:"absolute inset-0 bg-[#4F46E5]/20 rounded-full blur-xl scale-150 opacity-0 group-hover/play:opacity-100 transition-opacity duration-500"}),a.jsx("div",{className:"relative w-14 h-14 rounded-full bg-[#4F46E5] flex items-center justify-center shadow-[0_4px_20px_rgba(79,70,229,0.3)] group-hover/play:scale-110 transition-transform duration-300",children:a.jsx(o,{size:20,fill:"white",className:"text-white ml-0.5"})})]}),a.jsxs("div",{className:"text-center",children:[a.jsx("p",{className:"text-[0.84rem] font-semibold text-[#4F46E5] group-hover/play:text-[#3730A3] transition-colors",children:i.watchVideo}),a.jsx("p",{className:"text-[0.72rem] text-[#4F46E5]/50 mt-0.5",children:i.videoAnswer})]})]})})}):a.jsx("div",{className:"bg-black/[0.02] border border-dashed border-black/[0.08] rounded-2xl rounded-tr-md",children:a.jsxs("div",{className:"flex flex-col items-center justify-center py-10 px-6 gap-3",children:[a.jsx("div",{className:"w-12 h-12 rounded-full bg-black/[0.04] flex items-center justify-center",children:a.jsx(o,{size:18,className:"text-[#1A1A1A]/20 ml-0.5"})}),a.jsx("p",{className:"text-[0.8rem] text-[#1A1A1A]/25 font-medium",children:i.comingSoon})]})})]})]})]})}function g({question:e,answer:t,isOpen:s,onToggle:i}){return a.jsxs("div",{className:"border-b border-black/[0.06]",children:[a.jsxs("button",{onClick:i,className:"w-full flex items-center justify-between py-5 text-left cursor-pointer group",children:[a.jsx("span",{className:"text-[0.92rem] font-medium text-[#1A1A1A] group-hover:text-[#4F46E5] transition-colors pr-4",children:e}),a.jsx(c,{size:18,className:"flex-shrink-0 text-[#999] transition-transform duration-300 "+(s?"rotate-180":"")})]}),a.jsx(d,{initial:!1,children:s&&a.jsx(n.div,{initial:{height:0,opacity:0}

1,animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:[.16,1,.3,1]},className:"overflow-hidden",children:a.jsx("p",{className:"text-[0.88rem] text-[#6B6B6B] leading-[1.75] pb-5",children:t})})})]})}function b(){const{t:s}=e();l(s.faq.pageTitle);const[i,r]=t.useState(null),[o,c]=t.useState(null),[x,m]=t.useState("all"),p=[{key:"all",label:s.faq.classic.categories.all},{key:"general",label:s.faq.classic.categories.general},{key:"pricing",label:s.faq.classic.categories.pricing},{key:"technical",label:s.faq.classic.categories.technical},{key:"webflow",label:s.faq.classic.categories.webflow}],b="all"===x?s.faq.classic.items:s.faq.classic.items.filter(e=>e.category===x);return a.jsxs("div",{className:"min-h-screen bg-[#FAFAF8] antialiased",style:{fontFamily:"'Geist', 'DM Sans', system-ui, sans-serif"},children:[a.jsx(u,{}),a.jsx("section",{className:"pt-16 sm:pt-24 pb-12 px-4 sm:px-6",children:a.jsxs(n.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,ease:[.16,1,.3,1]},className:"max-w-[700px] mx-auto text-center",children:[a.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:s.faq.hero.badge}),a.jsxs("h1",{className:"text-[clamp(1.8rem,4vw,3rem)] leading-[1.1] font-semibold tracking-[-0.04em] text-[#1A1A1A] mb-5",children:[s.faq.hero.heading," ",a.jsx("span",{className:"bg-gradient-to-r from-[#4F46E5] via-[#9333EA] to-[#C026D3] bg-clip-text text-transparent",children:s.faq.hero.headingHighlight})]}),a.jsx("p",{className:"text-[1rem] text-[#6B6B6B] max-w-[520px] mx-auto leading-relaxed",children:s.faq.hero.subtitle})]})}),a.jsx("section",{className:"py-12 sm:py-16 px-4 sm:px-6",children:a.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[a.jsxs(n.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,ease:[.16,1,.3,1]},className:"mb-10",children:[a.jsx("h2",{className:"text-[1.5rem] font-semibold tracking-[-0.03em] text-[#1A1A1A] mb-2",children:s.faq.community.title}),a.jsx("p",{className:"text-[0.92rem] text-[#6B6B6B] max-w-[600px]",children:s.faq.community.subtitle})]}),a.jsx("div",{className:"space-y-12 md:space-y-16",children:s.faq.community.items.map((e,t)=>a.jsx(f,{item:e,index:t,labels:{watchVideo:s.faq.community.watchVideo,videoAnswer:s.faq.community.videoAnswer,comingSoon:s.faq.community.comingSoon}},t))})]})}),a.jsx("section",{className:"py-12 sm:py-20 px-4 sm:px-6",children:a.jsxs("div",{className:"max-w-[760px] mx-auto",children:[a.jsxs(n.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,ease:[.16,1,.3,1]},className:"mb-10",children:[a.jsx("h2",{className:"text-[1.5rem] font-semibold tracking-[-0.03em] text-[#1A1A1A] mb-2",children:s.faq.classic.title}),a.jsx("p",{className:"text-[0.92rem] text-[#6B6B6B] mb-6",children:s.faq.classic.subtitle}),a.jsx("div",{className:"flex flex-wrap gap-2",children:p.map(e=>a.jsx("button",{onClick:()=>{m(e.key),r(null)},className:"px-3.5 py-1.5 rounded-full text-[0.8rem] font-medium transition-all duration-200 cursor-pointer "+(x===e.key?"bg-[#1A1A1A] text-white":"bg-black/[0.04] text-[#6B6B6B] hover:bg-black/[0.08]"),children:e.label},e.key))})]}),a.jsx(n.div,{initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{once:!0},transition:{duration:.4},children:b.map((e,t)=>a.jsx(g,{question:e.question,answer:e.answer,isOpen:i===t,onToggle:()=>r(i===t?null:t)},`${x}-${t}`))})]})}),a.jsx("section",{className:"py-16 px-4 sm:px-6",children:a.jsxs(n.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,ease:[.16,1,.3,1]},className:"max-w-[600px] mx-auto text-center",children:[a.jsx("p",{className:"text-[0.92rem] text-[#6B6B6B] mb-5",children:s.faq.hero.subtitle}),a.jsx("a",{href:"https://app.convertex.ai/converter",className:"inline-flex px-7 py-3 rounded-full text-[0.88rem] font-semibold text-white bg-[#1A1A1A] hover:bg-[#333] transition-all duration-200 hover:-translate-y-px hover:shadow-[0_2px_8px_rgba(0,0,0,0.15)]",children:s.landing.hero.openConverter})]})}),a.jsx(d,{children:o&&a.jsx(h,{videoUrl:o,onClose:()=>c(null)})})]})}export{b as default};