PageSourceSearch

https://nextool.ai/assets/ListPage-Dms3yLHx.js

js nextool.ai collected 2026-10-05 12:18:13 UTC 15,300 bytes, 1 lines download raw bytes

1import{d as R,s as y,b as a,j as e}from"./ai-chat-D7vu8HPJ.js";import{r as l}from"./react-vendor-Dyub6y3P.js";import{d as z}from"./router-C2AjIaxW.js";import{a as F}from"./index-BF5VlNj3.js";import{G as M,ae as T,ad as D,a8 as G,S as Z,k as S,Z as V,j as c,u as Y,ai as W}from"./lucide-D0uqi5dM.js";import"./supabase-DOz1qNTW.js";const C="$29",X="$49",L="$399";function ee(){const[p]=z(),d=p.get("ref")??"",f=p.get("payment"),[n,N]=l.useState("monthly"),[m,P]=l.useState(""),[g,E]=l.useState(""),[b,j]=l.useState(""),[h,k]=l.useState(!1),[w,x]=l.useState(""),[o,J]=l.useState(null),{t}=R(),v=f==="success",O=[{icon:M,title:t("list.valueProp1.title"),desc:t("list.valueProp1.desc")},{icon:T,title:t("list.valueProp2.title"),desc:t("list.valueProp2.desc")},{icon:D,title:t("list.valueProp3.title"),desc:t("list.valueProp3.desc")},{icon:G,title:t("list.valueProp4.title"),desc:t("list.valueProp4.desc")}],U=[t("list.monthly.feature1"),t("list.monthly.feature2"),t("list.monthly.feature3"),t("list.monthly.feature4"),t("list.monthly.feature5")],_=[t("list.annual.feature1"),t("list.annual.feature2"),t("list.annual.feature3"),t("list.annual.feature4"),t("list.annual.feature5"),t("list.annual.feature6")];F({title:t("list.meta.title"),description:t("list.meta.desc"),canonical:"https://nextool.ai/list/"}),l.useEffect(()=>{d&&sessionStorage.setItem("ntool_listing_ref",d)},[d]),l.useEffect(()=>{let r=!1;return Promise.all([y.from("tools").select("id",{count:"exact",head:!0}).eq("is_deprecated",!1),y.from("categories").select("id",{count:"exact",head:!0})]).then(([s,i])=>{!r&&s.count!=null&&i.count!=null&&J({toolCount:s.count,categoryCount:i.count})}).catch(()=>{}),()=>{r=!0}},[]);async function A(r){if(r.preventDefault(),!m.trim()){x(t("list.form.emailError"));return}k(!0),x("");const s=d||sessionStorage.getItem("ntool_listing_ref")||"";try{await y.from("listing_signups").insert({email:m.trim().toLowerCase(),tool_name:g.trim(),tool_url:b.trim(),plan:n,ref:s})}catch{}try{const I=await fetch("https://bnkmsvdtubbrqtdqoukb.supabase.co/functions/v1/stripe-checkout",{method:"POST",headers:{"Content-Type":"application/json",apikey:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJua21zdmR0dWJicnF0ZHFvdWtiIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzEzNDgxODYsImV4cCI6MjA4NjkyNDE4Nn0.LVLtVonbWXGf0WpMpl_LgODSGq39MEhngQ86mOmxbFo",Authorization:"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJua21zdmR0dWJicnF0ZHFvdWtiIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzEzNDgxODYsImV4cCI6MjA4NjkyNDE4Nn0.LVLtVonbWXGf0WpMpl_LgODSGq39MEhngQ86mOmxbFo"},body:JSON.stringify({plan:n,email:m.trim().toLowerCase(),toolName:g.trim(),toolUrl:b.trim(),ref:s})}),u=await I.json();if(!I.ok||!u.url)throw new Error(u.error??"Could not create checkout session");window.location.href=u.url}catch(i){x(i instanceof Error?i.message:"Payment setup failed. Please try again."),k(!1)}}return a("div",{className:"min-h-screen bg-[#f7f8f4] dark:bg-gray-950",children:[a("section",{className:"relative overflow-hidden bg-white dark:bg-gray-900 border-b border-gray-100 dark:border-gray-800",children:[e("div",{className:"absolute inset-0 bg-gradient-to-br from-blue-50/60 via-white to-indigo-50/40 dark:from-blue-950/30 dark:via-gray-900 dark:to-indigo-950/20 pointer-events-none"}),a("div",{className:"relative max-w-4xl mx-auto px-4 py-20 text-center",children:[d&&a("div",{className:"inline-flex items-center gap-2 bg-blue-50 dark:bg-blue-900/40 border border-blue-200 dark:border-blue-700 text-blue-700 dark:text-blue-300 text-xs font-semibold px-3 py-1.5 rounded-full mb-6",children:[e(Z,{className:"w-3.5 h-3.5"}),t("list.hero.conferenceOffer")]}),e("h1",{className:"text-4xl sm:text-5xl font-bold text-gray-900 dark:text-white leading-tight mb-4",children:t("list.hero.title")}),e("p",{className:"text-lg text-gray-500 dark:text-gray-400 max-w-2xl mx-auto mb-8",children:t("list.hero.subtitle")}),a("a",{href:"#get-listed",className:"inline-flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white font-semibold px-6 py-3 rounded-xl transition-colors shadow-sm shadow-blue-200 dark:shadow-blue-900/30",children:[t("list.hero.cta")," ",e(S,{className:"w-4 h-4"})]})]})]}),o&&e("section",{className:"border-b border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-900",children:a("div",{className:"max-w-4xl mx-auto px-4 py-6 flex flex-wrap items-center justify-center gap-x-10 gap-y-4 text-center",children:[a("div",{children:[a("div",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:[o.toolCount.toLocaleStr
1ing(),"+"]}),e("div",{className:"text-xs text-gray-500 dark:text-gray-400 mt-0.5",children:"AI tools listed"})]}),e("div",{className:"hidden sm:block w-px h-8 bg-gray-200 dark:bg-gray-700"}),a("div",{children:[e("div",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:o.categoryCount.toLocaleString()}),e("div",{className:"text-xs text-gray-500 dark:text-gray-400 mt-0.5",children:"categories covered"})]}),e("div",{className:"hidden sm:block w-px h-8 bg-gray-200 dark:bg-gray-700"}),a("div",{children:[e("div",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:"Free"}),e("div",{className:"text-xs text-gray-500 dark:text-gray-400 mt-0.5",children:"to discover for users"})]})]})}),a("section",{className:"max-w-5xl mx-auto px-4 py-16",children:[e("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white text-center mb-10",children:t("list.why.title")}),e("div",{className:"grid sm:grid-cols-2 gap-6",children:O.map(({icon:r,title:s,desc:i})=>a("div",{className:"bg-white dark:bg-gray-900 rounded-2xl border border-gray-100 dark:border-gray-800 p-6 flex gap-4",children:[e("div",{className:"shrink-0 w-10 h-10 rounded-xl bg-blue-50 dark:bg-blue-900/40 flex items-center justify-center",children:e(r,{className:"w-5 h-5 text-blue-600 dark:text-blue-400"})}),a("div",{children:[e("h3",{className:"font-semibold text-gray-900 dark:text-white mb-1",children:s}),e("p",{className:"text-sm text-gray-500 dark:text-gray-400 leading-relaxed",children:i})]})]},s))})]}),a("section",{className:"max-w-5xl mx-auto px-4 pb-4",children:[e("p",{className:"text-center text-xs font-semibold uppercase tracking-widest text-gray-400 dark:text-gray-500 mb-6",children:t("list.brands.title")}),e("div",{className:"flex flex-wrap items-center justify-center gap-x-10 gap-y-4",children:["HeyGen","Copy.ai","Jasper","Kling","Udio","ElevenLabs","Runway","Synthesia"].map(r=>e("span",{className:"text-lg sm:text-xl font-bold text-gray-400 dark:text-gray-500 grayscale opacity-70 hover:opacity-100 hover:text-gray-600 dark:hover:text-gray-300 transition-all",children:r},r))})]}),a("section",{className:"max-w-4xl mx-auto px-4 pb-16",id:"get-listed",children:[e("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white text-center mb-2",children:t("list.pricing.title")}),e("p",{className:"text-center text-gray-500 dark:text-gray-400 mb-10",children:d?e("span",{className:"text-blue-600 dark:text-blue-400 font-semibold",children:t("list.pricing.conferenceIntro")}):t("list.pricing.startIntro")}),a("div",{className:"grid sm:grid-cols-2 gap-6 mb-12",children:[a("button",{type:"button",onClick:()=>N("monthly"),className:`text-left rounded-2xl border-2 p-6 transition-all ${n==="monthly"?"border-blue-600 bg-blue-50 dark:bg-blue-950/40 dark:border-blue-500":"border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 hover:border-blue-300 dark:hover:border-blue-700"}`,children:[a("div",{className:"flex items-start justify-between mb-4",children:[a("div",{children:[a("div",{className:"flex items-center gap-2 mb-1",children:[e(V,{className:"w-4 h-4 text-blue-600"}),e("span",{className:"font-semibold text-gray-900 dark:text-white",children:t("list.plan.monthly.name")})]}),a("div",{className:"flex items-baseline gap-1",children:[e("span",{className:"text-3xl font-bold text-gray-900 dark:text-white",children:C}),e("span",{className:"text-sm text-gray-500 dark:text-gray-400",children:t("list.plan.monthly.period")})]}),e("div",{className:"text-xs text-gray-400 dark:text-gray-500 mt-0.5",children:t("list.plan.monthly.regular").replace("{price}",X)})]}),n==="monthly"&&e("div",{className:"w-5 h-5 rounded-full bg-blue-600 flex items-center justify-center shrink-0 mt-0.5",children:e(c,{className:"w-3.5 h-3.5 text-white"})})]}),e("ul",{className:"space-y-2",children:U.map(r=>a("li",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-300",children:[e(c,{className:"w-3.5 h-3.5 text-green-500 shrink-0"}),r]},r))})]}),a("button",{type:"button",onClick:()=>N("annual"),className:`text-left rounded-2xl border-2 p-6 transition-all relative ${n==="annual"?"border-blue-600 bg-blue-50 dark:bg-blue-950/40 dark:border-blue-500":"border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 hover:border-blue-300 dark:hover:border-blue-700"}`,children:[e("div",{className:"absolute -top-3 left-6",children:e("span",{className:"bg-green-500 text-white text-xs font-bold px-2.5 py-1 rounded-full",children:t("list.plan.save32")})}),a("div",{className:"flex items-start justify-between mb-4",children:[a("div",{children:[a("div",{className:"flex items-center gap-2 mb-1",children:[e(Y,{className:"w-4 h-4 text-blue-600"}),e("span",{className:"font-semibold text-gray-900 dark:text-white",children:t("list.plan.annual.name")})]}),a("div",{className:"flex items-baseline gap-1",children:[e("span",{className:"text-3xl font-bold text-gray-900 dark:text-white",children:L}),e("span",{className:"text-sm text-gray-500 dark:text-gray-400",children:t("list.plan.annual.period")})]}),e("div",{className:"text-xs text-gray-400 dark:text-gray-500 mt-0.5",children:t("list.plan.annual.billed")})]}),n==="annual"&&e("div",{className:"w-5 h-5 rounded-full bg-blue-600 flex items-center justify-center shrink-0 mt-0.5",children:e(c,{className:"w-3.5 h-3.5 text-white"})})]}),e("ul",{className:"space-y-2",children:_.map(r=>a("li",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-300",children:[e(c,{className:"w-3.5 h-3.5 text-green-500 shrink-0"}),r]},r))})]})]}),v?a("div",{className:"bg-white dark:bg-gray-900 rounded-2xl border border-green-200 dark:border-green-800 p-10 text-center",children:[e("div",{className:"w-14 h-14 bg-green-50 dark:bg-green-900/40 rounded-full flex items-center justify-center mx-auto mb-4",children:e(c,{className:"w-7 h-7 text-green-500"})}),e("h3",{className:"text-xl font-bold text-gray-900 dark:text-white mb-2",children:t("list.payment.success.title")}),e("p",{className:"text-gray-500 dark:text-gray-400 text-sm max-w-md mx-auto",children:t("list.payment.success.desc")})]}):f==="cancelled"?a("div",{className:"bg-white dark:bg-gray-900 rounded-2xl border border-yellow-200 dark:border-yellow-800 p-10 text-center",children:[e("div",{className:"w-14 h-14 bg-yellow-50 dark:bg-yellow-900/40 rounded-full flex items-center justify-center mx-auto mb-4",children:e(W,{className:"w-7 h-7 text-yellow-500"})}),e("h3",{className:"text-xl font-bold text-gray-900 dark:text-white mb-2",children:t("list.payment.cancelled.title")}),e("p",{className:"text-gray-500 dark:text-gray-400 text-sm max-w-md mx-auto mb-6",children:t("list.payment.cancelled.desc")})]}):null,!v&&a("div",{className:"bg-white dark:bg-gray-900 rounded-2xl border border-gray-100 dark:border-gray-800 p-8",children:[e("h3",{className:"text-lg font-bold text-gray-900 dark:text-white mb-1",children:t("list.form.title")}),e("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-6",children:t("list.form.desc")}),a("form",{onSubmit:A,className:"space-y-4",children:[a("div",{children:[a("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5",children:[t("list.form.emailLabel")," ",e("span",{className:"text-red-500",children:"*"})]}),e("input",{type:"email",required:!0,value:m,onChange:r=>{P(r.target.value),x("")},placeholder:t("list.form.emailPlaceholder"),className:"w-full rounded-xl border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 px-4 py-2.5 text-sm text-gray-900 dark:text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition"})]}),a("div",{className:"grid sm:grid-cols-2 gap-4",children:[a("div",{children:[e("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5",children:t("list.form.toolNameLabel")}),e("input",{type:"text",value:g,onChange:r=>E(r.target.value),placeholder:t("list.form.toolNamePlaceholder"),className:"w-full rounded-xl border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 px-4 py-2.5 text-sm text-gray-900 dark:text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition"})]}),a("div",{children:[e("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1.5",children:t("list.form.toolUrlLabel")}),e("input",{type:"url",value:b,onChange:r=>j(r.target.value),placeholder:t("list.form.toolUrlPlaceholder"),className:"w-full rounded-xl border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 px-4 py-2.5 text-sm text-gray-900 dark:text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition"})]})]}),e("div",{className:"bg-gray-50 dark:bg-gray-800/60 rounded-xl p-3 flex items-center justify-between",children:a("span",{className:"text-sm text-gray-600 dark:text-gray-300",children:[t("list.form.selectedPlan")," ",e("span",{className:"font-semibold text-gray-900 dark:text-white",children:n==="monthly"?t("list.form.planMonthly").replace("{price}",C):t("list.form.planAnnual").replace("{price}",L)})]})}),w&&e("p",{className:"text-sm text-red-500 dark:text-red-400",children:w}),a("button",{type:"submit",disabled:h,className:"w-full flex items-center justify-center gap-2 bg-blue-600 hover:bg-blue-700 disabled:opacity-60 text-white font-semibold py-3 rounded-xl transition-colors shadow-sm",children:[t(h?"list.form.redirecting":"list.form.submitBtn"),!h&&e(S,{className:"w-4 h-4"})]}),e("p",{className:"text-xs text-center text-gray-400 dark:text-gray-500",children:t("list.form.securePayment")})]})]})]}),e("section",{className:"border-t border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-900 py-8",children:a("div",{className:"max-w-4xl mx-auto px-4 flex flex-wrap items-center justify-center gap-8 text-center",children:[a("div",{children:[e("div",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:o?.toolCount.toLocaleStr
1ing()??"—"}),e("div",{className:"text-xs text-gray-500 dark:text-gray-400",children:t("list.stats.toolsListed")})]}),e("div",{className:"hidden sm:block w-px h-8 bg-gray-200 dark:bg-gray-700"}),a("div",{children:[e("div",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:o?.categoryCount.toLocaleString()??"—"}),e("div",{className:"text-xs text-gray-500 dark:text-gray-400",children:t("list.stats.categories")})]}),e("div",{className:"hidden sm:block w-px h-8 bg-gray-200 dark:bg-gray-700"}),a("div",{children:[e("div",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:"8"}),e("div",{className:"text-xs text-gray-500 dark:text-gray-400",children:t("list.stats.languages")})]})]})})]})}export{ee as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.