https://setubo.com/_next/static/chunks/5274-5942087363870895.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5274],{3998:(e,t,r)=>{r.d(t,{$:()=>l});var s=r(95155);r(12115);var a=r(32467),n=r(83101),o=r(64269);let i=(0,n.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",{variants:{variant:{default:"bg-primary text-primary-foreground",gradient:"bg-gradient-to-r from-primary via-secondary to-primary bg-[length:200%_auto] text-primary-foreground transition-all duration-500 animate-gradient-x shadow-lg shadow-primary/20",destructive:"bg-destructive text-white focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs dark:bg-input/30 dark:border-input",secondary:"bg-secondary text-secondary-foreground",ghost:"",link:"text-primary underline-offset-4"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}});function l(e){let{className:t,variant:r,size:n,asChild:l=!1,...d}=e,c=l?a.DX:"button";return(0,s.jsx)(c,{"data-slot":"button",className:(0,o.cn)(i({variant:r,size:n,className:t})),...d})}},5925:(e,t,r)=>{r.d(t,{S:()=>z,PackageBuilderHost:()=>C});var s=r(95155),a=r(12115),n=r(52619),o=r.n(n),i=r(59046),l=r(25352),d=r(34788),c=r(93409),u=r(64269);function g(e){let{...t}=e;return(0,s.jsx)(c.bL,{"data-slot":"sheet",...t})}function m(e){let{...t}=e;return(0,s.jsx)(c.ZL,{"data-slot":"sheet-portal",...t})}function x(e){let{className:t,...r}=e;return(0,s.jsx)(c.hJ,{"data-slot":"sheet-overlay",className:(0,u.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...r})}function p(e){let{className:t,children:r,side:a="right",...n}=e;return(0,s.jsxs)(m,{children:[(0,s.jsx)(x,{}),(0,s.jsxs)(c.UC,{"data-slot":"sheet-content",className:(0,u.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500","right"===a&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm","left"===a&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","top"===a&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b","bottom"===a&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...n,children:[r,(0,s.jsxs)(c.bm,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[(0,s.jsx)(d.A,{className:"size-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function f(e){let{className:t,...r}=e;return(0,s.jsx)("div",{"data-slot":"sheet-header",className:(0,u.cn)("flex flex-col gap-1.5 p-4",t),...r})}function b(e){let{className:t,...r}=e;return(0,s.jsx)(c.hE,{"data-slot":"sheet-title",className:(0,u.cn)("text-foreground font-semibold",t),...r})}function h(e){let{className:t,...r}=e;return(0,s.jsx)(c.VY,{"data-slot":"sheet-description",className:(0,u.cn)("text-muted-foreground text-sm",t),...r})}var v=r(78999),y=r(66820),j=r(51182),N=r(32781);let w=(e,t)=>"".concat(e,"::").concat(t),k=e=>e.split("::")[1];function _(e){let{current:t,layout:r,from:n,beforeQuote:c}

