https://www.aidirectori.es/_next/static/chunks/9317.a9b76bfcc110b883.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9317],{89317:function(e,t,s){s.r(t),s.d(t,{default:function(){return m}});var a=s(57437),i=s(27648),n=s(88226),r=s(43044),l=s(34405),o=s(79528),c=s(17580),d=s(27916);let x=[{step:"01",title:"Choose plan",description:"Pick the submission package that matches your stage and goals.",icon:n.Z},{step:"02",title:"Submit your details",description:"Share your tool URL, assets, and listing info — once, in the dashboard.",icon:r.Z},{step:"03",title:"Manual submission",description:"Our team submits your tool across 100+ high-DR directories by hand.",icon:l.Z},{step:"04",title:"Receive report",description:"Get a clear report with links and status for every listing we submit.",icon:o.Z}];function m(){let{ref:e,isVisible:t}=(0,d.$)();return(0,a.jsx)("section",{id:"how-it-works",ref:e,className:"py-16 sm:py-20 lg:py-24 bg-[#F5F6F8] transition-all duration-700 ease-out scroll-mt-24 ".concat(t?"opacity-100 translate-y-0":"opacity-0 translate-y-10"),"aria-labelledby":"how-it-works-heading",children:(0,a.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:(0,a.jsxs)("div",{className:"relative overflow-hidden rounded-[2rem] border border-[#66CC8A]/20 bg-gradient-to-br from-[#edf8f1] via-[#f7fbf8] to-white px-5 py-10 sm:px-8 sm:py-12 lg:px-10 lg:py-14 shadow-sm",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute -left-20 -top-16 h-56 w-56 rounded-full bg-[#66CC8A]/20 blur-3xl","aria-hidden":!0}),(0,a.jsx)("div",{className:"pointer-events-none absolute -right-16 bottom-0 h-48 w-48 rounded-full bg-[#AEFECA]/35 blur-3xl","aria-hidden":!0}),(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0 opacity-40 [background-image:radial-gradient(rgba(61,128,84,0.11)_1px,transparent_1px)] [background-size:18px_18px]","aria-hidden":!0}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsxs)("div",{className:"mx-auto mb-10 sm:mb-12 max-w-3xl text-center",children:[(0,a.jsx)("p",{className:"mb-3 text-[12px] sm:text-[13px] font-semibold uppercase tracking-[0.18em] text-[#3D8054]",children:"AI Directories"}),(0,a.jsxs)("h2",{id:"how-it-works-heading",className:"text-3xl sm:text-4xl md:text-5xl lg:text-[3.25rem] font-medium text-zinc-900 tracking-[-0.04em] sm:tracking-[-0.05em] leading-[1.08]",children:["How it"," ",(0,a.jsx)("span",{className:"font-instrument-serif italic text-[#3D8054]",children:"works"})]}),(0,a.jsx)("p",{className:"mt-4 text-[15px] sm:text-base md:text-lg text-zinc-500 leading-relaxed max-w-2xl mx-auto",children:"Four clear steps from plan to proof — we handle the directory grind so you can focus on building."})]}),(0,a.jsxs)("ol",{className:"relative hidden lg:grid grid-cols-4 gap-6 xl:gap-8",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute left-[12.5%] right-[12.5%] top-[2.15rem] h-px bg-[#66CC8A]/20","aria-hidden":!0,children:(0,a.jsx)("div",{className:"h-full origin-left bg-gradient-to-r from-[#66CC8A]/30 via-[#66CC8A] to-[#66CC8A]/30 transition-transform duration-1000 ease-out ".concat(t?"scale-x-100":"scale-x-0")})}),x.map((e,s)=>{let{step:i,title:n,description:r,icon:l}=e;return(0,a.jsxs)("li",{className:"relative flex flex-col items-center text-center transition-all duration-700 ease-out ".concat(t?"opacity-100 translate-y-0":"opacity-0 translate-y-6"),style:{transitionDelay:"".concat(140+110*s,"ms")},children:[(0,a.jsxs)("div",{className:"relative z-[1] mb-5 flex h-[4.25rem] w-[4.25rem] items-center justify-center rounded-2xl bg-white shadow-[0_10px_28px_rgba(61,128,84,0.12)] ring-1 ring-[#66CC8A]/25 transition-transform duration-300 hover:-translate-y-0.5",children:[(0,a.jsx)(l,{className:"h-6 w-6 text-[#3D8054]","aria-hidden":!0}),(0,a.jsx)("span",{className:"absolute -right-2 -top-2 flex h-7 min-w-7 items-center justify-center rounded-full bg-[#66CC8A] px-1.5 text-[11px] font-bold text-white shadow-sm","aria-hidden":!0,children:i})]}),(0,a.jsx)("h3",{className:"text-lg font-semibold text-zinc-900 tracking-tight",children:n}),(0,a.jsx)("p",{className:"mt-2 text-sm text-zinc-500 leading-relaxed max-w-[15.5rem]",children:r})]},i)})]}),(0,a.jsxs)("ol",{className:"relative lg:hidden space-y-0",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute left-[1.35rem] top-4 bottom-4 w-px bg-gradient-to-b from-[#66CC8A]/50 via-[#66CC8A]/30 to-transparent","aria-hidden":!0}),x.map((e,s)=>{let{step:i,title:n,description:r,icon:l}=e;return(0,a.jsxs)("li",{className:"relative flex gap-4 pb-8 last:pb-0 transition-all duration-700 ease-out ".concat(t?"opacity-100 translate-x-0":"opacity-0 -translate-x-3"),style:{transitionDelay:"".concat(120+100*s,"ms")},children:[(0,a.jsx)("div",{className:"relative z-[1] flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-white shadow-sm ring-1 ring-[#66CC8A]/25",children:(0,a.jsx)(l,{className:"h-5 w-5 text-[#3D8054]","aria-hidden":!0})}),(0,a.jsxs)("div",{className:"min-w-0 pt-0.5",children:[(0,a.jsxs)("p",{className:"text-[11px] font-semibold uppercase tracking-[0.14em] text-[#3D8054]",children:["Step ",i]}),(0,a.jsx)("h3",{className:"mt-1 text-base sm:text-lg font-semibold text-zinc-900",children:n}),(0,a.jsx)("p",{className:"mt-1.5 text-sm text-zinc-500 leading-relaxed",children:r})]})]},i)})]}),(0,a.jsx)("div",{className:"mt-10 sm:mt-12 flex justify-center transition-all duration-700 delay-500 ".concat(t?"opacity-100 translate-y-0":"opacity-0 translate-y-3"),children:(0,a.jsxs)(i.default,{href:"/pricing",className:"group inline-flex items-center justify-center gap-2 rounded-full bg-[#66CC8A] px-6 py-3 text-[15px] sm:text-[16

1px] font-semibold text-white shadow-sm border-b-2 border-[#54AF74] transition-colors hover:bg-[#5DB67C] focus:outline-none focus-visible:ring-2 focus-visible:ring-[#66CC8A]/50 focus-visible:ring-offset-2",style:{boxShadow:"inset 0 2px 0 0 #AEFECA"},children:["Choose a plan",(0,a.jsx)(c.Z,{className:"h-4 w-4 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5"})]})})]})]})})})}}}]);