1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6147],{66147:function(e,t,s){s.r(t);var r=s(74817);s(71248);var o=s(67833);let d=[(0,r.jsx)("svg",{className:"w-7 h-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.8,d:"M21 21l-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0z"})},"1"),(0,r.jsx)("svg",{className:"w-7 h-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.8,d:"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4"})},"2"),(0,r.jsx)("svg",{className:"w-7 h-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.8,d:"M12 19l9 2-9-18-9 18 9-2zm0 0v-8"})},"3")];t.default=()=>{let{t:e}=(0,o.Z)("home"),t=[{id:1,title:e("how-it-works-step-1-title"),description:e("how-it-works-step-1-desc")},{id:2,title:e("how-it-works-step-2-title"),description:e("how-it-works-step-2-desc")},{id:3,title:e("how-it-works-step-3-title"),description:e("how-it-works-step-3-desc")}];return(0,r.jsx)("section",{className:"py-14 md:py-24 bg-gradient-to-b from-orange-50 to-white overflow-hidden",children:(0,r.jsxs)("div",{className:"container px-4 mx-auto",children:[(0,r.jsxs)("div",{className:"text-center mb-12 md:mb-16",children:[(0,r.jsx)("span",{className:"inline-block bg-orange-500 text-white text-sm font-medium px-5 py-1.5 rounded-full mb-5",children:e("how-it-works-badge")}),(0,r.jsx)("h2",{className:"text-2xl md:text-4xl font-bold text-gray-900 leading-snug",children:e("how-it-works-title")})]}),(0,r.jsxs)("div",{className:"relative grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8",children:[(0,r.jsxs)("div",{className:"hidden md:flex absolute inset-x-[16.5%] top-[52px] items-center pointer-events-none z-0",children:[(0,r.jsx)("div",{className:"flex-1 border-t-2 border-dashed border-orange-300"}),(0,r.jsx)("div",{className:"flex-1 border-t-2 border-dashed border-orange-300"})]}),t.map((t,s)=>(0,r.jsxs)("div",{className:"relative z-10 group bg-white rounded-2xl border border-gray-100 shadow-md hover:shadow-xl transition-all duration-300 flex flex-col items-center text-center p-7 md:p-8",children:[(0,r.jsxs)("span",{className:"absolute -top-3 end-5 text-xs font-bold bg-orange-100 text-orange-900 px-2.5 py-0.5 rounded-full border border-orange-300",children:[e("how-it-works-step-label")," ",t.id]}),(0,r.jsxs)("div",{className:"relative mb-6",children:[(0,r.jsx)("div",{className:"w-20 h-20 rounded-full bg-orange-50 border-2 border-orange-200 group-hover:border-orange-400 transition-colors duration-300 flex items-center justify-center",children:(0,r.jsx)("div",{className:"w-14 h-14 rounded-full bg-orange-500 group-hover:bg-orange-600 transition-colors duration-300 flex items-center justify-center text-white shadow-md",children:d[s]})}),(0,r.jsx)("span",{className:"absolute -bottom-1 -end-1 w-6 h-6 rounded-full bg-gray-900 text-white text-xs font-bold flex items-center justify-center shadow-sm",children:t.id})]}),(0,r.jsx)("h3",{className:"text-lg md:text-xl font-bold text-gray-900 mb-3",children:t.title}),(0,r.jsx)("p",{className:"text-sm md:text-base text-gray-500 leading-relaxed",children:t.description})]},t.id))]})]})})}}}]);
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.