https://webtwizz.com/_next/static/chunks/9721-4b26ddff0a0a026e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9721],{1256:(e,t,r)=>{r.r(t),r.d(t,{default:()=>u});var a=r(5155),n=r(2115),s=r(7605),i=r(5580),l=r(373),o=r(9464),d=r(2703);s.os.registerPlugin(i.u);let c="linear-gradient(to top, transparent 0%, #000 14%, #000 44%, rgba(0,0,0,0.4) 64%, transparent 82%)";function u({headline:e="Your idea, live in minutes.",sub:t="Describe what you want. WebTwizz builds the real thing, then you click to change anything. No code needed."}={}){let r=(0,n.useRef)(null),i=(0,n.useRef)(null),p=(0,o.G)(),[m,h]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=r.current;if(!e||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let t=s.os.matchMedia();return t.add("(min-width: 768px)",()=>{s.os.from(s.os.utils.toArray(e.children),{y:40,autoAlpha:0,duration:.7,ease:"power3.out",stagger:.09,scrollTrigger:{trigger:e,start:"top 80%",once:!0}})}),()=>t.revert()},[]),(0,n.useEffect)(()=>{let e=i.current;if(!e||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let t=new IntersectionObserver(([e])=>h(e.isIntersecting),{rootMargin:"200px 0px"});return t.observe(e),()=>t.disconnect()},[]),(0,a.jsxs)("section",{ref:i,id:"cta",className:"relative overflow-hidden bg-white px-6 py-16 sm:py-36",children:[(0,a.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 overflow-hidden",children:(0,a.jsxs)("div",{className:"absolute inset-0",style:{maskImage:c,WebkitMaskImage:c},children:[(0,a.jsx)("div",{className:"absolute inset-0",style:{background:"radial-gradient(92% 58% at 50% 92%, #2F7FF0 0%, #4FA4FF 24%, #7FC7FF 46%, transparent 74%),radial-gradient(64% 44% at 16% 86%, #69D6FF 0%, transparent 58%),radial-gradient(64% 44% at 86% 84%, #3B9EFF 0%, transparent 58%)"}}),p&&m&&(0,a.jsx)("div",{className:"animate-mesh-in absolute inset-0 hidden md:block",children:(0,a.jsx)(l.Sy,{className:"h-full w-full",maxPixelCount:921600,colors:["#7FC3FF","#9BE8FF","#3B9EFF","#2F7FF0","#BFE6FF"],speed:.28,distortion:.85,swirl:.55,grainOverlay:.05,offsetY:.42})})]})}),(0,a.jsxs)("div",{ref:r,className:"relative mx-auto max-w-3xl text-center",children:[(0,a.jsx)("p",{className:"text-[11.5px] font-medium uppercase tracking-[0.08em] text-neutral-500",style:{fontFamily:"var(--font-family-mono)"}}),(0,a.jsx)("h2",{className:"mt-5 text-[clamp(2rem,3.2vw+1rem,3.3rem)] font-[700] leading-[1.04] tracking-[-0.035em] text-neutral-950",style:{fontFamily:"var(--font-family-display)"},children:e}),(0,a.jsx)("p",{className:"mx-auto mt-4 max-w-xl text-[15px] leading-relaxed text-neutral-600",children:t}),(0,a.jsx)("div",{className:"mx-auto mt-9 max-w-[680px] text-left",children:(0,a.jsx)(d.default,{glow:!0,size:"xl",showChips:!0})}),(0,a.jsx)("p",{className:"mt-6 text-[14px] font-medium text-neutral-600",children:"Get started for free, no credit card needed."})]})]})}},1980:(e,t,r)=>{r.r(t),r.d(t,{default:()=>p});var a=r(5155),n=r(2115),s=r(7605),i=r(5580),l=r(6649);let o=[{question:"What is WebTwizz?",answer:"WebTwizz is an AI-powered app builder. Describe what you want and the AI creates it: complete pages, features, and styling. You get a visual builder with design controls, a code editor if you want it, and one-click publishing. It goes beyond simple page builders to create fully functional apps."},{question:"Can I buy additional AI credits on paid plans?",answer:"Yes. On Standard and Pro you select a credit tier (e.g. 1,500 or 3,000 credits on Standard; 4,500, 6,000, or 9,000 on Pro). If you need more credits than your current tier, you can move to a higher tier or plan at any time from your account. For very high or custom usage, the Custom plan is the best option."},{question:"Do I need coding experience?",answer:"Not at all. Just describe what you want and the AI builds it for you. If you do know how to code, there is a full code editor to fine-tune anything. WebTwizz works for everyone, from first-time creators to experienced developers."},{question:"Can I use my own domain?",answer:"Yes. All paid plans (Standard, Pro, and Custom) include custom domain support. You can connect your existing domain or purchase a new one through our platform. We provide simple step-by-step instructions for domain setup."},{question:"What happens if I exceed my plan limits?",answer:"The free tier is there to build and publish your first project: a signup bonus plus a small daily allowance, 

