PageSourceSearch

https://ballastlane.com/_next/static/chunks/pages/offerings/quiz-ebd21c44f5f93bb8.js

js ballastlane.com collected 2026-10-05 05:16:28 UTC 18,522 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2239],{50237:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/offerings/quiz",function(){return i(70925)}])},70428:function(e,t){"use strict";t.Z={src:"/_next/static/media/minus.d419f3b5.svg",height:32,width:33,blurWidth:0,blurHeight:0}},65965:function(e,t){"use strict";t.Z={src:"/_next/static/media/plus.f182070c.svg",height:33,width:32,blurWidth:0,blurHeight:0}},23014:function(e,t,i){"use strict";i.d(t,{V:function(){return Tag}});var n=i(85893),s=i(94184),l=i.n(s);function Tag(e){let{className:t,children:i,...s}=e;return(0,n.jsx)("div",{...s,className:l()("relative px-[12px] py-[4px] mb-[24px] border border-neutral60 uppercase text-primaryText w-fit rounded text-overline lg:text-lg-overline lg:px-[17px] lg:py-[6px] lg:tracking-[0.8px] font-medium leading-4 sm:leading-[14px] sm:tracking-[0.16px]",t),children:i})}},63287:function(e,t,i){"use strict";i.d(t,{V:function(){return Hero},R:function(){return HeroSubtitle}});var n=i(85893),s=i(5079),l=i(29940),r=i(33046);i(67294);var a=i(94184),o=i.n(a);let Tag=e=>{let{className:t,children:i,...s}=e;return(0,n.jsx)("div",{...s,className:o()(t,"text-lg-overline tracking-[0.8px] !mx-auto px-[16px] py-[8px] mb-[24px] border border-neutral60 uppercase text-primaryText w-fit rounded lg:px-[17px] lg:py-[6px]"),children:i})};var d=i(22548);let HeroSubtitle=e=>(0,n.jsx)(r.V,{short:!0,element:"p",className:(0,d.A)("font-normal !tracking-[0.5px] px-[16px] sm:px-[24px] text-center mt-[24px] md:max-w-[780px] mx-auto md:tracking-[0.8px] text-textWhite text-base leading-[26px]",e.className),children:e.children}),Hero=e=>{let{tag:t,title:i,titleColor:a,titleColorSecondLine:o,titleSecondLine:d,subtitle:c,subtitleClassName:x,children:p,className:m="",revert:u}=e;return(0,n.jsx)("section",{className:m+" relative py-[60px] md:py-[64px] lg:pt-[88px] lg:pb-[80px]",children:(0,n.jsxs)("div",{className:"mx-auto text-center ",children:[t&&(0,n.jsx)(s.F,{element:"div",animationFactory:(0,l.J)(),children:(0,n.jsx)(Tag,{children:t})}),u?(0,n.jsxs)(r.V,{element:"h1",className:"font-serif px-[16px] sm:px-[24px] text-display-lg md:text-md-display-lg lg:text-lg-display-lg lg:tracking-[0.1px] mb-[40px] text-white",children:[(0,n.jsx)("span",{className:"text-transparent bg-gradient-to-r bg-clip-text from-from_orange to-to_orange",children:i})," ",(0,n.jsx)("br",{}),"\xa0",(0,n.jsx)(r.V,{element:"span",delay:.1,className:"inline-block text-white",children:a}),o&&(0,n.jsx)(r.V,{element:"span",delay:.1,className:"block text-transparent bg-gradient-to-r bg-clip-text from-from_orange to-to_orange",children:o}),d&&(0,n.jsx)(r.V,{element:"span",delay:a?.2:.1,className:"block text-white",children:d})]}):(0,n.jsxs)(r.V,{element:"h1",className:"font-serif px-[16px] sm:px-[24px] text-display-lg md:text-md-display-lg lg:text-lg-display-lg lg:tracking-[0.1px] mb-[40px]",children:[i,!!a&&(0,n.jsxs)(n.Fragment,{children:["\xa0",(0,n.jsx)(r.V,{element:"span",delay:.1,className:"inline-block text-transparent bg-gradient-to-r bg-clip-text from-from_orange to-to_orange",children:a}),o&&(0,n.jsx)(r.V,{element:"span",delay:.1,className:"block text-transparent bg-gradient-to-r bg-clip-text from-from_orange to-to_orange",children:o})]}),d&&(0,n.jsx)(r.V,{element:"span",delay:a?.2:.1,className:"block text-white",children:d})]}),!!c&&(0,n.jsx)(HeroSubtitle,{className:x,children:c},"animated-hero-subtitle"),(0,n.jsx)(s.F,{element:"div",animationFactory:(0,l.J)(),children:p})]})})}},19311:function(e,t,i){"use strict";i.d(t,{Z:function(){return Card},E:function(){return CardQuiz}});var n=i(85893),s=i(94184),l=i.n(s),r=i(43723);function Card(e){let{className:t,...i}=e;return(0,n.jsx)(r.S,{...i,useDeprecatedDescriptionSize:!1,titleSize:"small",descriptionTheme:"gray",className:l()("lg:px-[24px] lg:py-[24px]",t)})}i(67294);var a=i(89439),o=i(5079),d=i(33046),c=i(67115),x=i(29940);let CardQuiz=e=>{let{bestMatch:t=!0,secondBestMatch:i=!0,icon:s,title:r,titleSize:p="large",description:m,useDeprecatedDescriptionSize:u=!0,descriptionTheme:f="gray",cta:g,className:h,...b}=e,{href:v,newTab:y,text:j,...w}=g||{},N={...b,...v&&{tabIndex:-1,role:"button"}},_=[],T=[];
1if(r){let e=r.split(" ");_=e.slice(-1),T=e.slice(0,-1)}return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("article",{...N,className:l()(" hidden md:flex  justify-end  relative hide-description lg:w-full h-72 lg:h-80 max-w-80 overflow-hidden hover:pt-0  hover:text-cardBackground flex-col  mx-auto px-5  border-[1px] border-bordergray cursor-pointer   lg:px-[32px]",v&&"hover:bg-white hover:color-blackBg2","transition-all duration-500 ease-in-out",h),children:[(0,n.jsxs)("div",{className:"absolute w-fit text-body-sm rounded top-2 right-0 h-10 block text-center  overflow-hidden mr-2",children:[!0===t&&(0,n.jsx)(a.E.div,{initial:{marginTop:"52px"},animate:{marginTop:"0"},transition:{type:"spring",stiffness:260,damping:20},className:"h-full w-full   overflow-hidden flex justify-end bg-gradient-to-r from-from_orange to-to_orange",children:(0,n.jsx)("div",{className:"relative h-full w-full text-center px-[14px] flex items-center justify-center text-white lg:px-[22px] xl:px-[28px]  lg:leading-[32px] sm:text-[14px] sm:leading-[20px]",children:(0,n.jsx)(d.V,{element:"span",delay:.1,className:"text-primaryText ",children:"BEST MATCH"})})}),!0===i&&(0,n.jsx)(a.E.div,{initial:{marginTop:"52px"},animate:{marginTop:"0"},transition:{type:"spring",stiffness:260,damping:20},className:"h-full w-full overflow-hidden flex justify-end bg-gradient-to-r from-from_orange to-to_orange",children:(0,n.jsx)("div",{className:"relative h-full w-full text-center px-[14px] flex items-center justify-center text-white lg:px-[22px] xl:px-[28px]  lg:leading-[32px] sm:text-[14px] sm:leading-[20px]",children:(0,n.jsx)(d.V,{element:"span",delay:.1,className:"text-primaryText ",children:"2ND BEST MATCH"})})})]}),(0,n.jsxs)("div",{children:[s&&(0,n.jsx)(c.dn,{icon:s,className:"mb-1 icon"}),r&&(0,n.jsxs)(d.V,{element:"h3",className:l()("font-serif mb-2 title","large"===p&&"text-display-sm lg:text-lg-display-sm","small"===p&&"text-display-sm"),children:[T.join(" ")," ",(0,n.jsx)("br",{})," ",(0,n.jsx)("span",{className:"text-orange",children:_})]})]}),(0,n.jsx)("div",{className:"description h-0 overflow-hidden no-scrollbar overflow-y-scroll transition-all duration-500 ease-in-out",children:(0,n.jsx)(o.F,{element:"p",animationFactory:(0,x.J)({duration:.8}),className:l()(u?"text-body-lg ":"text-md-body-sm  ","gray"===f?"text-neutral60":"text-primaryText","font-sans text-center lg:tracking-[0.1px] lg:text-left"),children:m})})]})})}},30175:function(e,t,i){"use strict";i.d(t,{Dv:function(){return n},Pj:function(){return s}});let n=[{icon:"product-development",title:"Product Development",slug:"product_dev",description:"This offering is best suited to clients that want BLA to handle everything “soup to nuts”. It could be an idea on the back of a napkin from an entrepreneur that needs full discovery, or a product that a client from a non-digital industry might want to add to its portfolio.",cta:{text:"Learn More",href:"/offerings/product-development"},opened:!1},{icon:"staff-augmentation",title:"Staff Augmentation",slug:"staff_augmentation",description:"This offering is best for clients with their own technical teams that need to add experts, or a whole team, to accelerate development of core features and / or products. The BLA resources are typically embedded with the client team and managed directly by the client’s product and technical leadership.",cta:{text:"Learn More",href:"/offerings/staff-augmentation"},opened:!1},{icon:"fixed-cost-projects",title:"Fixed Cost Project",slug:"fixed_cost_proj",description:"For established businesses that want a new product offering added to their business and they don't have the team or capacity in-house to get it done, this is an offering that could be a good fit. Some examples include a new cross-platform mobile app to replace existing native apps, or a chatbot to enhance an existing web portal.",cta:{text:"Learn More",href:"/offerings/fixed-cost-projects"},opened:!1},{icon:"consulting-services",title:"Consulting Services",slug:"consulting_services",description:"This offering is best suited for clients that have identified a gap in their expertise in a specific area where they need to deploy something new, mitigate performance issues or understand the value a new technology might bring to their business.",cta:{text:"Learn More",href:"/offerings/consulting-services"},opened:!1}],s=[{icon:"design",title:"Design Team",description:"We can help you make delightful products people love.",cta:{text:"Learn More",href:"https://design.ballastlane.com",newTab:!0}},{icon:"devs",title:"See Example Pods",description:"We have example descriptions of teams that are available for near term deployment.",cta:{text:"Learn More",href:"https://pods.ballastlane.com",newTab:!0}}]},70925:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return S},default:function(){return quiz}});var n=i(85893),s=i(67294),l=i(5079),r=i(33046),a=i(23014),o=i(63287),d=i(90405),c=i(89755),x=i.n(c),p=i(41664),m=i.n(p),u=i(89439),f=i(67115),g=i(70428),h=i(65965);let b={rest:{x:"-111%",transition:{duration:.2,damping:300,bounce:0}},active:{x:"0%",transition:{duration:.2,damping:300,bounce:0}}},v={rest:{color:"rgb(255, 255, 255)",transition:{duration:.2,bounce:1,stiffness:1}},active:{color:"rgb(11, 11, 11)",transition:{duration:.2,bounce:1,stiffness:1}}},y={rest:{height:0,visibility:"hidden",transition:{duration:.2,bounce:.2}},active:{visibility:"visible",height:"auto",transition:{duration:.2,bounce:.2}}},CollapsableCardQuiz=e=>{var t;let{card:i,selectedOfferings:s,selectedSecondOfferings:l,activeCard:a,isOpen:o,handleClick:d}=e;return(0,n.jsxs)(u.E.div,{className:"relative overflow-hidden md:hidden test cursor-pointer bg-background flex flex-col border-b-2  border-brown text-[18px] lg:border py-[18px] px-[24px]",initial:i.opened?"active":"rest",animate:s==i.slug?"active":(null==a?void 0:a.slug)===i.slug&&i.opened?"active":"rest",onClick:()=>{d(i)},children:[(0,n.jsx)(u.E.div,{className:"absolute top-0 left-0 flex justify-end w-full h-full overflow-hidden",children:(0,n.jsx)(u.E.div,{variants:b,className:"w-full h-full bg-white"})}
1),(0,n.jsxs)("div",{className:"absolute w-fit rounded top-2 right-0 h-10 block text-center  overflow-hidden mr-2",children:[s===i.slug&&(0,n.jsx)(u.E.div,{initial:{marginTop:"52px"},animate:{marginTop:"0"},transition:{type:"spring",stiffness:260,damping:20},className:"h-full w-full overflow-hidden flex justify-end bg-gradient-to-r from-from_orange to-to_orange",children:(0,n.jsx)("div",{className:"relative h-full w-full text-center px-[14px] flex items-center justify-center text-white lg:px-[22px] xl:px-[28px] lg:text-[18px] lg:leading-[32px] sm:text-[14px] sm:leading-[20px]",children:(0,n.jsx)(r.V,{element:"span",delay:.1,className:"text-primaryText",children:"Best Match"})})}),l===i.slug&&(0,n.jsx)(u.E.div,{initial:{marginTop:"52px"},animate:{marginTop:"0"},transition:{type:"spring",stiffness:260,damping:20},className:"h-full w-full overflow-hidden flex justify-end bg-gradient-to-r from-from_orange to-to_orange",children:(0,n.jsx)("div",{className:"relative h-full w-full text-center px-[14px] flex items-center justify-center text-white lg:px-[22px] xl:px-[28px] lg:text-[18px] lg:leading-[32px] sm:text-[14px] sm:leading-[20px]",children:(0,n.jsx)(r.V,{element:"span",delay:.1,className:"text-primaryText",children:"Second Best Match"})})})]}),(0,n.jsxs)(u.E.div,{variants:v,className:"relative ",children:[(0,n.jsxs)(u.E.div,{className:"flex items-center justify-between mt-4 md:mt-0",children:[(0,n.jsxs)(u.E.div,{className:"flex items-center lg:flex-col lg:items-start",children:[i.icon&&(0,n.jsx)(f.dn,{icon:i.icon,className:"mb-1"}),(0,n.jsx)(u.E.h4,{className:"ml-[24px] lg:ml-0 mb-2  font-serif "+(o?"text-black":""),variants:v,children:i.title})]}),(0,n.jsx)("button",{className:"flex lg:hidden",children:s===i.slug||l===i.slug?null:(0,n.jsx)(x(),{src:i.opened?g.Z:h.Z,alt:"plus",width:32,height:32})})]}),(0,n.jsx)(u.E.p,{className:"type-body-md",variants:y,dangerouslySetInnerHTML:{__html:i.description}})," ",(0,n.jsx)(u.E.div,{variants:y,className:" relative flex items-center mt-2 text-orange",children:(0,n.jsx)(m(),{href:(null===(t=i.cta)||void 0===t?void 0:t.href)||"/default-path",className:"text-[14px] font-bold",children:"Read More"})})]})]})};var j=i(94184),w=i.n(j),N=i(19311);let OfferingsMatchContainer=e=>{let{cards:t,className:i,bestMatch:s,secondBestMatch:l}=e;return(0,n.jsx)("div",{className:w()(i),children:t.map((e,t)=>{var i;return(0,n.jsx)(m(),{href:(null===(i=e.cta)||void 0===i?void 0:i.href)||"/default-path",children:(0,n.jsx)(N.E,{icon:e.icon,title:e.title,description:e.description,useDeprecatedDescriptionSize:!1,cta:e.cta,titleSize:"small",bestMatch:void 0!==s&&s===e.slug,secondBestMatch:void 0!==l&&l===e.slug})},"card-element-".concat(t))})})};var _=i(22548),T=i(29940),k=i(60977);let Question=e=>{let{questions:t,category:i,selectedOptionsId:s,onSelectOption:a,disabled:o=!1}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.V,{element:"h3",className:(0,_.A)("font-serif mb-2","type-display-sm"),children:i}),t.map((e,i)=>(0,n.jsxs)("div",{className:(0,_.A)("w-full grid ",t&&i<(null==t?void 0:t.length)-1?"border-b-[1px] border-terciaryBg":"","mb-5 pb-5"),children:[(0,n.jsx)(r.V,{element:"p",className:(0,_.A)(" lg:font-normal","text-md-body-sm md:text-md-body-md lg:text-md-body-lg","text-primaryText","font-sans text-left lg:tracking-[0.1px]  "),children:e.question}),(0,n.jsx)(l.F,{layout:!0,element:"ul",animationFactory:(0,T.J)({duration:.5,delay:.2}),className:"flex  no-scrollbar overflow-x-auto    lg:flex-wrap  lg:px-0 xl:text-[20px] ",children:e.options.map((t,i)=>{var l;return(0,n.jsx)(u.E.li,{children:(0,n.jsx)(k.z,{disabled:o,variant:"quiz",className:" mr-6 sm:mt-2",selected:void 0!==s&&(null===(l=s.find(t=>t.questionId===e.questionId))||void 0===l?void 0:l.selectedOption)===t.id,onClick:()=>a(e.questionId,t.id),children:t.option},i)},i)})})]},i))]})},QuestionContainer=e=>{let{offerings:t,onSelectOptionHandler:i,selectedOptions:s,className:r}=e;return(0,n.jsxs)("div",{className:(0,_.A)(r),children:[(0,n.jsx)(l.F,{element:"div",animationFactory:(0,T.J)(),children:(0,n.jsx)(a.V,{children:"QUIZ"})}),t&&t.map((e,t)=>(0,n.jsx)("div",{className:" w-full mb-[45px]",children:(0,n.jsx)(Question,{category:e.category,questions:e.questions,selectedOptionsId:s.filter(t=>{var i;return(null===(i=e.questions)||void 0===i?void 0:i.findIndex(e=>e.questionId===t.questionId))!==-1}),onSelectOption:i})},"".concat(e.category,"_").concat(t)))]})};
1var C=i(30175);let E=[...C.Dv],reducer=(e,t)=>"OPEN"===t.type?[...e].map(e=>e.slug===t.slug?{...e,opened:!e.opened}:{...e,opened:!1}):{...e};var S=!0,quiz=e=>{let{offerings:t}=e,[i,c]=(0,s.useState)([]),[x,p]=(0,s.useState)(""),[m,u]=(0,s.useState)(""),[f,g]=(0,s.useReducer)(reducer,E),[h,b]=(0,s.useState)(),handleClick=e=>{g({type:"OPEN",slug:e.slug}),b(e)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.A,{title:"We can guide you to the best offering",url:"offerings/quiz",description:"Complete the questions below to see which offering might be best suited to your needs."}),(0,n.jsx)(o.V,{tag:"Quiz",title:"We can guide you",titleColor:"to the best offering",subtitle:"Complete the questions below to see which offering might be best suited to your needs.",subtitleClassName:"max-w-full md:max-w-full",className:"pb-[28px] max-w-[940px] mx-auto xl:!max-w-full"}),(0,n.jsx)("div",{className:"quiz-container mb-10   lg:w-[1400px] m-auto",children:(0,n.jsxs)("div",{className:"m-auto grid md:grid-cols-3 lg:grid-cols-2 gap-2  lg:max-h-[1000px]   mx-2    overflow-hidden",children:[(0,n.jsxs)("div",{className:"order-last md:order-first",children:[(0,n.jsx)("div",{className:"hidden md:block w-full mt-10",children:(0,n.jsx)(l.F,{element:"div",animationFactory:(0,T.J)(),children:(0,n.jsx)(a.V,{children:"OFFERINGS"})})}),(0,n.jsx)(OfferingsMatchContainer,{cards:f,className:" lg:w-full m-auto hidden  md:flex flex-col  lg:grid  lg:grid-cols-2 gap-1 md:gap-4  ",bestMatch:x,secondBestMatch:m})]}),(0,n.jsxs)("div",{className:"md:hidden",children:[(0,n.jsxs)("div",{className:" text-left p-10 w-full border-b-2 border-brown",children:[" ",(0,n.jsx)(r.V,{element:"h3",className:(0,_.A)("font-serif mb-2  my-10","type-display-sm"),children:"Offerings"}),(0,n.jsx)(r.V,{element:"p",className:(0,_.A)("text-md-body-sm","text-primaryText","font-sans text-left"),children:"Based on your selection this is the best suited to your needs."})]}),f.map((e,t)=>(0,n.jsx)(CollapsableCardQuiz,{card:e,selectedOfferings:x,selectedSecondOfferings:m,activeCard:h,handleClick:handleClick,isOpen:!1},"card-element-".concat(t)))]}),(0,n.jsx)(QuestionContainer,{className:"md:container pl-10   order-first md:order-last md:col-span-2 lg:col-span-1 grow overflow-x-hidden pt-10   overflow-y-scroll block w-full  m-auto border-[1px] border-red-border/30   md:max-h-[1200px] lg:max-h-[800px]",offerings:t,selectedOptions:i,onSelectOptionHandler:(e,n)=>{let s=[...i],l=s.findIndex(t=>t.questionId===e);l<0?s.push({questionId:e,selectedOption:n}):s[l].selectedOption=n,c(s);let r=0,a=0,o=0,d=0;t.forEach(e=>{s.forEach(t=>{var i,n;let s=null===(i=e.questions)||void 0===i?void 0:i.find(e=>e.questionId===t.questionId);if(s){let e=null===(n=s.options)||void 0===n?void 0:n.find(e=>e.id===t.selectedOption);e&&(r+=Number.parseFloat(e.productDevelopmentPoints),a+=Number.parseFloat(e.fixedCostProjectPoints),o+=Number.parseFloat(e.consultingServicePoints),d+=Number.parseFloat(e.staffAugmentationPoints))}})});let x={product:"product_dev",fixedCost:"fixed_cost_proj",consulting:"consulting_services",staff:"staff_augmentation"},m=[r,a,o,d].sort((e,t)=>t-e),f=m[0],g=m[1],h="",b="",v=!1,y=!1;r!==f||v||(h=x.product,v=!0),a!==f||v||(h=x.fixedCost,v=!0),o!==f||v||(h=x.consulting,v=!0),d!==f||v||(h=x.staff,v=!0),r!==g||h===x.product||y||(b=x.product,y=!0),a!==g||h===x.fixedCost||y||(b=x.fixedCost,y=!0),o!==g||h===x.consulting||y||(b=x.consulting,y=!0),d!==g||h===x.staff||y||(b=x.staff,y=!0),p(h),u(b)}})]})})]})}},22548:function(e,t,i){"use strict";i.d(t,{A:function(){return classNames}});var n=i(94184),s=i.n(n),l=i(98388);function classNames(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];return(0,l.m6)(s()(...t))}}},function(e){e.O(0,[4375,6813,6484,9774,2888,179],function(){return e(e.s=50237)}),_N_E=e.O()}]);

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.