https://step1.dev/_next/static/chunks/app/page-79b3e9fd5940705f.js?dpl=dpl_BrXhT9FyRtUfLv1FQQnx1LKrHW6G

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="6b9ee33e-78ff-4efc-8ee9-b1cb527e9e57",e._sentryDebugIdIdentifier="sentry-dbid-6b9ee33e-78ff-4efc-8ee9-b1cb527e9e57")}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{1401:(e,t,r)=>{"use strict";r.d(t,{cn:()=>l});var s=r(13627),n=r(42889);function l(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,s.$)(t))}},15786:(e,t,r)=>{"use strict";r.d(t,{$:()=>d});var s=r(93303),n=r(97919),l=r(91394),a=r(26419),i=r(1401);let o=(0,a.F)("inline-flex items-center justify-center gap-2 select-none whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary border-foreground text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive border-foreground

1/10 border text-destructive-foreground shadow-sm hover:bg-destructive/80",outline:"border bg-background hover:bg-foreground/10 hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",xxs:"h-5 rounded-md px-1 text-[10px] gap-1",xs:"h-6 rounded-md px-2 text-xs",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),d=n.forwardRef((e,t)=>{let{className:r,variant:n,size:a,asChild:d=!1,...c}=e,u=d?l.DX:"button";return(0,s.jsx)(u,{className:(0,i.cn)(o({variant:n,size:a,className:r})),ref:t,...c})});d.displayName="Button"},25459:(e,t,r)=>{"use strict";r.d(t,{DX:()=>i,Gz:()=>l,ae:()=>s,aq:()=>n,zp:()=>a});let s="https://chromewebstore.google.com/detail/ai-site-cloner-clone-any/kadbegcbiplbenlokcdjkmicjaophmif",n="https://docs.step1.dev",l="https://x.com/step1dev",a="https://discord.gg/rzHFVMfNky",i="https://www.linkedin.com/company/infernet"},33601:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});var s=r(93303);let n=e=>{let{size:t,...r}=e;return(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:null!=t?t:100,height:null!=t?t:100,viewBox:"0 0 48 48",...r,children:[(0,s.jsx)("path",{fill:"#4caf50",d:"M44,24c0,11.044-8.956,20-20,20S4,35.044,4,24S12.956,4,24,4S44,12.956,44,24z"}),(0,s.jsx)("path",{fill:"#ffc107",d:"M24,4v20l8,4l-8.843,16c0.317,0,0.526,0,0.843,0c11.053,0,20-8.947,20-20S35.053,4,24,4z"}),(0,s.jsx)("path",{fill:"#4caf50",d:"M44,24c0,11.044-8.956,20-20,20S4,35.044,4,24S12.956,4,24,4S44,12.956,44,24z"}),(0,s.jsx)("path",{fill:"#ffc107",d:"M24,4v20l8,4l-8.843,16c0.317,0,0.526,0,0.843,0c11.053,0,20-8.947,20-20S35.053,4,24,4z"}),(0,s.jsx)("path",{fill:"#f44336",d:"M41.84,15H24v13l-3-1L7.16,13.26H7.14C10.68,7.69,16.91,4,24,4C31.8,4,38.55,8.48,41.84,15z"}),(0,s.jsx)("path",{fill:"#dd2c00",d:"M7.158,13.264l8.843,14.862L21,27L7.158,13.264z"}),(0,s.jsx)("path",{fill:"#558b2f",d:"M23.157,44l8.934-16.059L28,25L23.157,44z"}),(0,s.jsx)("path",{fill:"#f9a825",d:"M41.865,15H24l-1.579,4.58L41.865,15z"}),(0,s.jsx)("path",{fill:"#fff",d:"M33,24c0,4.969-4.031,9-9,9s-9-4.031-9-9s4.031-9,9-9S33,19.031,33,24z"}),(0,s.jsx)("path",{fill:"#2196f3",d:"M31,24c0,3.867-3.133,7-7,7s-7-3.133-7-7s3.133-7,7-7S31,20.133,31,24z"})]})}},34439:(e,t,r)=>{"use strict";r.d(t,{ClientOnly:()=>n});var s=r(97919);function n(e){let[t,r]=(0,s.useState)(!1);return((0,s.useEffect)(()=>{r(!0)},[]),t)?e.children:e.pending}},35213:(e,t,r)=>{"use strict";r.d(t,{l:()=>l});var s=r(93303),n=r(1401);function l(e){return(0,s.jsx)("div",{className:(0,n.cn)("group rounded-lg bg-home-primary/20 p-0.5",e.className),children:(0,s.jsx)("button",{className:"flex items-center gap-2 rounded-lg p-4 py-2 font-bold text-primary-foreground",style:{background:"linear-gradient(0deg, #24db9e, #0fc98b, #24db9e)"},children:e.children})})}},46815:(e,t,r)=>{"use strict";r.d(t,{ExpandSection:()=>i});var s=r(93303),n=r(97919),l=r(97094),a=r(1401);function i(e){var t;let[r,i]=(0,n.useState)(null!=(t=e.defaultExpand)&&t);return(0,s.jsxs)("div",{className:(0,a.cn)("rounded-lg border bg-background",e.className),children:[(0,s.jsxs)("div",{className:"relative flex items-center justify-between px-4 py-2",onClick:()=>i(!r),children:[(0,s.jsx)("h3",{className:"font-semibold leading-5",children:e.title}),(0,s.jsx)("button",{className:"rounded-lg p-2 hover:bg-secondary",children:(0,s.jsx)(l.A,{size:14,className:(0,a.cn)(r?"rotate-45":"","transition-all")})})]}),(0,s.jsx)("div",{className:(0,a.cn)("p-4 pt-0 text-sm text-primary/80",r?"":"hidden"),children:e.children})]})}},52130:(e,t,r)=>{"use strict";r.d(t,{CloneSection:()=>h});var s=r(93303),n=r(97919),l=r(33463),a=r(52356),i=r(36422),o=r(39003),d=r(1401);function c(e){var t,r,s,n;let l=getComputedStyle(e),a=e.getBoundingClientRect(),i=1===e.childNodes.length&&(null==(t=e.childNodes[0])?void 0:t.nodeType)===Node.TEXT_NODE?null!=(s=null==(r=e.textContent)?void 0:r.trim())?s:"":"IMG"===e.tagName?e.alt||(null!=(n=e.src.split("/").pop())?n:""):"",o=l.getPropertyValue("-webkit-background-clip")||l.getPropertyValue("background-clip"),d=l.backgroundImage;return{tag:e.tagName.toLowerCase(),text:i,x:Math.round(a.left),y:Math.round(a.top),width:Math.round(a.width),height:Math.round(a.height),fontSize:l.fontSize,fontWeight:l.fontWeight,color:l.color,backgroundColor:l.backgroundColor,borderRadius:l.borderRadius,opacity:l.opacity,textGradient:"text"===o&&"none"!==d?d:null,rect:a}}function u(e){let t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(!t)return e;let[,r,s,n,l]=t;return void 0!==l&&0===parseFloat(l)?"transparent":"#".concat([r,s,n].map(e=>Number(e).toString(16).padStart(2,"0")).join("")).toUpperCase()}function x(e){let{label:t,value:r,icon:n}=e;return(0,s.jsxs)("div",{className:"flex items-center gap-0.5 rounded bg-muted/50 px-1.5 py-0.5",children:[n&&(0,s.jsx)("span",{className:"text-[9px] text-muted-foreground

1/70",children:n}),(0,s.jsx)("span",{className:"text-[9px] text-muted-foreground",children:t}),(0,s.jsx)("span",{className:"ml-auto text-[10px] font-medium tabular-nums",children:r})]})}function p(e){let{hex:t,gradient:r,label:n}=e;return(0,s.jsxs)("div",{className:"flex items-center gap-1.5 rounded bg-muted/50 px-1.5 py-0.5",children:[r?(0,s.jsx)("span",{className:"size-3.5 shrink-0 rounded-sm border border-border/50",style:{backgroundImage:r}}):(0,s.jsx)("span",{className:"size-3.5 shrink-0 rounded-sm border border-border/50",style:{backgroundColor:t}}),(0,s.jsx)("span",{className:"font-mono text-[10px] font-medium",children:r?"Gradient":t}),(0,s.jsx)("span",{className:"ml-auto text-[9px] text-muted-foreground",children:n})]})}function g(e){let{title:t}=e;return(0,s.jsx)("span",{className:"text-[10px] font-semibold text-foreground/70",children:t})}function f(e){var t,r;let{info:d,posX:c,posY:f,containerRect:b}=e,h=(0,n.useRef)(null),m=c-b.left,v=f-b.top;m+192>b.width&&(m=b.width-192-4),m<4&&(m=4);let j=null!=(r=null==(t=h.current)?void 0:t.offsetHeight)?r:200;v+j>b.height&&(v=b.height-j-4),v<4&&(v=4);let y=u(d.backgroundColor),N=u(d.color),w=d.textGradient||"transparent"!==N,k=d.borderRadius&&"0px"!==d.borderRadius&&!d.borderRadius.split(" ").every(e=>"0px"===e),S="1"!==d.opacity;return(0,s.jsxs)("div",{ref:h,className:"pointer-events-none absolute z-50 flex w-48 flex-col rounded-lg border border-border/80 bg-background/95 text-xs text-foreground shadow-2xl backdrop-blur-md",style:{left:m,top:v},children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5 border-b border-border/60 px-1 py-1.5",children:[(0,s.jsx)("span",{className:"flex size-4 items-center justify-center",children:"img"===d.tag?(0,s.jsx)(l.A,{className:"size-2.5"}):"button"===d.tag?(0,s.jsx)(a.A,{className:"size-2.5"}):"a"===d.tag?(0,s.jsx)(i.A,{className:"size-2.5"}):(0,s.jsx)(o.A,{className:"size-2.5"})}),(0,s.jsx)("span",{className:"font-mono text-[10px] font-semibold uppercase",children:d.tag})]}),d.text&&(0,s.jsxs)("div",{className:"flex flex-col gap-1 border-b border-border/60 px-2 py-1.5",children:[(0,s.jsx)(g,{title:"Content"}),(0,s.jsx)("input",{readOnly:!0,value:d.text.length>28?d.text.slice(0,28)+"…":d.text,className:"truncate rounded bg-muted/50 px-1.5 py-0.5 text-[10px] outline-none"})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-1 border-b border-border/60 px-2 py-1.5",children:[(0,s.jsx)(g,{title:"Position"}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-1",children:[(0,s.jsx)(x,{label:"X",value:String(d.x)}),(0,s.jsx)(x,{label:"Y",value:String(d.y)})]})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-1 border-b border-border/60 px-2 py-1.5",children:[(0,s.jsx)(g,{title:"Layout"}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-1",children:[(0,s.jsx)(x,{label:"W",value:String(d.width)}),(0,s.jsx)(x,{label:"H",value:String(d.height)})]})]}),(d.text||d.fontSize)&&(0,s.jsxs)("div",{className:"flex flex-col gap-1 border-b border-border/60 px-2 py-1.5",children:[(0,s.jsx)(g,{title:"Typography"}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-1",children:[(0,s.jsx)(x,{label:"Size",value:d.fontSize}),(0,s.jsx)(x,{label:"Wt",value:"700"===d.fontWeight||"bold"===d.fontWeight?"Bold":"600"===d.fontWeight?"Semi":"500"===d.fontWeight?"Medium":"300"===d.fontWeight?"Light":"400"===d.fontWeight?"Regular":d.fontWeight})]})]}),(k||S)&&(0,s.jsxs)("div",{className:"flex flex-col gap-1 border-b border-border/60 px-2 py-1.5",children:[(0,s.jsx)(g,{title:"Appearance"}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-1",children:[S&&(0,s.jsx)(x,{label:"Opacity",value:"".concat(Math.round(100*parseFloat(d.opacity)),"%")}),k&&(0,s.jsx)(x,{label:"Radius",value:d.borderRadius})]})]}),"transparent"!==y&&(0,s.jsxs)("div",{className:"flex flex-col gap-1 border-b border-border/60 px-2 py-1.5",children:[(0,s.jsx)(g,{title:"Fill"}),(0,s.jsx)(p,{hex:y,label:"Background"})]}),w&&(0,s.jsxs)("div",{className:"flex flex-col gap-1 px-2 py-1.5",children:[(0,s.jsx)(g,{title:"Color"}),d.textGradient?(0,s.jsx)(p,{gradient:d.textGradient,label:"Text gradient"}):(0,s.jsx)(p,{hex:N,label:"Text color"})]})]})}function b(e){let{rect:t,containerRect:r}=e;return(0,s.jsx)("div",{className:"pointer-events-none absolute z-40 border border-blue-500 bg-blue-500/10",style:{left:t.left-r.left,top:t.top-r.top,width:t.width,height:t.height},children:(0,s.jsxs)("span",{className:"absolute -top-5 left-0 bg-blue-500 px-1 py-0.5 text-[10px] leading-none text-white",children:[Math.round(t.width)," \xd7 ",Math.round(t.height)]})})}function h(e){var t;let r=(0,n.useRef)(null),l=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,o]=(0,n.use

1State)(null),[u,x]=(0,n.useState)({x:0,y:0}),p=(0,n.useRef)(null),[g,h]=(0,n.useState)(null);(0,n.useEffect)(()=>{let e=a.current;e&&setTimeout(()=>{h(c(e))},1e3)},[]);let m=(0,n.useCallback)(e=>{let t=e.target;if(t===r.current||t===l.current){p.current&&(o(null),p.current=null);return}x({x:e.clientX,y:e.clientY}),t!==p.current&&(p.current=t,o(c(t)))},[]),v=(0,n.useCallback)(()=>{o(null),p.current=null,a.current&&h(c(a.current))},[]),j=null==(t=r.current)?void 0:t.getBoundingClientRect(),y=null!=i?i:g,N=null==y?void 0:y.rect,w=0,k=0;return i?(w=u.x+16,k=u.y+16):N&&(w=N.right-20,k=N.bottom+4),(0,s.jsxs)("div",{ref:r,className:(0,d.cn)(e.className,"relative cursor-crosshair"),onMouseMove:m,onMouseLeave:v,children:[(0,s.jsx)("img",{src:"assets/home-clone-bg.webp",alt:""}),(0,s.jsx)("div",{ref:l,className:"absolute left-0 top-0 flex h-full w-full items-center justify-center",children:(0,s.jsxs)("div",{className:"flex flex-col items-center rounded-xl bg-white py-5",children:[(0,s.jsxs)("div",{className:"z-10 -mb-20 py-4 text-center",children:[(0,s.jsxs)("p",{ref:a,className:"text-lg font-light",style:{backgroundImage:"linear-gradient(0deg,#8A9DB0,#697b8b 52%,#24323B)",backgroundClip:"text",WebkitTextFillColor:"transparent"},children:[(0,s.jsx)("span",{className:"font-bold",children:"iPhone"})," Air"]}),(0,s.jsx)("p",{className:"mt-2",style:{backgroundImage:"linear-gradient(0deg,#8A9DB0,#697b8b 52%,#24323B)",backgroundClip:"text",WebkitTextFillColor:"transparent"},children:"The thinnest iPhone ever."}),(0,s.jsx)("p",{style:{backgroundImage:"linear-gradient(0deg,#8A9DB0,#697b8b 52%,#24323B)",backgroundClip:"text",WebkitTextFillColor:"transparent"},children:"With the power of pro inside."})]}),(0,s.jsx)("img",{src:"assets/iphone-air.jpg",alt:"iPhone Air showcasing Step1 AI interface",className:"z-0"}),(0,s.jsx)("button",{className:"z-10 -mt-10 rounded-full px-4 py-2 text-white",style:{background:"rgb(0,113,227)"},children:"Buy"})]})}),y&&j&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(b,{rect:y.rect,containerRect:j}),(0,s.jsx)(f,{info:y,posX:w,posY:k,containerRect:j})]})]})}},53447:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,76643,23)),Promise.resolve().then(r.bind(r,34439)),Promise.resolve().then(r.bind(r,74874)),Promise.resolve().then(r.bind(r,52130)),Promise.resolve().then(r.bind(r,46815)),Promise.resolve().then(r.bind(r,59827)),Promise.resolve().then(r.bind(r,77262))},59827:(e,t,r)=>{"use strict";r.r(t),r.d(t,{LandingCTA:()=>g,LandingHeader:()=>x,useCheckJsApi:()=>p});var s=r(93303),n=r(97919),l=r(76643),a=r.n(l),i=r(41198),o=r(35213),d=r(33601),c=r(15786),u=r(25459);function x(){return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(a(),{href:"/app",children:(0,s.jsx)(c.$,{size:"xs",className:"rounded-lg",children:"Get Started"})})})}function p(){let[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{if(window.step1JsApi)return void t(!0);let e=window.setInterval(()=>{window.step1JsApi&&(t(!0),window.clearInterval(e))},500);return()=>window.clearInterval(e)},[]),e}function g(e){return p()?(0,s.jsx)(a(),{href:"/app",className:e.className,children:(0,s.jsxs)(o.l,{children:["Start Building",(0,s.jsx)(i.A,{size:16})]})}):(0,s.jsx)("a",{href:u.ae,target:"_blank",className:e.className,children:(0,s.jsxs)(o.l,{children:[(0,s.jsx)(d.W,{size:20}),"Install Free Extension"]})})}},74874:(e,t,r)=>{"use strict";r.d(t,{Tabs:()=>i,TabsList:()=>o,TabsTrigger:()=>d,a:()=>c});var s=r(93303),n=r(97919),l=r(5718),a=r(1401);let i=l.bL,o=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,s.jsx)(l.B8,{ref:t,className:(0,a.cn)("inline-flex h-9 items-center justify-center rounded-lg bg-muted/50 p-1 text-muted-foreground",r),...n})});o.displayName=l.B8.displayName;let d=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,s.jsx)(l.l9,{ref:t,className:(0,a.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-md border border-transparent px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-border data-[state=active]:bg-background data-[state=active]:text-foreground",r),...n})});d.displayName=l.l9.displayName;let c=n.forwardRef((e,t)=>

1{let{className:r,...n}=e;return(0,s.jsx)(l.UC,{ref:t,className:(0,a.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",r),...n})});c.displayName=l.UC.displayName},77262:(e,t,r)=>{"use strict";r.d(t,{TypingText:()=>a});var s=r(93303),n=r(97919),l=r(1401);function a(e){var t,r,a;let[i,o]=(0,n.useState)(0),[d,c]=(0,n.useState)(null!=(r=null==(t=e.texts[0])?void 0:t.length)?r:0),[u,x]=(0,n.useState)("typing"),p=null!=(a=e.texts[i])?a:"",g=p.slice(0,d);return(0,n.useEffect)(()=>{let t;if(e.texts.length)return"typing"===u?d<p.length?t=setTimeout(()=>{c(e=>e+1)},50):x("hold"):"hold"===u?t=setTimeout(()=>{x("deleting")},3e3):d>0?t=setTimeout(()=>{c(e=>e-1)},50):(o(t=>(t+1)%e.texts.length),x("typing")),()=>{t&&clearTimeout(t)}},[p.length,u,e.texts.length,d]),(0,s.jsxs)("span",{className:(0,l.cn)("min-w-[7ch] items-center text-left text-home-primary",e.className),children:[(0,s.jsx)("span",{children:g}),(0,s.jsx)("span",{className:"animate-caret-blink",children:"|"})]})}}},e=>{e.O(0,[557,6643,5718,8422,6862,7327,7358],()=>e(e.s=53447)),_N_E=e.O()}]);