https://www.nicelyformed.ai/_next/static/chunks/1amf1tasdm_l-.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,437449,e=>{"use strict";var s=e.i(843476),t=e.i(271645),a=e.i(96892),r=e.i(632781);let l=["Feedback survey for my café","Wedding RSVP form","Job application with CV upload","Waitlist with name and email","Friday trivia night quiz","Weekend order form"];e.s(["DescribeCardVisual",0,function(){let[e,i]=(0,t.useState)(0),[n,d]=(0,t.useState)("typing"),[o,c]=(0,t.useState)(null);return(0,t.useEffect)(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=0,s=[],t=()=>{s=[window.setTimeout(()=>d("spinning"),2400),window.setTimeout(()=>d("leaving"),5200),window.setTimeout(()=>{c(e),i(e=(e+1)%l.length),d("typing"),t()},5500)]};return t(),()=>s.forEach(clearTimeout)},[]),(0,s.jsx)("div",{"aria-hidden":!0,className:"describe-stack relative isolate mt-10 mb-8 h-56",children:l.map((t,i)=>{let d=Array.from(t),c=(i-e+l.length)%l.length;return(0,s.jsx)("div",{"data-pos":c,"data-phase":0===c?n:void 0,"data-teleport":o===i?"":void 0,className:"describe-card absolute inset-x-0 bottom-0",style:{"--step":`${2400/d.length}ms`},children:(0,s.jsxs)("div",{className:"relative flex h-14 items-center rounded-full bg-white pl-6 pr-16 ring-hairline shadow-card dark:bg-neutral-800",children:[(0,s.jsx)("span",{className:"describe-type text-sm",children:d.map((e,t)=>(0,s.jsx)("span",{style:{"--i":t},children:" "===e?" ":e},t))}),(0,s.jsxs)("span",{className:"describe-btn absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full",children:[(0,s.jsx)(a.ArrowUp,{className:"describe-arrow size-5"}),(0,s.jsx)(r.Loader2,{className:"describe-spinner absolute size-5"})]})]})},t)})})}])},872447,e=>{"use strict";var s=e.i(843476),t=e.i(271645),a=e.i(96892),r=e.i(632781),l=e.i(926787),i=e.i(786563);e.i(156669);var n=e.i(209278),d=e.i(37118);let o=[800,2160,1360,2080,2480,1200,4640,1280];e.s(["EditCardVisual",0,function(){let[e,c]=(0,t.useState)(0);(0,t.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),s=0,t=0,a=()=>{t=window.setTimeout(()=>{e.matches?c(6):(c(s=(s+1)%o.length),a())},e.matches?0:o[s])};return a(),()=>clearTimeout(t)},[]);let m=(s,t)=>e>=s&&e<=t?"":void 0;return(0,s.jsxs)("div",{"aria-hidden":!0,className:"fc-scene relative mt-10 h-64 text-left","data-step":e,"data-typing":1===e?"1":4===e?"2":void 0,"data-scroll":e>=5&&e<=6?"2":e>=2&&e<=6?"1":"0","data-stars":m(3,6),"data-title":m(6,6),children:[(0,s.jsxs)("div",{className:"fc-form absolute -right-8 top-0 h-[640px] w-[calc((100%+40px)/0.45)] origin-top-right scale-[0.45] rounded-tl-[36px] bg-surface-page p-8 ring-hairline shadow-card",children:[(0,s.jsxs)("div",{className:"relative h-9 text-3xl font-bold tracking-tight text-foreground",children:[(0,s.jsx)("span",{className:"fc-title-a absolute left-0 whitespace-nowrap",children:"Customer feedback"}),(0,s.jsx)("span",{className:"fc-title-b absolute left-0 whitespace-nowrap",children:"Tell us how we did!"})]}),(0,s.jsxs)("div",{className:"pt-6",children:[(0,s.jsx)("div",{className:"text-[18px] font-semibold leading-normal text-foreground",children:"What's your name?"}),(0,s.jsx)("div",{className:"mt-2 h-9 rounded-xs border border-input dark:bg-input/30"})]}),(0,s.jsxs)("div",{className:"pt-6",children:[(0,s.jsx)("div",{className:"text-[18px] font-semibold leading-normal text-foreground",children:"Your email"}),(0,s.jsx)("div",{className:"mt-2 h-9 rounded-xs border border-input dark:bg-input/30"})]}),(0,s.jsxs)("div",{className:"fc-stars-row",children:[(0,s.jsx)("div",{className:"pt-6 text-[18px] font-semibold leading-normal text-foreground",children:"How would you rate us?"}),(0,s.jsx)("div",{className:"mt-2 flex items-center gap-1",children:Array.from({length:5}).map((e,t)=>(0,s.jsx)("span",{className:"p-1",children:(0,s.jsx)(i.Star,{className:"size-7 fill-transparent text-muted-foreground/50"})},t))})]}),(0,s.jsxs)("div",{className:"pt-6",children:[(0,s.jsx)("div",{className:"text-[18px] font-semibold leading-normal text-foreground",children:"Anything we could do better?"}),(0,s.jsx)("div",{className:"mt-2 h-24 rounded-xs border border-input dark:bg-input/30"})]}),(0,s.jsx)("div",{className:"pt-6",children:(0,s.jsx)("div",{className:"flex h-9 w-36 items-center justify-center rounded-full bg-primary text-sm font-medium text-primary-foreground",children:"Send feedback"})})]}),(0,s.jsxs)("div",{className:"absolute bottom-4 -right-[16px] z-10 flex h-[420px] w-80 origin-bottom-right scale-[0.62] flex-col rounded-b-[32px] rounded-t-[24px] ring-hairline bg-background shadow-card",children:[(0,s.jsxs)("div",{className:"flex items-center justify-end gap-1 px-2 pt-2 text-content-tertiary/40",children:[(0,s.jsx)("span",{className:"flex size-6 items-center justify-center",children:(0,s.jsx)(l.Maximize2,{className:"size-3.5"})}),(0,s.jsx)("span",{className:"flex size-6 items-center justify-center",children:(0,s.jsx)(d.X,{className:"size-4"})})]}),(0,s.jsx)("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:(0,s.jsxs)("div",{className:"fc-thread absolute inset-x-0 top-0 space-y-3 p-4",children:[(0,s.jsx)("div",{className:"ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary",children:"Customer feedback form"}),(0,s.jsx)("p",{className:"text-sm leading-relaxed text-content-primary",children:"Your Customer feedback form is ready. Ask for any change."}),(0,s.jsxs)("div",{"data-on":e<=1||7===e?"":void 0,className:"fc-fade fc-chip flex w-fit items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium text-content-secondary",children:[(0,s.jsx)(n.SparkleAi,{className:"size-3 text-content-tertiary"}),"Add a thank-you message"]}),(0,s.jsx)("div",{"data-on":m(2,6),className:"fc-fade fc-bubble ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary",children:"Add a star rating"}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsxs)("div",{"data-on":m(2,2),className:"fc-fade fc-l1 absolute left-0 top-0 flex items-center gap-2 px-1 py-1 text-sm text-muted-foreground",children:[(0,s.jsx)(r.Loa