1=e,g=a.useId(),[m,x]=a.useState(t),[p,f]=a.useState([]),b=v.Xt.find(e=>e.slug===m),h=e=>f(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),N="drawer"===r;return(0,s.jsxs)("div",{className:(0,u.cn)("grid grid-cols-1 gap-6",!N&&"lg:grid-cols-12"),children:[(0,s.jsxs)("div",{className:(0,u.cn)(!N&&"lg:col-span-8 rounded-[2rem] border border-border bg-card p-4 lg:p-6 shadow-xl shadow-primary/5"),children:[(0,s.jsx)("div",{role:"tablist","aria-label":"Service areas",className:(0,u.cn)("flex gap-2",N?"flex-wrap":"overflow-x-auto no-scrollbar pb-1 lg:flex-wrap lg:overflow-visible"),children:v.Xt.map(e=>{let t=(0,j.K)(e.icon),r=e.services.filter(t=>p.includes(w(e.slug,t))).length;return(0,s.jsxs)("button",{type:"button",role:"tab",id:"".concat(g,"-tab-").concat(e.slug),"aria-selected":m===e.slug,"aria-controls":"".concat(g,"-panel"),onClick:t=>{x(e.slug),t.currentTarget.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})},className:(0,u.cn)("shrink-0 inline-flex items-center gap-2 rounded-full border px-4 py-2.5 text-sm font-semibold transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",m===e.slug?"bg-foreground text-background border-foreground":"border-border text-muted-foreground hover:text-foreground"),children:[(0,s.jsx)(t,{className:"w-4 h-4"}),e.name,r>0&&(0,s.jsx)("span",{className:"rounded-full bg-primary text-white text-[11px] px-1.5 leading-5",children:r})]},e.slug)})}),(0,s.jsxs)("div",{id:"".concat(g,"-panel"),role:"tabpanel","aria-labelledby":"".concat(g,"-tab-").concat(b.slug),children:[(0,s.jsxs)("div",{className:"mt-6 flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1",children:[(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:b.summary}),b.live&&b.slug!==t&&(0,s.jsxs)(o(),{href:(0,v.bV)(b.slug),className:"inline-flex items-center gap-1 text-sm font-semibold text-primary hover:underline underline-offset-4",children:["Explore ",b.name," ",(0,s.jsx)(i.A,{className:"w-4 h-4"})]})]}),(0,s.jsx)("div",{className:(0,u.cn)("mt-4 grid grid-cols-1 gap-2",!N&&"sm:grid-cols-2"),children:b.services.map(e=>{let t=w(b.slug,e),r=p.includes(t);return(0,s.jsxs)("button",{type:"button",onClick:()=>h(t),"aria-pressed":r,className:(0,u.cn)("flex items-center gap-3 rounded-2xl border p-4 text-left transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",r?"border-primary/40 bg-primary/5":"border-border hover:border-primary/25"),children:[(0,s.jsx)("span",{className:(0,u.cn)("w-5 h-5 shrink-0 rounded-md border-2 flex items-center justify-center",r?"bg-primary border-primary":"border-border"),children:r&&(0,s.jsx)(l.A,{className:"w-3.5 h-3.5 text-white",strokeWidth:3})}),(0,s.jsx)("span",{className:"text-sm font-semibold text-foreground",children:e})]},e)})})]})]}),(0,s.jsxs)("aside",{className:(0,u.cn)("rounded-[2rem] border border-border bg-muted/30 p-6 flex flex-col",!N&&"lg:col-span-4",N&&"sticky bottom-0 shadow-[0_-12px_24px_-12px_rgb(0_0_0/0.12)] bg-background/95 backdrop-blur"),"aria-live":"polite",children:[(0,s.jsx)("p",{className:"text-xs font-bold uppercase tracking-[0.2em] text-foreground",children:"Your package"}),0===p.length?(0,s.jsx)("p",{className:"mt-4 text-sm text-muted-foreground",children:N?"Tick services above. They'll collect here.":"Pick services on the left. They'll collect here."}):(0,s.jsx)("ul",{className:"mt-4 flex flex-wrap gap-2",children:p.map(e=>(0,s.jsx)("li",{children:(0,s.jsxs)("button",{type:"button",onClick:()=>h(e),"aria-label":"Remove ".concat(k(e)),className:"inline-flex items-center gap-1.5 rounded-full bg-card border border-border pl-3 pr-2 py-1.5 text-sm text-foreground cursor-pointer hover:border-destructive/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:[k(e)," ",(0,s.jsx)(d.A,{className:"w-3.5 h-3.5 text-muted-foreground"})]})},e))}),(0,s.jsxs)("div",{className:(0,u.cn)(N?"pt-5":"mt-auto pt-6"),children:[(0,s.jsxs)("button",{type:"button",onClick:()=>{let e=v.Xt.flatMap(e=>{let t=e.services.filter(t=>p.includes(w(e.slug,t)));return t.length?[{area:e.name,services:t}]:[]}),r=e.length?y.hD.package(e,n):y.hD.area(v.Xt.find(e=>e.slug===t).name,n);c?(c(),setTimeout(()=>(0,y.ns)(r),350)):(0,y.ns)(r)},className:"w-full inline-flex items-center justify-center gap-2 h-12 rounded-2xl bg-gradient-to-r from-primary to-secondary text-white font-bold shadow-lg shadow-primary/25 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",children:[p.length>1?"Get one quote for ".concat(p.length):"Get a fixed quote"," ",(0,s.jsx)(i.A,{className:"w-4 h-4"})]}),(0,s.jsx)("p",{className:"mt-2 text-center text-xs text-muted-foreground",children:"Fixed quote in 24h \xb7 No commitment"})]})]})]})}function z(e){let{current:t}=e;return(0,s.jsx)("section",{id:"build-your-package",className:"py-16 lg:py-24 bg-background scroll-mt-24",children:(0,s.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,s.jsxs)("div",{className:"max-w-2xl mb-10 lg:mb-12",children:[(0,s.jsx)("p",{className:"text-xs font-bold uppercase tracking-[0.2em] text-primary mb-4",children:"Build your package"}),(0,s.jsxs)("h2",{className:"text-3xl lg:text-5xl font-bold tracking-tight leading-[1.1] text-foreground text-balance",children:["Need more than one thing? ",(0,s.jsx)("span",{className:N.V,children:"Get one quote"}),"."]}),(0,s.jsx)("p",{className:"mt-5 text-lg text-muted-foreground leading-relaxed",children:"Pick everything you need across product, AI, and web. One team, one plan, one fixed price."})]}),(0,s.jsx)(_,{current:t,layout:"section",from:"service-package-".concat(t)})]})})}function C(){let[e,t]=a.useState(!1),[r,n]=a.useState(null);return(a.useEffect(()=>{let e=e=>{let r=e.detail;(null==r?void 0:r.current)&&(n(r),t(!0))};return window.addEventListener(y.my,e),()=>window.removeEventListener(y.my,e)},[]),r)?(0,s.jsx)(g,{open:e,onOpenChange:t,children:(0,s.jsxs)(p,{side:"right",className:"w-full sm:max-w-lg overflow-y-auto p-0 gap-0",children:[(0,s.jsxs)(f,{className:"px-6 pt-6 pb-2",children:[(0,s.jsx)("p",{className:"text-xs font-bold uppercase tracking-[0.2em] text-primary",children:"Build your package"}),(0,s.jsxs)(b,{className:"text-2xl font-bold tracking-tight text-foreground",children:["Need more than one thing? ",(0,s.jsx)("span",{className:N.V,children:"Get one quote"}),"."]}),(0,s.jsx)(h,{children:"Pick everything you need across product, AI, and web."})]}),(0,s.jsx)("div",{className:"px-6 pb-6 pt-4",children:(0,s.jsx)(_,{current:r.current,layout:"drawer",from:r.from,beforeQuote:()=>t(!1)},"".concat(r.current,"-").concat(r.from))})]})}):null}},32781:(e,t,r)=>{r.d(t,{H:()=>n,V:()=>a});var s=r(95155);let a="bg-clip-text text-transparent bg-gradient-to-r from-primary via-secondary to-primary bg-[length:200%_auto] animate-gradient-x";function n(e){let{h:t}=e;return(0,s.jsxs)(s.Fragment,{children:[t.before,(0,s.jsx)("span",{className:a,children:t.highlight}),t.after]})}}}]);