1capped each month. Plans are for building every day, and they add a monthly credit allotment, custom domains, and more published sites."},{question:"Is my app mobile-responsive?",answer:"Yes. The AI builds layouts that adapt to every screen size by default, and you can preview and adjust layouts for desktop, tablet, and mobile directly in the builder."},{question:"Can I cancel or change my plan?",answer:"Yes, you can upgrade, downgrade, or cancel your plan at any time. Changes take effect at the start of your next billing cycle. There are no long-term contracts or cancellation fees."}];var d=r(80);let c=/^https:\/\/(www\.|app\.|docs\.)?webtwizz\.com(\/|$)/;function u(){let[e,t]=(0,n.useState)([]),[r,s]=(0,n.useState)(""),[i,l]=(0,n.useState)(!1),[o,u]=(0,n.useState)(""),p=(0,n.useId)(),m=(0,n.useRef)(null),h=(0,n.useRef)(null);async function x(r){let a=r.trim();if(!a||i)return;u(""),s(""),l(!0),t([...e,{role:"user",content:a},{role:"assistant",content:""}]),(0,d.u4)("faq_ask",{question_length:a.length,turn:e.length/2+1});let n=new AbortController;h.current=n;try{let r=await fetch("/api/ask",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({question:a,history:e}),signal:n.signal});if(!r.ok||!r.body){let e=await r.json().catch(()=>({}));throw Error(e.error||"Something went wrong. Please try again.")}let s=r.body.getReader(),i=new TextDecoder,l="";for(;;){let{done:r,value:n}=await s.read();if(r)break;l+=i.decode(n,{stream:!0}),t([...e,{role:"user",content:a},{role:"assistant",content:l}])}if(!l.trim())throw Error("Something went wrong. Please try again.")}catch(r){if(n.signal.aborted)return;t(e),s(a),u(r instanceof Error?r.message:"Something went wrong. Please try again.")}finally{l(!1),m.current?.focus({preventScroll:!0})}}(0,n.useEffect)(()=>()=>h.current?.abort(),[]);let f=[];for(let t=0;t<e.length;t+=2)f.push({q:e[t].content,a:e[t+1]?.content??""});return(0,a.jsxs)(a.Fragment,{children:[f.map((e,t)=>(0,a.jsxs)("div",{className:"border-b border-neutral-200 py-5","aria-live":t===f.length-1?"polite":void 0,children:[(0,a.jsx)("p",{className:"text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950",children:e.q}),(0,a.jsx)("p",{className:"mt-3 pr-10 text-[14px] leading-[1.6] text-neutral-500",children:e.a?function(e){let t,r=e.replace(/`/g,""),n=[],s=/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)|\*\*([^*]+)\*\*/g,i=0;for(;t=s.exec(r);)n.push(r.slice(i,t.index)),t[3]?n.push(t[3]):c.test(t[2])?n.push((0,a.jsx)("a",{href:t[2],target:"_blank",rel:"noopener",className:"font-medium text-[#1E90FF] underline decoration-[#1E90FF]/30 underline-offset-2 hover:

1decoration-[#1E90FF]",children:t[1]},t.index)):n.push(t[1]),i=s.lastIndex;return n.push(r.slice(i)),n}(e.a):(0,a.jsx)("span",{className:"inline-flex gap-1 py-1","aria-label":"Thinking",children:[0,1,2].map(e=>(0,a.jsx)("span",{className:"h-1.5 w-1.5 animate-bounce rounded-full bg-neutral-300",style:{animationDelay:`${120*e}ms`}},e))})})]},t)),(0,a.jsxs)("form",{onSubmit:function(e){e.preventDefault(),x(r)},className:"border-b border-neutral-200",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 py-3.5",children:[(0,a.jsx)("svg",{className:"h-4 w-4 shrink-0 text-[#1E90FF]",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:(0,a.jsx)("path",{d:"M8 1.5l1.6 4.3 4.4 1.7-4.4 1.7L8 13.5l-1.6-4.3L2 7.5l4.4-1.7L8 1.5z",fill:"currentColor"})}),(0,a.jsx)("label",{htmlFor:p,className:"sr-only",children:"Ask a question about WebTwizz"}),(0,a.jsx)("input",{ref:m,id:p,value:r,onChange:e=>s(e.target.value),maxLength:400,placeholder:f.length?"Ask another question":"Ask me anything",autoComplete:"off",className:"min-w-0 flex-1 bg-transparent py-1.5 text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950 placeholder:text-neutral-950 focus:outline-none focus:placeholder:text-neutral-400"}),(0,a.jsx)("button",{type:"submit",disabled:i||!r.trim(),"aria-label":"Ask",title:"Send",className:`inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-white transition-[opacity,transform] duration-150 enabled:hover:opacity-90 enabled:active:scale-95 ${r.trim()?"disabled:opacity-40":"pointer-events-none scale-90 opacity-0"}`,style:{background:"var(--color-primary-main)"},children:(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",className:"h-[18px] w-[18px]","aria-hidden":!0,children:(0,a.jsx)("path",{d:"M12 19V5M5 12l7-7 7 7"})})})]}),o&&(0,a.jsx)("p",{className:"-mt-1 pb-4 text-[13px] text-red-500",role:"alert",children:o})]})]})}function p({items:e=o,heading:t="Questions, answered.",sub:r="Everything you need to know about WebTwizz. Anything else, our team is one email away.",kicker:i="FAQ",includeSchema:d=!0,ask:c=!0}={}){let m={"@context":"https://schema.org","@type":"FAQPage",mainEntity:e.map(e=>({"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}}))},h=(0,n.useRef)(null),[x,f]=(0,n.useState)(0);return(0,n.useEffect)(()=>{let e=h.current;if(!e||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let t=s.os.matchMedia();return t.add("(min-width: 768px)",()=>{s.os.from(s.os.utils.toArray(e.children),{y:28,autoAlpha:0,duration:.55,ease:"power3.out",stagger:.06,scrollTrigger:{trigger:e,start:"top 85%",once:!0}})}),()=>t.revert()},[]),(0,a.jsxs)("section",{id:"faq","aria-labelledby":"faq-heading",className:"scroll-mt-24 bg-white px-6 py-16 sm:px-8 sm:py-32",children:[d&&(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(m)}}),(0,a.jsxs)("div",{className:"mx-auto grid max-w-6xl gap-12 lg:grid-cols-[0.8fr_1.2fr] lg:gap-16",children:[(0,a.jsx)("div",{className:"lg:sticky lg:top-28 lg:self-start",children:(0,a.jsx)(l.A,{eyebrow:i,title:t,lede:r,titleId:"faq-heading"})}),(0,a.jsxs)("div",{ref:h,className:"border-t border-neutral-200",children:[e.map((e,t)=>{let r=x===t;return(0,a.jsxs)("div",{className:"border-b border-neutral-200",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>f(r?null:t),"aria-expanded":r,className:"flex w-full items-center justify-between gap-4 py-5 text-left",children:[(0,a.jsx)("span",{className:"text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950",children:e.question}),(0,a.jsx)("span",{className:`grid h-6 w-6 shrink-0 place-items-center rounded-full border border-neutral-200 text-neutral-500 transition-transform duration-300 ${r?"rotate-45":""}`,children:(0,a.jsx)("svg",{className:"h-3.5 w-3.5",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:(0,a.jsx)("path",{d:"M8 3v10M3 8h10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]}),(0,a.jsx)("div",{className:`grid transition-[grid-template-rows] duration-300 ease-out ${r?"grid-rows-[1fr]":"grid-rows-[0fr]"}`,children:(0,a.jsx)("div",{className:"overflow-hidden",children:(0,a.jsx)("p",{className:"pb-6 pr-10 text-[14px] leading-[1.6] text-neutral-500",children:e.answer})})})]},t)}),c&&(0,a.jsx)(u,{})]})]})]})}s.os.registerPlugin(i.u)},7029:(e,t,r)=>{r.d(t,{default:()=>m});var a=r(5155),n=r(2115),s=r(7605),i=r(5580),l=r(4354);let o=[{name:"Starter",price:0,tagline:"Try the builder and AI. No credit card needed.",chooseIf:["Are working on personal projects","Have a site idea","Want to see what WebTwizz can do"],features:["10 free credits every day, up to 50/month","100 one-time signup bonus","Publish 1 site","Access to the builder and AI assistant"],cta:"Get started",ctaLink:`${l.o}/register`},{name:"Standard",price:25,tagline:"For serious projects that need custom domains and more credits.",chooseIf:["Want to go beyond the free limits","Want to deploy to a domain","Want to work on a larger project"],features:["Credits per month (select below)","10 free credits every day on top, up to 50/month","Access to code editor","Export your co

1de","Custom AI instructions","AI image generation","Custom domain","Private sites, invite people by email","Remove WebTwizz badge","Publish up to 5 sites"],featuresDynamic:!0,cta:"Select plan",ctaLink:`${l.o}/register`,popular:!0,creditOptions:[{credits:1500,price:25,priceAnnual:21},{credits:3e3,price:40,priceAnnual:33}]},{name:"Pro",price:50,tagline:"For power users building complex, full-stack applications.",chooseIf:["Build larger, more complex sites","Are serious about your WebTwizz project","Want fast help from the WebTwizz team"],features:["Credits per month (select below)","10 free credits every day on top, up to 50/month","Everything in Standard","Publish up to 15 sites","Priority support"],featuresDynamic:!0,cta:"Select plan",ctaLink:`${l.o}/register`,creditOptions:[{credits:4500,price:50,priceAnnual:42},{credits:6e3,price:70,priceAnnual:58},{credits:9e3,price:100,priceAnnual:83}]},{name:"Custom",price:null,tagline:"For teams and agencies with high-volume or custom requirements.",chooseIf:["Want to work on the largest projects","Are running a business on WebTwizz","Need dedicated support and custom limits"],features:["Everything in Pro","10 free credits every day on top, up to 50/month","Custom credit limits","Dedicated support","SLA guarantee"],cta:"Contact support",ctaLink:"mailto:[email protected]"}];var d=r(6649);s.os.registerPlugin(i.u);let c=n.useLayoutEffect,u=()=>(0,a.jsx)("span",{className:"mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300","aria-hidden":!0}),p=()=>(0,a.jsx)("svg",{className:"pointer-events-none absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 text-neutral-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})});function m({headingLevel:e="h2"}={}){let t=(0,n.useRef)(null),[r,i]=(0,n.useState)(!0),[l,h]=(0,n.useState)({Standard:0,Pro:0}),x=(0,n.useRef)(null),f=(0,n.useRef)(null),[g,y]=(0,n.useState)(null);c(()=>{let e=()=>{let e=r?f.current:x.current;e&&y({left:e.offsetLeft,width:e.offsetWidth})};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[r]);let w=e=>null===e.price?null:e.creditOptions?(e.creditOptions[l[e.name]??0]??e.creditOptions[0]).price:e.price,b=e=>{if(null===e.price)return null;if(e.creditOptions){let t=e.creditOptions[l[e.name]??0]??e.creditOptions[0];return r?t.priceAnnual:t.price}return e.price},v=e=>e.creditOptions?e.creditOptions[l[e.name]??0]?.credits??e.creditOptions[0].credits:null;return(0,n.useEffect)(()=>{let e=t.current;if(!e||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let r=s.os.matchMedia();return r.add("(min-width: 768px)",()=>{s.os.from(s.os.utils.toArray(e.children),{y:60,autoAlpha:0,duration:.65,ease:"power3.out",stagger:.08,scrollTrigger:{trigger:e,start:"top 82%",once:!0}})}),()=>r.revert()},[]),(0,a.jsx)("section",{id:"pricing",className:"scroll-mt-24 bg-[var(--surface-wash)] px-6 py-16 sm:px-8 sm:py-32",children:(0,a.jsxs)("div",{className:"mx-auto max-w-6xl",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-8 sm:flex-row sm:items-end sm:justify-between",children:[(0,a.jsx)("div",{children:(0,a.jsx)(d.A,{as:e,eyebrow:"Pricing",title:"Start free. Scale as you build.",lede:"Every plan includes the full builder, AI assistant, and code editor."})}),(0,a.jsxs)("div",{className:"relative inline-flex shrink-0 items-center rounded-full border border-neutral-200 bg-white p-1",children:[(0,a.jsx)("span",{"aria-hidden":!0,className:"absolute inset-y-1 rounded-full bg-[var(--color-primary-main)] shadow-[var(--shadow-button)] transition-[left,width] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",style:g?{left:g.left,width:g.width}:{left:4,width:0,opacity:0}}),(0,a.jsx)("button",{ref:x,type:"button",onClick:()=>i(!1),className:`relative z-10 whitespace-nowrap rounded-full px-4 py-1.5 text-[13px] font-medium transition-colors ${!r?"text-white":"text-neutral-500 hover:text-neutral-900"}`,children:"Monthly"}),(0,a.jsxs)("button",{ref:f,type:"button",onClick:()=>i(!0),className:`relative z-10 flex items-center gap-2 whitespace-nowrap rounded-full px-4 py-1.5 text-[13px] font-medium transition-colors ${r?"text-white":"text-neutral-500 hover:text-neutral-900"}`,children:["Annual",(0,a.jsx)("span",{className:`text-[11px] font-normal ${r?"text-white/75":"text-neutral-400"}`,children:"2 months free"})]})]})]}),(0,a.jsx)("div",{ref:t,className:"mt-14 grid grid-cols-1 gap-5 sm:mt-16 sm:grid-cols-2 xl:grid-cols-4",children:o.map(e=>(0,a.jsxs)("article",{className:`relative flex flex-col rounded-2xl bg-white p-6 ${e.popular?"border border-[var(--color-primary-main)] shadow-[0_30px_60px_-32px_rgba(30,144,255,0.45)]":"border border-neutral-200 shadow-[0_1px_2px_rgba(10,10,10,0.04)]"}`,children:[e.popular&&(0,a.jsx)("span",{className:"absolute right-5 top-6 text-[12px] font-medium tracking-[-0.01em] text-[var(--color-primary-main)]",children:"Popular"}),(0,a.jsx)("h3",{className:"text-[15px] font-semibold tracking-[-0.01em] text-neutral-950",children:e.name}),(0,a.jsxs)("div",{className:"mt-2 flex items-baseline gap-1.5",children:[(0,a.jsx)("span",{className:"text-[2rem] font-semibold leading-none tracking-[-0.03em] text-neutral-950",children:0===e.price?"Free":null===e.price?"Custom"

1:`$${b(e)}`}),null!=e.price&&0!==e.price&&(0,a.jsx)("span",{className:"text-[13px] text-neutral-400",children:"/mo"}),null!=e.price&&0!==e.price&&r&&w(e)!==b(e)&&(0,a.jsxs)("span",{className:"text-[13px] text-neutral-300 line-through",children:["$",w(e)]})]}),(0,a.jsx)("p",{className:"mt-1 h-4 text-[12px] text-neutral-400",children:null!=e.price&&0!==e.price?r?"Billed annually \xb7 2 months free":"Billed monthly":"\xa0"}),(0,a.jsx)("div",{className:"mt-4 h-9",children:e.creditOptions&&(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("label",{htmlFor:`pv-credits-${e.name}`,className:"sr-only",children:"Credits per month"}),(0,a.jsx)("select",{id:`pv-credits-${e.name}`,value:l[e.name]??0,onChange:t=>h(r=>({...r,[e.name]:Number(t.target.value)})),className:"h-9 w-full appearance-none rounded-lg border border-neutral-200 bg-neutral-50 py-2 pl-3 pr-9 text-[13px] text-neutral-800 focus:border-neutral-400 focus:outline-none",children:e.creditOptions.map((e,t)=>(0,a.jsxs)("option",{value:t,children:[e.credits.toLocaleString()," credits"]},e.credits))}),(0,a.jsx)(p,{})]})}),(0,a.jsx)("p",{className:"mt-4 text-[13px] leading-[1.5] text-neutral-500",children:e.tagline}),(0,a.jsx)("a",{href:e.ctaLink,target:"_blank",rel:"noopener noreferrer",className:`mt-5 inline-flex w-full justify-center rounded-lg px-4 py-2.5 text-[13px] font-medium transition-colors ${e.popular?"bg-[var(--color-primary-main)] text-white shadow-[var(--shadow-button)] hover:bg-[var(--color-primary-dark)]":"bg-neutral-100 text-neutral-900 hover:bg-neutral-200"}`,children:e.cta}),(0,a.jsxs)("div",{className:"mt-6 flex flex-col border-t border-neutral-100 pt-5",children:[(0,a.jsx)("p",{className:"text-[12px] font-medium tracking-[-0.01em] text-neutral-400",children:"Key features"}),(0,a.jsx)("ul",{className:"mt-3 space-y-2 text-[13px] leading-[1.4] text-neutral-600",children:e.features.map((t,r)=>{let n=e.featuresDynamic&&0===r&&null!=v(e)?`${v(e).toLocaleString()} credits per month`:t;return(0,a.jsxs)("li",{className:"flex gap-2",children:[(0,a.jsx)(u,{}),(0,a.jsx)("span",{children:n})]},r)})})]})]},e.name))})]})})}},9464:(e,t,r)=>{r.d(t,{G:()=>n});var a=r(2115);function n(){let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=window.matchMedia("(min-width: 768px)"),r=()=>t(e.matches);return r(),e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[]),e}}}]);