https://webtwizz.com/_next/static/chunks/2703-42112df5642b5819.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2703],{80:(e,t,r)=>{function o(e,t={}){window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:e,page_path:window.location.pathname,...t})}function n(e){let t;try{t=new URL(e,window.location.origin)}catch{return null}let r=(()=>{try{return new URL("https://app.webtwizz.com").hostname}catch{return"app.webtwizz.com"}})();if(t.hostname!==r)return null;let o=t.pathname.replace(/\/$/,"")||"/";return"/register"===o?{event:"sign_up_click",destination:o}:"/login"===o||"/dashboard"===o?{event:"login_click",destination:o}:{event:"app_handoff",destination:o}}r.d(t,{Of:()=>p,WM:()=>n,ac:()=>c,u4:()=>o,vc:()=>d});let a="wt_first_ref",i="wt_click_ids",l=["gclid","gbraid","wbraid"];function s(){try{let e=localStorage.getItem(i);if(!e)return null;let t=JSON.parse(e);if(!t?.ts||Date.now()-t.ts>7776e6)return null;return t}catch{return null}}function c(){try{let e=new URLSearchParams(window.location.search),t=s(),r={...t?.ids||{}},o=!1;for(let t of l){let n=e.get(t);n&&!r[t]&&(r[t]=n,o=!0)}o&&localStorage.setItem(i,JSON.stringify({ts:t?.ts??Date.now(),ids:r}))}catch{}}function d(){try{if(localStorage.getItem(a))return;let e="direct";if(document.referrer){let t=new URL(document.referrer).hostname;if(!t||t===window.location.hostname)return;e=t}localStorage.setItem(a,e)}catch{}}function p(e){try{let t=new URL(e,window.location.origin);t.searchParams.has("utm_source")||(t.searchParams.set("utm_source",localStorage.getItem(a)||"direct"),t.searchParams.set("utm_medium","landing"),t.searchParams.set("utm_content",window.location.pathname));let r=s()?.ids||{};for(let e of l)r[e]&&!t.searchParams.has(e)&&t.searchParams.set(e,r[e]);return t.toString()}catch{return e}}},2703:(e,t,r)=>{r.d(t,{default:()=>d});var o=r(5155),n=r(2115),a=r(4354),i=r(80);let l=["Build me a dashboard to track my sales and customers...","Build me an online store with a cart and checkout...","Build me a booking site for client appointments...","Build me a portfolio site with a contact form..."],s=[{label:"Online store",prompt:"Build me an online store with product listings, a shopping cart, and checkout"},{label:"Booking site",prompt:"Build me a booking site where clients can schedule appointments and pay online"},{label:"Dashboard",prompt:"Build me a dashboard to track my sales, customers, and revenue"},{label:"Portfolio",prompt:"Build me a portfolio site to showcase my work with a contact form"}],c={md:{box:"rounded-xl p-2.5",ta:"text-[16px] sm:text-[15px] min-h-[60px] px-1.5 pt-1.5 pb-1",icon:"h-8 w-8",iconSvg:"h-[18px] w-[18px]",send:"h-8 w-8",sendSvg:"h-[18px] w-[18px]",smart:"h-8 px-2.5 text-xs",smartSvg:"h-[14px] w-[14px]"},lg:{box:"rounded-xl p-2.5",ta:"text-[16px] sm:text-[15px] min-h-[60px] px-1.5 pt-1.5 pb-1",icon:"h-8 w-8",iconSvg:"h-[18px] w-[18px]",send:"h-8 w-8",sendSvg:"h-[18px] w-[18px]",smart:"h-8 px-2.5 text-xs",smartSvg:"h-[14px] w-[14px]"},xl:{box:"rounded-2xl p-3",ta:"text-[16px] min-h-[80px] px-2 pt-2 pb-1.5",icon:"h-9 w-9",iconSvg:"h-[19px] w-[19px]",send:"h-9 w-9",sendSvg:"h-[19px] w-[19px]",smart:"h-9 px-3 text-[13px]",smartSvg:"h-[15px] w-[15px]"}};function d({glow:e=!0,size:t="lg",showChips:r=!1,placeholders:d=l,className:u="",initialValue:h="",fillEvents:x=!1}){let m=c[t],[w,f]=(0,n.useState)(h),[b,g]=(0,n.useState)(!1),v=(0,n.useRef)(null),y=(0,n.useRef)(null),k=w.trim().length>0,[j,S]=(0,n.useState)(!0);(0,n.useEffect)(()=>{let e=y.current;if(!e)return;let t=new IntersectionObserver(([e])=>S(e.isIntersecting),{rootMargin:"100px 0px"});return t.observe(e),()=>t.disconnect()},[]);