1der2,{className:"size-4 animate-spin"})," Working on it…"]}),(0,s.jsx)("p",{"data-on":m(3,6),className:"fc-fade text-sm leading-relaxed text-content-primary",children:"I've added a star rating."})]}),(0,s.jsx)("div",{"data-on":m(5,6),className:"fc-fade fc-bubble ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary",children:"Rename the title"}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsxs)("div",{"data-on":m(5,5),className:"fc-fade fc-l2 absolute left-0 top-0 flex items-center gap-2 px-1 py-1 text-sm text-muted-foreground",children:[(0,s.jsx)(r.Loader2,{className:"size-4 animate-spin"})," Working on it…"]}),(0,s.jsx)("p",{"data-on":m(6,6),className:"fc-fade text-sm leading-relaxed text-content-primary",children:"Renamed the title for you."})]})]})}),(0,s.jsx)("div",{className:"p-3",children:(0,s.jsxs)("div",{className:"relative h-12 rounded-full border bg-background pl-4 pr-12",children:[(0,s.jsxs)("span",{className:"absolute inset-y-0 left-4 right-12 overflow-hidden",children:[(0,s.jsx)("span",{className:"fc-ph absolute top-1/2 -translate-y-1/2 whitespace-nowrap text-sm text-muted-foreground",children:"Ask for a change…"}),(0,s.jsx)("span",{className:"fc-msg fc-msg1 absolute top-1/2 -translate-y-1/2 text-sm text-content-primary",children:"Add a star rating"}),(0,s.jsx)("span",{className:"fc-msg fc-msg2 absolute top-1/2 -translate-y-1/2 text-sm text-content-primary",children:"Rename the title"})]}),(0,s.jsx)("span",{className:"absolute right-2 top-1/2 flex size-8 -translate-y-1/2 items-center justify-center rounded-full bg-primary text-primary-foreground",children:(0,s.jsx)(a.ArrowUp,{className:"size-4"})})]})})]})]})}])},556746,e=>{"use strict";var s=e.i(843476),t=e.i(271645),a=e.i(96892);e.i(156669);var r=e.i(209278);let l=[{q:"What themes come up in the answers?",a:"Praise for the pastries is the clearest theme, followed by asks for more seating."},{q:"Why are people dropping off?",a:"Most drop-off happens at the email question. Making it optional could help."},{q:"What should I improve first?",a:"Start with weekend wait times. They come up in a third of the answers."}],i=[{className:"-left-9 top-4 w-36 -rotate-[12deg] pb-10",pages:[{label:"Submissions",value:"3"},{label:"Avg. time to complete",value:"36s"},{label:"Views",value:"15"}]},{className:"left-1/2 top-0 w-32 -translate-x-1/2 pb-8",pages:[{label:"Completion rate",value:"60%"},{label:"Unique visitors",value:"4"},{label:"Submissions",value:"12"}]},{className:"-right-9 top-3 w-36 rotate-[12deg] pb-10",pages:[{label:"Views",value:"5"},{label:"Drop-off",value:"−2",red:!0},{label:"Completion rate",value:"80%"}]}],n=["sc-page sc-p0","sc-page sc-p1 absolute inset-0","sc-page sc-p2 absolute inset-0"],d=["sc-page sc-p0","sc-page sc-p1","sc-page sc-p2"];e.s(["ShareCardVisual",0,function(){let[e,o]=(0,t.useState)(0);return(0,t.useEffect)(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=window.setInterval(()=>o(e=>(e+1)%3),6e3);return()=>clearInterval(e)},[]),(0,s.jsx)("div",{"aria-hidden":!0,className:"sc-scene relative mt-10 h-64 text-left","data-page":e,children:(0,s.jsxs)("div",{className:"absolute inset-y-0 left-1/2 w-[288px] -translate-x-1/2",children:[i.map((e,t)=>(0,s.jsx)("div",{className:`absolute scale-90 rounded-[20px] bg-white p-3 shadow-card dark:bg-neutral-800 ${e.className}`,children:(0,s.jsx)("div",{className:"relative",children:e.pages.map((e,t)=>(0,s.jsxs)("div",{className:n[t],children:[(0,s.jsx)("p",{className:"text-[13px] text-content-tertiary",children:e.label}),(0,s.jsx)("div",{className:`mt-1 text-2xl font-semibold tracking-tight ${e.red?"text-[#FF272B]":"text-content-primary"}`,children:e.value})]},t))})},t)),(0,s.jsxs)("div",{className:"absolute bottom-6 left-1/2 z-10 flex h-[248px] w-80 origin-bottom -translate-x-1/2 scale-[0.62] flex-col rounded-[32px] ring-hairline bg-background shadow-card",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 px-5 pt-4 text-[15px] font-semibold text-content-primary",children:[(0,s.jsx)(r.SparkleAi,{className:"size-4 text-[#FF272B]"}),"Ask for insights"]}),(0,s.jsx)("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:l.map((e,t)=>(0,s.jsxs)("div",{className:`${d[t]} absolute inset-x-4 top-3 space-y-3`,children:[(0,s.jsx)("div",{className:"ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary",children:e.q}),(0,s.jsx)("p",{className:"text-sm leading-relaxed text-content-primary",children:e.a})]},t))}),(0,s.jsx)("div",{className:"p-3",children:(0,s.jsxs)("div",{className:"relative h-12 rounded-full border bg-background pl-4 pr-12",children:[(0,s.jsx)("span",{className:"absolute top-1/2 -translate-y-1/2 text-sm text-muted-foreground",children:"Ask for insights"}),(0,s.jsx)("span",{className:"absolute right-2 top-1/2 flex size-8 -translate-y-1/2 items-center justify-center rounded-full bg-primary text-primary-foreground",children:(0,s.jsx)(a.ArrowUp,{className:"size-4"})})]})})]})]})})}])},362424,e=>{"use strict";var s=e.i(843476),t=e.i(271645),a=e.i(689664),r=e.i(716327),l=e.i(456539),i=e.i(786563);e.i(156669);var n=e.i(953265),d=e.i(20371),o=e.i(174622),c=e.i(373546),m=e.i(984912),x=e.i(255141),p=e.i(457866),u=e.i(788799),h=e.i(130414),f=e.i(873364),b=e.i(272948),g=e.i(693008);let j=e=>`clamp(0, (var(--bs-demo) - ${e}) * 22, 1)`,v=(e,s)=>`calc(${j(e)} - ${j(s)})`;function N(e){return{opacity:j(e),transform:`scale(calc(0.5 + 0.5 * ${j(e)}))`}}let y=[{type:"text",title:"Customer research",question:"What's your name?",demo:function(){return(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)(q,{children:(0,s.jsx)($,{text:"Jane Doe",from:.25})})})},h:95},{type:"textarea",title:"Customer research",question:"Anything we could do better?",demo:function(){return(0,s.jsx)("div",{className:"mt-2 min-h-16 rounded-xs border border-input px-3.5 py-2 text-sm dark:bg-input/30",children:(0,s.jsx)($,{text:"More templates, please!",from:.25})})},h:123},{type:"email",title:"Request a demo",question:"What's your work email?",demo:function(){return(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)(q,{children:(0,s.jsx)($,{text:"[email protected]",from:.25})})})},h:95},{type:"phone",title:"Request a demo",question:"Best number to reach you?",demo:function(){return(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)(q,{children:(0,s.jsx)($,{text:"+1 415 555 0132",from:.25})})})},h:95},{type:"link",title:"Request a demo",question:"Your company website?",demo:function(){return(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsx)(q,{children:(0,s.jsx)($,{text:"https://acme.com",from:.25})})})},h:95},{type:"number",title:"Request a demo",question:"How many seats do you need?",demo:function(){let e=[["2",v(.25,.4)],["3",v(.4,.55)],["4",j(.55)]];return(0,s.jsxs)("div",{className:"relative mt-2 max-w-40",children:[(0,s.jsx)(q,{className:"pr-14",children:(0,s.jsxs)("span",{className:"relative",children:[e.map(([e,t])=>(0,s.jsx)("span",{className:"absolute left-0",style:{opacity:t},children:e},e))," "]})}),(0,s.jsxs)("div",{className:"absolute right-1.5 top-1/2 flex -translate-y-1/2 items-center text-content-tertiary",children:[(0,s.jsx)("span",{className:"flex size-6 items-center justify-center",children:(0,s.jsx)(o.Minus,{className:"size-3.5"})}),(0,s.jsx)("span",{className:"flex size-6 items-center justify-center",children:(0,s.jsx)(m.Plus,{className:"size-3.5"})})]})]})},h:95},{type:"select",title:"Onboarding survey",question:"Which plan are you on?",demo:function(){let e=v(.12,.5);return(0,s.jsxs)("div",{className:"relative mt-2",children:[(0,s.jsxs)(q,{className:"justify-between",children:[(0,s.jsxs)("span",{className:"relative flex-1",children:[(0,s.jsx)("span",{className:"text-content-placeholder",style:{opacity:`calc(1 - ${j(.56)})`},children:"Select an option"}),(0,s.jsx)("span",{className:"absolute left-0 text-foreground",style:{opacity:j(.56)},children:"Pro"})]}),(0,s.jsx)(r.ChevronDown,{className:"size-4 text-muted-foreground opacity-50"})]}),(0,s.jsx)("div",{className:"absolute left-0 top-full z-10 mt-2 w-full rounded-sm ring-hairline bg-popover p-1 shadow-float",style:{opacity:e,transform:`scale(calc(0.96 + 0.04 * ${e}))`,transformOrigin:"top left"},children:["Starter","Pro","Business"].map(e=>(0,s.jsxs)("div",{className:"relative flex h-9 items-center rounded-full px-2.5 text-sm",children:["Pro"===e&&(0,s.jsx)("span",{className:"absolute inset-0 rounded-full bg-accent",style:{opacity:j(.26)}}),(0,s.jsx)("span",{className:"relative",children:e})]},e))})]})},h:95},{type:"radio",title:"Onboarding survey",question:"How did you hear about us?",demo:function(){return(0,s.jsx)("div",{className:"mt-2 flex flex-col items-start gap-2",children:["A friend","Social media","Search"].map((e,t)=>(0,s.jsxs)("div",{className:"relative flex h-9 items-center gap-2.5 rounded-full bg-secondary pl-1.5 pr-3.5 text-sm text-secondary-foreground",children:[1===t&&(0,s.jsx)("span",{className:"absolute inset-0 rounded-full ring-2 ring-inset ring-primary",style:{opacity:j(.32)}}),(0,s.jsxs)("span",{className:"relative flex size-6 shrink-0 items-center justify-center rounded-full bg-content-secondary text-xs font-semibold text-surface-page",children:[String.fromCharCode(65+t),1===t&&(0,s.jsx)("span",{className:"absolute inset-0 flex items-center justify-center rounded-full bg-primary text-primary-foreground",style:N(.32),children:String.fromCharCode(65+t)})]}),(0,s.jsx)("span",{className:"-mt-px",children:e})]},e))})},h:183},{type:"checkbox",title:"Onboarding survey",question:"Which channels do you use?",demo:function(){let e={0:.28,2:.5};return(0,s.jsx)("div",{className:"mt-2 flex flex-col gap-3",children:["Email","Instagram","TikTok"].map((t,r)=>(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("span",{className:"relative size-4.5 shrink-0 rounded-[6px] border border-input shadow-card dark:bg-input/30",children:void 0!==e[r]&&(0,s.jsx)("span",{className:"absolute -inset-px grid place-content-center rounded-[6px] bg-primary text-primary-foreground",style:N(e[r]),children:(0,s.jsx)(a.Check,{className:"size-3.5"})})}),(0,s.jsx)("span",{className:"text-sm leading-normal",children:t})]},t))})},h:144},{type:"ranking",title:"Delivery preferences",question:"Rank what matters most",demo:function(){let e=j(.35),t=[{label:"Price",y:`calc(${e} * 42px)`,badges:["1","2"]},{label:"Quality",y:`calc(${e} * -42px)`,badges:["2","1"]},{label:"Speed",y:"0px",badges:["3","3"]}];return(0,s.jsx)("div",{className:"mt-2 flex flex-col items-start gap-1.5",children:t.map(t=>(0,s.jsxs)("div",{className:"flex h-9 items-center gap-2 rounded-full bg-secondary pl-1.5 pr-1",style:{transform:`translateY(${t.y})`},children:[(0,s.jsxs)("span",{className:"relative flex size-6 shrink-0 items-center justify-center rounded-full bg-content-secondary text-xs font-semibold text-surface-page",children:[(0,s.jsx)("span",{style:t.badges[1]!==t.badges[0]?{opacity:`calc(1 - ${e})`}:void 0,children:t.badges[0]}),t.badges[1]!==t.badges[0]&&(0,s.jsx)("span",{className:"absolute",style:{opacity:e},children:t.badges[1]})]}),(0,s.jsx)("span",{className:"-mt-px text-sm text-content-primary",children:t.label}),(0,s.jsxs)("span",{className:"flex shrink-0 text-content-tertiary",children:[(0,s.jsx)("span",{className:"flex size-7 items-center justify-center",children:(0,s.jsx)(l.ChevronUp,{className:"size-4"})}),(0,s.jsx)("span",{className:"flex size-7 items-center justify-center",children:(0,s.jsx)(r.ChevronDown,{className:"size-4"})})]})]},t.label))})},h:179},{type:"date",title:"Delivery preferences",question:"When should we deliver?",demo:function(){let e=v(.1,.55),t=[...Array(6).fill(null),...Array.from({length:31},(e,s)=>s+1)];return(0,s.jsxs)("div",{className:"relative mt-2",children:[(0,s.jsxs)("div",{className:"flex h-9 w-full items-center gap-2 rounded-xs border border-input bg-background px-3.5 text-sm dark:bg-input/30",children:[(0,s.jsxs)("span",{className:"relative",children:[(0,s.jsx)("span",{className:"text-muted-foreground",style:{opacity:`calc(1 - ${j(.6)})`},children:"Pick a date"}),(0,s.jsx)("span",{className:"absolute left-0 whitespace-nowrap text-foreground",style:{opacity:j(.6)},children:"August 14th, 2026"})]}),(0,s.jsx)(d.CalendarLine,{className:"ml-auto size-4 shrink-0 text-content-tertiary"})]}),(0,s.jsxs)("div",{className:"absolute left-0 top-full z-10 mt-2 w-fit roun

1ded-sm ring-hairline bg-popover p-3 shadow-float",style:{opacity:e,transform:`scale(calc(0.96 + 0.04 * ${e}))`,transformOrigin:"top left"},children:[(0,s.jsx)("div",{className:"px-1 text-sm font-medium",children:"August 2026"}),(0,s.jsxs)("div",{className:"mt-2 grid grid-cols-7 text-center",children:[["S","M","T","W","T","F","S"].map((e,t)=>(0,s.jsx)("span",{className:"grid size-7 place-content-center text-[10px] text-muted-foreground",children:e},t)),t.map((e,t)=>null===e?(0,s.jsx)("span",{},t):(0,s.jsxs)("span",{className:"relative grid size-7 place-content-center text-xs",children:[e,14===e&&(0,s.jsx)("span",{className:"absolute inset-0 grid place-content-center rounded-full bg-primary text-primary-foreground",style:N(.3),children:"14"})]},t))]})]})]})},h:95},{type:"time",title:"Delivery preferences",question:"What time works best?",demo:function(){let e=v(.08,.52);return(0,s.jsxs)("div",{className:"relative mt-2",children:[(0,s.jsxs)("div",{className:"flex h-9 w-full max-w-40 items-center gap-2 rounded-xs border border-input bg-background px-3.5 text-sm dark:bg-input/30",children:[(0,s.jsxs)("span",{className:"relative",children:[(0,s.jsx)("span",{className:"text-muted-foreground",style:{opacity:`calc(1 - ${j(.58)})`},children:"Pick a time"}),(0,s.jsx)("span",{className:"absolute left-0 whitespace-nowrap text-foreground",style:{opacity:j(.58)},children:"9:30 AM"})]}),(0,s.jsx)(p.TimeLine,{className:"ml-auto size-4 shrink-0 text-content-tertiary"})]}),(0,s.jsx)("div",{className:"absolute left-0 top-full z-10 mt-2 w-fit rounded-sm ring-hairline bg-popover p-2 shadow-float",style:{opacity:e,transform:`scale(calc(0.96 + 0.04 * ${e}))`,transformOrigin:"top left"},children:(0,s.jsx)("div",{className:"flex gap-1",children:[{items:["7","8","9","10","11"],pick:"9",t:.22},{items:["28","29","30","31","32"],pick:"30",t:.34},{items:["AM","PM"],pick:"AM",t:.46}].map(e=>(0,s.jsx)("div",{className:"flex flex-col gap-1",children:e.items.map(t=>(0,s.jsxs)("span",{className:"relative flex h-8 w-10 items-center justify-center rounded-full text-sm tabular-nums",children:[t,t===e.pick&&(0,s.jsx)("span",{className:"absolute inset-0 flex items-center justify-center rounded-full bg-primary text-primary-foreground",style:N(e.t),children:t})]},t))},e.pick))})})]})},h:95},{type:"rating",title:"How did we do?",question:"How would you rate us?",demo:function(){return(0,s.jsx)("div",{className:"mt-2 flex items-center gap-1",children:[0,1,2,3,4].map(e=>(0,s.jsxs)("span",{className:"relative p-1",children:[(0,s.jsx)(i.Star,{className:"size-7 fill-secondary-hover text-transparent"}),e<4&&(0,s.jsx)("span",{className:"absolute inset-1",style:N(.35),children:(0,s.jsx)(i.Star,{className:"size-7 fill-yellow-400 text-yellow-400"})})]},e))})},h:103},{type:"linear_scale",title:"How did we do?",question:"How likely are you to recommend us?",demo:function(){return(0,s.jsxs)("div",{className:"mt-2 flex w-fit flex-col gap-1.5",children:[(0,s.jsx)("div",{className:"flex flex-wrap gap-1",children:Array.from({length:11},(e,t)=>(0,s.jsxs)("span",{className:"relative grid size-9 place-content-center rounded-full bg-secondary text-sm font-medium text-secondary-foreground",children:[t,9===t&&(0,s.jsx)("span",{className:"absolute inset-0 grid place-content-center rounded-full bg-primary text-primary-foreground",style:N(.35),children:"9"})]},t))}),(0,s.jsxs)("div",{className:"flex justify-between gap-4 text-xs text-muted-foreground",children:[(0,s.jsx)("span",{children:"Not likely"}),(0,s.jsx)("span",{children:"Very likely"})]})]})},h:118},{type:"file",title:"Job application",question:"Upload your CV",demo:function(){return(0,s.jsxs)("div",{className:"mt-2 space-y-1.5",children:[(0,s.jsxs)("div",{className:"flex w-full flex-col items-center gap-4 roun

1ded-sm border border-dashed border-input px-6 py-10 text-center",children:[(0,s.jsxs)("span",{className:"flex items-center gap-2.5 font-medium text-content-secondary",children:[(0,s.jsx)(u.Upload,{className:"size-5"}),"Click to choose a file or drag here"]}),(0,s.jsx)("span",{className:"text-sm text-muted-foreground",children:"Size limit: 10 MB."})]}),(0,s.jsxs)("div",{className:"relative h-5 text-xs",children:[(0,s.jsxs)("span",{className:"absolute inset-x-0 top-0 flex h-5 items-center gap-2",style:{opacity:v(.25,.66)},children:[(0,s.jsx)("span",{className:"text-muted-foreground",children:"cv-jane-doe.pdf"}),(0,s.jsx)("span",{className:"h-1 flex-1 overflow-hidden rounded-full bg-muted",children:(0,s.jsx)("span",{className:"block h-full w-full origin-left rounded-full bg-primary",style:{transform:"scaleX(clamp(0, (var(--bs-demo) - 0.25) * 2.6, 1))"}})})]}),(0,s.jsx)("span",{className:"absolute inset-x-0 top-0 flex h-5 items-center text-primary",style:{opacity:j(.68)},children:"Uploaded ✓ cv-jane-doe.pdf"})]})]})},h:226},{type:"h1",title:"Customer research",question:"",demo:function(){return(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"relative text-2xl font-bold tracking-tight text-foreground",children:[(0,s.jsx)("span",{className:"absolute left-1 text-muted-foreground/40",style:{opacity:`calc(1 - ${j(.06)} * 3)`},children:"Heading"}),(0,s.jsx)($,{text:"About you",from:.08,speed:5}),(0,s.jsx)("span",{style:{opacity:`calc(1 - ${j(.29)})`},children:(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-5 w-px bg-foreground",style:{animationDelay:"1.8s"}})})]}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsxs)("span",{className:"absolute left-0 top-0 flex items-center text-sm font-semibold text-foreground",style:{opacity:v(.29,.5)},children:["/",(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-4 w-px bg-foreground",style:{animationDelay:"3.1s"}})]}),(0,s.jsx)("div",{className:"absolute inset-x-0 top-0 h-6",children:(0,s.jsx)(E,{type:"paragraph",open:v(.33,.5)})}),(0,s.jsxs)("p",{className:"text-sm leading-relaxed",children:[(0,s.jsx)("span",{className:"absolute left-1 top-0 text-muted-foreground/40",style:{opacity:`calc(${v(.51,.58)} * 3)`},children:"Type a description…"}),(0,s.jsx)($,{text:"A few quick questions about you and your work,",from:.6,speed:6,className:"text-muted-foreground"}),(0,s.jsx)("span",{style:{opacity:v(.51,.77)},children:(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-4 w-px bg-foreground",style:{animationDelay:"3.95s"}})}),(0,s.jsx)("br",{}),(0,s.jsx)($,{text:"so we can tailor the results.",from:.78,speed:8,className:"text-muted-foreground"}),(0,s.jsx)("span",{style:{opacity:v(.77,.92)},children:(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-4 w-px bg-foreground",style:{animationDelay:"5s"}})})]})]})]})},h:121,layout:!0,label:"Layout"}],w=[1,.55,.35,.22,.14],k=[{drift:"bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]",mesh:["#FFD6CF","#FFFFFF","#FFE4DE","#FFC9C0"]},{drift:"bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]",mesh:["#FBECAC","#FFFFFF","#FDF3C9","#F7E48F"]},{drift:"bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#20261e]",mesh:["#CFEDD4","#FFFFFF","#E2F4E5","#BFE5C6"]},{drift:"bg-gradient-to-b from-white via-white via-35% to-[#C7DDF9] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2430]",mesh:["#C7DDF9","#FFFFFF","#DCE9FB","#AFCFF6"]},{drift:"bg-gradient-to-b from-white via-white via-35% to-[#E3DAF8] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#221d2e]",mesh:["#E3DAF8","#FFFFFF","#EFE9FC","#D5C8F5"]}];function F(){return(0,s.jsxs)("div",{"aria-hidden":!0,className:"relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8",children:[(0,s.jsx)(h.GlowDrift,{className:"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#202

161e]"}),(0,s.jsx)(b.HeroMesh,{colors:["#CFEDD4","#FFFFFF","#E2F4E5","#BFE5C6"],desktopOnly:!0,className:"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"}),(0,s.jsxs)("div",{className:"absolute -bottom-14 -right-8 left-6 top-11 overflow-hidden rounded-[20px] bg-surface-page p-4 pt-10 ring-hairline shadow-card sm:left-8",children:[(0,s.jsxs)("div",{className:"absolute -top-10 left-4 right-4",children:[(0,s.jsx)("div",{className:"text-[15px] font-semibold text-foreground",children:"Your full name"}),(0,s.jsx)("div",{className:"mt-1.5 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30",children:"Jane Doe"})]}),(0,s.jsx)("div",{className:"text-[15px] font-semibold text-foreground",children:"Upload your CV"}),(0,s.jsxs)("div",{className:"mt-2 flex w-full flex-col items-center gap-3 rounded-sm border border-dashed border-input px-6 py-8 text-center",children:[(0,s.jsxs)("span",{className:"flex items-center gap-2.5 text-sm font-medium text-content-secondary",children:[(0,s.jsx)(u.Upload,{className:"size-5"}),"Click to choose a file or drag here"]}),(0,s.jsx)("span",{className:"text-sm text-muted-foreground",children:"Size limit: 10 MB."})]}),(0,s.jsx)("div",{className:"mt-5 text-[15px] font-semibold text-foreground",children:"Portfolio link"}),(0,s.jsx)("div",{className:"mt-2 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30",children:"janedoe.dev"}),(0,s.jsx)("div",{className:"mt-5 text-[15px] font-semibold text-foreground",children:"When can you start?"}),(0,s.jsxs)("div",{className:"mt-2 flex h-8 items-center justify-between rounded-xs border border-input px-2.5 text-sm dark:bg-input/30",children:[(0,s.jsx)("span",{className:"text-content-placeholder",children:"Select an option"}),(0,s.jsx)(r.ChevronDown,{className:"size-4 text-muted-foreground opacity-50"})]})]}),(0,s.jsx)("div",{className:"absolute left-1/2 top-4 z-10 w-[calc(100%-3rem)] max-w-60 -translate-x-1/2 rounded-[20px] ring-hairline bg-background p-3.5 shadow-card",children:(0,s.jsxs)("div",{className:"text-xs",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,s.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5 text-content-primary",children:[(0,s.jsx)(c.PaperFile,{className:"size-3.5 shrink-0 text-content-tertiary"}),(0,s.jsx)("span",{className:"truncate",children:"cv-jane-doe.pdf"})]}),(0,s.jsx)("span",{className:"shrink-0 text-content-tertiary",children:"4.8 MB"})]}),(0,s.jsx)("span",{className:"mt-2 block h-1 overflow-hidden rounded-full bg-muted",children:(0,s.jsx)("span",{className:"block h-full w-[82%] rounded-full bg-primary"})})]})})]})}function C(){return(0,s.jsx)("span",{className:"flex h-5 w-9 shrink-0 items-center rounded-full bg-primary p-0.5",children:(0,s.jsx)("span",{className:"ml-auto size-4 rounded-full bg-background"})})}function z(){return(0,s.jsxs)("div",{"aria-hidden":!0,className:"relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8",children:[(0,s.jsx)(h.GlowDrift,{className:"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#C7DDF9] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2430]"}),(0,s.jsx)(b.HeroMesh,{colors:["#C7DDF9","#FFFFFF","#DCE9FB","#AFCFF6"],desktopOnly:!0,className:"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"}),(0,s.jsxs)("div",{className:"absolute -right-4 top-4 z-10 flex w-64 flex-col items-center gap-2 rounded-[20px] ring-hairline bg-background p-5 text-center shadow-card",children:[(0,s.jsx)("div",{className:"text-[15px] font-bold tracking-tight text-foreground",children:"Registrations are full"}),(0,s.jsx)("p",{className:"text-xs leading-relaxed text-muted-foreground",children:"All 100 spots are taken. Join the waitlist at cafejane.com and we’ll email you if one opens."})]}),(0,s.jsxs)("div",{className:"absolute -bottom-14 left-6 right-6 top-20 overflow-hidden rounded-[20px] bg-surface-page p-4 ring-hairline shadow-card sm:left-8 sm:right-8",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-sm font-medium text-foreground",children:"Close on a date"}),(0,s.jsx)("p",{className:"mt-1 text-xs text-content-tertiary",children:"The form stops accepting submissions at this time."})]}),(0,s.jsx)(C,{})]}),(0,s.jsx)("div",{className:"mt-2 flex h-8 w-fit items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30",children:"Aug 28, 2026, 6:00 PM"}),(0,s.jsxs)("div",{className:"mt-4 flex items-center justify-between gap-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-sm font-medium text-foreground",children:"Limit number of submissions"}),(0,s.jsx)("p",{className:"mt-1 text-xs text-content-tertiary",children:"Closes the form once this many submissions have arrived."})]}),(0,s.jsx)(C,{})]}),(0,s.jsx)("div",{className:"mt-2 flex h-8 w-16 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30",children:"100"}),(0,s.jsxs)("div",{className:"mt-4 flex items-center justify-between gap-4",children:[(0,s.jsx)("div",{className:"text-sm font-medium text-foreground",children:"Closed form message"}),(0,s.jsx)(C,{})]}),(0,s.jsx)("div",{className:"mt-2 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30",children:"Registrations are full"})]})]})}

1function A(){return(0,s.jsxs)("div",{"aria-hidden":!0,className:"relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8",children:[(0,s.jsx)(h.GlowDrift,{className:"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#E3DAF8] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#221d2e]"}),(0,s.jsx)(b.HeroMesh,{colors:["#E3DAF8","#FFFFFF","#EFE9FC","#D5C8F5"],desktopOnly:!0,className:"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"}),(0,s.jsxs)("div",{className:"absolute -bottom-14 left-6 right-6 top-20 overflow-hidden rounded-[20px] bg-surface-page p-4 ring-hairline shadow-card sm:left-8 sm:right-8",children:[(0,s.jsx)("div",{className:"text-[15px] font-semibold text-foreground",children:"Your name"}),(0,s.jsx)("div",{className:"mt-2 h-8 rounded-xs border border-input dark:bg-input/30"}),(0,s.jsx)("div",{className:"mt-4 text-[15px] font-semibold text-foreground",children:"Your email"}),(0,s.jsx)("div",{className:"mt-2 h-8 rounded-xs border border-input dark:bg-input/30"}),(0,s.jsx)("div",{className:"mt-4 text-[15px] font-semibold text-foreground",children:"Subscribe to the weekly digest?"}),(0,s.jsxs)("div",{className:"mt-2 flex items-center gap-3",children:[(0,s.jsx)("span",{className:"relative size-4.5 shrink-0 rounded-[6px] border border-input shadow-card dark:bg-input/30",children:(0,s.jsx)("span",{className:"absolute -inset-px grid place-content-center rounded-[6px] bg-primary text-primary-foreground",children:(0,s.jsx)(a.Check,{className:"size-3.5"})})}),(0,s.jsx)("span",{className:"-mt-0.5 text-sm leading-normal",children:"Yes, send me the digest"})]}),(0,s.jsx)("div",{className:"mt-4 text-[15px] font-semibold text-foreground",children:"Which topics interest you?"}),(0,s.jsx)("div",{className:"mt-2 flex flex-col gap-3",children:["Product news","Tutorials"].map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("span",{className:"size-4.5 shrink-0 rounded-[6px] border border-input shadow-card dark:bg-input/30"}),(0,s.jsx)("span",{className:"-mt-0.5 text-sm leading-normal",children:e})]},e))})]}),(0,s.jsxs)("div",{className:"absolute left-1/2 top-10 z-10 w-56 -translate-x-1/2 rounded-[20px] ring-hairline bg-background p-1.5 shadow-card",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-4 px-2.5 py-2 text-sm text-foreground",children:["Default answer",(0,s.jsx)(C,{})]}),(0,s.jsxs)("div",{className:"flex items-center gap-3 px-2.5 pb-2.5 pt-1",children:[(0,s.jsx)("span",{className:"relative size-4.5 shrink-0 rounded-[6px] border border-input shadow-card dark:bg-input/30",children:(0,s.jsx)("span",{className:"absolute -inset-px grid place-content-center rounded-[6px] bg-primary text-primary-foreground",children:(0,s.jsx)(a.Check,{className:"size-3.5"})})}),(0,s.jsx)("span",{className:"-mt-0.5 text-sm leading-normal",children:"Yes"})]})]})]})}function D({scene:e,palette:t,onSceneEnd:a}){let r=e.demo;return(0,s.jsxs)("div",{"aria-hidden":!0,className:"bs-scene absolute bottom-0 left-6 right-0 top-6 flex flex-col overflow-hidden rounded-tl-[12px] bg-surface-page ring-hairline shadow-card sm:left-8 sm:top-8 ",onAnimationEnd:e=>{"bs-play"===e.animationName&&a()},children:[(0,s.jsxs)("div",{className:"relative flex h-8 shrink-0 items-center justify-center overflow-hidden border-b border-border-subtle bg-background",children:[(0,s.jsx)("div",{className:"absolute inset-y-0 left-0 opacity-50 [mask-image:linear-gradient(to_right,black_calc(100%-48px),transparent)] dark:opacity-20",style:{width:"calc(var(--bs-t) * 100%)",backgroundImage:`linear-gradient(100deg, ${t.mesh[0]}, ${t.mesh[3]})`}}),(0,s.jsxs)("span",{className:"absolute left-4 flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"size-2.5 rounded-full bg-[#FF5F57]"}),(0,s.jsx)("span",{className:"size-2.5 rounded-full bg-[#FEBC2E]"}),(0,s.jsx)("span",{className:"size-2.5 rounded-full bg-[#28C840]"})]}),(0,s.jsx)("span",{className:"relative text-sm font-medium text-content-primary",children:"Nicelyformed"})]}),(0,s.jsxs)("div",{className:"min-h-0 flex-1 px-7 py-8 sm:px-14 sm:py-12",children:[(0,s.jsx)("div",{className:"text-2xl font-bold tracking-tight text-foreground sm:text-3xl",children:e.title}),(0,s.jsxs)("div",{className:"mt-6 max-w-md",children:[(0,s.jsx)("div",{className:"bs-slot",style:{"--bs-h":`${e.h}px`},children:(0,s.jsxs)("div",{className:"bs-block relative z-10",children:[e.layout?null:(0,s.jsxs)("div",{className:"text-[18px] font-semibold leading-normal text-foreground",children:[e.question,(0,s.jsx)("span",{className:"ml-1.5 inline-flex size-4 items-center justify-center rounded-full bg-surface-subtle align-middle text-content-secondary",children:(0,s.jsx)(n.Asterisk,{className:"size-3",strokeWidth:2})})]}),(0,s.jsx)(r,{})]})}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsxs)("div",{className:"bs-ghost-row flex h-[27px] items-center",children:[(0,s.jsx)("span",{className:"bs-ghost-ph absolute text-sm text-muted-foreground

1/40",children:"Type ‘/’ to insert blocks"}),(0,s.jsxs)("span",{className:"bs-ghost-slash absolute flex items-center text-sm font-semibold text-foreground",children:["/",(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-4 w-px bg-foreground"})]})]}),(0,s.jsx)(E,{type:e.type})]})]})]})]})}function E({type:e,open:t}){let a=g.INPUT_MENU.indexOf(e),r=g.LAYOUT_MENU.indexOf(e),l=40+36*g.INPUT_MENU.length,i=40+36*g.LAYOUT_MENU.length,n=a>=0?34+36*a:l+6+28+36*r,d=a>=0&&a<=2?0:Math.min(n-78,l+i-232),o=e=>(0,s.jsx)("div",{className:"bs-hl-pill absolute left-0 top-0 h-9 w-full rounded-full bg-accent",style:{"--bs-hl-start":Math.max(0,e-2),"--bs-hl-cap":Math.min(e,2)}});return(0,s.jsxs)("div",{className:`${t?"":"bs-menu "}absolute left-0 top-full z-10 mt-3 w-64 overflow-hidden rounded-sm ring-hairline bg-popover text-popover-foreground shadow-float`,style:t?{opacity:t,transform:`translateY(calc((1 - ${t}) * -6px)) scale(calc(0.96 + 0.04 * ${t}))`,transformOrigin:"top left"}:void 0,children:[(0,s.jsxs)("div",{className:"flex h-9 items-center gap-2 border-b border-border-subtle px-3.5 text-sm",children:[(0,s.jsx)(x.Search,{className:"size-4 shrink-0 text-content-tertiary"}),(0,s.jsx)("span",{className:"text-content-placeholder",children:"Search blocks…"})]}),(0,s.jsx)("div",{className:"overflow-hidden",style:{height:232},children:(0,s.jsxs)("div",{style:{transform:`translateY(${-d}px)`},children:[(0,s.jsx)(S,{heading:"Questions",items:g.INPUT_MENU,pill:a>=0?o(a):void 0}),(0,s.jsx)(S,{heading:"Layout",items:g.LAYOUT_MENU,pill:r>=0?o(r):void 0})]})})]})}function S({heading:e,items:t,pill:a}){return(0,s.jsxs)("div",{className:"p-1.5",children:[(0,s.jsx)("div",{className:"px-2.5 py-1.5 text-xs font-semibold text-muted-foreground",children:e}),(0,s.jsxs)("div",{className:"relative",children:[a,t.map(e=>{let t=g.BLOCK_ICONS[e];return(0,s.jsxs)("div",{className:"relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm",children:[(0,s.jsx)(t,{className:"size-4 text-current"}),g.BLOCK_LABELS[e]]},e)})]})]})}function $({text:e,from:t,speed:a=3,className:r="text-foreground"}){return(0,s.jsx)("span",{className:`inline-block overflow-hidden whitespace-nowrap align-bottom ${r}`,style:{maxWidth:`calc(clamp(0, (var(--bs-demo) - ${t}) * ${a}, 1) * ${e.length+1}ch)`},children:e})}function q({children:e,className:t=""}){return(0,s.jsx)("div",{className:`flex h-9 items-center rounded-xs border border-input px-3.5 text-sm dark:bg-input/30 ${t}`,children:e})}e.s(["BlocksShowcase",0,function(){let[e,a]=t.useState(0),[r,l]=t.useState(0),i=e=>{a(e),l(e=>e+1)},n=y.length,d=(e%n+n)%n,o=y[d],c=k[d%k.length],m=[];for(let s=e-6;s<=e+6;s++)m.push(s);return(0,s.jsxs)("section",{className:"mx-auto max-w-6xl px-4 py-20 sm:px-6",children:[(0,s.jsxs)("h2",{className:"font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]",children:["Every question type."," ",(0,s.jsx)("span",{className:"sm:-mt-[0.18em] sm:block",children:"One “/” away."})]}),(0,s.jsxs)("div",{className:"mt-10 sm:mt-14 overflow-hidden rounded-[28px] bg-white ring ring-border-subtle dark:bg-neutral-900 ",children:[(0,s.jsxs)("div",{className:"grid divide-y divide-border-subtle border-b border-border-subtle lg:grid-cols-4 lg:divide-x lg:divide-y-0  ",children:[(0,s.jsxs)("div",{className:"lg:col-span-3",children:[(0,s.jsxs)("div",{className:"px-6 pt-6 sm:px-8 sm:pt-8",children:[(0,s.jsx)("h3",{className:"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]",children:"An editor that works like a doc"}),(0,s.jsx)("p",{className:"mt-2 max-w-[44ch] text-sm text-muted-foreground",children:"Type ‘/’ to drop in any block: short answers, choices, rankings, dates, uploads, headings, paragraphs, bullet lists, quotes, and more."})]}),(0,s.jsxs)("div",{className:"relative mt-6 h-[480px] overflow-hidden sm:mt-8 sm:h-[560px]",children:[(0,s.jsx)("div",{"aria-hidden":!0,className:`pointer-events-none absolute inset-0 ${c.drift}`}),(0,s.jsx)(b.HeroMesh,{colors:c.mesh,desktopOnly:!0,drift:!1,className:"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"}),(0,s.jsx)(D,{scene:o,palette:c,onSceneEnd:()=>i(e+1)},r)]})]}),(0,s.jsx)("div",{className:"relative h-[280px] lg:h-auto",children:(0,s.jsx)("div",{className:"absolute inset-0 overflow-hidden [mask-image:linear-gradient(to_bottom,transparent,black_28%,black_72%,transparent)]",children:(0,s.jsx)("ul",{className:"absolute inset-x-0 top-1/2 -mt-[18px] transition-transform duration-500 [transition-timing-function:cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none",style:{transform:`translateY(${-(36*e)}px)`},children:m.map(t=>{let a=y[(t%n+n)%n],r=Math.abs(t-e);return(0,s.jsx)("li",{className:"absolute inset-x-0 flex h-9 items-center justify-center",style:{to

1p:36*t},children:(0,s.jsx)("button",{type:"button","aria-pressed":t===e,onClick:()=>i(t),className:`flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none ${t===e?"bg-secondary":"hover:bg-secondary"}`,style:{opacity:w[Math.min(r,w.length-1)]},children:t===e?(0,s.jsx)("span",{className:"relative -top-px",children:a.label??g.BLOCK_LABELS[a.type]}):(0,s.jsx)("span",{className:"relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]",children:a.label??g.BLOCK_LABELS[a.type]})})},t)})})})})]}),(0,s.jsxs)("div",{className:"grid md:grid-cols-3",children:[(0,s.jsx)(f.FeatureCell,{title:"File uploads",body:"Ask for CVs, portfolios, or photos. Files land straight in your submissions.",className:"border-b border-border-subtle md:border-b-0 md:border-r ",visual:(0,s.jsx)(F,{})}),(0,s.jsx)(f.FeatureCell,{title:"Close conditions",body:"Close at a deadline, cap submissions, or both. Latecomers see your message instead of a dead end.",className:"border-b border-border-subtle md:border-b-0 md:border-r ",visual:(0,s.jsx)(z,{})}),(0,s.jsx)(f.FeatureCell,{title:"Default answers",body:"Open questions pre-filled with the likely answer, so people confirm instead of typing.",visual:(0,s.jsx)(A,{})})]})]})]})}])}]);