(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34791],{35206:function(e,a,t){"use strict";t.d(a,{y:function(){return r.AssistantFace}});var r=t(279579)},77427:function(e,a,t){"use strict";t.d(a,{t:function(){return A}});var r=t(552322),o=t(72779),l=t.n(o),n=t(688472),s=t(202784),i=t(772769),c=t(183428),u=t(278338),d=t(240926),p=t(764055),h=t(491414),_=t(35206),m=t(152706),g=t(496635),x=t(680437),b=t(782902),v=t(461859),f=t(455731),j=t(933853),C=t(706581),S=t(875362),N=t(668301),I=t(74015),k=t(712780),D=t(83860),w=t(165379),y=t(175496);let B="What would you like to make?",A=(0,s.forwardRef)(function(e,a){let{className:t,...o}=e,g=(0,c.YB)(),x=(0,D.F)(),b=(0,n.useRouter)(),v=(0,s.useRef)(!1),f=(0,s.useRef)(null),[j,A]=(0,s.useState)(!1),[H,F]=(0,s.useState)(""),[P,E]=(0,s.useState)(B),[L,M]=(0,s.useState)(124),O=(0,k.N)(P,75),R=(0,s.useContext)(w.kV),z=(0,I.G1)(i._j.signup,R,"marketing"),Z=(0,p.SK)(z,{prompt:encodeURIComponent(H)}),G=(0,s.useCallback)(e=>{F(e.target.value),v.current||(h.mp(x,{name:"website_magic_box_input_interaction"}),v.current=!0)},[F,x]),q=(0,s.useCallback)(e=>{if(!e)return;let a=e.scrollHeight>125,t=e.scrollTop+e.clientHeight>=e.scrollHeight;A(a&&!t)},[]);(0,s.useEffect)(()=>{let e=f.current;if(!e)return;let a=(0,u.P2)(q,50),t=()=>a(e);return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t)}},[q]);let W=(0,k.N)(H,50);(0,s.useEffect)(()=>{let e=f.current;e&&(e.style.height="auto",e.style.height=`${Math.min(e.scrollHeight,120)}px`,M(Math.min(e.scrollHeight+72,188)))},[W]);let K=(0,s.useCallback)(async e=>{"Enter"===e.key&&!e.shiftKey&&(e.preventDefault(),H&&(await new Promise(e=>{h.t(x,{name:"magic_box_submit",context:H,label:"enter_key"}),e()}),null==b||b.push(Z)))},[H,Z,x,b]),U=l()(y.textAreaOverlay,{[y.textAreaOverlayFade]:!H&&O!==B});return(0,r.jsxs)("div",{...o,className:l()(y.root,t),ref:a,children:[(0,r.jsxs)("div",{className:y.inputContainer,children:[(0,r.jsx)(_.y,{className:y.headerIcon}),(0,r.jsx)("form",{onSubmit:e=>{e.preventDefault(),h.t(x,{...(0,N.ok)(e.currentTarget),name:"magic_box_submit",context:H,label:"enter_key"}),null==b||b.push(Z)},children:(0,r.jsxs)("div",{className:y.fauxInput,style:{height:L},children:[(0,r.jsx)("textarea",{ref:f,maxLength:1e3,"aria-labelledby":"chatboxTitle",className:y.input,value:H,onChange:G,onKeyDown:K,placeholder:O}),(0,r.jsx)("div",{className:U},O),j&&(0,r.jsx)("div",{className:y.gradient})]})})]}),(0,r.jsx)("div",{className:y.footer,children:(0,r.jsx)("div",{className:y.sendButton,children:(0,r.jsx)(m.z,{href:Z,variant:"primary",onClick:e=>Z&&h.t(x,{...(0,N.ok)(e.currentTarget),name:"magic_box_submit"}),children:(0,r.jsx)("div",{className:y.sendIcon,children:g.formatMessage({id:"product.ai.chatboxMessage.cta",description:"Text that appears above a chatbox for the Notion AI builder",defaultMessage:"Create for free"})})},Z)})}),(0,r.jsx)("div",{className:y.pillsContainer,children:(0,d.Yd)(T).map(e=>(0,r.jsx)(C.D,{active:!1,color:T[e].pillColor,size:"small",matchingBorder:!0,className:y.pillOverride,onClick:a=>{var t;h.qP(x,{name:e}),F(T[e].prompt),null===(t=f.current)||void 0===t||t.focus()},onMouseOver:()=>{E(T[e].prompt)},onMouseLeave:()=>{E(B)},onFocus:()=>{E(T[e].prompt)},onBlur:()=>{E(B)},children:(0,r.jsxs)("div",{className:y.pillContent,children:[T[e].icon,(0,r.jsx)(S.Z,{variant:"sans-100-medium",children:T[e].content})]})},e))})]})}),T={manage_projects:{icon:(0,r.jsx)("div",{className:y.pillIconContainer,children:(0,r.jsx)(j.TargetIcon,{className:y.pillIconRed})}),content:"Manage projects",prompt:"Build a tool to manage projects. It should include a due dates, statuses, and assignees",pillColor:"red"},organize_docs:{icon:(0,r.jsx)("div",{className:y.pillIconContainer,children:(0,r.jsx)(g.BookmarkIcon,{className:y.pillIconBlue})}),content:"Organize documents",prompt:"Create a document hub to track the status, author, and other info about our team's documents",pillColor:"blue"},brainstorm_tool:{icon:(0,r.jsx)("div",{className:y.pillIconContainer,children:(0,r.jsx)(b.LightBulbIcon,{className:y.pillIconYellow})}),content:"Brainstorm ideas",prompt:"Create a system for brainstorming where my teammates and I can add ideas and vote for our favorites",pillColor:"yellow"},track_todos:{icon:(0,r.jsx)("div",{className:y.pillIconContainer,children:(0,r.jsx)(v.ListIcon,{className:y.pillIconPurple})}),content:"Track todos",prompt:"Create a simple todo list",pillColor:"purple"},set_goals:{icon:(0,r.jsx)("div",{className:y.pillIconContainer,children:(0,r.jsx)(x.CheckmarkIcon,{className:y.pillIconGreen})}),content:"Set goals & OKRs",prompt:"Make a tracker for goals and OKRs that lets me track all of the goals across our teams",pillColor:"teal"},take_notes:{icon:(0,r.jsx)("div",{className:y.pillIconContainer,children:(0,r.jsx)(f.PencilIcon,{className:y.pillIconOrange})}),content:"Take notes",prompt:"Help me keep track of all of my notes",pillColor:"orange"}}},86112:function(e,a,t){"use strict";t.d(a,{m:function(){return p},q:function(){return d}});var r=t(552322),o=t(72779),l=t.n(o),n=t(387430),s=t(509020),i=t(333782),c=t(709527),u=t(920807);let d=["airplane","alarmClock","apple","arrowCircle","arrowClick","arrowClickWhite","arrowCurved","arrowDown","arrowLeft","arrowRight","arrowUp","at1","at2","basketball","beachUmbrella","bell","bicycle","boat","bookClosed1","bookClosed2","bookFlat","bookOpen","bolt","bread","browserWindowPlay","bus","calendarBound","calendarSheet","camera","car1","car2","cat","catSleeping","chartLine","checkbox","checklist","clinkingGlasses","clock","clothesHanger","cloud","cloudRain1","cloudRain2","compass","connections","cursorArrow","cursorPointer","doc1","doc2","docOnRectangle","docsStacked","dog","dogYoga","duck","envelope","exclaimationBubble","faceHeadphones","faceRelaxed","floppyDisk","flower","formulas","frogBeret","gameController","gears","ghost","glasses","globe","hammerWrench","heart","house","inkwell","joystick","knifeAndFork","laptop","lightbulb","listBullet","listToggle","megaphone1","megaphone2","microphone","mobile","moneyBag","moon","mug","musicalNote1","musicalNote2","mute","notepad","notionCalendarLogo","paperAirplane","paperclip1","paperclip2","pencil","pencilTwist","people1","people2","photoOnRectangle","pictureFrame","pigeon","pileOfPoop","plant","plus","plusSquare","pottedPlantCactus","puzzle","questionMark","rocket","runningShoe","satchel","saxophone","scales","scrollMap","seal","shapes1","shapes2","snowflake1","snowflake2","snowflake3","snowflake4","snowflake5","snowflake6","snowflake7","snowflake8","snowflake9","sparkle","sparkleBubble","sparklePencil","speechBubble","star","stickyNotes","stickyNotesStack","strikethrough","suitcaseHappy","suitcaseWheels","sun","tag","target","teacup","teapot","telephone","text1","text2","text3","thoughtBubble","trash1","trash2","trolley","trophy","umbrella","vehicle","weight","answers","assistant","buildingBlocks","collaboration","connectors","customizable","editor","integrations","teamspaces","todos","write","answersFinal","assistantFinal","buildingBlocksFinal","collaborationFinal","connectorsFinal","customizableFinal","editorFinal","integrationsFinal","teamspacesFinal","todosFinal","writeFinal","organizeFinal","automationsFinal"];function p(e){let{altText:a="",className:t,icon:o="bolt",videoPath:p,iconFinal:h="bolt",autoplay:_=!0}=e,m=(0,c.T)();if(!d.includes(o))throw Error(`Invalid icon: ${o}`);return(0,r.jsx)("div",{className:l()(u.icon,t),"data-icon":o,children:p?_&&!0!==m?(0,r.jsx)(i.n,{src:p,preload:"none",muted:!0,playsInline:!0,controls:!1,autoPlay:"lazy",width:80,height:80,poster:n.Z.illustratedIcons[`${o}Png`]}):(0,r.jsx)(s.E,{alt:a,className:u.image,src:n.Z.illustratedIcons[`${h}Png`],width:80,height:80,priority:!1}):(0,r.jsx)(s.E,{alt:a,className:u.image,src:n.Z.illustratedIcons[`${o}Png`],width:80,height:80,priority:!1})})}},706581:function(e,a,t){"use strict";t.d(a,{D:function(){return i}});var r=t(552322),o=t(72779),l=t.n(o),n=t(202784),s=t(168439);let i=(0,n.forwardRef)(function(e,a){let{children:t,active:o=!1,size:n="medium",type:i="button",color:c,noBorder:u=!1,className:d,matchingBorder:p=!1}=e,h=l()(s.pillButton,{[s.pillButtonActive]:o,[s.pillButtonSmall]:"small"===n,[s.colorBlue]:"blue"===c,[s.colorOrange]:"orange"===c,[s.colorTeal]:"teal"===c,[s.colorPurple]:"purple"===c,[s.colorRed]:"red"===c,[s.colorYellow]:"yellow"===c,[s.colorLightgray]:"lightgray"===c,[s.matchingBorder]:p&&c,[s.noBorder]:u},d),{noBorder:_,active:m,matchingBorder:g,...x}=e;return(0,r.jsx)("button",{...x,type:i,className:h,ref:a,"aria-pressed":o,children:(0,r.jsx)("div",{className:s.pillInner,children:t})})})},646032:function(e,a,t){"use strict";t.d(a,{E:function(){return h}});var r=t(552322),o=t(183428),l=t(387430),n=t(77427),s=t(527318),i=t(509020),c=t(577674),u=t(875362),d=t(829220),p=t(576717);function h(e){let{heading:a,subheading:t,logos:h,carousel:_,version:m,disableCarouselAutoplay:g}=e,x=(0,o.YB)();return(0,r.jsxs)("section",{className:d.heroExp,children:[(0,r.jsx)(s.i,{name:"SuperDuperHero",display:"contents"}),(0,r.jsxs)("header",{className:d.headerExp,children:[(0,r.jsx)("div",{className:d.headingExp,children:(0,r.jsx)(u.Z,{as:"h1",variant:"sans-700-semibold",children:"v1"===m?a:"Build any tool. In one place."})}),"v1"===m?(0,r.jsx)("div",{className:d.subheader,children:(0,r.jsx)(u.Z,{as:"h2",variant:"sans-300-regular",children:t})}):null,(0,r.jsxs)("div",{className:d.heroContent,children:[(0,r.jsx)("div",{className:d.illoLeft,children:(0,r.jsx)(i.E,{src:l.Z.pages.product.superDuper.hero.heroIlloLeftPng,width:"720",height:"544",alt:x.formatMessage({id:"hero.illoLeft.image.altText",defaultMessage:"A person taking notes on a tablet",description:"The alt text for the left illustration"}),className:d.image})}),(0,r.jsx)("div",{className:d.form,children:(0,r.jsx)(n.t,{})}),(0,r.jsx)("div",{className:d.illoRight,children:(0,r.jsx)(i.E,{src:l.Z.pages.product.superDuper.hero.heroIlloRightPng,width:"720",height:"544",alt:x.formatMessage({id:"hero.illoRight.image.altText",defaultMessage:"A person taking notes on a notebook",description:"The alt text for the right illustration"}),className:d.image})})]})]}),h&&h.length>0?(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:d.logoExp,children:(0,r.jsx)(u.Z,{as:"span",variant:"sans-150-medium",color:"gray-500",children:(0,r.jsx)(o._H,{id:"superDuperHomePage.logos",defaultMessage:"Trusted by teams at",description:"The text that appears above the logos on the Super Duper homepage"})})}),(0,r.jsx)(p.w,{logos:h.slice(0,4)})]}):null,_&&_.length>0?(0,r.jsx)("section",{className:d.carousel,children:(0,r.jsx)(c.H,{tabs:_,shadow:"level-100",layout:"horizontal",analyticsName:"super-duper-hero-carousel",disableAutoplay:g})}):null]})}},576717:function(e,a,t){"use strict";t.d(a,{w:function(){return u}});var r=t(552322),o=t(202784),l=t(72779),n=t.n(l),s=t(527318),i=t(473714),c=t(185584);function u(e){let{logos:a,className:t}=e;return(0,r.jsxs)("section",{className:n()(c.logos,t),children:[(0,r.jsx)(s.i,{name:"SuperDuperLogoWall",display:"contents"}),a.map(e=>(0,o.createElement)(i.T,{...e,key:e.src,className:c.logo,surfaceArea:2148,maxHeight:55,loading:"eager",priority:!0}))]})}},34791:function(e,a,t){"use strict";t.d(a,{$B:function(){return V},BM:function(){return P},EE:function(){return U},te:function(){return d},ah:function(){return y},wm:function(){return w.w},e_:function(){return R},ZB:function(){return q}});var r=t(552322),o=t(239097),l=t.n(o),n=t(527318),s=t(86112),i=t(875362),c=t(709527),u=t(933433);function d(e){let{heading:a,list:t}=e,o=(0,c.T)();return(0,r.jsxs)("section",{className:u.features,children:[(0,r.jsx)(n.i,{name:"SuperDuperFeatures"}),(0,r.jsx)("header",{className:u.heading,children:(0,r.jsx)(i.Z,{as:"h2",variant:"sans-900-bold",children:a})}),t.map(e=>{let{title:a,description:t,href:n,icon:c,iconFinal:d,videoPath:p}=e;return(0,r.jsxs)("div",{className:u.feature,children:[(0,r.jsx)(l(),{prefetch:!1,href:n,className:u.link,children:a}),(0,r.jsx)(s.m,{icon:c,iconFinal:d,videoPath:p,className:u.icon,autoplay:!o}),(0,r.jsxs)("span",{children:[(0,r.jsxs)(i.Z,{as:"h3",variant:"sans-400-semibold",className:u.title,children:[a," →"]}),(0,r.jsx)(i.Z,{as:"p",variant:"sans-300-medium",className:u.description,children:t})]})]},a)})]})}var p=t(72779),h=t.n(p),_=t(202784),m=t(183428),g=t(491414),x=t(152706),b=t(577674),v=t(333782),f=t(668301),j=t(728116),C=t(74015),S=t(83860),N=t(348192),I=t(165379),k=t(646032),D=t(829220),w=t(576717);function y(e){let{heading:a,subheading:t,ctas:o,experimentalCtas:l,illustration:s,video:u,carousel:d,logos:p,experiments:y}=e,B=(0,S.F)(),[A,T]=(0,_.useState)(!0),H=(0,c.T)(),F=(0,_.useContext)(I.kV),P=(0,N.dL)("acquisition_marketing_nav_centered"),E="v1"===y.magicBox,L="v2"===y.magicBox;if(E||L)return(0,r.jsx)(k.E,{heading:a,subheading:t,logos:p,carousel:d,version:E?"v1":"v2",disableCarouselAutoplay:A});let M=[(0,j.i)(y.cta,l)||o[0],...o.slice(1)];return(0,r.jsxs)("section",{className:h()(D.hero,{[D.marketingNavCentered]:"v1"===P}),children:[(0,r.jsx)(n.i,{name:"SuperDuperHero",display:"contents"}),(0,r.jsxs)("header",{className:D.header,children:[(0,r.jsx)("h1",{className:D.heading,children:a}),(0,r.jsx)(i.Z,{as:"h2",variant:"sans-400-medium",children:t}),(0,r.jsx)("nav",{className:D.nav,children:M.map((e,a)=>(0,r.jsx)(x.z,{href:(0,C.G1)(e.href,F),variant:0===a?"primary":"secondary",className:D.cta,onClick:a=>e.href&&g.t(B,{...(0,f.ok)(a.currentTarget),name:"home_hero_cta"}),children:e.text},e.href))}),(0,r.jsxs)("div",{className:D.logoGroup,children:[(0,r.jsx)(i.Z,{as:"span",variant:"sans-150-medium",color:"gray-500",children:(0,r.jsx)(m._H,{id:"superDuperHomePage.logos",defaultMessage:"Trusted by teams at",description:"The text that appears above the logos on the Super Duper homepage"})}),p?(0,r.jsx)(w.w,{logos:p.slice(0,4)}):null]})]}),(0,r.jsx)("div",{className:D.video,children:(0,r.jsx)(v.n,{controls:!1,autoPlay:!H&&"eager",muted:!0,playsInline:!0,preload:"auto",poster:s.src,className:D.image,src:u.src,onEnded:()=>T(!1),width:u.width,height:u.height})}),(0,r.jsx)("section",{className:D.carousel,children:(0,r.jsx)(b.H,{tabs:d,shadow:"level-100",layout:"horizontal",analyticsName:"super-duper-hero-carousel",disableAutoplay:A})})]})}var B=t(440150),A=t(509020),T=t(787923),H=t(271701),F=t(955836);function P(e){let{tagline:a,heading:t,description:o,link:l,features:u,image:d,mobileImage:p,replaces:h,identifier:_,video:g,mobileVideo:x}=e,b=!(0,H.a)("(min-width: 741px)"),f=(0,c.T)(),j=(0,m.YB)(),C={src:"",alt:o??"",quality:90},S=(0,A.N)({...C,...d}),N=(0,A.N)({...C,...p}),{src:I}=S.props,{src:k,...D}=N.props;return(0,r.jsxs)("section",{className:F.contentSection,children:[(0,r.jsx)(n.i,{name:`SuperDuperContentSection-${_}`}),(0,r.jsxs)("article",{className:F.content,children:[a?(0,r.jsx)(i.Z,{as:"span",variant:"sans-200-medium",className:F.label,children:a}):null,(0,r.jsx)(B.X,{level:3,variant:"sans-900-bold",children:t}),(0,r.jsx)(i.Z,{as:"p",color:"gray-500",variant:"sans-300-medium",children:o}),(0,r.jsx)(T.u,{href:l.href,arrowType:"right",underline:"hover",color:"theme",eventData:{name:"super_duper_content_section"},children:(0,r.jsx)(i.Z,{as:"span",variant:"sans-300-medium",color:"blue-500",children:l.text})})]}),(0,r.jsx)("ul",{className:F.features,children:u.map(e=>(0,r.jsxs)("li",{className:F.featuresItem,children:[(0,r.jsx)(s.m,{icon:e.icon,iconFinal:e.iconFinal,videoPath:e.videoPath,autoplay:!f}),(0,r.jsxs)("span",{children:[(0,r.jsx)(i.Z,{as:"h4",variant:"sans-200-bold",children:e.title}),(0,r.jsx)(i.Z,{as:"p",variant:"sans-200-medium",color:"gray-500",children:e.description})]})]},e.title))}),(0,r.jsxs)("section",{className:F.screenshot,children:[g||x?(0,r.jsxs)("div",{children:[b&&x?(0,r.jsx)(v.n,{...x,preload:"none",muted:!0,playsInline:!0,controls:!1,autoPlay:!f&&"lazy"}):null,g&&!b?(0,r.jsx)(v.n,{...g,preload:"none",muted:!0,playsInline:!0,controls:!1,autoPlay:!f&&"lazy"}):null]}):null,d||p?(0,r.jsxs)("picture",{children:[(0,r.jsx)("source",{media:"(min-width: 741px)",srcSet:I}),(0,r.jsx)("source",{media:"(max-width: 740px)",srcSet:k}),(0,r.jsx)("img",{...D})]}):null]}),h?(0,r.jsxs)("div",{className:F.competitors,children:[(0,r.jsx)(i.Z,{as:"h4",variant:"sans-200-bold",className:F.competitorsHeading,children:j.formatMessage({id:"superDuperContentSection.replaces",defaultMessage:"Replaces",description:"The heading for the list of replaced tools"})}),(0,r.jsx)("ul",{className:F.competitorsList,children:h.map(e=>(0,r.jsxs)("li",{className:F.competitorsListItem,children:[(0,r.jsx)(A.E,{src:e.logo,alt:j.formatMessage({id:"superDuperContentSection.altText",defaultMessage:"#{name} logo",description:"The alt text for the logo of a replaced tool"},{name:e.name}),width:24,height:24}),(0,r.jsx)(i.Z,{as:"span",variant:"sans-200-regular",color:"gray-500",children:e.name})]},e.name))})]}):null]})}var E=t(240926),L=t(387430),M=t(654137),O=t(382994);function R(e){let{text:a,logo:t}=e;return(0,r.jsx)("section",{className:O.quote,style:{[(0,E.Ay)("--quote-background-url")]:`url(${L.Z.pages.product.superDuper.pinPng})`},children:(0,r.jsx)(M.R,{quote:a,logo:t})})}var z=t(38702),Z=t(889821),G=t(750107);function q(e){let{heading:a,cta:t,templates:o}=e;return(0,r.jsxs)("section",{className:G.contentSection,children:[(0,r.jsxs)("header",{className:G.heading,children:[(0,r.jsx)(B.X,{level:3,variant:"sans-900-bold",children:a}),(0,r.jsx)(T.u,{href:t.href,arrowType:"right",underline:"hover",color:"theme",eventData:{name:"super_duper_templates"},children:(0,r.jsx)(i.Z,{as:"span",variant:"sans-300-medium",color:"blue-500",children:t.text})})]}),o.map((e,a)=>(0,r.jsx)(z.g,{className:h()({[G.featured]:0===a,[G.secondary]:a>0}),link:{href:e.href},children:(0,r.jsx)(Z.u,{iconColor:e.iconColor||"red-500",icon:e.icon,title:`${e.title} →`,assetPosition:"rightCorner",showStacks:!0,asset:e.asset})},a))]})}var W=t(816033),K=t(847100);function U(e){let{heading:a,apps:t}=e;return(0,r.jsxs)("section",{className:K.downloads,children:[(0,r.jsx)(n.i,{name:"SuperDuperDownloads"}),(0,r.jsx)("header",{className:K.heading,children:(0,r.jsx)(i.Z,{as:"h2",variant:"sans-900-bold",children:a})}),t.map((e,a)=>(0,r.jsx)(z.g,{children:(0,r.jsx)(W.s,{isVertical:!0,assetPosition:"rightCorner",children:(0,r.jsxs)("div",{children:[(0,r.jsx)(B.X,{level:3,variant:"sans-700-semibold",children:e.heading}),(0,r.jsx)("nav",{className:K.nav,children:e.ctas.map((e,a)=>(0,r.jsx)(x.z,{href:e.href,variant:0===a?"primary":"tertiary",className:K.cta,onClick:a=>{(null==e?void 0:e.href)&&g._g({...(0,f.ok)(a.currentTarget),name:"home_download_cta"})},children:e.text},e.href))}),(0,r.jsx)("picture",{children:(0,r.jsx)(A.E,{src:e.asset.src,alt:e.asset.alt,width:e.asset.width,height:e.asset.height,className:K.image})})]})})},`${e.heading}-${a}`))]})}var X=t(772769),Y=t(726391),$=t(407105);function V(){let e=(0,_.useContext)(I.kV),a=(0,S.F)(),[t,o]=(0,_.useState)(!1),l=(0,_.useCallback)(()=>{var e;o(null!==(e=document)&&void 0!==e&&!!e.documentElement&&document.documentElement.scrollTop>60)},[]);(0,Y.k)("undefined"!=typeof document?document:null,l);let n="v1"===(0,N.dL)("marketing_move_signup_to_bottom_screen_v2"),s=(0,_.useCallback)(e=>{g.t(a,{...(0,f.ok)(e.currentTarget),name:"sticky_bottom_popup_mobile_sign_up"})},[a]);return n?(0,r.jsx)("div",{className:h()($.bottomPopup,{[$.isScrolled]:t}),children:(0,r.jsx)(x.z,{href:(0,C.G1)(X._j.signup,e),suppressHrefLocale:!0,variant:"blue",buttonSize:"l",onClick:s,children:(0,r.jsx)(m._H,{id:"homepage.bottom.popup.cta",defaultMessage:"Get Notion free",description:"The CTA for the bottom popup on the homepage"})})}):null}},577674:function(e,a,t){"use strict";t.d(a,{H:function(){return N}});var r=t(552322),o=t(72779),l=t.n(o),n=t(97729),s=t.n(n),i=t(202784),c=t(30698),u=t(183428),d=t(764055),p=t(491414),h=t(236985),_=t(409230),m=t(24832),g=t(899841),x=t(509020),b=t(473714),v=t(875362),f=t(595609),j=t(961268),C=t(709527),S=t(96588);function N(e){let{shadow:a,layout:t="vertical",analyticsName:o,tabs:n,disableAutoplay:N=!1,className:I}=e,k=(0,j.b)(),[D,w]=(0,i.useState)(0),y=n[D],[B,A]=(0,i.useState)(!1),[T,H]=(0,i.useState)(0),F=(0,C.T)(),P=n.length;return(0,i.useEffect)(()=>{T!==P||F&&N||A(!0)},[T,P,A,F,N]),(0,f.L)(()=>{let e,a=0;if(!B||F||N){cancelAnimationFrame(a);return}void 0===e&&(e=new Date().getTime());let t=()=>{a=requestAnimationFrame(t);let r=new Date().getTime();e&&r-e>=3e3&&(w(e=>e===P-1?0:e+1),e=r)};return a=requestAnimationFrame(t),()=>cancelAnimationFrame(a)},[P,B,F,N]),(0,r.jsxs)(_.r,{className:I,children:[(0,r.jsx)(m.P,{span:12,className:S.tabPanelOuterContainer,children:(0,r.jsx)("div",{className:S.tabPanelContainer,children:n.map((e,a)=>{var t,o,n,i,u,d,p,h,_,m,g,b,v,f;let j=a===D,C=l()(S.tabPanel,{[S.isActive]:j}),N={src:"",alt:(null===(t=e.image)||void 0===t?void 0:t.alt)??"",quality:90},I=(0,x.N)({...N,src:(null===(o=e.image)||void 0===o?void 0:o.src)?(0,c.D)(null===(n=e.image)||void 0===n?void 0:n.src,k):"",width:(null===(i=e.image)||void 0===i?void 0:i.width)||1920,height:(null===(u=e.image)||void 0===u?void 0:u.height)||1080}),w=e.mobileImage?(0,x.N)({...N,src:(null===(d=e.mobileImage)||void 0===d?void 0:d.src)?(0,c.D)(null===(p=e.mobileImage)||void 0===p?void 0:p.src,k):"",width:(null===(h=e.mobileImage)||void 0===h?void 0:h.width)||1080,height:(null===(_=e.mobileImage)||void 0===_?void 0:_.height)||1920}):I,{src:y}=I.props,{src:B,...A}=w.props;return(0,r.jsxs)("div",{"aria-hidden":!j,className:C,children:[0===a&&(null===(m=e.image)||void 0===m?void 0:m.src)?(0,r.jsx)(s(),{children:(0,r.jsx)("link",{rel:"preload",as:"image",href:(0,c.D)(null===(g=e.image)||void 0===g?void 0:g.src,k)})}):null,(0,r.jsxs)("picture",{children:[(0,r.jsx)("source",{media:"(min-width: 741px)",srcSet:y}),(0,r.jsx)("source",{media:"(max-width: 740px)",srcSet:B}),(0,r.jsx)("img",{...A,loading:"lazy",alt:(null===(b=e.image)||void 0===b?void 0:b.alt)||"",className:S.image,onLoad:()=>{H(e=>e+1)}})]})]},(null===(v=e.image)||void 0===v?void 0:v.src)?(0,c.D)(null===(f=e.image)||void 0===f?void 0:f.src,k).toString():`placeholder-${a}`)})})}),(0,r.jsx)(m.P,{span:12,children:(0,r.jsxs)("div",{className:S.tabsColumn,children:[(0,r.jsx)("nav",{className:l()(S.tabs,{[S.tabsHorizontal]:"horizontal"===t}),role:"tablist",children:n.map((e,a)=>(0,r.jsx)("div",{className:S.tab,children:(0,r.jsx)(g.D,{isActive:a===D,onClick:()=>{A(!1),w(a),(0,p.Jr)({gallery_name:o,item_label:e.label})},children:(0,r.jsxs)("div",{className:S.tabContents,children:[e.icon?(0,r.jsx)("div",{className:S.icon,children:(0,r.jsx)(h.p,{name:e.icon,width:"22px",height:"22px"})}):null,(0,r.jsx)(v.Z,{as:"p",variant:"sans-100-regular",children:e.label})]})})},(0,d.Of)(e.label)))}),(null==y?void 0:y.logo)&&(0,r.jsxs)("div",{className:S.details,children:[(0,r.jsx)(v.Z,{as:"p",variant:"sans-200-medium",color:"gray-100",children:(0,r.jsx)(u._H,{defaultMessage:"Used by teams at",id:"tabbedCarouse.details.label",description:"Tabbed carousel details label"})}),(0,r.jsx)("div",{className:S.logoWrap,children:(0,r.jsx)(b.T,{src:y.logo.src,width:y.logo.width,height:y.logo.height,altText:y.logo.alt,surfaceArea:3e3,maxHeight:30})})]})]})})]})}},728116:function(e,a,t){"use strict";function r(e,a,t){switch(e){case"v1":return a.v1;case"v2":return a.v2;case"v3":return a.v3;case"v4":return a.v4;default:return t}}t.d(a,{i:function(){return r}})},712780:function(e,a,t){"use strict";t.d(a,{N:function(){return l}});var r=t(202784),o=t(270769);function l(e,a){let[t,l]=(0,r.useState)(e);return(0,r.useEffect)(()=>{let t=(0,o.K5)(()=>{l(e)},a);return()=>{t()}},[e,a]),t}},175496:function(e){e.exports={root:"AIBuilderChatbox_root__NH3pr",fauxInput:"AIBuilderChatbox_fauxInput__E3USI",input:"AIBuilderChatbox_input__hw_xw",textAreaOverlay:"AIBuilderChatbox_textAreaOverlay__M7p5v",textAreaOverlayFade:"AIBuilderChatbox_textAreaOverlayFade__3kGN4",fadeIn:"AIBuilderChatbox_fadeIn__B2vJr",gradient:"AIBuilderChatbox_gradient__MEvqI",inputContainer:"AIBuilderChatbox_inputContainer__FC_01",header:"AIBuilderChatbox_header__aQ59r",headerIcon:"AIBuilderChatbox_headerIcon__SISQq",pillOverride:"AIBuilderChatbox_pillOverride__gd1X3",pillIconContainer:"AIBuilderChatbox_pillIconContainer__XaqBf",pillIconGreen:"AIBuilderChatbox_pillIconGreen___NzAb",pillIconPurple:"AIBuilderChatbox_pillIconPurple__tddzP",pillIconRed:"AIBuilderChatbox_pillIconRed__xT0l7",pillIconBlue:"AIBuilderChatbox_pillIconBlue__0Xp_l",pillIconYellow:"AIBuilderChatbox_pillIconYellow__0X0UB",pillIconOrange:"AIBuilderChatbox_pillIconOrange__3WwDU",pillContent:"AIBuilderChatbox_pillContent__LblvE",pillsContainer:"AIBuilderChatbox_pillsContainer__Fvade",footer:"AIBuilderChatbox_footer__jtL5F",sendButton:"AIBuilderChatbox_sendButton__oUpwa",sendIcon:"AIBuilderChatbox_sendIcon__eRssf"}},920807:function(e){e.exports={icon:"IllustratedIcon_icon__Igdc5",image:"IllustratedIcon_image__L6xSG"}},168439:function(e){e.exports={pillButton:"pill_pillButton__aymNO",pillButtonActive:"pill_pillButtonActive__KuFNj",pillInner:"pill_pillInner__J1pbw",pillButtonSmall:"pill_pillButtonSmall___uSgE",colorBlue:"pill_colorBlue__1kEC8",colorLightgray:"pill_colorLightgray__JpGIt",colorOrange:"pill_colorOrange__K43uQ",colorPurple:"pill_colorPurple__g77RX",colorTeal:"pill_colorTeal___D41v",colorYellow:"pill_colorYellow__5Mhg2",colorRed:"pill_colorRed__7FaCQ",matchingBorder:"pill_matchingBorder__H1ATL",noBorder:"pill_noBorder__2TCWx"}},407105:function(e){e.exports={bottomPopup:"SuperDuperBottomCTAPopup_bottomPopup__n6Wsb",isScrolled:"SuperDuperBottomCTAPopup_isScrolled__dj9d5"}},955836:function(e){e.exports={contentSection:"SuperDuperContentSection_contentSection__G9DSF",features:"SuperDuperContentSection_features__65KvF",featuresItem:"SuperDuperContentSection_featuresItem__DU_V9",label:"SuperDuperContentSection_label__IBGpy",content:"SuperDuperContentSection_content__8HnD8",image:"SuperDuperContentSection_image__Oh_CP",icon:"SuperDuperContentSection_icon__f2FA0",screenshot:"SuperDuperContentSection_screenshot__ba6tK",competitors:"SuperDuperContentSection_competitors__xb7nF",competitorsHeading:"SuperDuperContentSection_competitorsHeading__1X4Sr",competitorsList:"SuperDuperContentSection_competitorsList__bbgXM",competitorsListItem:"SuperDuperContentSection_competitorsListItem___tcXx"}},847100:function(e){e.exports={downloads:"SuperDuperDownloads_downloads__lI_63",heading:"SuperDuperDownloads_heading__ZjaX9",nav:"SuperDuperDownloads_nav__EYs_I",cta:"SuperDuperDownloads_cta__n8ShD",image:"SuperDuperDownloads_image__v_235"}},933433:function(e){e.exports={features:"SuperDuperFeatures_features__K0r_N",heading:"SuperDuperFeatures_heading__HWi3y",feature:"SuperDuperFeatures_feature__obZL8",title:"SuperDuperFeatures_title__ALmaU",link:"SuperDuperFeatures_link__zRtcN",description:"SuperDuperFeatures_description__dcuMr",icon:"SuperDuperFeatures_icon___VVNN"}},829220:function(e){e.exports={hero:"SuperDuperHero_hero__R0NZM",heroExp:"SuperDuperHero_heroExp__n0nWB",marketingNavCentered:"SuperDuperHero_marketingNavCentered__Lj6fX",form:"SuperDuperHero_form__KF3Yt",header:"SuperDuperHero_header__gGa8V",headerBackground:"SuperDuperHero_headerBackground__6U40L",headerExp:"SuperDuperHero_headerExp__6U1p7",illoShared:"SuperDuperHero_illoShared__Gsfxo",illoRight:"SuperDuperHero_illoRight__JAKzX",illoLeft:"SuperDuperHero_illoLeft__IsoM1",heroContent:"SuperDuperHero_heroContent__AqzBB",heading:"SuperDuperHero_heading__ORMrZ",headingExp:"SuperDuperHero_headingExp__S5Ck_",subheader:"SuperDuperHero_subheader__LdTQr",nav:"SuperDuperHero_nav__uyYot",cta:"SuperDuperHero_cta__vLGOE",picture:"SuperDuperHero_picture__S0YDB",video:"SuperDuperHero_video__gjvk0",pictureExp:"SuperDuperHero_pictureExp__tzxgb",videoExp:"SuperDuperHero_videoExp__iMv4x",image:"SuperDuperHero_image__II5UD",carousel:"SuperDuperHero_carousel__k38uB",logoGroup:"SuperDuperHero_logoGroup__PlLar",logoExp:"SuperDuperHero_logoExp__Ot58_"}},185584:function(e){e.exports={logos:"SuperDuperLogoWall_logos__F8kef",logo:"SuperDuperLogoWall_logo__RuiDF"}},382994:function(e){e.exports={quote:"SuperDuperQuote_quote__ACTSO"}},750107:function(e){e.exports={contentSection:"SuperDuperTemplates_contentSection__beKUU",heading:"SuperDuperTemplates_heading__KvE7r",image:"SuperDuperTemplates_image__C6Hxn",featured:"SuperDuperTemplates_featured__k2_4d",secondary:"SuperDuperTemplates_secondary__jFTJW"}},96588:function(e){e.exports={details:"tabbedCarousel_details__wT9y4",logoWrap:"tabbedCarousel_logoWrap__LizsP",detailsLogo:"tabbedCarousel_detailsLogo__liWfM",tabs:"tabbedCarousel_tabs__CTiA3",tab:"tabbedCarousel_tab__yTWz1",tabContents:"tabbedCarousel_tabContents__Xc4Gw",tabPanelContainer:"tabbedCarousel_tabPanelContainer__Nj2wq",tabPanel:"tabbedCarousel_tabPanel___Htdk",isActive:"tabbedCarousel_isActive__dORDw",tabsHorizontal:"tabbedCarousel_tabsHorizontal__ZpT2H",tabsColumn:"tabbedCarousel_tabsColumn__GKEsi",image:"tabbedCarousel_image__tWg8T",icon:"tabbedCarousel_icon__8JxI1",placeholder:"tabbedCarousel_placeholder__L_Sxd",tabPanelOuterContainer:"tabbedCarousel_tabPanelOuterContainer__4z0lq"}}}]);