PageSourceSearch

https://www.image2url.com/_next/static/chunks/322e1450b39d91c4.js

js image2url.com collected 2026-10-02 03:25:10 UTC 85,836 bytes, 17 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,107640,e=>{"use strict";e.i(466598);var s=e.i(843476),t=e.i(948148),a=e.i(861745),l=e.i(522016),r=e.i(657688),i=e.i(271645),n=e.i(39312),o=e.i(98919),c=e.i(503116),d=e.i(221345),x=e.i(870273),m=e.i(865960),h=e.i(972520),p=e.i(581418),u=e.i(178583),b=e.i(726336),g=e.i(473708),j=e.i(398321),f=e.i(475254);let N=(0,f.default)("Droplet",[["path",{d:"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z",key:"c7niix"}]]);var v=e.i(788699),y=e.i(114683),w=e.i(952571),k=e.i(758472),C=e.i(41966);let P=(0,f.default)("TrendingUp",[["polyline",{points:"22 7 13.5 15.5 8.5 10.5 2 17",key:"126l90"}],["polyline",{points:"16 7 22 7 22 13",key:"kwv8wd"}]]);var U=e.i(32095),S=e.i(515288),_=e.i(295660),T=e.i(287036),F=e.i(375679),L=e.i(453375),D=e.i(755932),q=e.i(615725),I=e.i(57121),B=e.i(526732),$=e.i(618566),z=e.i(954022),A=e.i(519455),M=e.i(569074),E=e.i(269638),R=e.i(174886),O=e.i(778917);function V(e){let{dragActive:t,selectedFile:a,previewUrl:l,uploadedUrl:r,isUploading:i,uploadProgress:n,copied:o,error:c,onDragEnter:d,onDragLeave:x,onDragOver:m,onDrop:h,onUpload:p,onReset:u,onCopy:b,t:g,tCommon:j,triggerFileSelect:f}=e;return(0,s.jsx)("div",{className:"max-w-6xl mx-auto",children:(0,s.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-6",children:[(0,s.jsx)("div",{className:"lg:col-span-2 order-1",children:r?(0,s.jsxs)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl shadow-2xl p-6 sm:p-8 text-center",children:[(0,s.jsx)("div",{className:"w-20 h-20 bg-green-500/20 rounded-full flex items-center justify-center mx-auto mb-6",children:(0,s.jsx)(E.CheckCircle,{className:"h-10 w-10 text-green-400"})}),(0,s.jsx)("h2",{className:"text-3xl font-bold text-white mb-4",children:g("successTitle")}),(0,s.jsx)("p",{className:"text-slate-300 mb-8",children:g("successMessage")}),(0,s.jsx)("div",{className:"bg-slate-700/50 rounded-xl p-4 mb-6",children:(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex-1 text-left",children:[(0,s.jsx)("p",{className:"text-sm text-slate-400 mb-1",children:g("yourImageUrl")}),(0,s.jsx)("p",{className:"text-cyan-400 font-mono text-sm break-all",children:r})]}),(0,s.jsxs)("div",{className:"flex items-center space-x-2 ml-4",children:[(0,s.jsx)(A.Button,{onClick:b,variant:"outline",size:"sm",className:"text-cyan-400 border-cyan-400 hover:bg-cyan-400 hover:text-white",children:o?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(E.CheckCircle,{className:"h-4 w-4 mr-1"}),"Copied!"]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(R.Copy,{className:"h-4 w-4 mr-1"}),g("copyLink")]})}),(0,s.jsxs)("a",{href:r||"",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center px-3 py-2 bg-slate-600 hover:bg-slate-500 text-white rounded-lg transition-colors",children:[(0,s.jsx)(O.ExternalLink,{className:"h-4 w-4 mr-1"}),g("viewImage")]})]})]})}),(0,s.jsx)(A.Button,{onClick:u,variant:"outline",className:"border-slate-600 text-slate-300 hover:bg-slate-700",children:g("newUpload")})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h2",{className:"text-3xl font-bold text-center mb-8 text-white",children:g("title")}),(0,s.jsxs)(S.Card,{className:`
2            bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl shadow-2xl p-6 sm:p-8
3          `,children:[(0,s.jsxs)("div",{onDragEnter:d,onDragLeave:x,onDragOver:m,onDrop:h,onClick:f,className:`border-2 border-dashed rounded-xl p-8 sm:p-12 text-center cursor-pointer transition-all ${t?"border-cyan-400 bg-cyan-400/10 scale-105":"border-slate-600 hover:border-cyan-400/50 hover:bg-slate-700/30"}`,children:[(0,s.jsx)(M.Upload,{className:"h-12 w-12 text-cyan-400 mx-auto mb-4"}),(0,s.jsx)("p",{className:"text-lg text-slate-300 mb-2",children:g(t?"dragDropActive":"dragDropText")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:g("supportedFormats")}),(0,s.jsx)("p",{className:"text-sm text-slate-400 mt-1",children:g("fileSizeLimit")}),(0,s.jsx)("p",{className:"text-cyan-400 text-sm mt-2 font-medium",children:g("tip")}),l&&(0,s.jsxs)("div",{className:"mt-6",children:[(0,s.jsx)("img",{src:l,alt:`Preview of ${a?.name||"uploaded image"}
3`,className:"mx-auto max-h-64 rounded-lg shadow-lg",fetchPriority:"high"}),(0,s.jsxs)("p",{className:"mt-2 text-sm text-slate-400",children:[a?.name," (",(a?.size/1024).toFixed(1)," KB)"]})]})]}),a&&(0,s.jsx)("div",{className:"mt-8 text-center",children:(0,s.jsx)(A.Button,{onClick:p,disabled:i,className:"bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-semibold px-8 py-3 rounded-xl shadow-lg transition-all",children:i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"animate-spin rounded-full h-5 w-5 border-b-2 border-white mr-2"}),g("uploading")]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(M.Upload,{className:"h-5 w-5 mr-2"}),g("convertButton")]})})}),c&&(0,s.jsx)("div",{className:"mt-4 text-center text-red-400 text-sm",children:c})]})]})}),(0,s.jsx)("div",{className:"lg:col-span-1 order-2",children:(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6",children:[(0,s.jsxs)("h3",{className:"font-semibold mb-4 flex items-center gap-2 text-white text-lg",children:[(0,s.jsx)("span",{children:"⚡"}),g("quickStart.title")]}),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"flex gap-3",children:[(0,s.jsx)("div",{className:"w-8 h-8 rounded-full bg-cyan-500/20 flex items-center justify-center flex-shrink-0",children:(0,s.jsx)("span",{className:"text-cyan-400 font-bold text-sm",children:"1"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"font-medium text-white text-sm",children:g("quickStart.step1.title")}),(0,s.jsx)("div",{className:"text-gray-400 text-xs mt-1",children:g("quickStart.step1.desc")})]})]}),(0,s.jsxs)("div",{className:"flex gap-3",children:[(0,s.jsx)("div",{className:"w-8 h-8 rounded-full bg-cyan-500/20 flex items-center justify-center flex-shrink-0",children:(0,s.jsx)("span",{className:"text-cyan-400 font-bold text-sm",children:"2"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"font-medium text-white text-sm",children:g("quickStart.step2.title")}),(0,s.jsx)("div",{className:"text-gray-400 text-xs mt-1",children:g("quickStart.step2.desc")})]})]}),(0,s.jsxs)("div",{className:"flex gap-3",children:[(0,s.jsx)("div",{className:"w-8 h-8 rounded-full bg-cyan-500/20 flex items-center justify-center flex-shrink-0",children:(0,s.jsx)("span",{className:"text-cyan-400 font-bold text-sm",children:"3"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"font-medium text-white text-sm",children:g("quickStart.step3.title")}),(0,s.jsx)("div",{className:"text-gray-400 text-xs mt-1",children:g("quickStart.step3.desc")})]})]})]})]}),(0,s.jsxs)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6",children:[(0,s.jsxs)("h3",{className:"font-semibold mb-4 flex items-center gap-2 text-white text-lg",children:[(0,s.jsx)("span",{children:"✅"}),g("supportInfo.title")]}),(0,s.jsxs)("div",{className:"text-sm text-gray-300 space-y-2",children:[(0,s.jsxs)("div",{className:"flex justify-between items-center",children:[(0,s.jsx)("span",{children:g("supportInfo.formats")}),(0,s.jsx)("span",{className:"font-mono text-cyan-400 text-xs",children:"JPG, PNG, GIF, WebP"})]}),(0,s.jsxs)("div",{className:"flex justify-between items-center",children:[(0,s.jsx)("span",{children:g("supportInfo.maxSize")}),(0,s.jsx)("span",{className:"font-mono text-cyan-400 text-xs",children:"2MB"})]}),(0,s.jsxs)("div",{className:"flex justify-between items-center",children:[(0,s.jsx)("span",{children:g("supportInfo.storage")}),(0,s.jsx)("span",{className:"text-cyan-400 text-xs",children:g("supportInfo.permanent")})]}),(0,s.jsxs)("div",{className:"flex justify-between items-center",children:[(0,s.jsx)("span",{children:g("supportInfo.dailyLimit")}),(0,s.jsx)("span",{className:"text-cyan-400 text-xs",children:g("supportInfo.dailyLimitValue")})]})]})]}),(0,s.jsxs)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6",children:[(0,s.jsxs)("h3",{className:"font-semibold mb-4 flex items-center gap-2 text-white text-lg",children:[(0,s.jsx)("span",{children:"❓"}),g("faq.title")]}),(0,s.jsxs)("div",{className:"space-y-3 text-sm",children:[(0,s.jsxs)("details",{className:"group",children:[(0,s.jsx)("summary",{className:"cursor-pointer text-gray-300 hover:text-cyan-400 transition-colors",children:g("faq.q1")}),(0,s.jsx)("p",{className:"mt-2 text-gray-400 pl-4 text-xs",children:g("faq.a1")})]}),(0,s.jsxs)("details",{className:"group",children:[(0,s.jsx)("summary",{className:"cursor-pointer text-gray-300 hover:text-cyan-400 transition-colors",children:g("faq.q2")}),(0,s.jsx)("p",{className:"mt-2 text-gray-400 pl-4 text-xs",children:g("faq.a2")})]})]})]})]})})]})})}function W(e){let{dragActive:t,selectedFile:a,previewUrl:l,uploadedUrl:r,isUploading:i,uploadProgress:n,copied:o,error:c,onDragEnter:d,onDragLeave:x,onDragOver:m,onDrop:h,onUpload:p,onReset:u,onCopy:b,t:g,tCommon:j,triggerFileSelect:f}=e;return(0,s.jsx)("div",{className:"max-w-4xl mx-auto",children:r?(0,s.jsxs)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl shadow-2xl p-6 sm:p-8 text-center",children:[(0,s.jsx)("div",{className:"w-20 h-20 bg-green-500/20 rounded-full flex items-center justify-center mx-auto mb-6",children:(0,s.jsx)(E.CheckCircle,{className:"h-10 w-10 text-green-400"})}),(0,s.jsx)("h2",{className:"text-3xl font-bold text-white mb-4",children:g("successTitle")}),(0,s.jsx)("p",{className:"text-slate-300 mb-8",children:g("successMessage")}),(0,s.jsx)("div",{className:"bg-slate-700/50 rounded-xl p-4 mb-6",children:(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex-1 text-left",children:[(0,s.jsx)("p",{className:"text-sm text-slate-400 mb-1",children:g("yourImageUrl")}),(0,s.jsx)("p",{className:"text-cyan-400 font-mono text-sm break-all",children:r})]}),(0,s.jsxs)("div",{className:"flex items-center space-x-2 ml-4",children:[(0,s.jsx)(A.Button,{onClick:b,variant:"outline",size:"sm",className:"text-cyan-400 border-cyan-400 hover:bg-cyan-400 hover:text-white",children:o?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(E.CheckCircle,{className:"h-4 w-4 mr-1"}),"Copied!"]}
3):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(R.Copy,{className:"h-4 w-4 mr-1"}),g("copyLink")]})}),(0,s.jsxs)("a",{href:r||"",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center px-3 py-2 bg-slate-600 hover:bg-slate-500 text-white rounded-lg transition-colors",children:[(0,s.jsx)(O.ExternalLink,{className:"h-4 w-4 mr-1"}),g("viewImage")]})]})]})}),(0,s.jsx)(A.Button,{onClick:u,variant:"outline",className:"border-slate-600 text-slate-300 hover:bg-slate-700",children:g("newUpload")})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h2",{className:"text-3xl font-bold text-center mb-8 text-white",children:g("title")}),(0,s.jsxs)(S.Card,{className:`
4            bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl shadow-2xl p-6 sm:p-8
5          `,children:[(0,s.jsxs)("div",{onDragEnter:d,onDragLeave:x,onDragOver:m,onDrop:h,onClick:f,className:`border-2 border-dashed rounded-xl p-8 sm:p-12 text-center cursor-pointer transition-all ${t?"border-cyan-400 bg-cyan-400/10 scale-105":"border-slate-600 hover:border-cyan-400/50 hover:bg-slate-700/30"}`,children:[(0,s.jsx)(M.Upload,{className:"h-12 w-12 text-cyan-400 mx-auto mb-4"}),(0,s.jsx)("p",{className:"text-lg text-slate-300 mb-2",children:g(t?"dragDropActive":"dragDropText")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:g("supportedFormats")}),(0,s.jsx)("p",{className:"text-sm text-slate-400 mt-1",children:g("fileSizeLimit")}),(0,s.jsx)("p",{className:"text-cyan-400 text-sm mt-2 font-medium",children:g("tip")}),l&&(0,s.jsxs)("div",{className:"mt-6",children:[(0,s.jsx)("img",{src:l,alt:`Preview of ${a?.name||"uploaded image"}`,className:"mx-auto max-h-64 rounded-lg shadow-lg",fetchPriority:"high"}),(0,s.jsxs)("p",{className:"mt-2 text-sm text-slate-400",children:[a?.name," (",(a?.size/1024).toFixed(1)," KB)"]})]})]}),a&&(0,s.jsx)("div",{className:"mt-8 text-center",children:(0,s.jsx)(A.Button,{onClick:p,disabled:i,className:"bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-semibold px-8 py-3 rounded-xl shadow-lg transition-all",children:i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"animate-spin rounded-full h-5 w-5 border-b-2 border-white mr-2"}),g("uploading")]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(M.Upload,{className:"h-5 w-5 mr-2"}),g("convertButton")]})})}),c&&(0,s.jsx)("div",{className:"mt-4 text-center text-red-400 text-sm",children:c})]})]})})}var G=e.i(664659),H=e.i(655900),Q=e.i(662031),K=e.i(283086);function Y(e){let t,{dragActive:a,selectedFile:l,previewUrl:r,uploadedUrl:n,isUploading:o,uploadProgress:c,copied:d,error:x,onDragEnter:m,onDragLeave:h,onDragOver:p,onDrop:u,onUpload:b,onReset:g,onCopy:j,t:f,tCommon:N,triggerFileSelect:v}=e,y=(0,i.useMemo)(()=>n?3:l?2:1,[l,n]),w=(0,i.useMemo)(()=>[{number:1,title:f("stepper.step1.title"),description:f("stepper.step1.desc"),icon:"📷"},{number:2,title:f("stepper.step2.title"),description:f("stepper.step2.desc"),icon:"⬆️"},{number:3,title:f("stepper.step3.title"),description:f("stepper.step3.desc"),icon:"📋"}],[f]),[C,P]=(0,i.useState)(()=>y),[U,_]=(0,i.useState)(!0),[T,L]=(0,i.useState)(55),[D,q]=(0,i.useState)({}),[I,B]=(0,i.useState)(""),$=(0,i.useCallback)((e,s)=>`${e}-${s}`,[]),z=(0,i.useMemo)(()=>({1:[{id:"choose",label:f("stepper.step1.title")},{id:"preview",label:f("filePreview")}],2:[{id:"confirm",label:f("stepper.step2.desc")},{id:"progress",label:f("uploading")}],3:[{id:"copy",label:f("copyLink")},{id:"open",label:f("viewImage")},{id:"share",label:N("share")}]}),[f,N]);(0,i.useEffect)(()=>{P(y),_(!0)},[y]),(0,i.useEffect)(()=>{l||r||n||o||(q({}),L(55))},[l,r,n,o]),(0,i.useEffect)(()=>{d&&q(e=>({...e,[$(3,"copy")]:!0}))},[d,$]),(0,i.useEffect)(()=>{l&&q(e=>({...e,[$(1,"choose")]:!0})),r&&q(e=>({...e,[$(1,"preview")]:!0}))},[l,r,$]),(0,i.useEffect)(()=>{(o||n)&&q(e=>({...e,[$(2,"progress")]:!0}))},[o,n,$]);let V=e=>{let s=z[e]||[];return!!s.length&&s.every(s=>D[$(e,s.id)])},W=e=>{let s=$(3,e);q(e=>({...e,[s]:!0}))},Y=(0,i.useMemo)(()=>{let e=w.filter(e=>e.number<=y),s=e.reduce((e,s)=>e+(z[s.number]?.length||0),0),t=e.reduce((e,s)=>e+(z[s.number]||[]).filter(e=>D[$(s.number,e.id)]).length,0),a=s?Math.round(t/s*100):0;return{total:s,completed:t,percent:a}},[w,y,z,D,$]),Z=(0,i.useMemo)(()=>{let e=["copy","open","share"],s=e.filter(e=>D[$(3,e)]).length;return{total:e.length,completed:s}},[D,$]),J=(0,i.useMemo)(()=>
5{if(!n)return[];try{return f.raw("shareBlocks.items").map(e=>({...e,value:e.valueTemplate.replace("{url}",n)}))}catch{return[]}},[n,f]),X=(0,i.useCallback)(async(e,s)=>{try{await navigator.clipboard.writeText(e),B(s),setTimeout(()=>B(""),2e3),W(s),(0,F.trackFunnelStep)("share_created",{source:`share_block:${s}`,path:window.location.pathname})}catch(e){console.error("Copy failed:",e)}},[W]),ee=()=>{n&&(W("open"),window.open(n,"_blank","noopener,noreferrer"))},es=async()=>{if(n)if(navigator.share)try{await navigator.share({url:n,title:f("successTitle")}),W("share"),(0,F.trackFunnelStep)("share_created",{source:"native_share",path:window.location.pathname})}catch{return}else j(),W("share"),(0,F.trackFunnelStep)("share_created",{source:"share_fallback_copy",path:window.location.pathname})},et=(e="panel")=>{let t="inline"===e,a=[{id:"copy",label:f("copyLink"),icon:R.Copy,onClick:j},{id:"open",label:f("viewImage"),icon:O.ExternalLink,onClick:ee},{id:"share",label:N("share"),icon:Q.Share2,onClick:es}];return(0,s.jsxs)("div",{className:`rounded-xl border border-slate-700/60 bg-slate-800/40 ${t?"p-3":"p-4"}`,children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,s.jsx)("div",{className:"text-sm font-medium text-slate-200",children:f("stepper.step3.title")}),(0,s.jsxs)("div",{className:"text-xs text-slate-400",children:[Z.completed,"/",Z.total]})]}),(0,s.jsx)("div",{className:t?"flex flex-wrap gap-2":"grid gap-2 sm:grid-cols-3",children:a.map(e=>{let a=e.icon,l=D[$(3,e.id)];return(0,s.jsxs)(A.Button,{type:"button",onClick:e.onClick,disabled:!n,variant:"outline",size:t?"sm":"default",className:`justify-start border-slate-600 bg-slate-700/50 text-slate-200 hover:bg-slate-600 hover:border-slate-500 hover:text-white ${l?"border-green-500/60 bg-green-500/10 text-green-300 hover:bg-green-500/20":""}`,children:[(0,s.jsx)(a,{className:"h-4 w-4 mr-2"}),(0,s.jsx)("span",{className:"truncate",children:e.label}),l&&(0,s.jsx)(E.CheckCircle,{className:"h-4 w-4 ml-2 text-green-400"})]},e.id)})})]})},ea=()=>n&&0!==J.length?(0,s.jsxs)("div",{className:"rounded-xl border border-cyan-400/30 bg-gradient-to-br from-cyan-500/5 to-blue-500/5 p-4",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,s.jsx)(k.Code,{className:"h-5 w-5 text-cyan-400"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-sm font-semibold text-slate-200",children:f("shareBlocks.title")}),(0,s.jsx)("div",{className:"text-xs text-slate-400",children:f("shareBlocks.description")})]})]}),(0,s.jsx)("div",{className:"space-y-2",children:J.map(e=>(0,s.jsxs)("div",{className:"bg-slate-900/60 border border-slate-700/60 rounded-lg p-3 hover:border-cyan-400/40 transition-colors",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-3 mb-2",children:[(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("div",{className:"text-xs text-slate-400 mb-0.5",children:e.helper}),(0,s.jsx)("div",{className:"text-sm font-medium text-slate-200 truncate",children:e.label})]}),(0,s.jsxs)(A.Button,{type:"button",onClick:()=>X(e.value,e.key),className:"px-2 py-1 bg-slate-700 hover:bg-cyan-600 text-white rounded text-xs flex-shrink-0",children:[(0,s.jsx)(R.Copy,{className:"h-3 w-3 mr-1"}),I===e.key?"Copied!":"Copy"]})]}),(0,s.jsx)("input",{type:"text",value:e.value,readOnly:!0,className:"w-full text-xs bg-slate-950/50 border border-slate-700 rounded px-2 py-1.5 text-slate-300 font-mono focus:outline-none focus:border-cyan-400",onClick:e=>e.currentTarget.select()})]},e.key))})]}):null;return(0,s.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,s.jsx)("div",{className:"flex items-center justify-center gap-4 mb-8",children:w.map((e,t)=>(0,s.jsxs)("div",{className:"flex items-center",children:[(0,s.jsx)("button",{type:"button",onClick:()=>{P(e.number),_(!0)},className:`
6                flex items-center justify-center w-14 h-14 rounded-full border-2 transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/80
7                ${y===e.number?"border-cyan-400 bg-cyan-400 text-white scale-110 shadow-lg":y>e.number?"border-green-500 bg-green-500 text-white":"border-slate-600 bg-slate-800 text-slate-400"}
8                ${C===e.number?"ring-2 ring-cyan-300/80 ring-offset-2 ring-offset-slate-900":""}
9              `,"aria-pressed":C===e.number,title:e.title,children:y>e.number?(0,s.jsx)("svg",{className:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}):(0,s.jsx)("span",{className:"text-xl",children:e.icon})}),(0,s.jsx)("div",{className:"ml-2",children:(0,s.jsx)("div",{className:`text-sm font-medium ${y===e.number?"text-white":y>e.number?"text-green-400":"text-slate-400"}`,children:e.title})}),t<w.length-1&&(0,s.jsx)("div",{className:"mx-3 text-slate-600",children:(0,s.jsx)("svg",{className:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]},e.number))}),Y.total?(0,s.jsxs)("div",{className:"mb-6 rounded-2xl border border-slate-700/50 bg-slate-800/40 p-4 sm:p-6",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-slate-200",children:[(0,s.jsx)(K.Sparkles,{className:"h-4 w-4 text-cyan-400"}),(0,s.jsx)("span",{className:"text-sm font-semibold",children:f("quickStart.title")})]}),(0,s.jsxs)("div",{className:"text-xs text-slate-400",children:[Y.completed,"/",Y.total]})]}),(0,s.jsx)("div",{className:"h-2 rounded-full bg-slate-700/70 overflow-hidden",children:(0,s.jsx)("div",{className:"h-2 bg-gradient-to-r from-cyan-400 to-blue-500",style:{width:`${Y.percent}%`}})}),(0,s.jsx)("div",{className:"mt-4 flex flex-wrap gap-2",children:w.map(e=>{let t=y>e.number||V(e.number),a=C===e.number;return(0,s.jsxs)("div",{className:`flex items-center gap-2 rounded-full border px-3 py-1 text-xs ${t?"border-green-500/60 text-green-300 bg-green-500/10":a?"border-cyan-400/70 text-cyan-300 bg-cyan-500/10":"border-slate-600 text-slate-400 bg-slate-800/40"}`,children:[t?(0,s.jsx)(E.CheckCircle,{className:"h-3 w-3"}):(0,s.jsx)("span",{className:"h-2 w-2 rounded-full bg-slate-500"}),(0,s.jsx)("span",{children:e.title})]},e.number)})})]}):null,n?(0,s.jsx)(S.Card,{className:"bg-gradient-to-br from-cyan-500/10 to-blue-500/10 border-cyan-400/30 rounded-2xl p-6 mb-6",children:(0,s.jsxs)("div",{className:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4",children:[(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,s.jsx)(K.Sparkles,{className:"h-5 w-5 text-cyan-400"}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white",children:f("signupPrompt.successTitle")})]}),(0,s.jsx)("p",{className:"text-sm text-slate-300 mb-3",children:f("signupPrompt.successDesc")}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-2 text-xs text-slate-400",children:[(0,s.jsxs)("span",{className:"flex items-center gap-1",children:[(0,s.jsx)(E.CheckCircle,{className:"h-3 w-3 text-green-400"}),f("signupPrompt.benefit1")]}),(0,s.jsxs)("span",{className:"flex items-center gap-1",children:[(0,s.jsx)(E.CheckCircle,{className:"h-3 w-3 text-green-400"}),f("signupPrompt.benefit2")]}),(0,s.jsxs)("span",{className:"flex items-center gap-1",children:[(0,s.jsx)(E.CheckCircle,{className:"h-3 w-3 text-green-400"}),f("signupPrompt.benefit3")]})]})]}),(0,s.jsx)("div",{className:"flex flex-col sm:flex-row gap-3",children:(0,s.jsx)(A.Button,{onClick:()=>window.location.href="/signin?callbackUrl="+encodeURIComponent(window.location.pathname),className:"bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-semibold px-6 py-2.5 rounded-xl shadow-lg transition-all",children:f("signupPrompt.signUpCta")})})]})}):(0,s.jsx)(S.Card,{className:"bg-slate-800/30 border border-slate-700/50 rounded-xl p-4 mb-6",children:(0,s.jsxs)("div",{className:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4",children:[(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,s.jsx)(M.Upload,{className:"h-4 w-4 text-cyan-400"}),(0,s.jsx)("h3",{className:"text-sm font-semibold text-slate-200",children:f("signupPrompt.title")})]}),(0,s.jsx)("p",{className:"text-xs text-slate-400",children:f("signupPrompt.desc")})]}),(0,s.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2",children:[(0,s.jsx)(A.Button,{onClick:()=>window.location.href="/signin?callbackUrl="+encodeURIComponent(window.location.pathname),variant:"outline",size:"sm",className:"border-cyan-400/30 text-cyan-300 hover:bg-cyan-400/10 text-xs px-4 py-2",children:f("signupPrompt.signInCta")}),(0,s.jsx)(A.Button,{onClick:()=>window.location.href="/dashboard",variant:"ghost",size:"sm",className:"text-slate-400 hover:text-slate-200 hover:bg-slate-700/30 text-xs px-4 py-2",children:f("signupPrompt.demoCta")})]})]})}),(t=w[C-1])?(0,s.jsxs)(S.Card,{className:"p-6 bg-gradient-to-br from-cyan-500/10 to-blue-500/10 border-cyan-400/30 mb-6",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,s.jsxs)("div",{className:"flex gap-4",children:[(0,s.jsx)("div",{className:"text-5xl",children:t.icon}),(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsx)("h3",{className:"text-xl font-semibold mb-2 text-white",children:t.title}),(0,s.jsx)("p",{className:"text-slate-300",children:t.description}),1===C&&(0,s.jsxs)("p",{className:"mt-3 text-sm text-slate-400",children:["💡 ",f("stepper.tips1")]}),2===C&&(0,s.jsxs)("p",{className:"mt-3 text-sm text-slate-400",children:["💡 ",f("stepper.tips2")]}),3===C&&(0,s.jsxs)("p",{className:"mt-3 text-sm text-slate-400",children:["💡 ",f("stepper.tips3")]})]})]}),(0,s.jsx)("button",{type:"button",onClick:()=>_(e=>!e),className:"h-9 w-9 rounded-full border border-slate-600 text-slate-300 hover:bg-slate-800 transition-colors","aria-label":U?"Collapse details":"Expand details",children:U?(0,s.jsx)(H.ChevronUp,{className:"h-4 w-4 mx-auto"}):(0,s.jsx)(G.ChevronDown,{className:"h-4 w-4 mx-auto"})})]}),U&&(0,s.jsxs)("div",{className:"mt-6 grid gap-4",children:[(e=>{if(3===e)return null;let t=z[e]||[];if(!t.length)return null;let a=t.filter(s=>D[$(e,s.id)]).length;return(0,s.jsxs)("div",{className:"rounded-xl border border-slate-700/60 bg-slate-800/40 p-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,s.jsx)("div",{className:"text-sm font-medium text-slate-200",children:f("quickStart.title")}),(0,s.jsxs)("div",{className:"text-xs text-slate-400",children:[a,"/",t.length]})]}),(0,s.jsx)("div",{className:"grid gap-2",children:t.map(t=>{let a=D[$(e,t.id)];return(0,s.jsxs)("label",{className:"flex cursor-pointer items-center gap-3 rounded-lg border border-slate-700/50 bg-slate-900/30 px-3 py-2 text-sm text-slate-300 transition-colors hover:border-cyan-400/40",children:[(0,s.jsx)("input",{type:"checkbox",checked:!!a,onChange:()=>{let s;return s=$(e,t.id),void q(e=>({...e,[s]:!e[s]}))},className:"h-4 w-4 accent-cyan-400"}),(0,s.jsx)("span",{className:a?"text-slate-200":"text-slate-300",children:t.label})]},t.id)})})]})})(C),2===C&&(r?(0,s.jsxs)("div",{className:"rounded-xl border border-slate-700/60 bg-slate-800/40 p-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between text-xs text-slate-400 mb-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(M.Upload,{className:"h-3 w-3 text-cyan-300"}),(0,s.jsx)("span",{children:N("upload")})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(E.CheckCircle,{className:"h-3 w-3 text-green-400"}),(0,s.jsx)("span",{children:N("success")})]})]}),(0,s.jsxs)("div",{className:"relative overflow-hidden rounded-lg border border-slate-700/60 bg-slate-900/40",children:[(0,s.jsx)("img",{src:r,alt:`Preview of ${l?.name||"uploaded image"}`,className:"w-full max-h-72 object-contain"}),(0,s.jsx)("div",{className:"absolute inset-0 overflow-hidden",style:{width:`${T}%`},children:(0,s.jsx)("img",{src:r,alt:"","aria-hidden":"true",className:"w-full max-h-72 object-contain",style:{filter:"grayscale(0.15) contrast(0.9)"}})}),(0,s.jsx)("div",{className:"absolute top-0 bottom-0 w-0.5 bg-cyan-400",style:{left:`${T}%`}}),(0,s.jsx)("div",{className:"absolute top-1/2 -translate-y-1/2",style:{left:`calc(${T}% - 8px)`}
9,children:(0,s.jsx)("div",{className:"h-4 w-4 rounded-full bg-cyan-400 shadow-lg border border-white/60"})})]}),(0,s.jsx)("input",{type:"range",min:10,max:90,value:T,onChange:e=>L(Number(e.target.value)),className:"mt-3 w-full accent-cyan-400"})]}):null),3===C&&et("panel"),3===C&&ea(),(0,s.jsxs)("div",{className:"rounded-xl border border-slate-700/60 bg-slate-800/40 p-4",children:[(0,s.jsx)("div",{className:"text-sm font-medium text-slate-200 mb-3",children:f("filePreview")}),r?(0,s.jsx)("img",{src:r,alt:`Preview of ${l?.name||"uploaded image"}`,className:"w-full max-h-40 object-contain rounded-lg border border-slate-700/60 bg-slate-900/40"}):(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-slate-600/60 bg-slate-900/30 py-6 text-xs text-slate-400",children:[(0,s.jsx)(M.Upload,{className:"h-6 w-6 text-slate-500"}),(0,s.jsx)("span",{className:"text-center",children:f("dragDropText")})]})]}),(0,s.jsxs)("div",{className:"rounded-xl border border-slate-700/60 bg-slate-800/40 p-4",children:[(0,s.jsx)("div",{className:"text-sm font-medium text-slate-200 mb-3",children:f("faq.title")}),(0,s.jsxs)("div",{className:"space-y-3 text-sm text-slate-300",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"font-medium text-slate-200",children:f("faq.q1")}),(0,s.jsx)("p",{className:"text-slate-400",children:f("faq.a1")})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"font-medium text-slate-200",children:f("faq.q2")}),(0,s.jsx)("p",{className:"text-slate-400",children:f("faq.a2")})]})]})]})]}),(0,s.jsxs)("div",{className:"mt-6 flex flex-wrap items-center justify-between gap-3",children:[(0,s.jsxs)("div",{className:"text-xs text-slate-400",children:[C,"/",w.length]}),C<w.length&&(0,s.jsx)(A.Button,{type:"button",variant:"outline",onClick:()=>{P(e=>Math.min(e+1,w.length)),_(!0)},disabled:!V(C),className:"border-slate-600 text-slate-200 hover:bg-slate-800",children:N("next")})]})]}):null,n?(0,s.jsxs)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl shadow-2xl p-6 sm:p-8 text-center",children:[(0,s.jsx)("div",{className:"w-20 h-20 bg-green-500/20 rounded-full flex items-center justify-center mx-auto mb-6",children:(0,s.jsx)(E.CheckCircle,{className:"h-10 w-10 text-green-400"})}),(0,s.jsx)("h2",{className:"text-3xl font-bold text-white mb-4",children:f("successTitle")}),(0,s.jsx)("p",{className:"text-slate-300 mb-8",children:f("successMessage")}),(0,s.jsxs)("div",{className:"bg-slate-700/50 rounded-xl p-4 mb-6",children:[(0,s.jsxs)("div",{className:"flex-1 text-left",children:[(0,s.jsx)("p",{className:"text-sm text-slate-400 mb-1",children:f("yourImageUrl")}),(0,s.jsx)("p",{className:"text-cyan-400 font-mono text-sm break-all",children:n})]}),(0,s.jsx)("div",{className:"mt-4",children:et("inline")})]}),J.length>0&&(0,s.jsx)("div",{className:"text-left mb-6",children:ea()}),(0,s.jsx)(A.Button,{onClick:g,variant:"outline",className:"border-slate-600 bg-slate-700/50 text-slate-300 hover:bg-slate-600 hover:border-slate-500 hover:text-white",children:f("newUpload")})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h2",{className:"text-3xl font-bold text-center mb-8 text-white",children:f("title")}),(0,s.jsxs)(S.Card,{className:`
10            bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl shadow-2xl p-6 sm:p-8
11          `,children:[(0,s.jsxs)("div",{onDragEnter:m,onDragLeave:h,onDragOver:p,onDrop:u,onClick:v,className:`border-2 border-dashed rounded-xl p-8 sm:p-12 text-center cursor-pointer transition-all ${a?"border-cyan-400 bg-cyan-400/10 scale-105":"border-slate-600 hover:border-cyan-400/50 hover:bg-slate-700/30"}`,children:[(0,s.jsx)(M.Upload,{className:"h-16 w-16 text-cyan-400 mx-auto mb-4"}),(0,s.jsx)("p",{className:"text-xl text-slate-300 mb-2",children:a?f("dragDropActive"):f("dragDropText")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:f("supportedFormats")}),(0,s.jsx)("p",{className:"text-sm text-slate-400 mt-1",children:f("fileSizeLimit")}),(0,s.jsx)("p",{className:"text-cyan-400 text-sm mt-2 font-medium",children:f("tip")}),r&&(0,s.jsxs)("div",{className:"mt-6",children:[(0,s.jsx)("img",{src:r,alt:`Preview of ${l?.name||"uploaded image"}
11`,className:"mx-auto max-h-64 rounded-lg shadow-lg",fetchPriority:"high"}),(0,s.jsxs)("p",{className:"mt-2 text-sm text-slate-400",children:[l?.name," (",(l?.size/1024).toFixed(1)," KB)"]})]})]}),l&&(0,s.jsx)(s.Fragment,{children:o?o?(0,s.jsx)("div",{className:"mt-8",children:(0,s.jsxs)("div",{className:"bg-slate-700/50 rounded-xl p-6",children:[(0,s.jsx)("div",{className:"flex items-center justify-center mb-4",children:(0,s.jsxs)("svg",{width:"200",height:"60",viewBox:"0 0 200 60",className:"overflow-visible",children:[(0,s.jsx)("line",{x1:"10",y1:"50",x2:"190",y2:"50",stroke:"#334155",strokeWidth:"2"}),(0,s.jsx)("rect",{x:"10",y:"52",width:"180",height:"4",rx:"2",fill:"#1e293b"}),(0,s.jsx)("rect",{x:"10",y:"52",width:c/100*180,height:"4",rx:"2",fill:"url(#gradient)",className:"transition-all duration-300 ease-out"}),(0,s.jsx)("defs",{children:(0,s.jsxs)("linearGradient",{id:"gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[(0,s.jsx)("stop",{offset:"0%",stopColor:"#22d3ee"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#3b82f6"})]})}),(0,s.jsxs)("g",{transform:`translate(${10+c/100*180}, 50)`,className:"transition-all duration-300 ease-out",children:[(0,s.jsx)("circle",{cx:"0",cy:"-8",r:"4",fill:"#22d3ee",className:`animate-bounce ${c>0?"":"hidden"}`,style:{animationDuration:"0.5s"}}),(0,s.jsx)("circle",{cx:"0",cy:"-14",r:"3",fill:"#22d3ee"}),(0,s.jsxs)("g",{className:`origin-top ${o?"animate-pulse":""}`,children:[(0,s.jsx)("line",{x1:"-2",y1:"-8",x2:"-4",y2:"0",stroke:"#22d3ee",strokeWidth:"2",className:`origin-top ${o?"animate-spin":""}`,style:{animationDuration:"0.3s",transformOrigin:"0px -8px"}}),(0,s.jsx)("line",{x1:"2",y1:"-8",x2:"4",y2:"0",stroke:"#22d3ee",strokeWidth:"2",className:`origin-top ${o?"animate-spin":""}`,style:{animationDuration:"0.3s",animationDelay:"0.15s",transformOrigin:"0px -8px"}})]})]}),(0,s.jsxs)("g",{transform:"translate(160, 35)",children:[(0,s.jsx)("path",{d:"M 0 0 L 0 15 Q 0 18 3 18 L 12 18 Q 15 18 15 15 L 15 0 Z",fill:"#64748b",stroke:"#475569",strokeWidth:"1"}),(0,s.jsx)("path",{d:"M 15 3 Q 20 3 20 8 Q 20 13 15 13",fill:"none",stroke:"#64748b",strokeWidth:"2"}),(0,s.jsxs)("g",{className:o?"animate-pulse":"",children:[(0,s.jsx)("path",{d:"M 5 -5 Q 7 -10 5 -15",fill:"none",stroke:"#94a3b8",strokeWidth:"1.5",opacity:"0.6"}),(0,s.jsx)("path",{d:"M 10 -5 Q 12 -10 10 -15",fill:"none",stroke:"#94a3b8",strokeWidth:"1.5",opacity:"0.6",style:{animationDelay:"0.2s"}})]})]})]})}),(0,s.jsxs)("div",{className:"text-center",children:[(0,s.jsxs)("p",{className:"text-sm font-medium text-slate-200 mb-1",children:[f("uploading"),"..."]}),(0,s.jsxs)("p",{className:"text-xs text-slate-400",children:[c.toFixed(0),"%"]})]}),(0,s.jsxs)("div",{className:"mt-4 flex items-center justify-center gap-2 text-xs text-slate-500",children:[(0,s.jsx)("span",{className:c>=0?"text-cyan-400":"",children:"●"}),(0,s.jsx)("span",{className:c>=33?"text-cyan-400":"",children:"●"}),(0,s.jsx)("span",{className:c>=66?"text-cyan-400":"",children:"●"}),(0,s.jsx)("span",{className:c>=100?"text-green-400":"",children:"●"})]})]})}):null:(0,s.jsx)("div",{className:"mt-8 text-center",children:(0,s.jsxs)(A.Button,{onClick:()=>{q(e=>({...e,[$(2,"confirm")]:!0})),b()},className:"bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 text-white font-semibold px-8 py-3 rounded-xl shadow-lg transition-all text-lg",children:[(0,s.jsx)(M.Upload,{className:"h-5 w-5 mr-2"}),f("convertButton")]})})}),x&&(0,s.jsx)("div",{className:"mt-4 text-center text-red-400 text-sm",children:x})]})]})]})}function Z(e){let{dragActive:t,selectedFile:a,previewUrl:l,uploadedUrl:r,isUploading:i,uploadProgress:n,copied:o,error:c,onDragEnter:d,onDragLeave:x,onDragOver:m,onDrop:h,onUpload:u,onReset:b,onCopy:g,t:j,tCommon:f,triggerFileSelect:N,locale:v}=e,y=[{icon:"🔒",title:j("trust.feature1.title"),description:j("trust.feature1.desc")},{icon:"🛡️",title:j("trust.feature2.title"),description:j("trust.feature2.desc")},{icon:"♾️",title:j("trust.feature3.title"),description:j("trust.feature3.desc")},{icon:"✨",title:j("trust.feature4.title"),description:j("trust.feature4.desc")},{icon:"⚖️",title:j("trust.feature5.title"),description:j("trust.feature5.desc")}];return(0,s.jsx)("div",{className:"max-w-6xl mx-auto",children:(0,s.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-6",children:[(0,s.jsx)("div",{className:"lg:col-span-2 order-1",children:r?(0,s.jsxs)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl shadow-2xl p-6 sm:p-8 text-center",children:[(0,s.jsx)("div",{className:"w-20 h-20 bg-green-500/20 rounded-full flex items-center justify-center mx-auto mb-6",children:(0,s.jsx)(E.CheckCircle,{className:"h-10 w-10 text-green-400"})}),(0,s.jsx)("h2",{className:"text-3xl font-bold text-white mb-4",children:j("successTitle")}),(0,s.jsx)("p",{className:"text-slate-300 mb-2",children:j("successMessage")}),(0,s.jsx)("p",{className:"text-blue-400 text-sm mb-8",children:j("securelyStored")}),(0,s.jsx)("div",{className:"bg-slate-700/50 rounded-xl p-4 mb-6 border-2 border-green-500/30",children:(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex-1 text-left",children:[(0,s.jsx)("p",{className:"text-sm text-slate-400 mb-1",children:j("yourImageUrl")}),(0,s.jsx)("p",{className:"text-cyan-400 font-mono text-sm break-all",children:r})]}),(0,s.jsxs)("div",{className:"flex items-center space-x-2 ml-4",children:[(0,s.jsx)(A.Button,{onClick:g,variant:"outline",size:"sm",className:"text-cyan-400 border-cyan-400 hover:bg-cyan-400 hover:text-white",children:o?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(E.CheckCircle,{className:"h-4 w-4 mr-1"}),"Copied!"]}
11):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(R.Copy,{className:"h-4 w-4 mr-1"}),j("copyLink")]})}),(0,s.jsxs)("a",{href:r||"",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center px-3 py-2 bg-slate-600 hover:bg-slate-500 text-white rounded-lg transition-colors",children:[(0,s.jsx)(O.ExternalLink,{className:"h-4 w-4 mr-1"}),j("viewImage")]})]})]})}),(0,s.jsx)(A.Button,{onClick:b,variant:"outline",className:"border-slate-600 text-slate-300 hover:bg-slate-700",children:j("newUpload")})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h2",{className:"text-3xl font-bold text-center mb-8 text-white",children:j("title")}),(0,s.jsxs)(S.Card,{className:`
12            bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl shadow-2xl p-6 sm:p-8
13          `,children:[(0,s.jsxs)("div",{onDragEnter:d,onDragLeave:x,onDragOver:m,onDrop:h,onClick:N,className:`border-2 border-dashed rounded-xl p-8 sm:p-12 text-center cursor-pointer transition-all ${t?"border-blue-400 bg-blue-400/10 scale-105":"border-slate-600 hover:border-blue-400/50 hover:bg-slate-700/30"}`,children:[(0,s.jsx)("div",{className:"w-16 h-16 rounded-full bg-blue-500/20 flex items-center justify-center mx-auto mb-4",children:(0,s.jsx)(p.ShieldCheck,{className:"h-8 w-8 text-blue-400"})}),(0,s.jsx)("p",{className:"text-lg text-slate-300 mb-2",children:j(t?"dragDropActive":"dragDropText")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:j("supportedFormats")}),(0,s.jsx)("p",{className:"text-sm text-slate-400 mt-1",children:j("fileSizeLimit")}),(0,s.jsx)("p",{className:"text-blue-400 text-sm mt-2 font-medium",children:j("tip")}),l&&(0,s.jsxs)("div",{className:"mt-6",children:[(0,s.jsxs)("div",{className:"relative inline-block",children:[(0,s.jsx)("img",{src:l,alt:`Preview of ${a?.name||"uploaded image"}`,className:"mx-auto max-h-64 rounded-lg shadow-lg",fetchPriority:"high"}),(0,s.jsxs)("div",{className:"absolute top-2 right-2 bg-black/70 text-white text-xs px-2 py-1 rounded flex items-center gap-1",children:[(0,s.jsx)("svg",{className:"w-3 h-3",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),j("metadataRemoved")]})]}),(0,s.jsxs)("p",{className:"mt-2 text-sm text-slate-400",children:[a?.name," (",(a?.size/1024).toFixed(1)," KB)"]})]})]}),a&&(0,s.jsx)("div",{className:"mt-8 text-center",children:(0,s.jsx)(A.Button,{onClick:u,disabled:i,className:"bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 text-white font-semibold px-8 py-3 rounded-xl shadow-lg transition-all",children:i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"animate-spin rounded-full h-5 w-5 border-b-2 border-white mr-2"}),j("uploading")]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(M.Upload,{className:"h-5 w-5 mr-2"}),j("convertButton")]})})}),c&&(0,s.jsx)("div",{className:"mt-4 text-center text-red-400 text-sm",children:c})]})]})}),(0,s.jsx)("div",{className:"lg:col-span-1 order-2",children:(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)(S.Card,{className:"p-6 border-blue-400/30 bg-gradient-to-br from-blue-500/10 to-indigo-500/10 backdrop-blur-xl",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,s.jsx)("div",{className:"w-12 h-12 rounded-full bg-blue-500 flex items-center justify-center",children:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"})})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"font-semibold text-lg text-white",children:j("trust.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-300",children:j("trust.subtitle")})]})]}),(0,s.jsx)("div",{className:"space-y-3",children:y.map((e,t)=>(0,s.jsxs)("div",{className:"flex gap-3 items-start",children:[(0,s.jsx)("span",{className:"text-2xl",children:e.icon}),(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsx)("div",{className:"font-medium text-sm text-white",children:e.title}),(0,s.jsx)("div",{className:"text-xs text-slate-400",children:e.description})]})]},t))})]}),(0,s.jsxs)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 p-4",children:[(0,s.jsx)("h4",{className:"font-semibold mb-3 text-sm text-white",children:j("trust.technicalInfo.title")}),(0,s.jsxs)("div",{className:"text-xs text-slate-300 space-y-2",children:[(0,s.jsxs)("div",{className:"flex justify-between",children:[(0,s.jsxs)("span",{children:[j("trust.technicalInfo.location"),":"]}),(0,s.jsx)("span",{className:"font-medium text-cyan-400",children:j("trust.technicalInfo.region")})]}),(0,s.jsxs)("div",{className:"flex justify-between",children:[(0,s.jsxs)("span",{children:[j("trust.technicalInfo.retention"),":"]}),(0,s.jsx)("span",{className:"font-medium text-cyan-400",children:j("trust.technicalInfo.permanent")})]}),(0,s.jsxs)("div",{className:"flex justify-between",children:[(0,s.jsxs)("span",{children:[j("trust.technicalInfo.compliance"),":"]}),(0,s.jsx)("span",{className:"font-medium text-cyan-400",children:"GDPR"})]})]})]}),(0,s.jsx)(S.Card,{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 p-4",children:(0,s.jsxs)("div",{className:"flex gap-4 text-sm",children:[(0,s.jsxs)("a",{href:`/${v}/privacy`,className:"text-blue-400 hover:text-blue-300 hover:underline flex items-center gap-1",children:[(0,s.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),j("trust.privacyPolicy")]}),(0,s.jsx)("span",{className:"text-slate-600",children:"|"}),(0,s.jsxs)("a",{href:`/${v}/terms`,className:"text-blue-400 hover:text-blue-300 hover:underline flex items-center gap-1",children:[(0,s.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),j("trust.termsOfService")]})]})})]})})]})})}function J(e){return e<.5?2*e*e:1-(-2*e+2)**2/2}function X(){let e=(0,t.useTranslations)("HomePage.uploadSection"),l=(0,t.useTranslations)("Common"),r=(0,t.useTranslations)("Errors"),n=(0,a.useLocale)(),o=(0,$.useRouter)(),{data:c,status:d}=(0,B.useSession)(),x="authenticated"===d&&!!c?.user,m=(0,i.useRef)(x),h=(0,i.useMemo)(()=>"en"===n?"/image-preview":`/${n}/image-preview`,[n]),[p,u]=(0,i.useState)(null),[b,g]=(0,i.useState)(null),[j,f]=(0,i.useState)(""),[N,v]=(0,i.useState)(!1),[y,w]=(0,i.useState)(0),[k,C]=(0,i.useState)(!1),[P,U]=(0,i.useState)(0),[S,A]=(0,i.useState)(!1),[M,E]=(0,i.useState)(null),[R,O]=(0,i.useState)(!1),[G,H]=(0,i.useState)(null),[Q,K]=(0,i.useState)(!1),[X,ee]=(0,i.useState)(null),[es,et]=(0,i.useState)(!1),[ea,el]=(0,i.useState)(10),er=(0,i.useRef)(null),ei=(0,i.useRef)(!1),en=(0,i.useCallback)(()=>"en-IN"===n?18e3:3e3,[n]);(0,i.useEffect)(()=>{ei.current||(ei.current=!0,(0,F.trackFunnelStep)("upload_section_view",{locale:n,variant:(0,z.getUploadVariant)(n),isAuthenticated:x}))},[x,n]),(0,i.useEffect)(()=>()=>{b&&URL.revokeObjectURL(b)},[b]);let eo=(0,i.useCallback)((s,t,a)=>{try{if("function"==typeof e.has&&!e.has(s))return t;return e(s,a)}catch{return t}},[e]),ec=(0,i.useCallback)(e=>{let s=new Date(e);return Number.isNaN(s.getTime())?String(e):s.toLocaleTimeString(n,{hour:"numeric",minute:"2-digit"})},[n]),ed=(0,i.useCallback)(async()=>
13{try{let e=await fetch("/api/upload-quota",{method:"GET",cache:"no-store"});if(!e.ok)return null;let s=await e.json();if("number"==typeof s.limit&&"number"==typeof s.used&&"number"==typeof s.remaining&&"boolean"==typeof s.isAuthenticated&&"string"==typeof s.resetAt){let e={limit:s.limit,used:s.used,remaining:s.remaining,isAuthenticated:s.isAuthenticated,resetAt:s.resetAt};return H(e),e}return null}catch(e){return console.error("Failed to load upload quota:",e),null}},[]);(0,i.useEffect)(()=>{ed()},[ed]),(0,i.useEffect)(()=>{if(!m.current&&x){let e=null;return(async()=>{let s=await ed();el(s?.isAuthenticated?s.limit:10),et(!0),(0,F.trackFunnelStep)("auth_succeeded",{locale:n,source:"upload_quota_unlock",variant:(0,z.getUploadVariant)(n)}),e=window.setTimeout(()=>et(!1),4200)})(),m.current=!0,()=>{e&&window.clearTimeout(e)}}m.current=x},[ed,x,n]);let ex=(0,i.useCallback)((e,s)=>{O(!1),K(!1),u(e);let t=URL.createObjectURL(e);g(e=>(e&&URL.revokeObjectURL(e),t)),f(""),E(null),(0,F.trackFunnelStep)("file_selected",{locale:n,source:s,variant:(0,z.getUploadVariant)(n),isAuthenticated:x,...(0,F.getFileAnalyticsProps)(e)}),(0,L.recordToolUse)()},[x,n]),em=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation()},[]),eh=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),U(e=>e+1),e.dataTransfer.items&&e.dataTransfer.items.length>0&&C(!0)},[]),ep=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),U(e=>{let s=e-1;return 0===s&&C(!1),s})},[]),eu=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),C(!1),U(0);let s=e.dataTransfer.files?.[0];s&&ex(s,"drag_drop")},[ex]),eb=(0,i.useCallback)(e=>{e&&0!==e.length&&ex(e[0],"file_picker")},[ex]),eg=(0,i.useCallback)(()=>`${window.location.pathname}${window.location.search}`,[]),ej=(0,i.useCallback)(()=>{(0,F.trackFunnelStep)("auth_cta_clicked",{locale:n,source:"upload_section",variant:(0,z.getUploadVariant)(n)}),(0,F.trackFunnelStep)("signup_cta_clicked",{locale:n,source:"upload_section",variant:(0,z.getUploadVariant)(n)}),(0,F.trackFunnelStep)("auth_started",{locale:n,provider:"google",source:"upload_section",variant:(0,z.getUploadVariant)(n)}),(0,F.trackFunnelStep)("signup_started",{locale:n,provider:"google",source:"upload_section",variant:(0,z.getUploadVariant)(n)}),(0,B.signIn)("google",{callbackUrl:eg()})},[eg,n]),ef=(0,i.useCallback)(()=>{(0,F.trackFunnelStep)("auth_cta_clicked",{locale:n,source:"upload_sign_in_options",variant:(0,z.getUploadVariant)(n)}),(0,F.trackFunnelStep)("signup_cta_clicked",{locale:n,source:"upload_sign_in_options",variant:(0,z.getUploadVariant)(n)});let e=encodeURIComponent(eg());window.location.href=`/signin?callbackUrl=${e}`},[eg,n]),eN=(0,i.useCallback)(async(e,s)=>{let t=new URLSearchParams({draftId:(await (0,q.createLocalUploadDraft)({file:e,from:s})).id,from:s,n:e.name,t:e.type||"image/*",s:String(e.size)});(0,F.trackFunnelStep)("local_preview_created",{locale:n,source:s,variant:(0,z.getUploadVariant)(n),isAuthenticated:!1,...(0,F.getFileAnalyticsProps)(e)}),o.push(`${h}?${t.toString()}`)},[n,h,o]),ev=(0,i.useCallback)(async()=>{let e,s;if(!p)return;let t=(0,F.getFileAnalyticsProps)(p),a={locale:n,variant:(0,z.getUploadVariant)(n),isAuthenticated:x,...t};if((0,F.trackFunnelStep)("upload_attempted",a),!(0,D.isImageFileLike)(p)){E("Only image files are allowed"),(0,F.trackFunnelStep)("upload_failed",{...a,reason:"invalid_type"});return}if(!x&&p.size>2097152){(0,F.trackFunnelStep)("upload_blocked_oversize",{...a,maxUploadBytes:2097152}),O(!0);return}if("loading"===d)return void E("Checking your sign-in status. Please try again in a moment.");if("unauthenticated"===d){v(!0),w(100),E(null);try{await eN(p,"homepage_upload")}catch(e){console.error("Failed to create local upload preview:",e),E("Could not prepare the local preview. Please try again."),v(!1)}return}if(G&&G.remaining<=0){(0,F.trackFunnelStep)("upload_blocked_quota",{...a,limit:G.limit,used:G.used,remaining:G.remaining}),ee({limit:G.limit,used:G.used,isAuthenticated:G.isAuthenticated,resetAt:G.resetAt}),K(!0);return}v(!0),w(0),E(null);let l=Date.now(),i=en();e=Date.now(),s=setInterval(()=>{let t,a=Date.now()-e;w(Math.min((t=Math.min(Math.max(a/i,0),1))<=.25?40*(1-(1-t/.25)**3):t<=.7?40+40*J((t-.25)/.45):t<=.9?80+10*J((t-.7)/.2):90+9*((t-.9)/.1)**4,99)),a>=i&&clearInterval(s)},50),(0,F.trackFunnelStep)("upload_started",a);try{let e=new FormData;e.append("file",p),e.append("source","homepage_upload"),(0,I.appendUploadComplianceFields)(e);let s=await fetch("/api/upload",{method:"POST",body:e}),t=await s.json(),n=Date.now()-l;if(n<i&&await new Promise(e=>window.setTimeout(e,i-n)),t.success){(0,L.recordUploadOutcome)(!0),(0,F.trackFunnelStep)("upload_succeeded",{...a,statusCode:s.status,destination:"image_preview"}),w(100),ed();let e=new URLSearchParams({u:t.url,n:p.name,t:p.type||"image/*",s:String(p.size)});"string"==typeof t.directUrl&&t.directUrl&&e.set("du",t.directUrl),o.push(`${h}?${e.toString()}`)}else if("number"==typeof t.limit&&t.resetAt){let e="number"==typeof t.used?t.used:Math.max(0,t.limit-Number(t.remaining??0)),l=!!(t.isAuthenticated??x);ee({limit:t.limit,used:e,isAuthenticated:l,resetAt:String(t.resetAt)}),K(!0),E(null),(0,F.trackFunnelStep)("upload_blocked_quota",{...a,source:"api_response",limit:t.limit,used:e,remaining:Number(t.remaining??0),statusCode:s.status})}else(0,L.recordUploadOutcome)(!1),E(t.error||r("uploadFailed")),(0,F.trackFunnelStep)("upload_failed",{...a,statusCode:s.status,reason:t.error||"api_error"})}catch(s){let e=Date.now()-l;e<i&&await new Promise(s=>window.setTimeout(s,i-e)),console.error("Upload error:",s),(0,L.recordUploadOutcome)(!1),E(r("uploadFailed")),(0,F.trackFunnelStep)("upload_failed",{...a,reason:s instanceof Error?s.message:"network_error"})}finally{v(!1),ed()}},[d,ed,x,n,h,G,eN,o,p,en,r]),ey=(0,i.useCallback)(async()=>
13{if(j)try{await navigator.clipboard.writeText(j),A(!0),(0,L.recordResultCopied)(),(0,F.trackFunnelStep)("result_copied",{locale:n,variant:(0,z.getUploadVariant)(n),isAuthenticated:x,source:"upload_section"}),setTimeout(()=>A(!1),2e3)}catch(e){console.error("Failed to copy:",e)}},[x,n,j]),ew=(0,i.useCallback)(()=>{b&&URL.revokeObjectURL(b),u(null),g(null),f(""),E(null),A(!1),O(!1),K(!1),ee(null)},[b]),ek=(0,i.useCallback)(()=>{(0,F.trackFunnelStep)("file_picker_opened",{locale:n,variant:(0,z.getUploadVariant)(n),isAuthenticated:x}),er.current?.click()},[x,n]);(0,i.useEffect)(()=>{let e=e=>{let s=e.clipboardData?.items;if(s)for(let e=0;e<s.length;e++){let t=s[e];if(-1!==t.type.indexOf("image")){let e=t.getAsFile();e&&ex(e,"paste");break}}};return document.addEventListener("paste",e),()=>document.removeEventListener("paste",e)},[ex]);let eC=(0,z.getUploadVariant)(n),eP=eo("oversizePrompt.title","Image is larger than 2MB"),eU=eo("oversizePrompt.description","Free plan supports images up to 2MB. Upgrade to Pro to upload images up to 50MB instantly."),eS=eo("oversizePrompt.primaryCta","Compress Image"),e_=eo("oversizePrompt.upgradeCta","Upgrade to Pro - $9/mo"),eT=eo("oversizePrompt.mostPopular","Most creators choose Pro"),eF=eo("oversizePrompt.upgradeHover","Supports images up to 50MB"),eL=eo("oversizePrompt.upgradeBenefits","No ads • 50MB uploads • Image history"),eD=eo("oversizePrompt.compressConfirm","Compressed image quality may be reduced. Upgrade to upload original files."),eq="en"===n?"/image-compressor":`/${n}/image-compressor`,eI="en"===n?"/pricing":`/${n}/pricing`,eB=(0,i.useCallback)(e=>{let s=p?(0,F.getFileAnalyticsProps)(p):{};(0,L.recordPricingCta)(e,{paywallTrigger:e,toolCategory:"image_upload",attemptedFileCount:p?1:void 0,country:"undefined"==typeof document?void 0:document.cookie.split("; ").find(e=>e.startsWith("NEXT_GEO_COUNTRY="))?.split("=").slice(1).join("="),fileType:"string"==typeof s.fileType?s.fileType:void 0,fileExtension:"string"==typeof s.fileExtension?s.fileExtension:void 0,fileSizeBucket:"string"==typeof s.fileSizeBucket?s.fileSizeBucket:void 0}),(0,F.trackFunnelStep)("pricing_cta_clicked",{locale:n,source:e,variant:(0,z.getUploadVariant)(n),isAuthenticated:x})},[x,n,p]),e$=(0,i.useCallback)(e=>{window.confirm(eD)?((0,L.recordPricingCta)("oversize_compress"),(0,F.trackFunnelStep)("compression_cta_clicked",{locale:n,source:"oversize_compress",variant:(0,z.getUploadVariant)(n),isAuthenticated:x})):e.preventDefault()},[eD,x,n]),ez=(0,i.useMemo)(()=>!G||G.limit<=0?0:Math.min(100,Math.round(G.used/G.limit*100)),[G]),eA=eo("quotaUx.statusTitle","Uploads today"),eM=G?G.remaining>0?eo("quotaUx.uploadsLeft",`${G.remaining} uploads left today`,{remaining:G.remaining}):G.isAuthenticated?eo("quotaUx.upgradeHint","Need higher limits? Upgrade to Pro"):eo("quotaUx.signInToContinue","Sign in to continue uploading today."):"",eE=eo("quotaUx.limitReachedTitle","Daily upload limit reached"),eR=X?eo("quotaUx.limitReachedBody",`You've reached the free limit of ${X.limit} uploads today.`,{limit:X.limit}):"",eO=eo("quotaUx.limitReachedHint","Sign in to upload up to 10 images per day instantly."),eV=eo("quotaUx.googleCta","Continue with Google"),eW=eo("quotaUx.signInOptionsCta","Sign in options"),eG=eo("quotaUx.orLabel","or"),eH=X?eo("quotaUx.tryTomorrowAt",`Try again tomorrow at ${ec(X.resetAt)}`,{time:ec(X.resetAt)}):"",eQ=eo("quotaUx.upgradeHint","Need higher limits? Upgrade to Pro"),eK=eo("quotaUx.signedInUnlocked",`Welcome! You can now upload up to ${ea} images per day.`,{limit:ea});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("input",{ref:er,type:"file",accept:"image/*",className:"hidden",onChange:e=>eb(e.target.files)}),(0,s.jsx)({stack:W,split:V,stepper:Y,"trust-panel":Z}[eC]||W,{dragActive:k,selectedFile:p,previewUrl:b,uploadedUrl:j,isUploading:N,uploadProgress:y,copied:S,error:M,onDragEnter:eh,onDragLeave:ep,onDragOver:em,onDrop:eu,onFileInput:eb,onUpload:ev,onReset:ew,onCopy:ey,t:e,tCommon:l,tError:r,locale:n,triggerFileSelect:ek}),(0,s.jsx)("div",{className:"mx-auto mt-3 max-w-4xl",children:(0,s.jsx)(T.UploadComplianceNotice,{})}),G&&("split"===eC||"trust-panel"===eC?(0,s.jsx)("div",{className:"mx-auto mt-3 grid max-w-6xl grid-cols-1 gap-6 lg:grid-cols-3",children:(0,s.jsx)("div",{className:"lg:col-span-2",children:(0,s.jsxs)("div",{className:"rounded-xl border border-slate-700/40 bg-slate-900/35 p-3",children:[(0,s.jsxs)("div",{className:"mb-1.5 flex items-center justify-between text-xs",children:[(0,s.jsx)("span",{className:"font-medium text-slate-300/90",children:eA}),(0,s.jsxs)("span",{className:"font-mono text-slate-400",children:[G.used," / ",G.limit]})]}),(0,s.jsx)("div",{className:"h-1.5 overflow-hidden rounded-full bg-slate-700/60",children:(0,s.jsx)("div",{className:"h-full bg-slate-400/80 transition-all duration-300",style:{width:`${ez}%`}})}),(0,s.jsxs)("div",{className:"mt-2 flex items-center justify-between gap-3 text-[11px]",children:[(0,s.jsx)("span",{className:"text-slate-400",children:eM}),G.remaining<=0&&!G.isAuthenticated&&(0,s.jsx)("button",{type:"button",onClick:ej,className:"rounded-full border border-slate-600/70 px-2.5 py-1 font-medium text-slate-300 transition hover:border-slate-500 hover:text-white",children:eV})]})]})})}):(0,s.jsx)("div",{className:"mx-auto mt-3 max-w-4xl",children:(0,s.jsxs)("div",{className:"rounded-xl border border-slate-700/40 bg-slate-900/35 p-3",children:[(0,s.jsxs)("div",{className:"mb-1.5 flex items-center justify-between text-xs",children:[(0,s.jsx)("span",{className:"font-medium text-slate-300/90",children:eA}),(0,s.jsxs)("span",{className:"font-mono text-slate-400",children:[G.used," / ",G.limit]})]}),(0,s.jsx)("div",{className:"h-1.5 overflow-hidden rounded-full bg-slate-700/60",children:(0,s.jsx)("div",{className:"h-full bg-slate-400/80 transition-all duration-300",style:{width:`${ez}%`}})}),(0,s.jsxs)("div",{className:"mt-2 flex items-center justify-between gap-3 text-[11px]",children:[(0,s.jsx)("span",{className:"text-slate-400",children:eM}),G.remaining<=0&&!G.isAuthenticated&&(0,s.jsx)("button",{type:"button",onClick:ej,className:"rounded-full border border-slate-600/70 px-2.5 py-1 font-medium text-slate-300 transition hover:border-slate-500 hover:text-white",children:eV})]})]})})),Q&&X&&(0,s.jsx)("div",{className:"fixed inset-0 z-[70] flex items-center justify-center bg-slate-950/75 p-4 backdrop-blur-sm",children:(0,s.jsxs)("dialog",{open:!0,className:"relative m-0 w-full max-w-xl rounded-2xl border border-slate-700 bg-slate-900/95 p-0 text-left text-inherit shadow-2xl",children:[(0,s.jsxs)("div",{className:"border-b border-slate-800 p-6",children:[(0,s.jsx)("h2",{className:"text-2xl font-semibold text-white",children:eE}),(0,s.jsx)("p",{className:"mt-3 text-sm text-slate-300",children:eR}),!X.isAuthenticated&&(0,s.jsxs)("div",{className:"mt-3 rounded-lg border border-cyan-300/60 bg-cyan-400/15 px-3 py-2.5 text-sm font-semibold text-cyan-100 shadow-[0_0_0_1px_rgba(34,211,238,0.15)]",children:[(0,s.jsx)("span",{className:"mr-1",children:"⚡"}),eO]})]}),(0,s.jsxs)("div",{className:"space-y-3 p-6",children:[X.isAuthenticated?(0,s.jsx)("a",{href:eI,onClick:()=>eB("quota_limit_modal_primary"),className:"inline-flex w-full items-center justify-center rounded-xl bg-gradient-to-r from-orange-500 to-amber-500 px-4 py-3 text-sm font-semibold text-white transition hover:from-orange-400 hover:to-amber-400",children:e_}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("button",{type:"button",onClick:ej,className:"inline-flex w-full items-center justify-center rounded-xl bg-gradient-to-r from-cyan-500 to-blue-600 px-4 py-3 text-sm font-semibold text-white transition hover:from-cyan-600 hover:to-blue-700",children:eV}),(0,s.jsx)("div",{className:"text-center text-xs uppercase tracking-wide text-slate-500",children:eG}),(0,s.jsx)("button",{type:"button",onClick:ef,className:"inline-flex w-full items-center justify-center rounded-xl border border-slate-600 bg-slate-800/70 px-4 py-3 text-sm font-semibold text-slate-200 transition hover:border-slate-500 hover:bg-slate-700",children:eW})]}),(0,s.jsx)("p",{className:"text-center text-xs text-slate-400",children:eH}),(0,s.jsx)("div",{className:"text-center",children:(0,s.jsx)("a",{href:eI,onClick:()=>eB("quota_limit_modal_secondary"),className:"text-xs font-medium text-amber-300 transition hover:text-amber-200",children:eQ})})]}),(0,s.jsx)("div",{className:"flex justify-end border-t border-slate-800 p-4",children:(0,s.jsx)("button",{type:"button",onClick:()=>K(!1),className:"rounded-full px-4 py-2 text-sm font-medium text-slate-300 transition hover:bg-slate-800 hover:text-white",children:l("cancel")})})]})}),(0,s.jsx)(_.FileSizeLimitModal,{open:R,title:eP,description:eU,badgeLabel:eT,primaryAction:{label:e_,href:eI,onClick:()=>eB("oversize_modal_primary"),title:eF},secondaryAction:{label:eS,href:eq,onClick:e$},helperText:eL,note:eD,cancelLabel:l("cancel"),closeLabel:l("close"),onClose:()=>O(!1)}),es&&(0,s.jsx)("div",{className:"fixed bottom-5 right-5 z-[80] max-w-sm rounded-xl border border-cyan-400/40 bg-slate-900/95 px-4 py-3 text-sm text-cyan-100 shadow-2xl",children:eK})]})}function ee(){let e=(0,t.useTranslations)("HomePage");(0,t.useTranslations)("Common");let f=(0,a.useLocale)();return(0,i.useEffect)(()=>{let e=(0,F.getCountryFromCookie)(),s=(0,F.getUploadVariant)(f);(0,F.trackPageView)({path:"/",locale:f,country:e,variant:s})},[f]),(0,s.jsxs)("div",{className:"min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900",children:[(0,s.jsx)("section",{className:"pt-20 pb-16 px-4 sm:px-6",children:(0,s.jsxs)("div",{className:"max-w-6xl mx-auto text-center",children:[(0,s.jsx)("h1",{className:"text-4xl sm:text-5xl md:text-7xl font-bold mb-6 leading-tight",children:(0,s.jsx)("span",{className:"bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-600 bg-clip-text text-transparent",children:e("title")})}),(0,s.jsx)("p",{className:"text-lg sm:text-xl md:text-2xl text-slate-300 mb-8 max-w-3xl mx-auto leading-relaxed",children:e("subtitle")}),(0,s.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8 max-w-4xl mx-auto",children:[(0,s.jsxs)("div",{className:"flex items-center justify-center space-x-3 text-slate-300",children:[(0,s.jsx)(n.Zap,{className:"h-6 w-6 text-cyan-400"}),(0,s.jsx)("span",{children:e("features.fast")})]}),(0,s.jsxs)("div",{className:"flex items-center justify-center space-x-3 text-slate-300",children:[(0,s.jsx)(o.Shield,{className:"h-6 w-6 text-green-400"}),(0,s.jsx)("span",{children:e("features.secure")})]}),(0,s.jsxs)("div",{className:"flex items-center justify-center space-x-3 text-slate-300",children:[(0,s.jsx)(c.Clock,{className:"h-6 w-6 text-purple-400"}),(0,s.jsx)("span",{children:e("features.permanent")})]})]}),(0,s.jsxs)("div",{className:"flex items-center justify-center gap-2 text-sm text-slate-500",children:[(0,s.jsx)(c.Clock,{className:"h-4 w-4"}),(0,s.jsx)("span",{children:e("lastUpdated")})]})]})}),(0,s.jsx)("section",{className:"pb-12 px-4 sm:px-6",children:(0,s.jsx)("div",{className:"max-w-4xl mx-auto",children:(0,s.jsx)("div",{className:"bg-slate-800/30 backdrop-blur-xl border border-cyan-400/30 rounded-xl p-6 shadow-lg",children:(0,s.jsxs)("div",{className:"flex items-start gap-3",children:[(0,s.jsx)(w.Info,{className:"h-6 w-6 text-cyan-400 flex-shrink-0 mt-1"}),(0,s.jsx)("div",{children:(0,s.jsxs)("p",{className:"text-lg text-slate-200 leading-relaxed",children:[(0,s.jsx)("strong",{className:"text-cyan-400",children:e("quickAnswer.title")})," ",e("quickAnswer.content")]})})]})})})}),(0,s.jsx)("section",{id:"upload",className:"pb-20 px-4 sm:px-6",children:(0,s.jsx)(X,{})}),(0,s.jsx)("section",{className:"py-20 px-4 sm:px-6",children:(0,s.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,s.jsxs)("div",{className:"text-center mb-16",children:[(0,s.jsx)("h2",{className:"text-3xl font-bold text-white mb-4",children:e("testimonials.title")}),(0,s.jsx)("p",{className:"text-xl text-slate-300",children:e("testimonials.subtitle")})]}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:e.raw("testimonials.items").map((e,t)=>(0,s.jsxs)(S.Card,{className:"bg-slate-800/30 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 transition-all duration-200",children:[(0,s.jsxs)("div",{className:"flex items-center mb-4",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-cyan-400 to-blue-500 rounded-full flex items-center justify-center text-white font-semibold mr-3",children:e.name.split(" ").map(e=>e[0]).join("").toUpperCase()}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-white font-semibold",children:e.name}),(0,s.jsx)("p",{className:"text-slate-400 text-sm",children:e.role}),(0,s.jsx)("p",{className:"text-slate-500 text-xs",children:e.company})]})]}),(0,s.jsx)("div",{className:"flex mb-3",children:[void 0,void 0,void 0,void 0,void 0].map((e,t)=>(0,s.jsx)(x.Star,{className:"h-4 w-4 text-yellow-400 fill-current"},t))}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)(m.Quote,{className:"absolute -top-2 -left-2 h-4 w-4 text-cyan-400/30"}),(0,s.jsxs)("p",{className:"text-slate-300 text-sm leading-relaxed pl-4",children:['"',e.content,'"']})]})]},t))})]})}),(0,s.jsx)("section",{id:"features",className:"py-20 px-4 bg-slate-800/30",children:(0,s.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,s.jsx)("h2",{className:"text-4xl font-bold text-center mb-16 text-white",children:e("features.title")}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8",children:e.raw("features.items").map((e,t)=>(0,s.jsxs)("div",{className:"text-center p-6",children:[(0,s.jsxs)("div",{className:"w-16 h-16 bg-gradient-to-r from-cyan-400 to-blue-500 rounded-full flex items-center justify-center mx-auto mb-4",children:[0===t&&(0,s.jsx)(n.Zap,{className:"h-8 w-8 text-white"}),1===t&&(0,s.jsx)(o.Shield,{className:"h-8 w-8 text-white"}),2===t&&(0,s.jsx)(d.Link,{className:"h-8 w-8 text-white"})]}),(0,s.jsx)("h3",{className:"text-xl font-semibold text-white mb-3",children:e.title}),(0,s.jsx)("p",{className:"text-slate-300",children:e.description})]},t))})]})}),(0,s.jsx)("section",{className:"py-20 px-4 bg-slate-900/50",children:(0,s.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,s.jsxs)("div",{className:"text-center mb-12",children:[(0,s.jsx)("h2",{className:"text-4xl font-bold text-white mb-4",children:e("comparison.title")}),(0,s.jsx)("p",{className:"text-xl text-slate-300",children:e("comparison.subtitle")})]}),(0,s.jsx)("div",{className:"overflow-x-auto",children:(0,s.jsx)("div",{className:"inline-block min-w-full align-middle",children:(0,s.jsx)("div",{className:"overflow-hidden border border-slate-700 rounded-xl",children:(0,s.jsxs)("table",{className:"min-w-full divide-y divide-slate-700",children:[(0,s.jsx)("thead",{className:"bg-slate-800/50",children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{scope:"col",className:"px-6 py-4 text-left text-sm font-semibold text-slate-300",children:e("comparison.table.feature")}),(0,s.jsx)("th",{scope:"col",className:"px-6 py-4 text-left text-sm font-semibold text-cyan-400 bg-slate-800/80",children:e("comparison.table.imagetourl")}),(0,s.jsx)("th",{scope:"col",className:"px-6 py-4 text-left text-sm font-semibold text-slate-300",children:e("comparison.table.imgur")}),(0,s.jsx)("th",{scope:"col",className:"px-6 py-4 text-left text-sm font-semibold text-slate-300",children:e("comparison.table.googlePhotos")})]})}),(0,s.jsx)("tbody",{className:"divide-y divide-slate-700 bg-slate-800/30",children:e.raw("comparison.features").map((e,t)=>(0,s.jsxs)("tr",{className:"hover:bg-slate-700/30 transition-colors",children:[(0,s.jsx)("td",{className:"px-6 py-4 text-sm font-medium text-white",children:e.name}),(0,s.jsx)("td",{className:"px-6 py-4 text-sm text-slate-200 bg-slate-800/50 font-semibold",children:e.imagetourl}),(0,s.jsx)("td",{className:"px-6 py-4 text-sm text-slate-300",children:e.imgur}),(0,s.jsx)("td",{className:"px-6 py-4 text-sm text-slate-300",children:e.googlePhotos})]},t))})]})})})}),(0,s.jsx)("div",{className:"mt-8 text-center",children:(0,s.jsx)("p",{className:"text-sm text-slate-400",children:"* Comparison based on free tier features as of January 2026"})})]})}),(0,s.jsx)("section",{className:"py-20 px-4",children:(0,s.jsxs)("div",{className
13:"max-w-6xl mx-auto",children:[(0,s.jsxs)("div",{className:"text-center mb-12",children:[(0,s.jsx)("h2",{className:"text-4xl font-bold text-white mb-4",children:e("popularTools.title")}),(0,s.jsx)("p",{className:"text-xl text-slate-300 mb-8",children:e("popularTools.subtitle")})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6",children:[(0,s.jsxs)(l.default,{href:"/tools/privacy-cleaner",className:"group bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 hover:border-cyan-400/50 transition-all duration-200",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-green-400 to-emerald-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:(0,s.jsx)(p.ShieldCheck,{className:"h-6 w-6 text-white"})}),(0,s.jsx)("div",{className:"text-xs text-green-400 font-semibold mb-2",children:e("popularTools.privacyCleaner.category")}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:e("popularTools.privacyCleaner.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:e("popularTools.privacyCleaner.description")})]}),(0,s.jsxs)(l.default,{href:"/ppt-to-url-converter",className:"group bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 hover:border-cyan-400/50 transition-all duration-200",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-orange-400 to-red-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:(0,s.jsx)(u.FileText,{className:"h-6 w-6 text-white"})}),(0,s.jsx)("div",{className:"text-xs text-orange-400 font-semibold mb-2",children:e("popularTools.pptConverter.category")}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:e("popularTools.pptConverter.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:e("popularTools.pptConverter.description")})]}),(0,s.jsxs)(l.default,{href:"/image-compressor",className:"group bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 hover:border-cyan-400/50 transition-all duration-200",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-blue-400 to-indigo-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:(0,s.jsx)(b.Minimize2,{className:"h-6 w-6 text-white"})}),(0,s.jsx)("div",{className:"text-xs text-blue-400 font-semibold mb-2",children:e("popularTools.imageCompressor.category")}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:e("popularTools.imageCompressor.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:e("popularTools.imageCompressor.description")})]}),(0,s.jsxs)(l.default,{href:"/tools/heic-viewer-and-to-png",className:"group bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 hover:border-cyan-400/50 transition-all duration-200",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-purple-400 to-pink-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:(0,s.jsx)(g.Image,{className:"h-6 w-6 text-white"})}),(0,s.jsx)("div",{className:"text-xs text-purple-400 font-semibold mb-2",children:e("popularTools.heicConverter.category")}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:e("popularTools.heicConverter.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:e("popularTools.heicConverter.description")})]}),(0,s.jsxs)(l.default,{href:"/tools/square-image",className:"group bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 hover:border-cyan-400/50 transition-all duration-200",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-cyan-400 to-blue-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:(0,s.jsx)(j.Crop,{className:"h-6 w-6 text-white"})}),(0,s.jsx)("div",{className:"text-xs text-cyan-400 font-semibold mb-2",children:e("popularTools.squareImage.category")}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:e("popularTools.squareImage.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:e("popularTools.squareImage.description")})]}),(0,s.jsxs)(l.default,{href:"/tools/make-photo-black-and-white",className:"group bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 hover:border-cyan-400/50 transition-all duration-200",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-gray-400 to-gray-600 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:(0,s.jsx)(N,{className:"h-6 w-6 text-white"})}),(0,s.jsx)("div",{className:"text-xs text-gray-400 font-semibold mb-2",children:e("popularTools.blackWhite.category")}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:e("popularTools.blackWhite.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:e("popularTools.blackWhite.description")})]}),(0,s.jsxs)(l.default,{href:"/tools/image-to-pencil-sketch",className:"group bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 hover:border-cyan-400/50 transition-all duration-200",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-amber-400 to-yellow-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:(0,s.jsx)(v.Pencil,{className:"h-6 w-6 text-white"})}),(0,s.jsx)("div",{className:"text-xs text-amber-400 font-semibold mb-2",children:e("popularTools.pencilSketch.category")}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:e("popularTools.pencilSketch.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:e("popularTools.pencilSketch.description")})]}),(0,s.jsxs)(l.default,{href:"/tools/crop-a-circle",className:"group bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-xl p-6 hover:transform hover:scale-105 hover:border-cyan-400/50 transition-all duration-200",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-rose-400 to-pink-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:(0,s.jsx)(y.Circle,{className:"h-6 w-6 text-white"})}),(0,s.jsx)("div",{className:"text-xs text-rose-400 font-semibold mb-2",children:e("popularTools.circleCrop.category")}),(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:e("popularTools.circleCrop.title")}),(0,s.jsx)("p",{className:"text-sm text-slate-400",children:e("popularTools.circleCrop.description")})]})]}),(0,s.jsx)("div",{className:"text-center mt-12",children:(0,s.jsxs)(l.default,{href:"/tools",className:"inline-flex items-center gap-2 text-cyan-400 hover:text-cyan-300 font-semibold text-lg transition-colors",children:[e("popularTools.viewAll"),(0,s.jsx)(h.ArrowRight,{className:"h-5 w-5"})]})})]})}),(0,s.jsx)("section",{className:"py-20 px-4 bg-slate-900/50",children:(0,s.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,s.jsxs)("div",{className:"text-center mb-16",children:[(0,s.jsx)("h2",{className:"text-4xl font-bold text-white mb-4",children:e("userPersonas.title")}),(0,s.jsx)("p",{className:"text-xl text-slate-300",children:e("userPersonas.subtitle")})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[(0,s.jsxs)("div",{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl overflow-hidden hover:border-cyan-400/30 transition-all",children:[(0,s.jsxs)("div",{className:"p-6",children:[(0,s.jsxs)("div",{className:"flex items-start gap-4 mb-4",children:[(0,s.jsx)("div",{className:"w-14 h-14 bg-gradient-to-br from-blue-400 to-indigo-500 rounded-xl flex items-center justify-center flex-shrink-0",children:(0,s.jsx)(k.Code,{className:"h-7 w-7 text-white"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-bold text-white mb-1",children:e("userPersonas.developers.role")}),(0,s.jsx)("p",{className:"text-slate-300 text-sm leading-relaxed",children:e("userPersonas.developers.description")})]})]}),(0,s.jsxs)("div",{className:"space-y-2 mb-4",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-slate-400 uppercase",children:"Use Cases:"}),(0,s.jsx)("div",{className:"grid grid-cols-2 gap-2",children:e.raw("userPersonas.developers.useCases").map((e,t)=>(0,s.jsxs)("div",{className:"text-xs text-slate-400 flex items-start gap-1.5",children:[(0,s.jsx)("span",{className:"text-cyan-400 mt-0.5",children:"•"}),(0,s.jsx)("span",{children:e})]},t))})]})]}),(0,s.jsxs)("div",{className:"bg-slate-900/50 border-t border-slate-700/50 p-4",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-cyan-400 mb-3",children:e("userPersonas.developers.exampleTitle")}),(0,s.jsx)("div",{className:"mb-3 rounded-lg overflow-hidden",children:(0,s.jsx)(r.default,{src:e("userPersonas.developers.exampleImage.url"),alt:e("userPersonas.developers.exampleImage.alt"),width:600,height:400,className:"w-full h-auto",loading:"lazy"})}),(0,s.jsx)("div",{className:"bg-slate-950/50 rounded-lg p-3 font-mono text-xs text-slate-300",children:(0,s.jsx)("code",{className:"block whitespace-pre text-[10px] leading-relaxed",children:`<img src="https://img.image2url.com/abc123.jpg"
14     alt="Product mockup" />`})}),(0,s.jsx)("p",{className:"text-xs text-slate-400 mt-2 leading-relaxed",children:e("userPersonas.developers.exampleDescription")})]})]}),(0,s.jsxs)("div",{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl overflow-hidden hover:border-purple-400/30 transition-all",children:[(0,s.jsxs)("div",{className:"p-6",children:[(0,s.jsxs)("div",{className:"flex items-start gap-4 mb-4",children:[(0,s.jsx)("div",{className:"w-14 h-14 bg-gradient-to-br from-purple-400 to-pink-500 rounded-xl flex items-center justify-center flex-shrink-0",children:(0,s.jsx)(C.PenTool,{className:"h-7 w-7 text-white"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-bold text-white mb-1",children:e("userPersonas.bloggers.role")}),(0,s.jsx)("p",{className:"text-slate-300 text-sm leading-relaxed",children:e("userPersonas.bloggers.description")})]})]}),(0,s.jsxs)("div",{className:"space-y-2 mb-4",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-slate-400 uppercase",children:"Use Cases:"}),(0,s.jsx)("div",{className:"grid grid-cols-2 gap-2",children:e.raw("userPersonas.bloggers.useCases").map((e,t)=>(0,s.jsxs)("div",{className:"text-xs text-slate-400 flex items-start gap-1.5",children:[(0,s.jsx)("span",{className:"text-purple-400 mt-0.5",children:"•"}),(0,s.jsx)("span",{children:e})]},t))})]})]}),(0,s.jsxs)("div",{className:"bg-slate-900/50 border-t border-slate-700/50 p-4",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-purple-400 mb-3",children:e("userPersonas.bloggers.exampleTitle")}),(0,s.jsx)("div",{className:"mb-3 rounded-lg overflow-hidden",children:(0,s.jsx)(r.default,{src:e("userPersonas.bloggers.exampleImage.url"),alt:e("userPersonas.bloggers.exampleImage.alt"),width:600,height:400,className:"w-full h-auto",loading:"lazy"})}),(0,s.jsx)("div",{className:"bg-slate-950/50 rounded-lg p-3 font-mono text-xs text-slate-300",children:(0,s.jsx)("code",{className:"block whitespace-pre text-[10px] leading-relaxed",children:"![Product](https://img.image2url.com/abc123.jpg)"})}),(0,s.jsx)("p",{className:"text-xs text-slate-400 mt-2 leading-relaxed",children:e("userPersonas.bloggers.exampleDescription")})]})]}),(0,s.jsxs)("div",{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl overflow-hidden hover:border-green-400/30 transition-all",children:[(0,s.jsxs)("div",{className:"p-6",children:[(0,s.jsxs)("div",{className:"flex items-start gap-4 mb-4",children:[(0,s.jsx)("div",{className:"w-14 h-14 bg-gradient-to-br from-green-400 to-emerald-500 rounded-xl flex items-center justify-center flex-shrink-0",children:(0,s.jsx)(P,{className:"h-7 w-7 text-white"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-bold text-white mb-1",children:e("userPersonas.marketers.role")}),(0,s.jsx)("p",{className:"text-slate-300 text-sm leading-relaxed",children:e("userPersonas.marketers.description")})]})]}),(0,s.jsxs)("div",{className:"space-y-2 mb-4",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-slate-400 uppercase",children:"Use Cases:"}),(0,s.jsx)("div",{className:"grid grid-cols-2 gap-2",children:e.raw("userPersonas.marketers.useCases").map((e,t)=>(0,s.jsxs)("div",{className:"text-xs text-slate-400 flex items-start gap-1.5",children:[(0,s.jsx)("span",{className:"text-green-400 mt-0.5",children:"•"}),(0,s.jsx)("span",{children:e})]},t))})]})]}),(0,s.jsxs)("div",{className:"bg-slate-900/50 border-t border-slate-700/50 p-4",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-green-400 mb-3",children:e("userPersonas.marketers.exampleTitle")}),(0,s.jsx)("div",{className:"mb-3 rounded-lg overflow-hidden",children:(0,s.jsx)(r.default,{src:e("userPersonas.marketers.exampleImage.url"),alt:e("userPersonas.marketers.exampleImage.alt"),width:600,height:400,className:"w-full h-auto",loading:"lazy"})}),(0,s.jsx)("div",{className:"bg-slate-950/50 rounded-lg p-3 font-mono text-xs text-slate-300",children:(0,s.jsx)("code",{className:"block whitespace-pre text-[10px] leading-relaxed",children:`<a href="https://example.com?utm_source=email">
15  <img src="https://img.image2url.com/promo.jpg" />
16</a>`})}),(0,s.jsx)("p",{className:"text-xs text-slate-400 mt-2 leading-relaxed",children:e("userPersonas.marketers.exampleDescription")})]})]}),(0,s.jsxs)("div",{className:"bg-slate-800/50 backdrop-blur-xl border border-slate-700/50 rounded-2xl overflow-hidden hover:border-amber-400/30 transition-all",children:[(0,s.jsxs)("div",{className:"p-6",children:[(0,s.jsxs)("div",{className:"flex items-start gap-4 mb-4",children:[(0,s.jsx)("div",{className:"w-14 h-14 bg-gradient-to-br from-amber-400 to-orange-500 rounded-xl flex items-center justify-center flex-shrink-0",children:(0,s.jsx)(U.GraduationCap,{className:"h-7 w-7 text-white"})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-bold text-white mb-1",children:e("userPersonas.students.role")}),(0,s.jsx)("p",{className:"text-slate-300 text-sm leading-relaxed",children:e("userPersonas.students.description")})]})]}),(0,s.jsxs)("div",{className:"space-y-2 mb-4",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-slate-400 uppercase",children:"Use Cases:"}),(0,s.jsx)("div",{className:"grid grid-cols-2 gap-2",children:e.raw("userPersonas.students.useCases").map((e,t)=>(0,s.jsxs)("div",{className:"text-xs text-slate-400 flex items-start gap-1.5",children:[(0,s.jsx)("span",{className:"text-amber-400 mt-0.5",children:"•"}),(0,s.jsx)("span",{children:e})]},t))})]})]}),(0,s.jsxs)("div",{className:"bg-slate-900/50 border-t border-slate-700/50 p-4",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-amber-400 mb-3",children:e("userPersonas.students.exampleTitle")}),(0,s.jsx)("div",{className:"mb-3 rounded-lg overflow-hidden",children:(0,s.jsx)(r.default,{src:e("userPersonas.students.exampleImage.url"),alt:e("userPersonas.students.exampleImage.alt"),width:600,height:400,className:"w-full h-auto",loading:"lazy"})}),(0,s.jsx)("div",{className:"bg-slate-950/50 rounded-lg p-3 font-mono text-xs text-slate-300",children:(0,s.jsx)("code",{className:"block whitespace-pre text-[10px] leading-relaxed",children:`Figure 1: Research Data
17[https://img.image2url.com/data.jpg]`})}),(0,s.jsx)("p",{className:"text-xs text-slate-400 mt-2 leading-relaxed",children:e("userPersonas.students.exampleDesc
17ription")})]})]})]})]})}),(0,s.jsx)("section",{id:"about",className:"py-20 px-4",children:(0,s.jsxs)("div",{className:"max-w-4xl mx-auto text-center",children:[(0,s.jsx)("h2",{className:"text-4xl font-bold mb-8 text-white",children:e("about.title")}),(0,s.jsx)("p",{className:"text-xl text-slate-300 mb-8 leading-relaxed",children:e("about.description")}),(0,s.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 text-left",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-xl font-semibold text-white mb-4",children:e("about.perfectFor.title")}),(0,s.jsx)("ul",{className:"space-y-2 text-slate-300",children:e.raw("about.perfectFor.items").map((e,t)=>(0,s.jsxs)("li",{children:["• ",e]},t))})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-xl font-semibold text-white mb-4",children:e("about.features.title")}),(0,s.jsx)("ul",{className:"space-y-2 text-slate-300",children:e.raw("about.features.items").map((e,t)=>(0,s.jsxs)("li",{children:["• ",e]},t))})]})]})]})}),(0,s.jsx)("section",{id:"faq",className:"py-20 px-4 bg-slate-800/30",children:(0,s.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,s.jsx)("h2",{className:"text-4xl font-bold text-center mb-12 text-white",children:e("faq.title")}),(0,s.jsx)("div",{className:"space-y-4",children:e.raw("faq.items").map((e,t)=>(0,s.jsxs)("div",{className:"bg-slate-800/60 border border-slate-700/50 rounded-xl p-6",children:[(0,s.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:e.question}),(0,s.jsx)("p",{className:"text-slate-300",children:e.answer})]},t))})]})})]})}e.s(["default",()=>ee],107640)}]);

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.