https://urbanodx.com/chunk-4aj5t0pj.js

1import{o,e,t,v,A,y,u,p,m}from"/main-shntgfrf.js";function k({t:s,language:r,onNavClick:d}){let x=s.packagePlans.slice(0,5),l=s.packagePlans.at(-1),i={en:{eyebrow:"Fixed-scope packages",title:"Know what you get. Choose where to start.",body:"From a focused plan to a production rollout, compare the deliverables, timing and price. We agree the scope and acceptance criteria before work starts.",fit:"Best for",deliverables:"What's included",help:"Need help choosing?",diagnostic:"Try the free diagnostic",retainerEyebrow:"Ongoing support",retainerNote:"Monthly delivery capacity after a sprint, agreed in a separate contract."},es:{eyebrow:"Paquetes de alcance cerrado",title:"Qué te llevas y por dónde empezar.",body:"Desde un plan concreto hasta la puesta en producción: compara entregables, plazos y precios. Antes de empezar, acordamos el alcance y los criterios de aceptación.",fit:"Para quién",deliverables:"Qué incluye",help:"¿Necesitas ayuda para elegir?",diagnostic:"Prueba el diagnóstico gratuito",retainerEyebrow:"Soporte continuo",retainerNote:"Dedicación mensual tras un sprint, con un contrato independiente."},ja:{eyebrow:"固定スコープ・パッケージ",title:"納品内容を比べて、開始点を選ぶ。",body:"具体的な計画づくりから本番導入まで、納品物・期間・費用を比較できます。着手前にスコープと受入条件を書面で合意します。",fit:"こんな場合に",deliverables:"納品内容を見る",help:"どれを選ぶか迷っていますか？",diagnostic:"無料診断を試す",retainerEyebrow:"継続サポート",retainerNote:"スプリント後の月額開発支援です。別途契約で範囲を合意します。"}}[r];return t("section",{className:"bg-white",children:[e("div",{className:"border-b border-udx-line bg-udx-soft px-4 py-16",children:t(m,{className:"grid max-w-[22rem] gap-10 sm:mx-auto sm:max-w-7xl lg:grid-cols-[0.9fr_1.1fr] lg:items-center",interval:70,children:[t("div",{className:"min-w-0",children:[t("p",{"data-reveal":!0,className:"text-sm font-black uppercase tracking-wide text-udx-teal",children:["Urbano DX / ",s.packages]}),e("h1",{"data-reveal":!0,className:"mt-3 max-w-[22rem] break-words text-3xl font-black leading-tight text-udx-ink sm:max-w-4xl sm:text-5xl",children:s.packagesPageTitle}),e("p",{"data-reveal":!0,className:"mt-6 max-w-[22rem] text-lg leading-8 text-udx-muted sm:max-w-3xl",children:s.packagesPageSubtitle}),e("div",{className:"mt-8 grid gap-3 text-sm font-bold text-udx-ink sm:grid-cols-2",children:s.packageIncludes.slice(0,4).map((a)=>t("div",{"data-reveal":!0,className:"flex items-start gap-2",children:[e(u,{className:"mt-0.5 h-5 w-5 shrink-0 text-udx-teal"}),e("span",{children:a})]},a))})]}),e("div",{"data-reveal":!0,className:"min-w-0 overflow-hidden rounded-lg border border-udx-line bg-[#09131f]",children:e("img",{src:"/urbanodx-hero-v2.webp",alt:"","aria-hidden":"true",className:"h-80 w-full object-cover object-center",loading:"lazy",decoding:"async"})})]})}),t("div",{className:"mx-auto max-w-7xl px-4 py-16",children:[t("section",{id:"fixed-scope-packages","aria-labelledby":"package-options-title",className:"scroll-mt-24",children:[t(m,{className:"grid gap-6 lg:grid-cols-[1.3fr_0.7fr] lg:items-end",children:[t("div",{"data-reveal":!0,className:"max-w-3xl",children:[e("p",{className:"text-xs font-black uppercase tracking-wide text-udx-teal",children:i.eyebrow}),e("h2",{id:"package-options-title",className:"mt-3 text-3xl font-black leading-tight tracking-tight text-udx-ink sm:text-4xl",children:i.title}),e("p",{className:"mt-4 text-base leading-7 text-udx-muted",children:i.body})]}),e("p",{"data-reveal":!0,className:"border-l-2 border-udx-teal/30 pl-5 text-sm leading-7 text-udx-muted",children:A[r].compareNote})]}),e("div",{className:"mt-10 space-y-4",children:x.map((a,n)=>t("article",{className:"overflow-hidden rounded-xl border border-udx-line bg-white",children:[t("div",{className:"grid gap-5 p-5 sm:p-6 lg:grid-cols-[1fr_1fr_0.85fr] lg:items-center lg:gap-8",children:[t("div",{children:[e("p",{className:"text-xs font-black uppercase tracking-wide text-udx-teal",children:a.duration}),e("h3",{className:"mt-2 text-xl font-black leading-snug text-udx-ink",children:a.name})]}),t("div",{children:[e("p",{className:"text-xs font-bold text-udx-teal",children:i.fit}),e("p",{className:"mt-1 text-sm leading-6 text-udx-muted",children:a.bestFor})]}),t("div",{className:"flex flex-col items-start gap-3 lg:items-end",children:[e("p",{className:"text-2xl font-black tracking-tight text-udx-ink",children:a.price}),t(v,{onNavClick:d,language:r,index:n,source:"package_details",className:"inline-flex min-h-11 w-full items-center justify-center gap-2 rounded-lg bg-udx-coralAction px-4 py-3 text-center text-sm font-black text-white transition-colors hover:bg-udx-coralActionDark focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-udx-teal sm:w-auto",children:[a.cta??s.primaryCta,e(p,{"aria-hidden":"true",className:"h-4 w-4 shrink-0"})]})]})]}),t("details",{open:n===0,className:"group border-t border-udx-line bg-udx-soft/50",children:[t("summary",{className:"flex min-h-12 cursor-pointer list-none items-center justify-between gap-3 px-5 py-3 text-sm font-bold text-udx-teal hover:bg-udx-soft focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-3px] focus-visible:outline-udx-teal sm:px-6 [&::-webkit-details-marker]:hidden",children:[t("span",{children:[i.deliverables,t("span",{className:"sr-only",children:[": ",a.name]})]}),e(p,{"aria-hidden":"true",className:"h-4 w-4 shrink-0 rotate-90 transition-transform group-open:-rotate-90 motion-reduce:transition-none"})]}),t("div",{className:"grid gap-5 px-5 pb-6 pt-2 sm:px-6 lg:grid-cols-[1fr_1.85fr] lg:gap-8",children:[e("p",{className:"text-sm leading-7 text-udx-muted",children:a.summary}),e("ul",{className:"grid content-start gap-4 sm:grid-cols-2",children:a.features?.map((c)=>t("li",{className:"flex items-start gap-3 text-sm leading-6 text-udx-ink",children:[e(u,{"aria-hidden":"true",className:"mt-1 h-4 w-4 shrink-0 text-udx-teal"}),e("span",{children:c})]},c))})]})]})]},a.name))}),t("div",{className:"mt-6 flex flex-wrap items-center justify-between gap-x-6 gap-y-2 rounded-lg bg-udx-soft px-5 py-4 text-sm sm:px-6",children:[e("p",{className:"font-bold text-udx-ink",children:i.help}),t("a",{href:o("/diagnose/",r),onClick:(a)=>d(a,"/diagnose"),className:"inline-flex min-h-11 items-center gap-2 font-black text-udx-teal underline underline-offset-4 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-udx-teal",children:[i.diagnostic,e(p,{"aria-hidden":"true",className:"h-4 w-4"})]})]})]}),l&&t(m,{className:"relative mt-14 overflow-hidden rounded-2xl border border-white/10 bg-udx-ink p-8 text-white md:p-10",children:[t("span",{"aria-hidden":!0,

1className:"pointer-events-none absolute inset-0",children:[e("span",{className:"absolute -left-16 -top-16 h-60 w-60 rounded-full bg-udx-teal/20 blur-3xl"}),e("span",{className:"absolute -bottom-20 -right-12 h-72 w-72 rounded-full bg-udx-coral/15 blur-3xl"}),e("span",{className:"absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.03)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.03)_1px,transparent_1px)] bg-[size:40px_40px] opacity-50"})]}),t("div",{className:"relative grid gap-8 md:grid-cols-[1.15fr_0.85fr] md:items-center",children:[t("div",{children:[e("p",{className:"text-xs font-black uppercase tracking-wider text-udx-mint",children:i.retainerEyebrow}),e("h2",{className:"mt-3 text-3xl font-black leading-tight",children:l.name}),e("p",{className:"mt-3 max-w-xl text-sm leading-7 text-white/[0.72]",children:l.summary}),e("div",{className:"mt-6 grid gap-3 sm:grid-cols-2",children:l.features?.map((a)=>t("div",{className:"flex items-start gap-2 text-sm font-bold leading-6 text-white/[0.84]",children:[e(u,{className:"mt-0.5 h-4 w-4 shrink-0 text-udx-mint"}),e("span",{children:a})]},a))})]}),t("div",{className:"rounded-lg border border-white/10 bg-white/[0.05] p-6 backdrop-blur",children:[e("p",{className:"text-xs font-black uppercase tracking-wide text-white/[0.55]",children:l.duration}),e("p",{className:"mt-2 text-3xl font-black text-udx-mint",children:l.price}),e("p",{className:"mt-3 text-xs font-bold leading-5 text-white/[0.6]",children:l.bestFor}),e("p",{className:"mt-2 text-xs leading-5 text-white/[0.5]",children:i.retainerNote}),e(v,{onNavClick:d,language:r,index:5,source:"retainer_details",className:"mt-5 inline-flex h-12 w-full items-center justify-center rounded-lg bg-udx-coralAction px-5 text-sm font-black text-white transition-colors hover:bg-udx-coralActionDark",children:l.cta??s.primaryCta})]})]})]}),t(m,{className:"mt-16 grid gap-8 border-y border-udx-line bg-udx-soft px-4 py-12 sm:px-8 lg:grid-cols-[0.8fr_1.2fr] lg:items-center lg:px-12",interval:60,children:[t("div",{"data-reveal":!0,children:[e("h2",{className:"text-3xl font-black tracking-tight text-udx-ink",children:s.packageIncludesTitle}),e("p",{className:"mt-4 text-base leading-7 text-udx-muted",children:s.packagesNote}),e("a",{href:o("/contact/",r),onClick:(a)=>d(a,"/contact"),className:"mt-8 inline-flex items-center rounded-lg bg-udx-coralAction px-8 py-4 text-sm font-black text-white transition-all hover:-translate-y-0.5 hover:bg-udx-coralActionDark hover:shadow-lg",children:s.primaryCta})]}),e("div",{className:"grid gap-4 sm:grid-cols-2",children:s.packageIncludes.map((a)=>t("div",{"data-reveal":!0,className:"flex items-center gap-3 border-b border-udx-line pb-4 text-sm font-bold text-udx-ink",children:[e(u,{className:"h-5 w-5 shrink-0 text-udx-teal"}),e("span",{children:a})]},a))})]}),t(m,{className:"mt-12 flex flex-wrap justify-center gap-3",interval:60,distance:16,children:[e("div",{className:"mb-2 w-full text-center",children:e("p",{className:"text-sm font-bold text-udx-muted",children:s.securityTitle})}),s.securityBadges.map((a)=>t("div",{"data-reveal":!0,className:"flex items-center gap-2 rounded-full border border-udx-teal/30 bg-udx-teal/5 px-4 py-2 text-sm font-bold text-udx-teal",children:[e(y,{className:"h-4 w-4"}),e("span",{children:a})]},a))]}),t(m,{className:"mt-20",children:[e("div",{"data-reveal":!0,className:"max-w-3xl",children:e("h2",{className:"text-3xl font-black text-udx-ink",children:s.flowTitle})}),e("div",{className:"mt-10 grid gap-5 sm:grid-cols-2 lg:grid-cols-4",children:s.flowSteps.map((a)=>t("div",{"data-reveal":!0,className:"relative rounded-lg border border-udx-line bg-white p-6 shadow-sm",children:[e("div",{className:"mb-5 flex h-12 w-12 items-center justify-center rounded-lg bg-udx-soft text-lg font-black text-udx-ink",children:a.step}),e("h3",{className:"mb-3 text-lg font-black text-udx-ink",children:a.title}),e("p",{className:"text-sm leading-6 text-udx-muted",children:a.desc})]},a.step))})]}),t(m,{className:"mx-auto mb-10 mt-20 max-w-5xl",interval:60,children:[t("div",{"data-reveal":!0,children:[e("h2",{className:"text-3xl font-black text-udx-ink",children:s.faqsTitle}),e("p",{className:"mt-4 max-w-3xl text-lg text-udx-muted",children:s.faqsSubtitle})]}),e("div",{className:"mt-10 grid gap-4 md:grid-cols-2",children:s.faqs.map((a,n)=>t("div",{"data-reveal":!0,className:"rounded-lg border border-udx-line bg-white p-6 shadow-sm transition-shadow hover:shadow-md",children:[e("h3",{className:"text-base font-black leading-snug text-udx-ink",children:a.q}),e("p",{className:"mt-4 text-sm leading-7 text-udx-muted",children:a.a})]},n))})]})]})]})}export{k as PricingSection};