https://www.luzmo.com/chunk-DRDCHXAC.js

1import{a as K}from"./chunk-2MGFQ3PH.js";import{b as H}from"./chunk-TPZYJQPG.js";import"./chunk-7EHWI2PE.js";import{a as N}from"./chunk-RIIKNO7H.js";import{b as W,c as X,j as F,n as V,q as B}from"./chunk-NLCEXH6Z.js";import{c as D,h as j}from"./chunk-M6LZDICK.js";import{a as U,b as O,c as Z}from"./chunk-3UEJIKE3.js";import"./chunk-22VDHX6Q.js";import"./chunk-NUMEDOX6.js";import"./chunk-DFBNSHQZ.js";import"./chunk-YL7RZVJ6.js";import{Ab as T,Eb as u,Ga as m,Ib as v,Ka as a,Kb as p,Q as c,Qb as A,Rb as M,Tb as G,V as b,W as z,Wb as x,Xa as k,Xb as h,Yb as y,Yc as L,ga as E,gc as P,ic as Q,jb as C,kb as q,lb as I,ob as _,pb as f,qa as w,qb as s,rb as o,rc as $,sb as n,tb as d,yc as R}from"./chunk-PIO55EEQ.js";import"./chunk-ZJ6FAFJ4.js";import"./chunk-JAEFBS3W.js";var J=[{slug:"trust-architect",svgSrc:"/assets/svg/illustrations/quiz/trust-architect.svg",width:356,height:265,layoutClass:"left-[-4%] top-[2%] z-30 w-[11rem] -rotate-[14deg]",layoutClassMobile:"left-[-2%] top-0 z-30 w-[7.75rem] -rotate-[11deg]"},{slug:"brand-advocate",svgSrc:"/assets/svg/illustrations/quiz/brand-advocate.svg",width:287,height:308,layoutClass:"right-[-6%] top-[-2%] z-40 w-[10.25rem] rotate-[11deg]",layoutClassMobile:"right-[-4%] top-[4%] z-40 w-[7.5rem] rotate-[8deg]"},{slug:"time-to-insight-sprinter",svgSrc:"/assets/svg/illustrations/quiz/time-to-insight-sprinter.svg",width:1634,height:1001,layoutClass:"left-[24%] top-[22%] z-10 w-[15rem] rotate-[2deg]",layoutClassMobile:"left-[26%] top-[30%] z-10 w-[11rem] rotate-[1deg]"},{slug:"self-serve-jedi",svgSrc:"/assets/svg/illustrations/quiz/self-serve-jedi.svg",width:262,height:303,layoutClass:"bottom-[-2%] left-[2%] z-30 w-[10rem] -rotate-[9deg]",layoutClassMobile:"bottom-[-2%] left-[2%] z-30 w-[7.75rem] -rotate-[6deg]"},{slug:"api-alchemist",svgSrc:"/assets/svg/illustrations/quiz/api-alchemist.svg",width:275,height:290,layoutClass:"bottom-[-2%] right-[0%] z-35 w-[10.5rem] rotate-[13deg]",layoutClassMobile:"bottom-[-2%] right-[2%] z-35 w-[8rem] rotate-[10deg]"}];var te=["tallyPanel"],ie=()=>["transparent","var(--color-accent)"],oe=(i,t)=>t.title,Y=(i,t)=>t.slug;function ne(i,t){if(i&1&&(o(0,"li",20)(1,"span",25),h(2),n(),o(3,"div",26)(4,"p",27),h(5),n(),o(6,"p",28),h(7),n()()()),i&2){let e=t.$implicit,r=t.$index;a(2),y(r+1),a(3),y(e.title),a(2),y(e.body);}}function re(i,t){if(i&1&&(o(0,"span"),d(1,"img",35),n()),i&2){let e=t.$implicit;x(P("quiz-sticker motion-reduce:rotate-0 ",e.layoutClassMobile)),a(),s("src",e.svgSrc,m)("width",e.width)("height",e.height);}}function ae(i,t){if(i&1&&(o(0,"span"),d(1,"img",35),n()),i&2){let e=t.$implicit;x(P("quiz-sticker motion-reduce:rotate-0 ",e.layoutClass)),a(),s("src",e.svgSrc,m)("width",e.width)("height",e.height);}}function le(i,t){if(i&1){let e=T();o(0,"div",22)(1,"button",29),v("click",function(){b(e);let l=p();return z(l.startQuiz());}),o(2,"div",30)(3,"div",31),_(4,re,2,6,"span",32,Y),n(),o(6,"div",33),_(7,ae,2,6,"span",32,Y),n()()(),o(9,"app-pill-cta",34),v("clicked",function(){b(e);let l=p();return z(l.startQuiz());}),n()();}if(i&2){let e=p();a(),C("aria-label",e.startCtaLabel),a(3),f(e.stickers),a(3),f(e.stickers),a(2),s("button",!0)("label",e.startCtaLabel)("hoverLabel",e.startCtaHoverLabel);}}function se(i,t){if(i&1&&(o(0,"div",36,0)(2,"div",37),d(3,"app-tally-embed",38),n()()),i&2){let e=p();G("background-color",e.tallyPanelBackground),a(3),s("hideTitle",!0)("title",e.tallyTitle)("minHeightPx",520)("backgroundColor",e.tallyPanelBackground);}}var ee=class i{seo=c(j);structuredData=c(B);localeId=c($);platformId=c(w);tallyPanel=R("tallyPanel");quizStarted=E(!1);logo=O;favico=Z;stickers=J;homeUrl=D;tallyTitle="Which Product Person are you?";tallyPanelBackground="#f3f4ff";startCtaLabel="Start the quiz";startCtaHoverLabel="Let's go";steps=[{title:"Take the quiz",body:"Reveal your PM personality in minutes."},{title:"Claim your rewards",body:"Get your custom LinkedIn cover and sticker pack."},{title:"Show off your style",body:"Download your cover and show the world your product style."}];constructor(){let t="Quiz - Which Product Person are you?",e="Take the quiz to discover your product personality type. Fill in the form to get a personalized laptop sticker pack and enter the raffle to win an iPad.",r="How the quiz works";this.seo.configure({title:t,description:e,canonicalPath:"/quiz",ogImage:N,robots:"noindex,follow"},this.localeId),this.structuredData.set([W(),X(),V({name:t,description:e,canonicalPath:"/quiz",localeId:this.localeId}),F({name:r,description:e,canonicalPath:"/quiz",localeId:this.localeId,steps:this.steps.map(l=>({name:l.title,text:l.body}))})]);}startQuiz(){this.quizStarted.set(!0),L(this.platformId)&&setTimeout(()=>{let t=this.tallyPanel()?.nativeElement;t&&(t.focus({preventScroll:!0}),t.scrollIntoView({behavior:"smooth",block:"start"}));});}static ɵfac=function(e){return new(e||i)();};static ɵcmp=k({type:i,selectors:[["app-quiz-page"]],viewQuery:function(e,r){e&1&&A(r.tallyPanel,te,5),e&2&&M();},hostAttrs:[1,"quiz-page-host","block","min-h-dvh","text-foreground"],decls:25,vars:6,consts:()=>{let t;t="Luzmo home";let e;e=" Which Product Person are you? ";let r;r=" Seven quick questions to find your PM personality. Then unlock a LinkedIn cover and sticker pack built for your type. ";let l;l=" How it works ";let S;return S=" Only quiz participants are entered, and we'll draw the winner on the spot so you'll need to be there to claim the prize. ",[["tallyPanel",""],e,r,l,S,[1,"quiz-page-inner","mx-auto","flex","min-h-dvh","w-full","max-w-6xl","flex-col","px-5","py-8","sm:px-8","lg:py-10"],[1,"mb-8","lg:mb-10"],["aria-label",t,1,"inline-flex","rounded-full","transition-opacity","hover:opacity-95","focus-visible:outline-2","focus-visible:outline-offset-2","focus-visible:outline-focus-ring",3,"href"],[1,"flex","h-14","items-center","gap-2","rounded-full","bg-foreground","pl-3.5","pr-5","text-foreground-inverted","shadow-elevated"],[1,"flex","items-center","gap-4","leading-none","[--luzmo-icon-vertical-align:0]"],[1,"inline-flex","

1size-9","shrink-0","items-center","justify-center","overflow-hidden","rounded-full","bg-brand-lavender"],[1,"text-[36px]",3,"definition","colors"],[1,"text-[20px]","text-foreground-inverted","[--luzmo-icon-vertical-align:0]",3,"definition"],[1,"grid","flex-1","gap-10","lg:grid-cols-[minmax(0,1.05fr)_minmax(380px,480px)]","lg:items-start","lg:gap-14","xl:gap-16"],[1,"flex","flex-col","lg:sticky","lg:top-10","lg:max-w-xl"],["id","quiz-heading",1,"font-display","text-[2rem]","font-bold","leading-[1.08]","tracking-tight","sm:text-5xl","lg:text-[3.25rem]"],[1,"mt-4","max-w-lg","text-base","leading-relaxed","text-foreground-muted","sm:mt-5","sm:text-lg"],[1,"mt-8","sm:mt-10"],[1,"text-xs","font-semibold","uppercase","tracking-[0.14em]","text-brand-600"],[1,"mt-4","space-y-3"],[1,"flex","gap-4","rounded-card-lg","border","border-white/70","bg-surface-elevated/85","p-4","shadow-card","backdrop-blur-sm"],[1,"flex","flex-col","gap-5","lg:mt-10","lg:sticky","lg:top-10","lg:pt-2","xl:mt-8"],[1,"flex","flex-col","items-center","gap-6","sm:gap-8"],["tabindex","-1",1,"quiz-tally-panel","overflow-hidden","rounded-card-lg","shadow-elevated","ring-1","ring-black/[0.06]",3,"background-color"],[1,"rounded-card","border","border-border/50","bg-surface-elevated/80","px-4","py-3","text-center","text-xs","leading-relaxed","text-foreground-muted","lg:hidden"],["aria-hidden","true",1,"flex","size-9","shrink-0","items-center","justify-center","rounded-full","bg-accent","text-sm","font-bold","text-accent-foreground"],[1,"min-w-0","pt-0.5"],[1,"font-semibold","text-foreground"],[1,"mt-1","text-sm","leading-relaxed","text-foreground-muted"],["type","button",1,"quiz-sticker-collage","relative","mx-auto","block","w-full","max-w-md","cursor-pointer","rounded-card-lg","border-0","bg-transparent","p-0","motion-reduce:transform-none","focus-visible:outline-2","focus-visible:outline-offset-2","focus-visible:outline-focus-ring","lg:max-w-none",3,"click"],[1,"relative","min-h-[20rem]","sm:min-h-[22rem]","lg:min-h-[26rem]"],[1,"lg:hidden"],[3,"class"],[1,"hidden","lg:block"],[3,"clicked","button","label","hoverLabel"],["alt","","loading","lazy",3,"src","width","height"],["tabindex","-1",1,"quiz-tally-panel","overflow-hidden","rounded-card-lg","shadow-elevated","ring-1","ring-black/[0.06]"],[1,"px-4","py-4","sm:px-5","sm:py-5"],["formId","44PWbd",3,"hideTitle","title","minHeightPx","backgroundColor"]];},template:function(e,r){e&1&&(o(0,"div",5)(1,"header",6)(2,"a",7)(3,"span",8)(4,"span",9)(5,"span",10),d(6,"app-luzmo-icon",11),n(),d(7,"app-luzmo-icon",12),n()()()(),o(8,"div",13)(9,"div",14)(10,"h1",15),u(11,1),n(),o(12,"p",16),u(13,2),n(),o(14,"div",17)(15,"p",18),u(16,3),n(),o(17,"ol",19),_(18,ne,8,3,"li",20,oe),n()()(),o(20,"div",21),q(21,le,10,4,"div",22)(22,se,4,6,"div",23),o(23,"p",24),u(24,4),n()()()()),e&2&&(a(2),s("href",r.homeUrl,m),a(4),s("definition",r.favico)("colors",Q(5,ie)),a(),s("definition",r.logo),a(11),f(r.steps),a(3),I(r.quizStarted()?22:21));},dependencies:[U,H,K],styles:['[_nghost-%COMP%]{position:relative;isolation:isolate;background:radial-gradient(ellipse 180% 200% at 50% 50%,#c5d9ff,#d0e3ff,#dce8ff 12%,#e8eefb 20%,#f6f8fc 30%,#fcfcfe 42%,#fff 55% 100%)}[_nghost-%COMP%]:before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.55) .75px,transparent 1.35px);background-size:18px 18px;pointer-events:none}.quiz-page-inner[_ngcontent-%COMP%]{position:relative;z-index:1}.quiz-sticker[_ngcontent-%COMP%]{position:absolute;display:block;transform-origin:center center;filter:drop-shadow(0 10px 18px rgba(16,15,10,.14)) drop-shadow(0 3px 6px rgba(16,15,10,.1))}.quiz-sticker[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{display:block;height:auto;width:100%}.quiz-sticker-collage[_ngcontent-%COMP%]:before{content:"";position:absolute;left:50%;top:48%;z-index:0;height:78%;width:92%;transform:translate(-50%,-50%);border-radius:9999px;background:radial-gradient(ellipse at center,rgba(255,255,255,.42) 0%,transparent 72%);pointer-events:none}'],changeDetection:0});};export{ee as QuizPage};/**i18n:1366398ab4dde43b6591613b52471d50e67cfae6a462f78db273ed5cdc8e581d*/