1let[L,_]=(0,n.useState)(d[0]),[N,B]=(0,n.useState)(0),[C,M]=(0,n.useState)(0),[E,$]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e;if(w||b||!j)return;let t=d[N];return E?C>0?(_(t.slice(0,C-1)),e=setTimeout(()=>M(C-1),25)):($(!1),B((N+1)%d.length)):C<t.length?(_(t.slice(0,C+1)),e=setTimeout(()=>M(C+1),45)):e=setTimeout(()=>$(!0),1800),()=>clearTimeout(e)},[C,E,N,w,b,j]),(0,n.useEffect)(()=>{let e=v.current;e&&(e.style.height="auto",e.style.height=`${Math.min(e.scrollHeight,220)}px`)},[w]);let I=()=>{let e=w.trim();e&&((0,i.u4)("app_handoff",{destination:"/",cta_text:"prompt box"}),window.location.href=(0,i.Of)(`${a.o}/?prompt=${encodeURIComponent(e)}`))};return(0,n.useEffect)(()=>{if(!x)return;let e=e=>{let t=e.detail?.prompt;t&&(g(!0),f(t),v.current?.focus())};return window.addEventListener("wt:fill-prompt",e),()=>window.removeEventListener("wt:fill-prompt",e)},[x]),(0,o.jsxs)("div",{ref:y,className:"w-full",children:[(0,o.jsxs)("div",{className:`${e?"animate-border-glow":""} relative flex flex-col gap-1 rounded-2xl border border-[var(--color-border-button)] bg-[var(--color-background-paper)] shadow-[0_20px_56px_-18px_rgba(8,40,90,0.45)] ${m.box} ${u}`,children:[(0,o.jsx)("textarea",{ref:v,value:w,onChange:e=>f(e.target.value),onFocus:()=>g(!0),onBlur:()=>g(!1),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),I())},rows:1,spellCheck:!1,placeholder:L,"aria-label":"Describe the app you want to build",className:`scrollbar-hide w-full resize-none bg-transparent text-left leading-relaxed text-[var(--color-text-input)] outline-none placeholder:text-[var(--color-text-input-placeholder)] ${m.ta}`,style:{maxHeight:220}}),(0,o.jsxs)("div",{className:"flex items-center justify-between",children:[(0,o.jsxs)("div",{className:"flex items-center gap-1",children:[(0,o.jsx)(p,{label:"Attach files - available in the app",btn:m.icon,children:(0,o.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:m.iconSvg,children:(0,o.jsx)("path",{d:"M12 5v14M5 12h14"})})}),(0,o.jsxs)("button",{type:"button",disabled:!0,"aria-disabled":!0,tabIndex:-1,title:"Choose Chat, Normal, or Max mode - available in the app",className:`inline-flex cursor-not-allowed items-center gap-1 rounded-lg font-medium text-[var(--color-text-button)] opacity-60 ${m.smart}`,children:[(0,o.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:m.smartSvg,children:(0,o.jsx)("path",{d:"M13 2 4.5 13.5H11L10 22l8.5-11.5H12L13 2z"})}),"Normal",(0,o.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"h-3 w-3 opacity-60",children:(0,o.jsx)("path",{d:"m6 9 6 6 6-6"})})]})]}),(0,o.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,o.jsx)(p,{label:"Enhance prompt - available in the app",btn:m.icon,children:(0,o.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:m.iconSvg,children:[(0,o.jsx)("path",{d:"M9 18h6M10 22h4"}),(0,o.jsx)("path",{d:"M12 2a7 7 0 0 0-4 12.6c.6.5 1 1.3 1 2.1V18h6v-1.3c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2z"})]})}),(0,o.jsx)(p,{label:"Voice input - available in the app",btn:m.icon,children:(0,o.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:m.iconSvg,children:[(0,o.jsx)("rect",{x:"9",y:"2",width:"6",height:"12",rx:"3"}),(0,o.jsx)("path",{d:"M19 10v1a7 7 0 0 1-14 0v-1M12 18v4"})]})}),(0,o.jsx)("button",{type:"button",onClick:I,disabled:!k,"aria-label":"Build app",title:"Send",className:`inline-flex items-center justify-center rounded-lg text-white transition-[opacity,transform] duration-150 enabled:hover:opacity-90 enabled:active:scale-95 disabled:cursor-not-allowed disabled:opacity-40 ${m.send}`,style:{background:"var(--color-primary-main)"},children:(0,o.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",className:m.sendSvg,children:(0,o.jsx)("path",{d:"M12 19V5M5 12l7-7 7 7"})})})]})]})]}),r&&(0,o.jsx)("div",{className:"mt-3.5 flex flex-wrap justify-center gap-2",children:s.map((e,t)=>(0,o.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.prompt,void(g(!0),f(t),v.current?.focus())},className:"hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]",style:{animationDelay:`${.85+.05*t}s`},children:e.label},e.label))})]})}function p({label:e,btn:t="h-8 w-8",children:r}){return(0,o.jsx)("button",{type:"button",disabled:!0,"aria-disabled":!0,tabIndex:-1,title:e,className:`inline-flex cursor-not-allowed items-center justify-center rounded-lg text-[var(--color-icon-default)] opacity-50 ${t}`,children:r})}},4354:(e,t,r)=>{r.d(t,{o:()=>n});var o=r(5704);let n="https://app.webtwizz.com";o.env.NEXT_PUBLIC_GALLERY_URL}}]);