1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,551645,e=>{e.v({className:"figtree_1c215d1b-module__nEyzsq__className",variable:"figtree_1c215d1b-module__nEyzsq__variable"})},53495,e=>{"use strict";var t=e.i(843476),s=e.i(618566);e.i(247167);var a=e.i(271645),r=e.i(657688),n=e.i(522016),l=e.i(551645);let i={className:l.default.className,style:{fontFamily:"'Figtree', 'Figtree Fallback'",fontStyle:"normal"}};null!=l.default.variable&&(i.variable=l.default.variable);var o=e.i(555436),c=e.i(164668),d=e.i(373264),x=e.i(341240),p=e.i(475254);(0,p.default)("target",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]),(0,p.default)("calendar-sync",[["path",{d:"M11 10v4h4",key:"172dkj"}],["path",{d:"m11 14 1.535-1.605a5 5 0 0 1 8 1.5",key:"vu0qm5"}],["path",{d:"M16 2v4",key:"4m81vk"}],["path",{d:"m21 18-1.535 1.605a5 5 0 0 1-8-1.5",key:"1qgeyt"}],["path",{d:"M21 22v-4h-4",key:"hrummi"}],["path",{d:"M21 8.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4.3",key:"mctw84"}],["path",{d:"M3 10h4",key:"1el30a"}],["path",{d:"M8 2v4",key:"1cmpym"}]]);var h=e.i(39312),m=e.i(997625),u=e.i(473033),f=e.i(217923),g=e.i(565365);let b=(0,p.default)("brain-circuit",[["path",{d:"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z",key:"l5xja"}],["path",{d:"M9 13a4.5 4.5 0 0 0 3-4",key:"10igwf"}],["path",{d:"M6.003 5.125A3 3 0 0 0 6.401 6.5",key:"105sqy"}],["path",{d:"M3.477 10.896a4 4 0 0 1 .585-.396",key:"ql3yin"}],["path",{d:"M6 18a4 4 0 0 1-1.967-.516",key:"2e4loj"}],["path",{d:"M12 13h4",key:"1ku699"}],["path",{d:"M12 18h6a2 2 0 0 1 2 2v1",key:"105ag5"}],["path",{d:"M12 8h8",key:"1lhi5i"}],["path",{d:"M16 8V5a2 2 0 0 1 2-2",key:"u6izg6"}],["circle",{cx:"16",cy:"13",r:".5",key:"ry7gng"}],["circle",{cx:"18",cy:"3",r:".5",key:"1aiba7"}],["circle",{cx:"20",cy:"21",r:".5",key:"yhc1fs"}],["circle",{cx:"20",cy:"8",r:".5",key:"1e43v0"}]]),y=(0,p.default)("mouse-pointer-click",[["path",{d:"M14 4.1 12 6",key:"ita8i4"}],["path",{d:"m5.1 8-2.9-.8",key:"1go3kf"}],["path",{d:"m6 12-1.9 2",key:"mnht97"}],["path",{d:"M7.2 2.2 8 5.1",key:"1cfko1"}],["path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",key:"s0h3yz"}]]);var v=e.i(343432),w=e.i(996781),j=e.i(972520),k=e.i(107233),N=e.i(975558),S=e.i(25652),z=e.i(846932),C=e.i(88653),M=e.i(772328),T=e.i(310542),I=e.i(895420),L=e.i(887652),R=e.i(433768),W=e.i(530467),B=e.i(761911),E=e.i(842009),A=e.i(870273),_=e.i(63727),P=e.i(463059),F=e.i(346897),G=e.i(694351),D=e.i(190833),O=e.i(247041),H=e.i(358519),Y=e.i(897250),$=e.i(575787);let q=(0,p.default)("blinds",[["path",{d:"M3 3h18",key:"o7r712"}],["path",{d:"M20 7H8",key:"gd2fo2"}],["path",{d:"M20 11H8",key:"1ynp89"}],["path",{d:"M10 19h10",key:"19hjk5"}],["path",{d:"M8 15h12",key:"1yqzne"}],["path",{d:"M4 3v14",key:"fggqzn"}],["circle",{cx:"4",cy:"19",r:"2",key:"p3m9r0"}]]);var V=e.i(581418),U=e.i(939544),K=e.i(283086);let X=(0,p.default)("wallpaper",[["path",{d:"M12 17v4",key:"1riwvh"}],["path",{d:"M8 21h8",key:"1ev6f3"}],["path",{d:"m9 17 6.1-6.1a2 2 0 0 1 2.81.01L22 15",key:"1sl52q"}],["circle",{cx:"8",cy:"9",r:"2",key:"gjzl9d"}],["rect",{x:"2",y:"3",width:"20",height:"14",rx:"2",key:"x3v2xh"}]]),J=(0,p.default)("panel-top",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}]]);var Z=e.i(647780),Q=e.i(545396);let ee=(0,p.default)("rectangle-horizontal",[["rect",{width:"20",height:"12",x:"2",y:"6",rx:"2",key:"9lu3g6"}]]);var et=e.i(664659);let es=[{label:"About Us",icon:B.Users},{label:"Certifications",icon:E.Award},{label:"Reviews",icon:A.Star},{label:"Careers",icon:_.Briefcase}],ea=[{label:"Interior Painting",icon:O.PaintBucket,services:[{label:"Walls & Ceilings",icon:X},{label:"Trim & Baseboards",icon:ee},{label:"Accent Walls",icon:Z.Palette},{label:"Doors & Frames",icon:$.DoorOpen},{label:"Wallpaper Removal",icon:q},{label:"Drywall Repair & Prep",icon:V.ShieldCheck}]},{label:"Exterior Painting",icon:G.Home,services:[{label:"House Painting",icon:D.Paintbrush},{label:"Deck & Fence Staining",icon:H.Brush},{label:"Shutters & Trim",icon:J},{label:"Pressure Washing",icon:U.Droplets},{label:"Weather Sealing",icon:Y.Sun},{label:"Color Consultation",icon:K.Sparkles}]},{label:"Cabinet Refinishing",icon:Q.SprayCan,services:[{label:"Kitchen Cabinets",icon:O.PaintBucket},{label:"Bathroom Vanities",icon:U.Droplets},{label:"Cabinet Staining",icon:H.Brush},{label:"Cabinet Door Replacement",icon:$.DoorOpen}]}],er=["Phoenix","Scottsdale","Mesa","Tempe","Chandler","Gilbert","Glendale"],en={barBg:"linear-gradient(180deg, #fefcf9 0%, #f5f1ec 50%, #f0ebe5 100%)",dropdownBg:"linear-gradient(180deg, #faf8f5 0%, #f3efe9 100%)",dropdownBgAlt:"#eee9e2",hoverBg:"#ebe4db",activeBg:"#e5ddd3",text:"#2d2a26",textMuted:"#6b6560",textFaint:"#9b9590",accent:"#E8701E",accentLight:"#f5a862",border:"rgba(0,0,0,0.05)",barShadow:` 2 inset 0 2px 1px rgba(255,255,255,0.9), 3 inset 0 -3px 6px rgba(0,0,0,0.04), 4 inset 3px 0 6px rgba(255,255,255,0.4), 5 inset -3px 0 6px rgba(255,255,255,0.4), 6 0 1px 2px rgba(0,0,0,0.06), 7 0 6px 16px rgba(0,0,0,0.08), 8 0 24px 48px rgba(0,0,0,0.10) 9 `,barShadowHover:` 10 inset 0 2px 1px rgba(255,255,255,0.95), 11 inset 0 -3px 6px rgba(0,0,0,0.04), 12 inset 3px 0 6px rgba(255,255,255,0.5), 13 inset -3px 0 6px rgba(255,255,255,0.5), 14 0 2px 4px rgba(0,0,0,0.07), 15 0 10px 24px rgba(0,0,0,0.10), 16 0 32px 56px rgba(0,0,0,0.12) 17 `,dropShadow:` 18 inset 0 2px 1px rgba(255,255,255,0.85), 19 inset 0 -2px 5px rgba(0,0,0,0.04), 20 inset 3px 0 8px rgba(255,255,255,0.35), 21 inset -3px 0 8px rgba(255,255,255,0.35), 22 0 2px 4px rgba(0,0,0,0.06), 23 0 10px 28px rgba(0,0,0,0.09), 24 0 28px 56px rgba(0,0,0,0.11) 25 `,itemShadowHover:` 26 inset 3px 3px 6px rgba(255,255,255,0.75), 27 inset -3px -3px 6px rgba(0,0,0,0.04), 28 0 1px 3px rgba(0,0,0,0.04) 29 `,triggerActiveShadow:` 30 inset 3px 3px 8px rgba(255,255,255,0.7), 31 inset -3px -3px 8px rgba(0,0,0,0.05), 32 inset 0 1px 2px rgba(0,0,0,0.03) 33 `,logoShadow:` 34 inset 3px 3px 6px rgba(255,255,255,0.35), 35 inset -3px -3px 6px rgba(0,0,0,0.15), 36 0 4px 12px rgba(232,112,30,0.35), 37 0 1px 2px rgba(0,0,0,0.1) 38 `,catActiveShadow:` 39 inset 3px 3px 7px rgba(255,255,255,0.7), 40 inset -3px -3px 7px rgba(0,0,0,0.04), 41 0 2px 6px rgba(0,0,0,0.05) 42 `};function el(){let[e,s]=(0,a.useState)(null),[r,n]=(0,a.useState)(0),[l,i]=(0,a.useState)(!1),o=(0,a.useRef)(null),c=(0,a.useRef)(null),[d,x]=(0,a.useState)(!1);(0,a.useEffect)(()=>{x(!0)},[]);let p=(0,a.useCallback)(()=>{o.current&&clearTimeout(o.current),c.current&&clearTimeout(c.current)},[]),h=(0,a.useCallback)(t=>{p(),o.current=setTimeout(()=>{s(t),"services"===t&&n(0)},120*!e)},[p,e]),m=(0,a.useCallback)(()=>{p(),c.current=setTimeout(()=>s(null),220)},[p]),u=(0,a.useCallback)(()=>{p()},[p]),f=(0,a.useCallback)(()=>{p(),c.current=setTimeout(()=>s(null),220)},[p]);if(!d)return null;let g=[{id:"about",label:"About",render:()=>(0,t.jsx)("div",{style:{padding:"6px"},children:es.map(e=>(0,t.jsx)(ei,{icon:e.icon,label:e.label},e.label))}),width:220},{id:"services",label:"Services",render:()=>(0,t.jsxs)("div",{style:{display:"flex",minWidth:480},children:[(0,t.jsx)("div",{style:{width:200,padding:"6px",borderRight:"1.5px solid rgba(0,0,0,0.04)",background:"rgba(255,255,255,0.3)"},children:ea.map((e,s)=>{let a=e.icon,l=r===s;return(0,t.jsxs)("div",{onMouseEnter:()=>n(s),style:{display:"flex",alignItems:"center",gap:10,padding:"11px 14px",borderRadius:14,cursor:"pointer",background:l?en.hoverBg:"transparent",boxShadow:l?en.catActiveShadow:"none",transition:"all 180ms ease",position:"relative"},children:[(0,t.jsx)("span",{style:{width:28,height:28,borderRadius:9,display:"flex",alignItems:"center",justifyContent:"center",background:l?"rgba(232,112,30,0.12)":"rgba(0,0,0,0.04)",boxShadow:l?"inset 1px 1px 3px rgba(255,255,255,0.6), inset -1px -1px 3px rgba(0,0,0,0.04)":"inset 1px 1px 2px rgba(255,255,255,0.5), inset -1px -1px 2px rgba(0,0,0,0.03)",transition:"all 180ms ease",flexShrink:0},children:(0,t.jsx)(a,{size:14,color:l?en.accent:en.textMuted,strokeWidth:2.2,style:{transition:"color 180ms ease"}})}),(0,t.jsx)("span",{style:{fontSize:13,fontWeight:600,color:l?en.text:en.textMuted,transition:"color 180ms ease",flex:1},children:e.label}),(0,t.jsx)(P.ChevronRight,{size:12,color:l?en.accent:en.textFaint,strokeWidth:2.5,style:{transition:"color 180ms ease"}})]},e.label)})}),(0,t.jsx)("div",{style:{flex:1,padding:"6px",background:`linear-gradient(135deg, rgba(250,248,245,0.5) 0%, ${en.dropdownBgAlt} 100%)`,borderRadius:"0 20px 20px 0"},children:ea[r].services.map(e=>(0,t.jsx)(ei,{icon:e.icon,label:e.label},e.label))})]}),width:void 0},{id:"areas",label:"Service Areas",render:()=>(0,t.jsx)("div",{style:{padding:"6px"},children:er.map(e=>(0,t.jsx)(ei,{icon:F.MapPin,label:e},e))}),width:200}];return(0,t.jsxs)("nav",{className:"clay-nav-idle",style:{position:"relative",display:"inline-flex",alignItems:"center",gap:4,height:58,padding:"0 10px 0 12px",borderRadius:22,background:en.barBg,border:"2px s
42olid rgba(255,255,255,0.6)",boxShadow:l?en.barShadowHover:void 0,transition:"box-shadow 280ms ease, transform 280ms ease",transform:l?"translateY(-1.5px)":void 0,animation:"clayIdle 5s cubic-bezier(0.45,0,0.55,1) infinite",animationPlayState:l?"paused":"running",fontFamily:"'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",userSelect:"none"},onMouseEnter:()=>i(!0),onMouseLeave:()=>{i(!1),m()},children:[(0,t.jsx)("div",{style:{width:36,height:36,borderRadius:12,background:`linear-gradient(145deg, #f09030 0%, ${en.accent} 50%, #cc5f12 100%)`,boxShadow:en.logoShadow,marginRight:8,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,border:"1.5px solid rgba(255,255,255,0.15)"},children:(0,t.jsx)("span",{style:{color:"white",fontSize:16,fontWeight:800,lineHeight:1,textShadow:"0 1px 2px rgba(0,0,0,0.2)"},children:"T"})}),g.map(s=>{let a=e===s.id;return(0,t.jsxs)("div",{style:{position:"relative"},onMouseEnter:()=>h(s.id),children:[(0,t.jsxs)("button",{style:{display:"flex",alignItems:"center",gap:5,padding:"9px 16px",borderRadius:14,border:a?"1.5px solid rgba(0,0,0,0.04)":"1.5px solid transparent",background:a?en.hoverBg:"transparent",boxShadow:a?en.triggerActiveShadow:"none",color:a?en.text:en.textMuted,fontSize:13,fontWeight:600,fontFamily:"inherit",cursor:"pointer",transition:"all 180ms ease",outline:"none"},onMouseEnter:e=>{if(!a){let t=e.currentTarget;t.style.background="rgba(0,0,0,0.025)",t.style.boxShadow="inset 2px 2px 4px rgba(255,255,255,0.5), inset -2px -2px 4px rgba(0,0,0,0.02)"}},onMouseLeave:e=>{if(!a){let t=e.currentTarget;t.style.background="transparent",t.style.boxShadow="none"}},children:[s.label,(0,t.jsx)(et.ChevronDown,{size:12,strokeWidth:2.5,style:{transition:"transform 200ms ease",transform:a?"rotate(180deg)":"rotate(0)",opacity:.45}})]}),a&&(0,t.jsx)("div",{onMouseEnter:u,onMouseLeave:f,style:{position:"absolute",top:"calc(100% + 10px)",left:"areas"===s.id?"auto":0,right:"areas"===s.id?0:"auto",width:s.width,borderRadius:22,background:en.dropdownBg,border:"2px solid rgba(255,255,255,0.5)",boxShadow:en.dropShadow,overflow:"hidden",animation:"clayDropIn 220ms cubic-bezier(0.23,1,0.32,1) both",zIndex:100},children:s.render()})]},s.id)}),(0,t.jsx)("style",{children:` 43 @keyframes clayIdle { 44 0%, 100% { 45 transform: translateY(0px); 46 box-shadow: 47 inset 0 2px 1px rgba(255,255,255,0.9), 48 inset 0 -3px 6px rgba(0,0,0,0.04), 49 inset 3px 0 6px rgba(255,255,255,0.4), 50 inset -3px 0 6px rgba(255,255,255,0.4), 51 0 1px 2px rgba(0,0,0,0.06), 52 0 6px 16px rgba(0,0,0,0.08), 53 0 20px 40px rgba(0,0,0,0.10); 54 } 55 50% { 56 transform: translateY(-5px); 57 box-shadow: 58 inset 0 2px 1px rgba(255,255,255,0.98), 59 inset 0 -3px 6px rgba(0,0,0,0.03), 60 inset 4px 0 8px rgba(255,255,255,0.5), 61 inset -4px 0 8px rgba(255,255,255,0.5), 62 0 3px 6px rgba(0,0,0,0.05), 63 0 14px 32px rgba(0,0,0,0.10), 64 0 36px 64px rgba(0,0,0,0.12); 65 } 66 } 67 @keyframes clayDropIn { 68 from { 69 opacity: 0; 70 transform: translateY(-10px) scale(0.96); 71 } 72 to { 73 opacity: 1; 74 transform: translateY(0) scale(1); 75 } 76 } 77 @media (prefers-reduced-motion: reduce) { 78 .clay-nav-idle { animation: none !important; } 79 } 80 `})]})}function ei(e){let{icon:s,label:r}=e,[n,l]=(0,a.useState)(!1);return(0,t.jsxs)("div",{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),style:{display:"flex",alignItems:"center",gap:10,padding:"10px 14px",borderRadius:14,cursor:"pointer",background:n?en.hoverBg:"transparent",border:n?"1px solid rgba(0,0,0,0.03)":"1px solid transparent",boxShadow:n?en.itemShadowHover:"none",transition:"all 160ms ease",transform:n?"translateX(2px)":"translateX(0)"},children:[(0,t.jsx)("span",{style:{width:26,height:26,borderRadius:8,display:"flex",alignItems:"center",justifyContent:"center",background:n?"rgba(232,112,30,0.10)":"rgba(0,0,0,0.035)",boxShadow:n?"inset 1.5px 1.5px 3px rgba(255,255,255,0.6), inset -1.5px -1.5px 3px rgba(0,0,0,0.04)":"inset 1px 1px 2px rgba(255,255,255,0.5), inset -1px -1px 2px rgba(0,0,0,0.02)",transition:"all 160ms ease",flexShrink:0},children:(0,t.jsx)(s,{size:13,color:n?en.accent:en.textMuted,strokeWidth:2.2,style:{transition:"color 160ms ease"}})}),(0,t.jsx)("span",{style:{fontSize:13,fontWeight:550,color:n?en.text:en.textMuted,transition:"color 160ms ease",whiteSpace:"nowrap",fontFamily:"'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"},children:r})]})}var eo=e.i(42639),ec=e.i(696690),ed=e.i(485464),ex=e.i(588152);function ep(e){let{value:s,delay:a}=e;return(0,t.jsx)("span",{style:{fontWeight:700,fontSize:"1.15em",display:"inline-block",animationName:"statPop",animationDuration:"400ms",animationTimingFunction:"cubic-bezier(0.22,1,0.36,1)",animationFillMode:"both",animationDelay:`${a}ms`},children:s})}let eh=[{bubbles:[{type:"user",content:"We started doing composite & wood decking too"},{type:"typing"},{type:"bot",content:"Thatâs great! Iâll add these deck building pages to your site"},{type:"typing"},{type:"bot",content:"Done, your site is updated!"}],delays:[0,600,700,900,800]},{bubbles:[{type:"user",content:"Just finished a kitchen remodel in SLC"},{type:"photo"},{type:"typing"},{type:"bot",content:(0,t.jsxs)(t.Fragment,{children:["Looking good! Your project page is now live, check it out here:",(0,t.jsx)("br",{}),(0,t.jsx)("span",{style:{color:"oklch(55% 0.18 260)",textDecoration:"underline",fontSize:"0.92em"},children:"saltlakeremodels.com/kitchen-project-slc"})]})}],delays:[0,500,600,700]},{bubbles:[{type:"user",content:"How many leads did I get this month?"},{type:"typing"},{type:"bot",content:(0,t.jsxs)(t.Fragment,{children:["Last 30 days, your site got:",(0,t.jsx)("br",{}),(0,t.jsx)(ep,{value:"19",delay:0})," ",(0,t.jsx)("span",{style:{fontWeight:400},children:"form submissions"}),(0,t.jsx)("br",{}),(0,t.jsx)(ep,{value:"32",delay:120})," ",(0,t.jsx)("span",{style:{fontWeight:400},children:"calls"}),(0,t.jsx)("br",{}),(0,t.jsx)(ep,{value:"497",delay:240})," ",(0,t.jsx)("span",{style:{fontWeight:400},children:"visitors"})]})}],delays:[0,600,800]}],em="oklch(62% 0.19 45)",eu="1.5px solid oklch(68% 0.16 45 / 0.3)",ef="oklch(94% 0.015 70)",eg="1.5px solid oklch(88% 0.012 70)",eb="inset 3px 3px 6px rgba(255,255,255,0.8), inset -3px -3px 6px rgba(0,0,0,0.04), 0 4px 12px oklch(22% 0.06 260 / 0.06)";function ey(){let[e,s]=(0,a.useState)(0),[r,n]=(0,a.useState)(0),[l,i]=(0,a.useState)(!1),[o,c]=(0,a.useState)("building"),[d,x]=(0,a.useState)([]),p=(0,a.useRef)([]),[h,m]=(0,a.useState)(!1),[u,f]=(0,a.useState)(!1),g=(0,a.useRef)(null);(0,a.useEffect)(()=>{m(!0)},[]),(0,a.useEffect)(()=>
80{if(!h||!g.current)return;let e=g.current,t=new IntersectionObserver(e=>{let[t]=e;return f(t.isIntersecting)},{threshold:.1});return t.observe(e),()=>t.disconnect()},[h]);let b=(0,a.useCallback)(()=>{p.current.forEach(clearTimeout),p.current=[]},[]),y=(0,a.useCallback)((e,t)=>{let s=setTimeout(e,t);return p.current.push(s),s},[]),v=(0,a.useCallback)(e=>{let t=eh[e];s(e),c("building"),n(0),i(!1),x([]);let a=t.bubbles,r=s=>{if(s>=a.length){c("holding"),y(()=>{c("fading");let t=a.filter(e=>"typing"!==e.type).length,s=Array.from({length:t},(e,t)=>t);for(let e=s.length-1;e>0;e--){let t=Math.floor(Math.random()*(e+1));[s[e],s[t]]=[s[t],s[e]]}for(let e=0;e<s.length;e++)y(()=>{x(t=>[...t,s[e]])},150*e);y(()=>{v((e+1)%eh.length)},(t-1)*150+350+500)},3200);return}let l=a[s];y(()=>{"typing"===l.type?(i(!0),n(s+1),y(()=>{i(!1),r(s+1)},600)):(i(!1),n(s+1),r(s+1))},t.delays[s]||0)};y(()=>r(0),300)},[y]);if((0,a.useEffect)(()=>h&&u?(v(0),b):void b(),[h,u]),!h)return null;let w=eh[e],j=[];{let e=0;for(;e<w.bubbles.length;){let t=w.bubbles[e];"typing"===t.type||j.push({type:t.type,content:t.content,sourceIdx:e}),e++}}let k=j.map(e=>{var t;let s=e.sourceIdx<r,a=e.sourceIdx>0&&(null==(t=w.bubbles[e.sourceIdx-1])?void 0:t.type)==="typing",n=e.sourceIdx<r,l=a&&!n&&e.sourceIdx-1<r;return{...e,isRevealed:s,showTyping:l}}),N=null;return(0,t.jsxs)("div",{ref:g,style:{display:"flex",flexDirection:"column",width:340,fontFamily:"'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",fontSize:15,lineHeight:1.5},children:[k.map((s,a)=>{let r="user"===s.type||"photo"===s.type,n=null!==N&&(r&&"user"!==N&&"photo"!==N||!r&&"bot"!==N);N=r?"user":"bot";let l=d.includes(a),i=!s.isRevealed&&!s.showTyping;return(0,t.jsx)("div",{style:{display:"flex",justifyContent:r?"flex-end":"flex-start",paddingRight:28*!r,paddingLeft:28*!!r,marginTop:0===a?0:n?18:8,visibility:i?"hidden":"visible",animationName:i?"none":l?"bubblePopOut":"bubblePop",animationDuration:l?"350ms":"380ms",animationTimingFunction:l?"cubic-bezier(0.36,0,0.66,-0.2)":"cubic-bezier(0.22,1,0.36,1)",animationFillMode:"forwards",animationDelay:"0ms"},children:"photo"===s.type?(0,t.jsx)(ew,{convoKey:e}):(0,t.jsxs)("div",{style:{position:"relative",maxWidth:"88%"},children:[(0,t.jsx)("div",{style:{visibility:"hidden",background:r?em:ef,border:r?eu:eg,borderRadius:r?"20px 20px 6px 20px":"20px 20px 20px 6px",padding:"10px 16px",lineHeight:1.5,fontWeight:500},children:s.content}),!i&&(0,t.jsx)("div",{style:{position:"absolute",top:0,left:0,right:r?0:"auto"},children:s.showTyping?(0,t.jsx)("div",{style:{background:ef,border:eg,borderRadius:"20px 20px 20px 6px",padding:"11px 16px",boxShadow:eb,display:"inline-flex",alignItems:"center",gap:5},children:(0,t.jsx)(ev,{})}):(0,t.jsx)("div",{style:{background:r?em:ef,color:r?"white":"oklch(22% 0.04 260)",border:r?eu:eg,borderRadius:r?"20px 20px 6px 20px":"20px 20px 20px 6px",padding:"10px 16px",boxShadow:r?"inset 3px 3px 6px rgba(255,255,255,0.25), inset -3px -3px 6px rgba(0,0,0,0.1), 0 4px 12px oklch(62% 0.19 45 / 0.2), 0 8px 24px oklch(22% 0.06 260 / 0.08)":eb,lineHeight:1.5,fontWeight:500},children:s.content})})]})},`${e}-${a}`)}),(0,t.jsx)("style",{children:` 81 @keyframes bubblePop { 82 0% { opacity: 0; transform: translateY(16px) scale(0.88); } 83 55% { opacity: 1; transform: translateY(-2px) scale(1.03); } 84 75% { transform: translateY(0.5px) scale(0.995); } 85 100% { opacity: 1; transform: translateY(0) scale(1); } 86 } 87 @keyframes bubblePopOut { 88 0% { opacity: 1; transform: scale(1); } 89 18% { opacity: 1; transform: scale(1.14); } 90 100% { opacity: 0; transform: scale(0.4) translateY(-20px); } 91 } 92 @keyframes dotPulse { 93 0%, 100% { transform: translateY(0) scale(1); opacity: 0.35; } 94 25% { transform: translateY(-3px) scale(1.1); opacity: 0.85; } 95 50% { transform: translateY(-1px) scale(1.02); opacity: 0.6; } 96 } 97 @keyframes photoIn { 98 0% { opacity: 0; transform: scale(0.85) rotate(-2deg); } 99 50% { opacity: 1; transform: scale(1.03) rotate(0.4deg); } 100 75% { transform: scale(0.99) rotate(-0.1deg); } 101 100% { opacity: 1; transform: scale(1) rotate(0deg); } 102 } 103 @keyframes statPop { 104 0% { opacity: 0; transform: scale(0.8); } 105 50% { opacity: 1; transform: scale(1.08); } 106 75% { transform: scale(0.98); } 107 100% { opacity: 1; transform: scale(1); } 108 } 109 @media (prefers-reduced-motion: reduce) { 110 * { 111 animation-duration: 0.01ms !important; 112 animation-delay: 0ms !important; 113 transition-duration: 0.01ms !important; 114 } 115 } 116 `})]})}function ev(){return(0,t.jsx)("div",{style:{display:"flex",gap:4,alignItems:"center",height:18},children:[0,1,2].map(e=>(0,t.jsx)("div",{style:{width:6,height:6,borderRadius:"50%",background:"oklch(55% 0.015 55)",animationName:"dotPulse",animationDuration:"1.4s",animationTimingFunction:"cubic-bezier(0.25,1,0.5,1)",animationDelay:`${180*e}ms`,animationIterationCount:"infinite",animationFillMode:"both"}},e))})}
116function ew(e){let{convoKey:s}=e;return(0,t.jsx)("div",{style:{display:"flex",gap:6},children:[0,1].map(e=>(0,t.jsx)("div",{style:{width:120,height:90,borderRadius:16,background:"linear-gradient(135deg, oklch(94% 0.015 70) 0%, oklch(91% 0.02 65) 100%)",border:"1.5px solid oklch(88% 0.012 70)",boxShadow:"inset 2px 2px 4px rgba(255,255,255,0.8), inset -2px -2px 4px rgba(0,0,0,0.03), 0 2px 6px oklch(22% 0.06 260 / 0.05)",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",animationName:"photoIn",animationDuration:"450ms",animationTimingFunction:"cubic-bezier(0.22,1,0.36,1)",animationFillMode:"both",animationDelay:`${120*e}ms`},children:(0,t.jsxs)("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"oklch(55% 0.015 55)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),(0,t.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),(0,t.jsx)("polyline",{points:"21 15 16 10 5 21"})]})},`${s}-photo-${e}`))})}let ej=["Sarah M.","James T.","Mike R.","Linda K.","Chris B.","Karen W.","David L.","Jessica P.","Robert H.","Amanda C."],ek={Phoenix:"480",Scottsdale:"480",Mesa:"480",Tempe:"480",Chandler:"480",Gilbert:"480",Glendale:"623","Salt Lake City":"801",Dallas:"214",Houston:"713",Denver:"303",Atlanta:"404",Chicago:"312",Miami:"305","Los Angeles":"213","San Diego":"619",Seattle:"206",Portland:"503",Tampa:"813",Orlando:"407",Austin:"512","San Antonio":"210",Nashville:"615",Charlotte:"704","Las Vegas":"702",Columbus:"614",Indianapolis:"317",Jacksonville:"904",Memphis:"901",Louisville:"502","Oklahoma City":"405",Tucson:"520",Albuquerque:"505",Raleigh:"919",Richmond:"804","Kansas City":"816",Minneapolis:"612","St Louis":"314",Pittsburgh:"412",Cincinnati:"513",Cleveland:"216",Detroit:"313",Milwaukee:"414","New Orleans":"504",Birmingham:"205",Boise:"208",Arizona:"480",Utah:"801",Texas:"214",Colorado:"303",Georgia:"404",Illinois:"312",Florida:"305",California:"213",Washington:"206",Oregon:"503",Tennessee:"615","North Carolina":"704",Nevada:"702",Ohio:"614",Indiana:"317",Michigan:"313",Minnesota:"612",Missouri:"816",Pennsylvania:"412",Louisiana:"504"},eN=[...new Set(Object.values(ek))];function eS(){return eN[Math.floor(Math.random()*eN.length)]}function ez(e){return Array.from({length:e},()=>Math.floor(10*Math.random())).join("")}function eC(e){let{rotated:s}=e;return(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"white",style:{transform:s?"rotate(135deg)":"none"},children:(0,t.jsx)("path",{d:"M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z"})})}function eM(){var e;let[s,r]=(0,a.useState)(""),[n,l]=(0,a.useState)(""),[i,o]=(0,a.useState)(""),[c,d]=(0,a.useState)(!1),[x,p]=(0,a.useState)(!1),[h,m]=(0,a.useState)(!1),u=(0,a.useRef)(null),f=(0,a.useRef)([]);(0,a.useEffect)(()=>{p(!0)},[]),(0,a.useEffect)(()=>{if(!x||!u.current)return;let e=u.current,t=new IntersectionObserver(e=>{let[t]=e;return m(t.isIntersecting)},{threshold:.1});return t.observe(e),()=>t.disconnect()},[x]),(0,a.useEffect)(()=>{if(!x)return;let e=!1;return(async()=>{try{let t=await fetch("https://ip-api.com/json/?fields=regionName,city"),s=await t.json();if(e)return;let a=ek[s.city]||ek[s.regionName]||eS();r(a)}catch{e||r(eS())}})(),()=>{e=!0}},[x]);let g=(0,a.useCallback)(()=>{f.current.forEach(clearTimeout),f.current=[]},[]),b=(0,a.useCallback)((e,t)=>{let s=setTimeout(e,t);return f.current.push(s),s},[]),y=(0,a.useCallback)(()=>{o(e=>(function(e){let t=e;for(;t===e;)t=ej[Math.floor(Math.random()*ej.length)];return t})(e)),l(`(${s}) ${ez(3)}-${ez(4)}`),d(!0),b(()=>{d(!1),b(()=>y(),2e3)},4e3)},[s,b]);return((0,a.useEffect)(()=>{if(!x||!s||!h){g(),d(!1);return}return y(),g},[x,s,h]),x)?(0,t.jsxs)("div",{ref:u,style:{display:"flex",justifyContent:"center",pointerEvents:"none"},children:[(0,t.jsxs)("div",{style:{width:360,padding:"14px 16px",borderRadius:20,background:"rgba(50, 50, 50, 0.82)",backdropFilter:"blur(30px)",WebkitBackdropFilter:"blur(30px)",border:"1px solid rgba(255,255,255,0.12)",display:"flex",alignItems:"center",gap:12,boxShadow:` 117 0 2px 8px rgba(0,0,0,0.18), 118 0 8px 24px rgba(0,0,0,0.16), 119 0 24px 48px rgba(0,0,0,0.12) 120 `,transform:c?"translateY(0)":"translateY(-110%)",opacity:+!!c,transition:c?"transform 400ms cubic-bezier(0.25,1,0.5,1), opacity 400ms cubic-bezier(0.25,1,0.5,1)":"transform 300ms cubic-bezier(0.5,0,0.75,0), opacity 300ms cubic-bezier(0.5,0,0.75,0)",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif"},children:[(0,t.jsx)("div",{style:{width:40,height:40,borderRadius:"50%",background:"linear-gradient(135deg, #E8701E 0%, #f5a862 100%)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,boxShadow:"inset 2px 2px 4px rgba(255,255,255,0.2), inset -2px -2px 4px rgba(0,0,0,0.1)"},children:(0,t.jsx)("span",{style:{color:"white",fontSize:15,fontWeight:700,lineHeight:1},children:i?i.charAt(0)+((null==(e=i.split(" ")[1])?void 0:e.charAt(0))||""):""})}),(0,t.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,t.jsx)("div",{style:{color:"white",fontSize:16,fontWeight:600,lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:i}),(0,t.jsxs)("div",{style:{color:"rgba(135,206,250,0.9)",fontSize:13,fontWeight:400,lineHeight:1.3,marginTop:2},children:["mobile · ",n]})]}),(0,t.jsxs)("div",{style:{display:"flex",gap:10,flexShrink:0}
120,children:[(0,t.jsx)("div",{style:{width:34,height:34,borderRadius:"50%",background:"#FF3B30",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"inset 2px 2px 4px rgba(255,255,255,0.2), inset -2px -2px 4px rgba(0,0,0,0.15), 0 2px 8px rgba(255,59,48,0.4)"},children:(0,t.jsx)(eC,{rotated:!0})}),(0,t.jsx)("div",{style:{width:34,height:34,borderRadius:"50%",background:"#34C759",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"inset 2px 2px 4px rgba(255,255,255,0.2), inset -2px -2px 4px rgba(0,0,0,0.15), 0 2px 8px rgba(52,199,89,0.4)"},children:(0,t.jsx)(eC,{})})]})]}),(0,t.jsx)("style",{children:` 121 @media (prefers-reduced-motion: reduce) { 122 * { transition-duration: 0.01ms !important; } 123 } 124 `})]}):null}let eT=[{leftTitle:"Tree Services",leftBody:"We offer professional tree services.",rightTitle:"Emergency Ash Tree Removal in Orlando, FL",bullets:["Crane-assisted over 60ft","Stump grinding by diameter","24hr storm response"]},{leftTitle:"Plumbing Services",leftBody:"We offer professional plumbing services.",rightTitle:"Water Heater Replacement in Mesa",bullets:["Tank & tankless installs","Same-day emergency service","Free disposal of old unit"]},{leftTitle:"Pressure Washing Services",leftBody:"We offer pressure washing services.",rightTitle:"Driveway Cleaning & Sealing in Bentonville AR",bullets:["Hot water surface cleaning","Soft wash for stucco & roofs","Same-day concrete sealing"]}];function eI(){let[e,s]=(0,a.useState)(0),[r,n]=(0,a.useState)("hidden"),[l,i]=(0,a.useState)(0),[o,c]=(0,a.useState)(null),[d,x]=(0,a.useState)(!1),[p,h]=(0,a.useState)(!1),m=(0,a.useRef)(null),u=(0,a.useRef)([]);(0,a.useEffect)(()=>{x(!0)},[]),(0,a.useEffect)(()=>{if(!d||!m.current)return;let e=m.current,t=new IntersectionObserver(e=>{let[t]=e;return h(t.isIntersecting)},{threshold:.1});return t.observe(e),()=>t.disconnect()},[d]);let f=(0,a.useCallback)(()=>{u.current.forEach(clearTimeout),u.current=[]},[]),g=(0,a.useCallback)((e,t)=>{let s=setTimeout(e,t);return u.current.push(s),s},[]),b=(0,a.useCallback)(e=>{s(e),n("hidden"),i(0),g(()=>n("left"),100),g(()=>n("both"),400);g(()=>{n("highlighting"),i(1)},1150),g(()=>i(2),1350),g(()=>i(3),1550);let t=2150;g(()=>n("holding"),2150),g(()=>n("fading"),t+5e3);let a=(e+1)%eT.length;g(()=>b(a),t+5e3+300+1e3)},[g]);if((0,a.useEffect)(()=>{if(!d||!p){f(),n("hidden"),i(0);return}return b(0),f},[d,p]),!d)return null;let y=eT[e],v="hidden"!==r,w="hidden"!==r&&"left"!==r,j="fading"===r;return(0,t.jsxs)("div",{ref:m,style:{display:"flex",alignItems:"flex-start",gap:22,fontFamily:"'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif"},children:[(0,t.jsxs)("div",{onMouseEnter:()=>c("left"),onMouseLeave:()=>c(null),style:{width:270,padding:"22px 20px",borderRadius:16,background:"#e8e8ea",boxShadow:"0 2px 8px rgba(0,0,0,0.06)",position:"relative",marginTop:15,transform:`rotate(-1.2deg) scale(${"left"===o?1.06:1})`,cursor:"default",opacity:v&&!j?1:0,translate:v&&!j?"0 0":"0 15px",transition:j?"opacity 300ms ease-in, translate 300ms ease-in, transform 200ms ease":"opacity 400ms cubic-bezier(0.25,1,0.5,1), translate 400ms cubic-bezier(0.25,1,0.5,1), transform 200ms ease"},children:[(0,t.jsx)("div",{style:{position:"absolute",top:14,right:14,width:22,height:22,borderRadius:"50%",background:"rgba(192,117,107,0.12)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"#c0756b",strokeWidth:"2",strokeLinecap:"round",children:[(0,t.jsx)("line",{x1:"2",y1:"2",x2:"10",y2:"10"}),(0,t.jsx)("line",{x1:"10",y1:"2",x2:"2",y2:"10"})]})}),(0,t.jsx)("span",{style:{display:"inline-block",fontSize:11,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",color:"#999",background:"rgba(0,0,0,0.06)",padding:"4px 10px",borderRadius:8,marginBottom:14},children:"Typical Website"}),(0,t.jsx)("div",{style:{fontSize:18,fontWeight:500,color:"#888",marginBottom:8,lineHeight:1.3},children:y.leftTitle}),(0,t.jsx)("div",{style:{fontSize:13,color:"#999",lineHeight:1.5,fontWeight:400},children:y.leftBody})]}),(0,t.jsxs)("div",{onMouseEnter:()=>c("right"),onMouseLeave:()=>c(null),style:{width:310,padding:"22px 22px",borderRadius:20,background:"#faf8f5",border:"1.5px solid oklch(88% 0.012 70)",boxShadow:"right"===o?"inset 0 1px 0 rgba(255,255,255,0.8), 0 3px 8px rgba(0,0,0,0.06), 0 12px 32px rgba(0,0,0,0.09), 0 32px 56px rgba(0,0,0,0.11)":"inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 6px rgba(0,0,0,0.05), 0 8px 24px rgba(0,0,0,0.07), 0 24px 48px rgba(0,0,0,0.09)",position:"relative",transform:`rotate(1.5deg) scale(${"right"===o?1.06:1}
124)`,cursor:"default",opacity:w&&!j?1:0,translate:w&&!j?"0 0":"0 20px",transition:j?"opacity 300ms ease-in, translate 300ms ease-in, transform 200ms ease, box-shadow 200ms ease":"opacity 350ms cubic-bezier(0.22,1,0.36,1), translate 350ms cubic-bezier(0.22,1,0.36,1), transform 200ms ease, box-shadow 200ms ease"},children:[(0,t.jsx)("div",{style:{position:"absolute",top:16,right:16,width:22,height:22,borderRadius:"50%",background:"rgba(107,156,107,0.12)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"#6b9c6b",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("polyline",{points:"2,6.5 5,9.5 10,3"})})}),(0,t.jsx)("span",{style:{display:"inline-block",fontSize:11,fontWeight:700,textTransform:"uppercase",letterSpacing:"0.06em",color:"white",background:"#E8701E",padding:"4px 10px",borderRadius:8,marginBottom:14,boxShadow:"inset 2px 2px 4px rgba(255,255,255,0.2), inset -2px -2px 4px rgba(0,0,0,0.08)"},children:"TradeSite"}),(0,t.jsx)("div",{style:{fontSize:18,fontWeight:650,color:"#2d2a26",marginBottom:14,lineHeight:1.25},children:y.rightTitle}),(0,t.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:7},children:y.bullets.map((e,t)=>({text:e,step:t+1})).map(e=>(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,t.jsx)("div",{style:{width:5,height:5,borderRadius:"50%",background:l>=e.step?"#E8701E":"oklch(55% 0.015 55)",transition:"background 300ms ease",flexShrink:0}}),(0,t.jsx)(eL,{active:l>=e.step,children:e.text})]},e.step))})]}),(0,t.jsx)("style",{children:` 125 @keyframes highlightSweep { 126 from { background-size: 0% 100%; } 127 to { background-size: 100% 100%; } 128 } 129 @media (prefers-reduced-motion: reduce) { 130 * { 131 animation-duration: 0.01ms !important; 132 transition-duration: 0.01ms !important; 133 } 134 } 135 `})]})}function eL(e){let{active:s,children:a}=e;return(0,t.jsx)("span",{style:{fontWeight:550,backgroundImage:s?"linear-gradient(rgba(232,112,30,0.13), rgba(232,112,30,0.13))":"none",backgroundRepeat:"no-repeat",backgroundPosition:"left center",backgroundSize:s?"100% 100%":"0% 100%",padding:"1px 3px",borderRadius:4,transition:"background-size 500ms cubic-bezier(0.25,1,0.5,1)"},children:a})}let eR=(0,a.lazy)(()=>e.A(433281).then(e=>({default:e.HeroPhoneWidget3D}))),eW=(0,a.lazy)(()=>e.A(964725).then(e=>({default:e.AIChatClayPhone}))),eB={"--ts-surface":"oklch(97% 0.01 75)","--ts-cream":"oklch(94% 0.015 70)","--ts-sand":"oklch(91% 0.02 65)","--ts-dark":"oklch(22% 0.06 260)","--ts-navy":"oklch(28% 0.07 260)","--ts-navy-mid":"oklch(35% 0.06 260)","--ts-text":"oklch(22% 0.04 260)","--ts-text-muted":"oklch(42% 0.02 55)","--ts-text-faint":"oklch(55% 0.015 55)","--ts-text-on-dark":"oklch(95% 0.01 70)","--ts-text-on-dark-muted":"oklch(68% 0.015 70)","--ts-accent":"oklch(62% 0.19 45)","--ts-accent-hover":"oklch(56% 0.21 45)","--ts-border":"oklch(88% 0.012 70)","--ts-border-input":"oklch(80% 0.015 65)","--ts-red":"oklch(55% 0.15 25)","--ts-green":"oklch(55% 0.15 150)"},eE=[{label:"Pages built",ts:"30+ optimized pages",diy:"1â5 generic pages",agency:"10â15 (if you're lucky)"},{label:"Time to launch",ts:"15 minutes",diy:"â 15 minutes",agency:"4â8 weeks"},{label:"Weekly SEO content",ts:"Included",diy:"Not included",agency:"$500+/month extra"},{label:"Updates itself",ts:"Yes, text a photo",diy:"No. Done on day one",agency:"Maybe. $500+/mo."},{label:"Knows your trade",ts:"Yes",diy:"No. Generic content.",agency:"Depends. Most don't."},{label:"Technical SEO",ts:"Automatic",diy:"You prompt and hope",agency:"â Included"},{label:"GBP optimization",ts:"Included",diy:"Not included",agency:"â Included"},{label:"Social media posts",ts:"Included",diy:"Not included",agency:"$200+/mo extra"},{label:"Cost",ts:"$297/mo",diy:"â $20â$100/mo",agency:"$2kâ5k setup, $1.5k+/mo"}],eA=[{num:"01",title:"Enter your business",desc:"Type your company name. We grab your reviews, services, and photos from Google automatically."},{num:"02",title:"We build your site",desc:"30+ pages targeting your services and service areas, with content written specifically for your trade."},{num:"03",title:"Preview free in 3 minutes",desc:"See your site free before you decide. When you're ready, launch it on your own domain with one click."}];d.LayoutGrid,x.Lightbulb,h.Zap,m.Code2,u.MapPinned,f.BarChart3;let e_=["30+ service and city pages","Automatically share projects to your socials","Update your site by texting a photo","Google reviews pulled in automatically","Weekly content refreshes","Logo and brand colors included","FREE BONUS: Google profile set up by hand"],eP=[{id:"pages",icon:d.LayoutGrid,label:"30+ Pages",headline:"Show up when 30 different homeowners search, not just one.",body:(0,t.jsxs)(t.Fragment,{children:["A homeowner in your next town over searches âmetal roof repair.â Another searches âstorm damage roofer near me.â A five-page site misses both. ",(0,t.jsx)("strong",{style:{fontWeight:600,color:"inherit"},children:"We build a page for every service in every city you work,"})," so youâre in the running for calls a basic site never even sees."]}),image:"/images/every-service-every-city.webp",cta:{label:"Learn more about Your Website",href:"/features/websites-for-contractors"}},{id:"texting",icon:g.MessageSquareText,label:"You Text, Your Website Updates",headline:"Finish a job, text a photo, win the next one.",body:(0,t.jsxs)(t.Fragment,{children:["Snap a picture of the roof you just finished, text it with one sentence, and a new local project page goes live, geotagged to that neighborhood. ",(0,t.jsx)("strong",{style:{fontWeight:600,color:"inherit"},children:"You drive to the next job. The page goes hunting for the one after that."})]}),image:"/images/hands-construction-worker.webp",cta:{label:"Learn more about the AI SMS Assistant",href:"/features/ai-sms-assistant-for-contractors"}},{id:"trade",icon:b,label:"Trade Knowledge",headline:"Written for your trade. Not generic filler.",body:(0,t.jsxs)(t.Fragment,{children:["âEmergency plumber near meâ gets called more than âplumbing services.â Arizona homeowners check your ROC number before they dial. ",(0,t.jsx)("strong",{style:{fontWeight:600,color:"inherit"},children:"Your pages are built around what gets you hired in your trade and your state,"})," so the right homeowner finds you at the moment theyâre ready to call."]}),image:"/images/tree-service-website-photo-tradesite.webp",cta:{label:"Learn more about AI Search Optimization",href:"/features/ai-search-optimization-for-contractors"}},{id:"convert",icon:y,label:"Built to Convert",headline:"Designed to make the phone ring.",body:(0,t.jsxs)(t.Fragment,{children:["Your site will look great, but pretty doesnât pay the bills. Agencies sell you a good-looking brochure homeowners scroll right past. ",(0,t.jsx)("strong",{style:{fontWeight:600,color:"inherit"},children:"We build the trust badges, the click-to-call buttons, and the layout to do one thing: get you hired."})]}),image:"/images/phone-ring-image-hvac-contractor.webp",cta:{label:"See My Free Site",href:"#cta"}}],eF=["#eef4fb","#fef7ed","#f0f0fa","#f0f7f4"];function eG(){let e=(0,a.useRef)([]),[s,l]=(0,a.useState)(0),[i,o]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=window.matchMedia("(min-width: 1024px)"),t=e=>o(e.matches);return t(e),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,a.useEffect)(()=>{let t=0,s=window.innerWidth<1024,a=window.innerHeight*(s?.5:.45),r=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>{let t=0;e.current.forEach((e,s)=>{!e||e.getBoundingClientRect().top<=a&&(t=s)}),l(t)})};return window.addEventListener("scroll",r,{passive:!0}),r(),()=>{window.removeEventListener("scroll",r),cancelAnimationFrame(t)}},[]),(0,t.jsxs)("section",{style:{background:eF[s]||"var(--ts-surface)",paddingBottom:"clamp(4rem, 8vw, 8rem)",transition:"background-color 900ms ease-out"},children:[(0,t.jsx)("div",{className:"pt-40 sm:pt-44 lg:pt-52",style:{paddingLeft:"clamp(1.25rem,3vw,2rem)",paddingRight:"clamp(1.25rem,3vw,2rem)",paddingBottom:"2.5rem"},children:(0,t.jsxs)("div",{style:{maxWidth:"72rem",margin:"0 auto"},children:[(0,t.jsxs)("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] mb-4 flex items-center gap-2",style:{color:"var(--ts-accent)"},children:[(0,t.jsx)("span",{style:{width:"20px",height:"1px",background:"var(--ts-accent)",display:"inline-block"}}),"What you get"]}),(0,t.jsx)("h2",{className:"font-['General_Sans',sans-serif] font-black",style:{fontSize:"clamp(2rem, 4vw + 0.5rem, 3.25rem)",letterSpacing:"-0.02em",lineHeight:1.04,maxWidth:"48rem"},children:"How This Gets You More Calls"})]})}),(0,t.jsxs)("div",{style:{maxWidth:"72rem",margin:"0 auto",padding:"0 clamp(1.25rem,3vw,2rem)",display:i?"flex":"block",flexFlow:"row",justifyContent:"space-between",position:"relative",gap:i?"70px":"0"},children:[(0,t.jsx)("div",{style:{width:i?"40%":"100%"},children:eP.map((a,l)=>{let o=a.icon,c=s===l;return(0,t.jsx)("div",{ref:t=>{e.current[l]=t},style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:i?"50dvh":"auto",marginBottom:i?0:"6rem"},children:(0,t.jsxs)("div",{style:{opacity:c?1:.2,transition:"opacity 0.3s",display:"flex",flexDirection:"column",width:"100%"},children:[!i&&(0,t.jsxs)("div",{style:{order:2,borderRadius:"20px",marginTop:"2.5rem",background:"oklch(96% 0.01 260)",border:"1px solid oklch(90% 0.02 260 / 0.6)",boxShadow:` 136 0 20px 40px oklch(22% 0.06 260 / 0.1), 137 0 8px 16px oklch(22% 0.06 260 / 0.06), 138 inset 0 2px 4px oklch(100% 0 0 / 0.5), 139 inset 0 -2px 6px oklch(22% 0.06 260 / 0.06) 140 `,padding:"6px",position:"relative",overflow:"visible"},children:[(0,t.jsxs)("div",{style:{position:"relative",aspectRatio:"1/1",borderRadius:"15p
140x",overflow:"hidden"},children:[(0,t.jsx)(r.default,{src:a.image,alt:a.label,fill:!0,loading:"lazy",className:"object-cover",sizes:"90vw"}),"texting"===a.id&&(0,t.jsx)("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to top left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.45) 25%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0) 60%)",pointerEvents:"none"}})]}),"pages"===a.id&&(0,t.jsx)("div",{style:{position:"absolute",bottom:"16%",left:-8,zIndex:20,transform:"scale(0.78)",transformOrigin:"bottom left"},children:(0,t.jsx)(el,{})}),"texting"===a.id&&(0,t.jsx)("div",{style:{position:"absolute",bottom:"6%",right:-4,zIndex:20,transform:"scale(0.82)",transformOrigin:"bottom right",pointerEvents:"none"},children:(0,t.jsx)(ey,{})}),"trade"===a.id&&(0,t.jsx)("div",{style:{position:"absolute",bottom:"4%",right:-10,transform:"scale(0.58)",transformOrigin:"bottom right",zIndex:20,pointerEvents:"none"},children:(0,t.jsx)(eI,{})}),"convert"===a.id&&(0,t.jsx)("div",{style:{position:"absolute",top:"24%",left:"50%",transform:"translateX(-50%) scale(0.82)",transformOrigin:"top center",zIndex:20,pointerEvents:"none"},children:(0,t.jsx)(eM,{})})]}),(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"12px",marginBottom:"20px"},children:[(0,t.jsx)("span",{style:{width:"40px",height:"40px",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"center",background:c?"var(--ts-accent)":"var(--ts-cream)",color:c?"white":"var(--ts-text-muted)",transition:"background 0.3s, color 0.3s"},children:(0,t.jsx)(o,{size:18,strokeWidth:2.5})}),(0,t.jsx)("span",{style:{fontSize:"11px",fontWeight:700,textTransform:"uppercase",letterSpacing:"0.18em",color:"var(--ts-accent)"},children:a.label})]}),(0,t.jsx)("h3",{className:"font-['General_Sans',sans-serif] font-black",style:{fontSize:"clamp(1.4rem, 2vw + 0.4rem, 2rem)",letterSpacing:"-0.025em",lineHeight:1.08,marginBottom:"16px",color:"var(--ts-text)"},children:a.headline}),(0,t.jsx)("p",{style:{fontSize:"15px",color:"var(--ts-text-muted)",lineHeight:1.7,maxWidth:"28rem"},children:a.body}),(0,t.jsxs)(n.default,{href:a.cta.href,className:"inline-flex items-center gap-2 font-['General_Sans',sans-serif] font-bold transition-transform duration-150 ease-out hover:translate-x-0.5",style:{fontSize:"15px",color:"var(--ts-accent)",marginTop:"18px"},children:[a.cta.label,(0,t.jsx)(j.ArrowRight,{size:16,strokeWidth:2.5})]})]})},a.id)})}),i&&(0,t.jsx)("div",{style:{width:"50%",position:"relative",alignSelf:"stretch",marginBottom:"6dvh"},children:(0,t.jsxs)("div",{style:{position:"sticky",top:"16vh"},children:[(0,t.jsx)("div",{style:{borderRadius:"24px",width:"100%",aspectRatio:"1/1",position:"relative",overflow:"hidden",background:"oklch(96% 0.01 260)",border:"1px solid oklch(90% 0.02 260 / 0.6)",boxShadow:` 141 0 30px 60px oklch(22% 0.06 260 / 0.12), 142 0 12px 24px oklch(22% 0.06 260 / 0.08), 143 inset 0 2px 4px oklch(100% 0 0 / 0.5), 144 inset 0 -2px 6px oklch(22% 0.06 260 / 0.06) 145 `},children:eP.map((e,a)=>(0,t.jsxs)("div",{style:{position:"absolute",inset:"8px",borderRadius:"18px",overflow:"hidden",opacity:+(s===a),zIndex:10*(s===a),transition:"opacity 0.5s ease"},children:[(0,t.jsx)(r.default,{src:e.image,alt:e.label,fill:!0,loading:"lazy",className:"object-cover",sizes:"50vw"}),"texting"===e.id&&(0,t.jsx)("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to top left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.45) 25%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0) 60%)",pointerEvents:"none"}})]},e.id))}),(0,t.jsx)("div",{style:{position:"absolute",bottom:"18%",left:-28,zIndex:20,opacity:+(0===s),transform:0===s?"translateY(0) scale(1)":"translateY(8px) scale(0.96)",transition:"opacity 0.4s ease, transform 0.4s ease",pointerEvents:0===s?"auto":"none"},children:(0,t.jsx)(el,{})}),(0,t.jsx)("div",{style:{position:"absolute",bottom:"8%",right:-12,zIndex:20,opacity:+(1===s),transform:1===s?"translateY(0)":"translateY(8px)",transition:"opacity 0.4s ease, transform 0.4s ease",pointerEvents:"none"},children:(0,t.jsx)(ey,{})}),(0,t.jsx)("div",{style:{position:"absolute",bottom:"4%",right:-30,transform:2===s?"scale(0.78)":"scale(0.74) translateY(8px)",zIndex:20,opacity:+(2===s),transition:"opacity 0.4s ease, transform 0.4s ease",pointerEvents:2===s?"auto":"none"},children:(0,t.jsx)(eI,{})}),(0,t.jsx)("div",{style:{position:"absolute",top:"24%",left:"50%",transform:3===s?"translateX(-50%)":"translateX(-50%) translateY(8px)",zIndex:20,opacity:+(3===s),transition:"opacity 0.4s ease, transform 0.4s ease",pointerEvents:"none"},children:(0,t.jsx)(eM,{})})]})})]})]})}let eD=[{q:"Will this get me more calls?",a:"That's the only reason it exists. More pages means more chances to
145show up when someone searches. Automatic updates mean Google and ChatGPT keep paying attention. Most contractors notice more calls within 90 days."},{q:"I already have a website. Can I switch?",a:"Yes. We handle the entire migration for you. We'll pull over your existing domain and set up all the technical redirects so you don't lose a single ounce of the SEO ranking you've already built. You don't have to touch a thing."},{q:"How is this different from using AI to build a website?",a:"We use AI to write too. The difference is the engine around it. A chat tool just guesses. Ours writes under strict, trade-specific instructions: what it can say about your business, what it can never make up, and what your customers actually type into Google. Then comes the part no chat tool does: 30+ pages structured for every service and city you work, the technical SEO underneath them (internal links, schema, sitemaps, fast load times), and new pages every week so Google keeps paying attention. Ask ChatGPT for a website and you get nice words on a page. This is built to get found."},{q:"Can you run my Google Ads too?",a:(0,t.jsxs)(t.Fragment,{children:["Yes, thatâs a separate service on top of your site. We build the campaigns and the ad pages they point at, and every lead goes straight to your phone. You keep your own Google Ads account, and Google charges the clicks to your card, so you never pay us for ad spend. Setting it up takes one sign in with Google. That lets us show you which ad accounts you can reach so you pick the right one, connect it to our manager account so you donât have to do that by hand, and check whether Google has a payment method on file yet. We never see your card, and you can switch our access off any time in your Google account. What we do with it is spelled out in our"," ",(0,t.jsx)(n.default,{href:"/privacy",className:"font-semibold underline underline-offset-2",style:{color:"var(--ts-accent)"},children:"privacy policy"}),"."]})},{q:"What if I don't have a logo?",a:"We give you one. Included."},{q:"Can I edit the site myself?",a:"There's a portal if you want it, but most contractors never log in. They just text."},{q:"Does it support direct booking through Jobber, Service Titan or other CRM?",a:(0,t.jsxs)(t.Fragment,{children:["Yes. Just add your booking link in the portal and weâll wire it into your site, so visitors can book directly through whichever scheduling tool you already use. The"," ",(0,t.jsx)(n.default,{href:"/help",className:"font-semibold underline underline-offset-2",style:{color:"var(--ts-accent)"},children:"Help Center"})," ","shows you exactly where to add it."]})},{q:"Is this compatible with multiple office locations?",a:"Yes. Each location gets its own set of 30+ pages targeting that area's services and cities. When you text a job photo, we figure out which location it belongs to and add the project page there. You don't have to sort anything. Extra locations are $150/mo each."},{q:"Can I add multiple users?",a:"Yes, unlimited. No extra charge."},{q:"How fast will I see results?",a:"Most contractors see their pages start showing up in search within 4â8 weeks. The weekly content builds on itself over time: months 3â6 is when calls typically ramp up significantly."}],eO=[{label:"All Features",href:"/features"},{label:"Websites",href:"/features/websites-for-contractors"},{label:"AI SMS Assistant",href:"/features/ai-sms-assistant-for-contractors"},{label:"SEO",href:"/features/seo-for-contractors"},{label:"AI Search",href:"/features/ai-search-optimization-for-contractors"},{label:"Social Media",href:"/features/social-media-for-contractors"},{label:"Help Center",href:"/help"},{label:"Get Started",href:"/quiz"},{label:"Privacy",href:"/privacy"},{label:"Terms",href:"/terms"}];function eH(){return(0,t.jsx)("div",{className:"w-[260px] h-[520px] rounded-[42px] p-[10px]",style:{background:"var(--ts-border)"},children:(0,t.jsx)("div",{className:"w-full h-full rounded-[32px] animate-pulse",style:{background:"var(--ts-cream)"}})})}function eY(){return(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M5 13l4 4L19 7"})})}function e$(){return(0,t.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})}function eq(e){let{className:s=""}=e,r=(0,M.useReducedMotion)(),[n,l]=(0,a.useState)(31),[i,o]=(0,a.useState)(!1),c=(0,a.useRef)(null);return(0,a.useEffect)(()=>
145{if(r)return void l(42);let e=c.current;if(!e)return;let t=new IntersectionObserver(e=>{let[s]=e;s.isIntersecting&&s.intersectionRatio>=.6&&(o(!0),t.disconnect())},{threshold:[.6],rootMargin:"0px 0px -12% 0px"});return t.observe(e),()=>t.disconnect()},[r]),(0,a.useEffect)(()=>{if(!i||r)return;let e=setInterval(()=>l(e=>e>=60?60:e+1),1100);return()=>clearInterval(e)},[i,r]),(0,t.jsxs)("span",{ref:c,className:`inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full text-xs font-sans font-semibold whitespace-nowrap ${s}`,style:{color:"oklch(62% 0.19 45)",background:"color-mix(in oklch, oklch(62% 0.19 45) 10%, white)",boxShadow:"inset 2px 2px 4px rgba(255,255,255,0.8), inset -2px -2px 4px rgba(0,0,0,0.03), 0 2px 6px oklch(22% 0.06 260 / 0.05)"},children:[(0,t.jsx)(w.Repeat,{className:"w-3.5 h-3.5 shrink-0",strokeWidth:2.4}),(0,t.jsx)("span",{className:"tabular-nums font-bold",style:{minWidth:"1.6em",display:"inline-block",textAlign:"right"},children:n})," pages and growing"]})}function eV(){let e=(0,M.useReducedMotion)(),s="Siding project in Elgin. Swapped the old vinyl for fiber cement, new wrap + trim, 1,400 sq ft. Wrapped in 3 days.",[r,n]=(0,a.useState)(s),[l,i]=(0,a.useState)(!1),[o,c]=(0,a.useState)(!1),[d,x]=(0,a.useState)(!1),[p,h]=(0,a.useState)(!1),m=(0,a.useRef)(null);return(0,a.useEffect)(()=>{if(e){n(""),i(!0),x(!0);return}let t=m.current;if(!t)return;let s=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(h(!0),s.disconnect())},{threshold:.4});return s.observe(t),()=>s.disconnect()},[e]),(0,a.useEffect)(()=>{if(!p||e)return;let t=!0,a=e=>new Promise(t=>setTimeout(t,e));return(async()=>{for(;t;){if(i(!1),c(!1),x(!1),n(s),await a(1500),!t||(c(!0),await a(180),!t)||(c(!1),i(!0),n(""),await a(1100),!t))return;x(!0),await a(3800)}})(),()=>{t=!1}},[p,e]),(0,t.jsxs)("div",{ref:m,className:"absolute inset-x-3 bottom-3 z-20 flex flex-col gap-2",children:[(0,t.jsx)("div",{className:"flex flex-col gap-1.5",children:(0,t.jsxs)(C.AnimatePresence,{children:[l&&(0,t.jsx)(z.motion.div,{initial:!e&&{opacity:0,y:16,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,transition:{duration:.15}},transition:{type:"spring",stiffness:420,damping:28},className:"self-end max-w-[82%] rounded-[18px] rounded-br-md px-3 py-2 text-[11px] leading-snug text-white text-left",style:{background:"#0a7cff",boxShadow:"0 6px 16px rgba(10,124,255,0.35)"},children:s},"bubble"),d&&(0,t.jsx)(z.motion.div,{initial:!e&&{opacity:0,y:12,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,transition:{duration:.15}},transition:{type:"spring",stiffness:420,damping:28},className:"self-start max-w-[82%] rounded-[18px] rounded-bl-md px-3 py-2 text-[11px] leading-snug text-left",style:{background:"#e9e9eb",color:"oklch(22% 0.04 260)"},children:"Great, your project page is live"},"reply")]})}),(0,t.jsxs)("div",{className:"w-full flex items-center gap-2",children:[(0,t.jsx)("span",{className:"flex items-center justify-center w-7 h-7 rounded-full bg-white shrink-0 text-neutral-500",style:{boxShadow:"0 1px 3px rgba(0,0,0,0.14)"},children:(0,t.jsx)(k.Plus,{className:"w-4 h-4",strokeWidth:2.4})}),(0,t.jsxs)("div",{className:"flex-1 flex items-center gap-1.5 bg-white rounded-full pl-3 pr-1 py-1",style:{boxShadow:"0 1px 4px rgba(0,0,0,0.14)"},children:[(0,t.jsxs)("span",{className:"flex-1 text-[11px] text-neutral-800 leading-snug min-h-[1.4em] py-0.5",children:[r,!e&&!l&&(0,t.jsx)("span",{className:"inline-block w-[2px] h-[1.05em] translate-y-[2px] ml-px bg-[#0a7cff] animate-pulse"})]}),(0,t.jsx)(z.motion.span,{className:"flex items-center justify-center w-6 h-6 rounded-full shrink-0 text-white",style:{background:"#0a7cff"},animate:{scale:o?.8:1},transition:{duration:.15},children:(0,t.jsx)(N.ArrowUp,{className:"w-3.5 h-3.5",strokeWidth:2.8})})]})]})]})}let eU=[{label:"SEO",price:900,color:"55% 0.15 150",left:"14%",top:0,rot:-3},{label:"Website",price:500,color:"55% 0.18 260",left:"48%",top:10,rot:3},{label:"Logo",price:50,color:"66% 0.16 60",left:"3%",top:62,rot:-2},{label:"AI Chat",price:25,color:"55% 0.15 150",left:"32%",top:68,rot:2},{label:"24/7 Support",price:200,color:"62% 0.19 45",left:"58%",to
145p:56,rot:-8},{label:"Social Media",price:200,color:"55% 0.18 260",left:"6%",top:126,rot:2},{label:"Website updates",price:150,color:"66% 0.16 60",left:"44%",top:130,rot:-3}],eK=eU.reduce((e,t)=>e+t.price,0);function eX(){let e=(0,M.useReducedMotion)(),[s,r]=(0,a.useState)(!1),n=(0,a.useRef)(null);return(0,a.useEffect)(()=>{if(e)return void r(!0);let t=n.current;if(!t)return;let s=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(r(!0),s.disconnect())},{threshold:.3});return s.observe(t),()=>s.disconnect()},[e]),(0,t.jsxs)("div",{ref:n,className:"flex flex-col items-center",children:[(0,t.jsx)("div",{className:"relative w-full max-w-[400px] mx-auto",style:{height:188},children:eU.map((a,r)=>(0,t.jsxs)(z.motion.div,{initial:!e&&{opacity:0,y:-90,rotate:a.rot-8},animate:s?{opacity:1,y:0,rotate:a.rot}:void 0,transition:{type:"spring",stiffness:340,damping:17,delay:.12*r},className:"absolute inline-flex items-center gap-2 rounded-full px-4 py-2.5 whitespace-nowrap",style:{left:a.left,top:a.top,background:`oklch(${a.color})`,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), 0 8px 18px oklch(22% 0.06 260 / 0.2)"},children:[(0,t.jsx)("span",{className:"font-sans font-semibold text-[15px] text-white",children:a.label}),(0,t.jsxs)("span",{className:"font-sans font-semibold text-[15px]",style:{color:"rgba(255,255,255,0.65)"},children:["$",a.price]})]},a.label))}),(0,t.jsxs)(z.motion.div,{initial:!e&&{opacity:0,y:12},animate:s?{opacity:1,y:0}:void 0,transition:{delay:.12*eU.length+.2,duration:.45},className:"flex items-end justify-center gap-10 sm:gap-16 mt-8",children:[(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)("p",{className:"text-xs sm:text-sm font-sans font-medium mb-1.5",style:{color:"oklch(55% 0.015 55)"},children:"Typical spend"}),(0,t.jsxs)("p",{className:"font-heading font-bold line-through",style:{fontSize:"clamp(1.6rem, 3vw, 2.25rem)",color:"oklch(55% 0.15 25)",textDecorationThickness:"2.5px"},children:["$",eK.toLocaleString(),(0,t.jsx)("span",{className:"text-base",children:"/mo"})]})]}),(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)("p",{className:"text-xs sm:text-sm font-sans font-medium mb-1.5",style:{color:"oklch(55% 0.015 55)"},children:"TradeSite"}),(0,t.jsxs)("p",{className:"font-heading font-bold",style:{fontSize:"clamp(1.6rem, 3vw, 2.25rem)",color:"oklch(55% 0.15 150)"},children:["$297",(0,t.jsx)("span",{className:"text-base",style:{color:"oklch(42% 0.02 55)"},children:"/mo"})]})]})]}),(0,t.jsx)(z.motion.p,{initial:!e&&{opacity:0},animate:s?{opacity:1}:void 0,transition:{delay:.12*eU.length+.45,duration:.4},className:"text-sm sm:text-base font-sans font-medium leading-relaxed text-center mt-5",style:{color:"oklch(42% 0.02 55)",maxWidth:"44ch"},children:"Everything above, bundled into one plan. One extra job covers it for the whole year."})]})}let eJ=/^\d|(?:street|st|avenue|ave|road|rd|drive|dr|boulevard|blvd|lane|ln|way|court|ct|place|pl|highway|hwy|pike|trail|parkway|pkwy)\s*$/i;function eZ(e,t,s,a){var r,n;let l=e.addressComponents||[],i="",o="",c="";for(let e of l){let t=e.types||[];t.includes("locality")||!i&&t.includes("sublocality_level_1")?i=e.longText||"":!i&&t.includes("administrative_area_level_2")&&(i=e.longText||""),t.includes("administrative_area_level_1")&&(o=e.shortText||""),t.includes("postal_code")&&!c&&(c=e.longText||"")}if(!i||!o){let e=s.split(",").map(e=>e.trim()).filter(Boolean),t=+!!(e.length>=3&&eJ.test(e[0])),a=t+1;!i&&e[t]&&(i=e[t]),!o&&e[a]&&e[a].length<=3&&(o=e[a])}let d="string"==typeof e.displayName?e.displayName:(null==(r=e.displayName)?void 0:r.text)||t,x=["street_number","route","premise","subpremise","street_address","establishment"],p=l.some(e=>(e.types||[]).some(e=>x.includes(e)))||(e.types||[]).includes("establishment"),h="string"==typeof e.primaryTypeDisplayName?e.primaryTypeDisplayName:(null==(n=e.primaryTypeDisplayName)?void 0:n.text)||"";return{name:d,formatted_address:e.formattedAddress||"",place_id:e.id||a,address_components:l,types:e.types||[],primaryType:e.primaryType||"",primaryTypeDisplayName:h,city:i,state:o,isSAB:!p,zip:c,rating:null!=e.rating?Number(e.rating):void 0,userRating
145Count:null!=e.userRatingCount?Number(e.userRatingCount):void 0,phoneNumber:e.nationalPhoneNumber||e.internationalPhoneNumber||void 0,websiteUri:e.websiteUri||void 0}}function eQ(e){let{onBuild:s}=e,l=(0,W.useTenant)(),d=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:400,[t,s]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let t=window;if("function"==typeof t.requestIdleCallback){let a=t.requestIdleCallback(()=>s(!0),{timeout:e+400});return()=>{let e=window.cancelIdleCallback;e&&e(a)}}let a=setTimeout(()=>s(!0),e);return()=>clearTimeout(a)},[e]),t}(400),[x,p]=(0,a.useState)(!1),[h,m]=(0,a.useState)(!1),[u,f]=(0,a.useState)(!1),[b,y]=(0,a.useState)(!1),w=(0,a.useRef)(null),k=(0,a.useRef)(null),N=(0,a.useRef)(null),C=(0,a.useRef)(null),[B,E]=(0,a.useState)(!1),[A,_]=(0,a.useState)(1),[P,F]=(0,a.useState)(null),[G,D]=(0,a.useState)(!1),[O,H]=(0,a.useState)(0),[Y,$]=(0,a.useState)(""),[q,V]=(0,a.useState)(null),[U,K]=(0,a.useState)([]),[X,J]=(0,a.useState)(!1),[Z,Q]=(0,a.useState)(-1),ee=(0,a.useRef)(null),et=(0,a.useRef)(null),es=(0,a.useRef)(null),ea=(0,a.useRef)(!1),er=(0,a.useRef)(null),en=(0,a.useRef)(null),el=(0,a.useRef)(null),ei=(0,a.useRef)(null),ep=(0,a.useRef)(0),eh=(0,a.useRef)(!1),em=(0,a.useRef)(null),eu=(0,a.useRef)(!0),ef=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=document.querySelectorAll(".fade-up, .stagger-children");if(!e.length)return;let t=new IntersectionObserver(e=>{for(let s of e)s.isIntersecting&&(s.target.classList.add("visible"),t.unobserve(s.target))},{threshold:.08});return e.forEach(e=>t.observe(e)),()=>t.disconnect()},[]);let eg=(0,a.useCallback)(()=>ea.current?Promise.resolve():(ef.current||(ef.current=new Promise(e=>{var t;let s=async()=>{try{let e=await window.google.maps.importLibrary("places");ea.current=!0,e.AutocompleteSuggestion&&(en.current=e.AutocompleteSuggestion)}catch{}e()};if(null==(t=window.google)?void 0:t.maps)s();else{let e=document.createElement("script");e.src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCzPuHeRiDcSjBHE2TTrvfZT7tXLmJGA_U&libraries=places&loading=async&v=beta",e.async=!0,e.onload=()=>s(),document.head.appendChild(e)}})),ef.current),[]),eb=(0,a.useCallback)(async e=>{try{let t=await fetch("/api/places-autocomplete",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({input:e})}),s=await t.json();if(s.fallback)return eu.current=!1,!1;let a=(s.suggestions||[]).filter(e=>e.placePrediction);return K(a),J(a.length>0),Q(-1),!0}catch{return eu.current=!1,!1}},[]),ey=(0,a.useCallback)(async e=>{try{if(en.current){el.current||(el.current=new window.google.maps.places.AutocompleteSessionToken);let{suggestions:t}=await en.current.fetchAutocompleteSuggestions({input:e,sessionToken:el.current,includedPrimaryTypes:["establishment"],includedRegionCodes:["us","gb","ca","au","nz","ie"]}),s=(t||[]).filter(e=>e.placePrediction);K(s),J(s.length>0),Q(-1);return}new window.google.maps.places.AutocompleteService().getPlacePredictions({input:e,types:["establishment"]},(e,t)=>{if("OK"===t&&e){let t=e.map(e=>{var t,s;return{placePrediction:{placeId:e.place_id,structuredFormat:{mainText:{text:(null==(t=e.structured_formatting)?void 0:t.main_text)||e.description},secondaryText:{text:(null==(s=e.structured_formatting)?void 0:s.secondary_text)||""}},text:{text:e.description}}}});K(t),J(t.length>0),Q(-1)}else K([]),J(!1)})}catch{K([]),J(!1)}},[]),ev=(0,a.useCallback)(async e=>{if(e.length<2){K([]),J(!1);return}eu.current&&await eb(e)||(eg(),await ey(e))},[eb,ey,eg]),ew=(0,a.useCallback)(e=>{$(e),q&&(V(null),ep.current++,ei.current=null),e.length>=2&&E(!0),em.current&&clearTimeout(em.current),em.current=setTimeout(async()=>{await ev(e),E(!1)},300)},[q,ev]),ej=(0,a.useCallback)(async e=>{var t,s,a,r,n,l;let i=e.placePrediction,o=i.placeId||(null==(t=i.place)?void 0:t.split("/").pop()),c=(null==(a=i.structuredFormat)||null==(s=a.mainText)?void 0:s.text)||(null==(r=i.text)?void 0:r.text)||"",d=(null==(l=i.structuredFormat)||null==(n=l.secondaryText)?void 0:n.text)||"";$(c+(d?`, ${d}`:"")),K([]),J(!1),el.current=null;let x=++ep.current,p=d.split(",").map(e=>
145e.trim()).filter(Boolean),h=+!!(p.length>=3&&eJ.test(p[0])),m=h+1,u={name:c,formatted_address:d,place_id:o,address_components:[],types:[],primaryType:"",city:p[h]||"",state:(p[m]&&p[m].length<=3?p[m]:p[1])||"",isSAB:!1};V(u);let f=(async()=>{try{var e;let t=await fetch("/api/place-details",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({placeId:o})}),s=await t.json();if(null==s||null==(e=s.place)?void 0:e.formattedAddress){let e=eZ(s.place,c,d,o);return ep.current===x&&V(e),e}}catch(e){console.warn("[LandingPageV4] place-details proxy failed, falling back to client SDK:",e)}try{await eg();let{Place:e}=await window.google.maps.importLibrary("places"),t=new e({id:o});await t.fetchFields({fields:["displayName","formattedAddress","addressComponents","id","primaryType","primaryTypeDisplayName","types"]});try{await t.fetchFields({fields:["rating","userRatingCount","nationalPhoneNumber","internationalPhoneNumber","websiteUri"]})}catch{}let s=eZ(t,c,d,o);return ep.current===x&&V(s),s}catch(e){return console.error("[LandingPageV4] fetchFields FAILED:",e),u}})();ei.current=f,await f},[eg]);(0,a.useEffect)(()=>{let e=e=>{let t=e.target;[et,ee,es,k].some(e=>e.current&&e.current.contains(t))||J(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e),em.current&&clearTimeout(em.current),el.current=null}},[]);let ek=(0,a.useRef)(null);(0,a.useCallback)(e=>{if(!C.current||!ek.current)return;C.current.style.backgroundImage||(C.current.style.backgroundImage="url('/images/hero-desktop.webp')");let t=e.currentTarget.getBoundingClientRect(),s=e.clientX-t.left,a=e.clientY-t.top,r=ek.current.children,n=1/0;for(let t=0;t<r.length;t++){let s=r[t].getBoundingClientRect(),a=Math.max(s.left-e.clientX,0,e.clientX-s.right),l=Math.max(s.top-e.clientY,0,e.clientY-s.bottom);n=Math.min(n,Math.sqrt(a*a+l*l))}let l=.8*Math.min(n/60,1),i=`radial-gradient(400px circle at ${s}px ${a}px, black 0%, black 15%, transparent 60%)`;C.current.style.maskImage=i,C.current.style.webkitMaskImage=i,C.current.style.opacity=String(l)},[]),(0,a.useCallback)(()=>{C.current&&(C.current.style.opacity="0")},[]);let eN=(0,a.useCallback)(()=>{x||p(!0),setTimeout(()=>{var e;null==(e=ee.current)||e.focus(),setTimeout(()=>{let e=document.querySelector("[data-hero-cta]");if(e){let t=e.getBoundingClientRect(),s=window.innerWidth<640?120:window.innerHeight/2-t.height/2;window.scrollTo({top:Math.max(0,window.scrollY+t.top-s),behavior:"smooth"})}},50)},100)},[x]);(0,a.useEffect)(()=>{let e=()=>eN();return window.addEventListener("tradesite:focus-hero",e),()=>window.removeEventListener("tradesite:focus-hero",e)},[eN]),(0,a.useEffect)(()=>{let e=e=>{let t=document.getElementById(e);t&&(t.scrollIntoView({behavior:"smooth"}),[350,700,1100].forEach(t=>setTimeout(()=>{var t;return null==(t=document.getElementById(e))?void 0:t.scrollIntoView({behavior:"smooth"})},t)))},t=t=>{var s,a;let r;if(t.defaultPrevented||0!==t.button||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return;let n=null==(a=t.target)||null==(s=a.closest)?void 0:s.call(a,"a[href]");if(n){try{r=new URL(n.href,window.location.href)}catch{return}r.origin!==window.location.origin||r.pathname!==window.location.pathname||!r.hash||"#"===r.hash||document.getElementById(r.hash.slice(1))&&(t.preventDefault(),window.location.hash!==r.hash&&history.pushState(null,"",r.hash),e(r.hash.slice(1)))}};return document.addEventListener("click",t,!0),window.location.hash&&document.getElementById(window.location.hash.slice(1))&&setTimeout(()=>e(window.location.hash.slice(1)),300),()=>document.removeEventListener("click",t,!0)},[]);let eS=async()=>{if(!Y.trim()||eh.current)return;let e=q;if(ei.current){eh.current=!0;try{let t=await Promise.race([ei.current,new Promise(e=>setTimeout(e,2500))]);t&&(e=t)}finally{eh.current=!1}}s({name:(null==e?void 0:e.name)||Y.trim(),address:(null==e?void 0:e.formatted_address)||"",city:(null==e?void 0:e.city)||"",state:(null==e?void 0:e.state)||"",googlePlaceId:null==e?void 0:e.place_id,originalQuery:Y.trim(),types:(null==e?void 0:e.types)||[],primaryType:(null==e?void 0:e.primaryType)||"",primaryTypeDisplayName:(null==e?void 0:e.primaryTypeDisplayName)||"",isSAB:(null==e?void 0:e.isSAB)||!1,zip:(null==e?void 0:e.zip)||"",rating:null==e?void 0:e.rating,userRating
145Count:null==e?void 0:e.userRatingCount,phoneNumber:null==e?void 0:e.phoneNumber,websiteUri:null==e?void 0:e.websiteUri})},ez="var(--font-body), system-ui, sans-serif",eC={lineHeight:1.65},[eM,eT]=(0,a.useState)("old"),[eI,eL]=(0,a.useState)(!1),[eP,eF]=(0,a.useState)(!1),eU=(0,a.useRef)(null),eK=(0,M.useReducedMotion)(),eQ=(0,a.useRef)(null),{scrollYProgress:e0}=(0,T.useScroll)({target:eQ,offset:["start 0.85","end 0.6"]}),e1=(0,L.useMotionValue)(0);(0,R.useMotionValueEvent)(e0,"change",e=>{e>e1.get()&&e1.set(e)});let e2=(0,I.useTransform)(e1,[.55,.82],["inset(0 0 100% 0)","inset(0 0 0% 0)"]),e5=(0,I.useTransform)(e1,[.82,1],["inset(100% 0 0 0)","inset(0% 0 0 0)"]),e4=(0,I.useTransform)(e1,[0,.55],["inset(0 100% 0 0)","inset(0 0% 0 0)"]),e6=(0,I.useTransform)(e1,[.5,1],["inset(0 0 0 100%)","inset(0 0 0 0%)"]);(0,a.useEffect)(()=>{let e=w.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;f(!t.isIntersecting&&t.boundingClientRect.top<0)},{threshold:0});return t.observe(e),()=>t.disconnect()},[]),(0,a.useEffect)(()=>{if(!eU.current)return;let e=new IntersectionObserver(e=>{let[t]=e;return eF(t.isIntersecting)},{threshold:.1});return e.observe(eU.current),()=>e.disconnect()},[]),(0,a.useEffect)(()=>{if(eK||eI||!eP)return;let e=setTimeout(()=>{eT(e=>"old"===e?"new":"old")},4500);return()=>clearTimeout(e)},[eM,eI,eP,eK]);let e3={duration:.7,ease:[.22,1,.36,1]},e8={x:-30,scale:1,zIndex:2,opacity:1,filter:"saturate(1)",transition:e3},e7={x:85,scale:.7,zIndex:1,opacity:.95,filter:"saturate(0.7)",transition:e3};return(0,t.jsxs)("div",{className:`${i.variable} min-h-screen bg-gradient-to-br from-[#c4e0ff] to-[#e6f0ff] relative overflow-x-clip`,style:{...eB,fontFamily:ez,color:"var(--ts-text)"},children:[(0,t.jsx)("link",{rel:"preload",as:"image",media:"(max-width: 639px)",href:"/images/centered-mobile-bg-1-656.webp",fetchPriority:"high"}),(0,t.jsx)("link",{rel:"preload",as:"image",media:"(min-width: 640px)",imageSrcSet:"/images/centered-hero-bg-desktop-3-1280.webp 1280w, /images/centered-hero-bg-desktop-3-1960.webp 1960w",imageSizes:"100vw",fetchPriority:"high"}),(0,t.jsx)("link",{rel:"preload",as:"font",type:"font/woff2",href:"/fonts/general-sans-700.woff2",crossOrigin:"anonymous"}),(0,t.jsx)("div",{className:"absolute w-[40rem] h-[40rem] bg-blue-400/40 rounded-full mix-blend-multiply filter blur-3xl op
145acity-70 top-[-10%] left-[-10%] pointer-events-none"}),(0,t.jsx)("div",{className:"absolute w-[35rem] h-[35rem] bg-purple-300/40 rounded-full mix-blend-multiply filter blur-3xl opacity-70 bottom-[#10%] right-[-5%] pointer-events-none"}),(0,t.jsx)("div",{className:"absolute w-[30rem] h-[30rem] bg-cyan-300/40 rounded-full mix-blend-multiply filter blur-3xl opacity-70 top-[20%] right-[10%] pointer-events-none"}),h&&(0,t.jsx)("div",{className:"fixed inset-0 cursor-pointer animate-[fadeIn_500ms_ease-out_forwards]",style:{background:"oklch(10% 0.02 260 / 0.45)",zIndex:9990},onClick:()=>{var e;null==(e=ee.current)||e.blur(),m(!1)}}),u&&b&&(0,t.jsx)("div",{className:"fixed inset-0 cursor-pointer animate-[fadeIn_300ms_ease-out_forwards]",style:{background:"oklch(10% 0.02 260 / 0.35)",zIndex:9960},onClick:()=>{var e;null==(e=k.current)||e.blur(),y(!1)}}),(0,t.jsx)("div",{"aria-hidden":"true",className:`sm:hidden fixed inset-x-0 bottom-0 h-72 pointer-events-none transition-opacity duration-300 ease-out ${u&&b?"opacity-100":"opacity-0"}`,style:{zIndex:9965,background:"linear-gradient(to top, oklch(10% 0.02 260 / 0.5), oklch(10% 0.02 260 / 0.12) 55%, transparent)",backdropFilter:"blur(1px)",WebkitBackdropFilter:"blur(1px)",maskImage:"linear-gradient(to top, black 25%, transparent)",WebkitMaskImage:"linear-gradient(to top, black 25%, transparent)"}}),(0,t.jsx)("div",{"aria-hidden":"true",className:`hidden sm:block fixed inset-x-0 bottom-0 h-80 pointer-events-none transition-opacity duration-300 ease-out ${u&&b?"opacity-100":"opacity-0"}`,style:{zIndex:9965,background:"linear-gradient(to top, oklch(10% 0.02 260 / 0.5), oklch(10% 0.02 260 / 0.12) 55%, transparent)",backdropFilter:"blur(1px)",WebkitBackdropFilter:"blur(1px)",maskImage:"radial-gradient(42% 145% at 50% 100%, black 12%, transparent 95%)",WebkitMaskImage:"radial-gradient(42% 145% at 50% 100%, black 12%, transparent 95%)"}}),(0,t.jsxs)("div",{"aria-hidden":!u,className:`fixed left-1/2 bottom-5 -translate-x-1/2 z-[9970] w-[min(30rem,calc(100vw-1.5rem))] px-0 will-change-[translate,scale,opacity] transition-[opacity,translate,scale] ${u?"duration-[480ms] ease-[cubic-bezier(0.16,1,0.3,1)] translate-y-0 scale-100 opacity-100 pointer-events-auto":"duration-[340ms] ease-[cubic-bezier(0.4,0,1,1)] translate-y-[calc(100%+2rem)] scale-[0.98] opacity-0 pointer-events-none"}`,children:[u&&X&&U.length>0&&(0,t.jsx)("div",{ref:es,className:"absolute left-0 right-0 bottom-full mb-2 z-50 rounded-lg overflow-hidden max-h-64 overflow-y-auto bg-neutral-800 border border-neutral-600 animate-[dropdownIn_150ms_cubic-bezier(0.23,1,0.32,1)_forwards]",style:{boxShadow:"0 -8px 32px oklch(10% 0.02 260 / 0.5)",transformOrigin:"bottom"},children:U.map((e,s)=>{var a,r,n,l,i;let o=e.placePrediction,c=(null==(r=o.structuredFormat)||null==(a=r.mainText)?void 0:a.text)||(null==(n=o.text)?void 0:n.text)||"",d=(null==(i=o.structuredFormat)||null==(l=i.secondaryText)?void 0:l.text)||"";return(0,t.jsxs)("button",{onPointerDown:e=>{er.current={x:e.clientX,y:e.clientY,t:e.timeStamp}},onPointerUp:t=>{let s=er.current;er.current=null,s&&10>=Math.hypot(t.clientX-s.x,t.clientY-s.y)&&t.timeStamp-s.t<=500&&(t.preventDefault(),ej(e))},onPointerCancel:()=>{er.current=null},className:`w-full px-4 py-3 text-left transition-colors border-b border-neutral-700 last:border-0 ${s===Z?"bg-neutral-700":"hover:bg-neutral-700"}`,children:[(0,t.jsx)("div",{className:"text-sm font-medium text-white",children:c}),d&&(0,t.jsx)("div",{className:"text-xs text-neutral-400 mt-0.5",children:d})]},o.placeId||s)})}),(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-2xl bg-white p-2",style:{border:"1px solid oklch(85% 0.01 70)",boxShadow:"0 12px 40px oklch(22% 0.06 260 / 0.22), 0 2px 8px oklch(22% 0.06 260 / 0.1)"},children:[(0,t.jsx)("div",{className:"pointer-events-none ps-2 text-neutral-400",children:(0,t.jsx)(o.Search,{size:18,strokeWidth:2})}),(0,t.jsx)("input",{ref:k,type:"text",value:Y,onChange:e=>ew(e.target.value),onFocus:()=>{y(!0),U.length>0&&J(!0)},onBlur:()=>y(!1),onKeyDown:e=>{if(!X||!U.length){"Enter"===e.key&&(e.preventDefault(),eS());return}"ArrowDown"===e.key?(e.preventDefault(),Q(e=>Math.min(e+1,U.length-1))):"ArrowUp"===e.key?(e.preventDefault(),Q(e=>Math.max(e-1,0))):"Enter"===e.key&&Z>=0?(e.preventDefault(),ej(U[Z])):"Enter"===e.key?(e.preventDefault(),eS()):"Escape"===e.key&&J(!1)},placeholder:"Type your business name...",className:"flex-1 min-w-0 bg-transparent text-base outline-none placeholder:text-neutral-400",style:{fontFamily:ez,color:"var(--ts-text)"},autoComplete:"off",tabIndex:u?0:-1}),(0,t.jsx)(eo.ClayGlassButton,{onClick:eS,className:"uppercase whitespace-nowrap shrink-0",style:{background:"var(--ts-accent)",fontSize:"0.8125rem"},children:"Go â"})]}),(0,t.jsxs)("div",{className:`overflow-hidden transition-[opacity,translate,max-height] duration-300 ease-out ${b?"opacity-100 translate-y-0 max-h-40 mt-3":"op
145acity-0 -translate-y-2 max-h-0 mt-0 pointer-events-none"} ${b&&Y.trim()?"max-sm:opacity-0 max-sm:-translate-y-2 max-sm:max-h-0 max-sm:mt-0 max-sm:pointer-events-none":""}`,children:[(0,t.jsx)("div",{className:"flex flex-wrap justify-center gap-x-5 gap-y-2 mb-2",children:["No credit card","Free preview","Ready in 3 minutes"].map(e=>(0,t.jsxs)("span",{className:"flex items-center gap-1.5 text-sm text-white",children:[(0,t.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--ts-green)"},children:(0,t.jsx)("path",{d:"M5 13l4 4L19 7"})}),e]},e))}),(0,t.jsx)("p",{className:"hidden sm:block text-xs text-center text-white",children:"You'll see a preview of your site in about 3 minutes. No account needed."})]})]}),(0,t.jsx)(ec.MarketingHeader,{logoAlt:l.companyName,banner:(0,t.jsx)(ed.ReferralOfferBar,{})}),(0,t.jsxs)("div",{className:"relative",style:{zIndex:h?9995:"auto"},children:[(0,t.jsxs)("div",{ref:N,className:"relative overflow-hidden",style:{background:"#fdf5ef"},children:[(0,t.jsx)("div",{className:"absolute inset-0 pointer-events-none",children:(0,t.jsxs)("picture",{children:[(0,t.jsx)("source",{media:"(max-width: 639px)",srcSet:"/images/centered-mobile-bg-1-656.webp"}),(0,t.jsx)("img",{src:"/images/centered-hero-bg-desktop-3-1960.webp",srcSet:"/images/centered-hero-bg-desktop-3-1280.webp 1280w, /images/centered-hero-bg-desktop-3-1960.webp 1960w",sizes:"100vw",alt:"",fetchPriority:"high",decoding:"async",className:"absolute inset-0 h-full w-full object-cover",style:{objectPosition:"center 100%"}})]})}),(0,t.jsx)("div",{className:"absolute inset-0 z-[3] pointer-events-none transition-opacity duration-500 ease-out",style:{background:"oklch(10% 0.02 260 / 0.6)",opacity:+!!h}}),(0,t.jsx)("main",{className:`max-w-7xl mx-auto pt-6 sm:pt-10 lg:pt-[17px] pb-56 sm:pb-64 lg:pb-[355px] px-[15px] sm:px-6 lg:px-8 relative ${X||h?"z-20":"z-[4]"}`,children:(0,t.jsx)("div",{className:"flex flex-col items-center",children:(0,t.jsxs)("div",{ref:ek,className:"text-center hero-enter flex flex-col items-center justify-center lg:pt-8 max-w-3xl lg:max-w-5xl",children:[(0,t.jsxs)("div",{className:"transition-[filter] duration-500 ease-out",style:{filter:h?"brightness(0.35)":"brightness(1)"},children:[(0,t.jsxs)("div",{className:"flex items-center justify-start sm:justify-center gap-2.5 mb-6",children:[(0,t.jsxs)("div",{className:"flex -space-x-2",children:[[0,1,2,3].map(e=>(0,t.jsx)("div",{className:"w-7 h-7 rounded-full border-2 border-neutral-300",style:{background:`oklch(${55+8*e}% 0.03 ${40+25*e})`}},e)),(0,t.jsx)("div",{className:"w-7 h-7 rounded-full border-2 border-neutral-300 flex items-center justify-center text-[9px] font-semibold bg-neutral-200 text-neutral-600",children:"200+"})]}),(0,t.jsx)("h1",{className:"text-sm text-neutral-500",children:"Websites & local SEO for contractors"})]}),(0,t.jsxs)("p",{className:"font-['General_Sans',sans-serif] font-black tracking-tight leading-[1.08] text-neutral-900 mb-4",style:{fontSize:"clamp(2rem, 5.5vw, 4.5rem)",letterSpacing:"-0.02em"},children:["Every Job You Finish Should Bring You ",(0,t.jsx)("span",{style:{color:"var(--ts-accent)"},children:"Two More"})]}),(0,t.jsx)("p",{className:"text-base md:text-xl font-medium text-neutral-600 mb-6 max-w-lg mx-auto",style:{lineHeight:1.75},children:"The contractor website that ranks on Google and ChatGPT, and updates every time you text a job photo. See yours free in 3 minutes."})]}),(0,t.jsxs)("div",{className:"flex items-center justify-center gap-2.5 mb-6 transition-[filter] duration-500 ease-out",style:{filter:h?"brightness(0.35)":"brightness(1)"},children:[(0,t.jsx)(r.default,{src:"/tradesite-ai-founder-photo.webp",alt:"Luuk de Haan",width:40,height:40,className:"rounded-full object-cover shrink-0 w-8 h-8 lg:w-10 lg:h-10",style:{objectPosition:"top"}}),(0,t.jsxs)("div",{className:"text-left leading-tight",children:[(0,t.jsx)("p",{className:"font-['General_Sans',sans-serif] font-medium text-[13px] lg:text-[15px] text-neutral-900",children:"6+ years ranking contractors"}),(0,t.jsx)("p",{className:"text-[11px] lg:text-[12.5px] text-neutral-500 font-medium",children:"Built by Luuk, Local SEO veteran"})]})]}),(0,t.jsx)("div",{ref:w,"data-hero-cta":!0,className:`max-w-md mb-4 relative mx-auto ${X?"z-[9999]":"z-20"}`,children:(0,t.jsx)("div",{className:"w-full rounded-2xl overflow-visible",children:(0,t.jsxs)("div",{className:"flex flex-col sm:flex-row sm:gap-3",children:[(0,t.jsxs)("div",{className:"relative flex-1",children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{"aria-hidden":"true",className:"hero-search-glow",style:{opacity:h||X?0:1}}),(0,t.jsx)("div",{className:"pointer-events-none absolute inset-y-0 start-0 z-[2] flex items-center ps-4 text-neutral-400",children:B?(0,t.jsx)(c.LoaderCircle,{className:"animate-spin",size:18,strokeWidth:2}):(0,t.jsx)(o.Search,{size:18,strokeWidth:2})}),(0,t.jsx)("input",{ref:ee,type:"text",value:Y,onChange:e=>ew(e.target.value),onFocus:()=>{U.length>0&&J(!0),m(!0),p(!0)},onBlur:()=>m(!1),onKeyDown:e=>{if(!X||!U.length){"Enter"===e.key&&(e.preventDefault(),eS());return}"ArrowDown"===e.key?(e.preventDefault(),Q(e=>Math.min(e+1,U.length-1))):"ArrowUp"===e.key?(e.preventDefault(),Q(e=>Math.max(e-1,0))):"Enter"===e.key&&Z>=0?(e.preventDefault(),ej(U[Z])):"Escape"===e.key&&J(!1)},placeholder:"Type your business name...",className:"relative z-[1] w-full ps-11 pe-4 py-4 text-base rounded-2xl outline-none border placeholder:text-neutral-400 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-400 transition-shadow",style:{fontFamily:ez,borderColor:"oklch(85% 0.01 70)",background:"#ffffff",color:"var(--ts-text)",minWidth:"280px"},autoComplete:"off"})]}),X&&U.length>0&&(0,t.jsx)("div",{ref:et,className:"absolute top-full left-0 right-0 z-50 mt-1 rounded-lg overflow-hidden max-h-64 overflow-y-auto bg-neutral-800 border border-neutral-600 animate-[dropdownIn_150ms_cubic-bezier(0.23,1,0.32,1)_forwards]",style:{boxShadow:"0 8px 32px oklch(10% 0.02 260 / 0.5)",transformOrigin:"top"},children:U.map((e,s)=>{var a,r,n,l,i;let o=e.placePrediction,c=(null==(r=o.structuredFormat)||null==(a=r.mainText)?void 0:a.text)||(null==(n=o.text)?void 0:n.text)||"",d=(null==(i=o.structuredFormat)||null==(l=i.secondaryText)?void 0:l.text)||"";return(0,t.jsxs)("button",{onClick:()=>ej(e),className:`w-full px-4 py-3 text-left transition-colors border-b border-neutral-700 last:border-0 ${s===Z?"bg-neutral-700":"hover:bg-neutral-700"}`,children:[(0,t.jsx)("div",{className:"text-sm font-medium text-white",children:c}),d&&(0,t.jsx)("div",{className:"text-xs text-neutral-400 mt-0.5",children:d})]},o.placeId||s)})})]}),(0,t.jsx)("div",{className:"flex max-h-24 sm:max-h-none opacity-100 mt-3 sm:mt-0 translate-y-0 overflow-visible pointer-events-auto",children:(0,t.jsxs)(eo.ClayGlassButton,{onClick:()=>
145{if(!Y.trim()){var e;null==(e=ee.current)||e.focus();return}eS()},className:"uppercase whitespace-nowrap w-full sm:w-auto",style:{background:"var(--ts-accent)",fontSize:"0.875rem"},children:[(0,t.jsx)("span",{className:"hidden sm:inline",children:"Go â"}),(0,t.jsx)("span",{className:"sm:hidden",children:"See My Free Site â"})]})})]})})}),(0,t.jsx)("div",{className:"flex flex-wrap justify-center gap-x-5 gap-y-2 relative z-10",children:["No credit card","Free preview","Ready in 3 minutes"].map(e=>(0,t.jsxs)("span",{className:"flex items-center gap-1.5 text-sm transition-colors duration-500 ease-out",style:{color:h?"white":"rgb(115 115 115)"},children:[(0,t.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--ts-green)"},children:(0,t.jsx)("path",{d:"M5 13l4 4L19 7"})}),e]},e))})]})})})]}),(0,t.jsxs)("div",{className:"hidden lg:block absolute bottom-0 left-1/2 -translate-x-1/2 lg:-translate-x-[45%] lg:translate-y-[calc(34%_+_25px)] lg:ml-[25px] z-10 pointer-events-none lg:scale-100 origin-bottom transition-[filter] duration-500 ease-out",style:{filter:h?"brightness(0.35)":"brightness(1)"},children:[(0,t.jsx)("div",{className:"pointer-events-auto",children:d?(0,t.jsx)(a.Suspense,{fallback:(0,t.jsx)(eH,{}),children:(0,t.jsx)(eR,{})}):(0,t.jsx)(eH,{})}),(0,t.jsxs)("div",{className:"hidden lg:flex flex-col items-start absolute -right-[250px] bottom-[60px] pointer-events-none",children:[(0,t.jsx)("p",{className:"text-[10px] font-['General_Sans',sans-serif] font-bold uppercase tracking-[0.2em] text-neutral-500 mb-3",children:"built to rank on"}),(0,t.jsxs)("div",{className:"flex flex-col gap-2.5 opacity-40",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsxs)("svg",{className:"h-[24px] w-auto",viewBox:"0 0 272 92",fill:"#171717",children:[(0,t.jsx)("path",{d:"M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"}),(0,t.jsx)("path",{d:"M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"}),(0,t.jsx)("path",{d:"M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36z"}),(0,t.jsx)("path",{d:"M225 3v65h-9.5V3h9.5z"}),(0,t.jsx)("path",{d:"M262.02 54.48l7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14zm-23.27-7.98l19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93z"}),(0,t.jsx)("path",{d:"M35.29 41.19V32H67.6c.32 1.68.48 3.66.48 5.81 0 7.23-1.98 16.16-8.35 22.52C53.54 66.66 45.54 70 35.3 70 16.23 70 .46 54.72.46 35.65S16.23 1.3 35.3 1.3c10.58 0 18.12 4.15 23.78 9.57l-6.69 6.69c-4.05-3.78-9.53-6.73-17.09-6.73-13.95 0-24.86 11.25-24.86 25.14s10.91 25.14 24.86 25.14c9.07 0 14.24-3.64 17.55-6.95 2.68-2.68 4.44-6.51 5.14-11.72l-22.7-.25z"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[22px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .51 4.911 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.99 5.99 0 0 0 3.997-2.9 6.056 6.056 0 0 0-.747-7.073zM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 0 0 .392-.681v-6.737l2.02 1.168a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494zM3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085 4.783 2.759a.771.771 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646zM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.676l5.815 3.355-2.02 1.168a.076.076 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.795.795 0 0 0-.393.681zm1.097-2.365l2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[13px] text-neutral-900",children:"ChatGPT"})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[22px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M12 0C12 6.627 6.627 12 0 12c6.627 0 12 5.373 12 12 0-6.627 5.373-12 12-12-6.627 0-12-5.373-12-12z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[13px] text-neutral-900",children:"Gemini"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[22px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M19.527 4.799c1.212 2.608.937 5.678-.405 8.173-1.101 2.047-2.744 3.74-4.098 5.614-.619.858-1.244 1.75-1.669 2.727-.141.325-.263.658-.383.992-.121.333-.224.673-.34 1.008-.109.314-.236.684-.627.687h-.007c-.466-.001-.579-.53-.695-.887-.284-.874-.581-1.713-1.019-2.525-.51-.944-1.145-1.817-1.79-2.671L19.527 4.799zM8.545 7.705l-3.959 4.707c.724 1.54 1.821 2.863 2.871 4.18.247.31.494.622.737.936l4.984-5.925-.029.01c-1.741.601-3.691-.291-4.392-1.987a3.377 3.377 0 0 1-.209-.716c-.063-.437-.077-.761-.004-1.198l.001-.007zM5.492 3.149l-.003.004c-1.947 2.466-2.281 5.88-1.
145117 8.77l4.785-5.689-.058-.05-3.607-3.035zM14.661.436l-3.838 4.563a.295.295 0 0 1 .027-.01c1.6-.551 3.403.15 4.22 1.626.176.319.323.683.377 1.045.068.446.085.773.012 1.22l-.003.016 3.836-4.561A8.382 8.382 0 0 0 14.67.439l-.009-.003zM9.466 5.868L14.162.285l-.047-.012A8.31 8.31 0 0 0 11.986 0a8.439 8.439 0 0 0-6.169 2.766l-.016.018 3.665 3.084z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[13px] text-neutral-900",children:"Maps"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[20px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M13.982 10.622L20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378zm-2.128 2.474l-.697-.997L5.657 4.16h2.386l4.474 6.4.697.996 5.815 8.318h-2.386l-4.745-6.778z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[13px] text-neutral-900",children:"Grok"})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[22px] w-auto",viewBox:"0 0 503 696",fill:"#171717",children:(0,t.jsx)("path",{d:"M0 0l154.9 56.4v495.4l185.9-108.6-106.7-49.4L154.9 170l348.1 170L154.9 696V551.8L0 486z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[13px] text-neutral-900",children:"Bing"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[22px] w-auto",viewBox:"0 0 100 100",fill:"#171717",children:(0,t.jsxs)("g",{transform:"translate(50,50)",children:[(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(0)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-45",width:"5",height:"35",rx:"2.5",transform:"rotate(28)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(56)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-43",width:"5",height:"33",rx:"2.5",transform:"rotate(84)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(110)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-45",width:"5",height:"35",rx:"2.5",transform:"rotate(138)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(165)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-43",width:"5",height:"33",rx:"2.5",transform:"rotate(193)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(221)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-45",width:"5",height:"35",rx:"2.5",transform:"rotate(249)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(276)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-43",width:"5",height:"33",rx:"2.5",transform:"rotate(304)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-45",width:"5",height:"35",rx:"2.5",transform:"rotate(332)"})]})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[13px] text-neutral-900",children:"Claude"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[22px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M14.845 5.072l-3.026 5.76-3.291-5.76H4.5l5.393 9.083V21h3.233v-6.845L18.5 5.072h-3.655z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[13px] text-neutral-900",children:"Yahoo"})]})]})]})]})]}),(0,t.jsx)("div",{className:"hidden min-[1440px]:block absolute pointer-events-none z-20 transition-[filter] duration-500 ease-out",style:{left:"max(24px, calc(50% - 700px))",bottom:0,width:"560px",transform:"translateY(275px)",filter:h?"brightness(0.35)":"brightness(1)"},children:(0,t.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,t.jsxs)("div",{className:"flex items-start gap-6",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center shrink-0",style:{width:"130px"},children:[(0,t.jsx)(r.default,{src:"/tradesite-ai-founder-photo.webp",alt:"Luuk de Haan, founder of TradeSite AI",width:130,height:130,className:"rounded-full object-cover border-[3px] border-white shadow-[0_6px_18px_rgba(0,0,0,0.16)]",style:{objectPosition:"top"}}),(0,t.jsx)("p",{className:"font-['General_Sans',sans-serif] font-semibold text-[16px] text-neutral-900 leading-tight mt-3 text-center",children:"Luuk de Haan"}),(0,t.jsx)("p",{className:"text-[10px] text-neutral-500 uppercase tracking-[0.1em] font-semibold mt-1 text-center leading-tight",children:"Contractor SEO nerd"})]}),(0,t.jsxs)("div",{className:"flex flex-col flex-1 min-w-0 pr-2.5",children:[(0,t.jsx)("p",{className:"text-[11px] font-['General_Sans',sans-serif] font-bold uppercase tracking-[0.2em] text-neutral-500 mb-2.5",children:"Who built this"}),(0,t.jsx)("h3",{className:"font-['General_Sans',sans-serif] font-bold text-[20px] leading-[1.28] text-neutral-900",children:"I spent 6 years doing contractor SEO by hand. Now this system does it perfectly."}),(0,t.jsx)("p",{className:"text-[13px] text-neutral-600 leading-relaxed mt-3",children:"I'm Luuk. For 6 years I did contractor SEO the hard
145way, one client at a time. Most of that work could be automated, so I built TradeSite to run my full playbook for a fraction of the agency price, with the same results and none of the markup."})]})]}),(0,t.jsx)("div",{className:"flex flex-row flex-wrap items-center gap-x-7 gap-y-2",children:["6 years in contractor SEO","5,900 leads driven for contractors"].map(e=>(0,t.jsxs)("span",{className:"inline-flex items-center gap-2 text-[13px] font-['General_Sans',sans-serif] font-semibold text-neutral-700",children:[(0,t.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0",style:{color:"var(--ts-green)"},children:(0,t.jsx)("path",{d:"M5 13l4 4L19 7"})}),e]},e))})]})}),!1,(0,t.jsx)("div",{className:"relative transition-opacity duration-500 ease-out","data-anim-section":!0,style:{opacity:h?.3:1},children:(0,t.jsx)("div",{className:"py-4 overflow-hidden border-b-0 md:border-b-4",style:{background:"var(--ts-sand)",borderTopWidth:4,borderColor:"var(--ts-border)"},children:(0,t.jsx)("div",{className:"marquee-track marquee-fast-mobile whitespace-nowrap",children:[void 0,void 0].map((e,s)=>(0,t.jsx)("div",{className:"inline-flex items-center shrink-0","aria-hidden":s>0?"true":void 0,children:["Johnson Roofing Co.","Elite Concrete LLC","Premier Plumbing","Apex Landscaping","Summit Electric","ProBuild Remodeling","Iron Gate Fencing","ClearView Painting"].map(e=>(0,t.jsxs)("span",{className:"flex items-center px-8",children:[(0,t.jsx)("span",{className:"w-7 h-7 flex items-center justify-center mr-3 shrink-0",style:{background:"var(--ts-dark)",border:"2px solid oklch(35% 0.06 260)"},children:(0,t.jsx)("span",{className:"w-3.5 h-3.5",style:{background:"var(--ts-accent)"}})}),(0,t.jsx)("span",{className:"font-['General_Sans',sans-serif] font-bold text-sm uppercase tracking-wider whitespace-nowrap",style:{color:"var(--ts-text)"},children:e}),(0,t.jsx)("span",{className:"ml-8 font-['General_Sans',sans-serif] font-black",style:{color:"oklch(75% 0.03 260)"},children:"*"})]},`${s}-${e}`))},s))})})})]}),(0,t.jsxs)("section",{className:"pt-[clamp(5rem,11vw,8rem)] lg:pt-[clamp(16rem,25vw,22rem)] pb-[clamp(2rem,4vw,3.5rem)] px-5 sm:px-8 fade-up relative overflow-x-clip lg:overflow-hidden",style:{background:"#faf9f6"},children:[(0,t.jsx)("div",{className:"absolute pointer-events-none rounded-full blur-3xl op
145acity-40",style:{width:"460px",height:"460px",top:"8%",left:"-6%",background:"oklch(62% 0.19 45 / 0.07)"}}),(0,t.jsx)("div",{className:"absolute pointer-events-none rounded-full blur-3xl opacity-30",style:{width:"380px",height:"380px",bottom:"6%",right:"-4%",background:"oklch(55% 0.18 260 / 0.06)"}}),(0,t.jsx)("div",{className:"lg:hidden flex justify-center mb-16 relative",children:(0,t.jsxs)("div",{className:"grid grid-cols-[auto_1fr] items-end gap-2 sm:gap-4",children:[(0,t.jsx)("div",{className:"relative scale-[0.85] origin-bottom -mt-[clamp(8rem,30vw,13rem)]",children:d?(0,t.jsx)(a.Suspense,{fallback:(0,t.jsx)(eH,{}),children:(0,t.jsx)(eR,{isStatic:!0})}):(0,t.jsx)(eH,{})}),(0,t.jsxs)("div",{className:"flex flex-col pb-6",children:[(0,t.jsx)("p",{className:"text-xs font-['General_Sans',sans-serif] font-bold uppercase tracking-[0.2em] text-neutral-500 mb-4",children:"Built to Rank on:"}),(0,t.jsxs)("div",{className:"flex flex-wrap gap-x-5 gap-y-3 opacity-40 max-w-[280px]",children:[(0,t.jsx)("div",{className:"flex items-center gap-1",children:(0,t.jsxs)("svg",{className:"h-[26px] w-auto",viewBox:"0 0 272 92",fill:"#171717",children:[(0,t.jsx)("path",{d:"M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"}),(0,t.jsx)("path",{d:"M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"}),(0,t.jsx)("path",{d:"M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36z"}),(0,t.jsx)("path",{d:"M225 3v65h-9.5V3h9.5z"}),(0,t.jsx)("path",{d:"M262.02 54.48l7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14zm-23.27-7.98l19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93z"}),(0,t.jsx)("path",{d:"M35.29 41.19V32H67.6c.32 1.68.48 3.66.48 5.81 0 7.23-1.98 16.16-8.35 22.52C53.54 66.66 45.54 70 35.3 70 16.23 70 .46 54.72.46 35.65S16.23 1.3 35.3 1.3c10.58 0 18.12 4.15 23.78 9.57l-6.69 6.69c-4.05-3.78-9.53-6.73-17.09-6.73-13.95 0-24.86 11.25-24.86 25.14s10.91 25.14 24.86 25.14c9.07 0 14.24-3.64 17.55-6.95 2.68-2.68 4.44-6.51 5.14-11.72l-22.7-.25z"})]})}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[24px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .51 4.911 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.99 5.99 0 0 0 3.997-2.9 6.056 6.056 0 0 0-.747-7.073zM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 0 0 .392-.681v-6.737l2.02 1.168a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494zM3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085 4.783 2.759a.771.771 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646zM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.676l5.815 3.355-2.02 1.168a.076.076 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.795.795 0 0 0-.393.681zm1.097-2.365l2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[15px] text-neutral-900",children:"ChatGPT"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[26px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M12 0C12 6.627 6.627 12 0 12c6.627 0 12 5.373 12 12 0-6.627 5.373-12 12-12-6.627 0-12-5.373-12-12z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[15px] text-neutral-900",children:"Gemini"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[26px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M19.527 4.799c1.212 2.608.937 5.678-.405 8.173-1.101 2.047-2.744 3.74-4.098 5.614-.619.858-1.244 1.75-1.669 2.727-.141.325-.263.658-.383.992-.121.333-.224.673-.34 1.008-.109.314-.236.684-.627.687h-.007c-.466-.001-.579-.53-.695-.887-.284-.874-.581-1.713-1.019-2.525-.51-.944-1.145-1.817-1.79-2.671L19.527 4.799zM8.545 7.705l-3.959 4.707c.724 1.54 1.821 2.863 2.871 4.18.247.31.494.622.737.936l4.984-5.925-.029.01c-1.741.601-3.691-.291-4.392-1.987a3.377 3.377 0 0 1-.209-.716c-.063-.437-.077-.761-.004-1.198l.001-.007zM5.492 3.149l-.003.004c-1.947 2.466-2.281 5.88-1.
145117 8.77l4.785-5.689-.058-.05-3.607-3.035zM14.661.436l-3.838 4.563a.295.295 0 0 1 .027-.01c1.6-.551 3.403.15 4.22 1.626.176.319.323.683.377 1.045.068.446.085.773.012 1.22l-.003.016 3.836-4.561A8.382 8.382 0 0 0 14.67.439l-.009-.003zM9.466 5.868L14.162.285l-.047-.012A8.31 8.31 0 0 0 11.986 0a8.439 8.439 0 0 0-6.169 2.766l-.016.018 3.665 3.084z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[15px] text-neutral-900",children:"Maps"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[22px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M13.982 10.622L20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378zm-2.128 2.474l-.697-.997L5.657 4.16h2.386l4.474 6.4.697.996 5.815 8.318h-2.386l-4.745-6.778z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[15px] text-neutral-900",children:"Grok"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[26px] w-auto",viewBox:"0 0 503 696",fill:"#171717",children:(0,t.jsx)("path",{d:"M0 0l154.9 56.4v495.4l185.9-108.6-106.7-49.4L154.9 170l348.1 170L154.9 696V551.8L0 486z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[15px] text-neutral-900",children:"Bing"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[26px] w-auto",viewBox:"0 0 100 100",fill:"#171717",children:(0,t.jsxs)("g",{transform:"translate(50,50)",children:[(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(0)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-45",width:"5",height:"35",rx:"2.5",transform:"rotate(56)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(110)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-45",width:"5",height:"35",rx:"2.5",transform:"rotate(165)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-48",width:"5",height:"38",rx:"2.5",transform:"rotate(221)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-45",width:"5",height:"35",rx:"2.5",transform:"rotate(276)"}),(0,t.jsx)("rect",{x:"-2.5",y:"-45",width:"5",height:"35",rx:"2.5",transform:"rotate(332)"})]})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[15px] text-neutral-900",children:"Claude"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("svg",{className:"h-[26px] w-auto",viewBox:"0 0 24 24",fill:"#171717",children:(0,t.jsx)("path",{d:"M14.845 5.072l-3.026 5.76-3.291-5.76H4.5l5.393 9.083V21h3.233v-6.845L18.5 5.072h-3.655z"})}),(0,t.jsx)("span",{className:"font-sans font-semibold text-[15px] text-neutral-900",children:"Yahoo"})]})]})]})]})}),(0,t.jsxs)("div",{className:"lg:hidden max-w-md mx-auto mb-16",children:[(0,t.jsx)("p",{className:"text-[11px] font-['General_Sans',sans-serif] font-bold uppercase tracking-[0.2em] text-neutral-500 mb-3",children:"Who built this"}),(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsx)(r.default,{src:"/tradesite-ai-founder-photo.webp",alt:"Luuk de Haan, founder of TradeSite AI",width:88,height:88,className:"rounded-full object-cover shrink-0 border-[3px] border-white shadow-[0_6px_18px_rgba(0,0,0,0.16)]",style:{objectPosition:"top"}}),(0,t.jsxs)("div",{className:"flex flex-col min-w-0",children:[(0,t.jsx)("p",{className:"font-['General_Sans',sans-serif] font-semibold text-[17px] text-neutral-900 leading-tight",children:"Luuk de Haan"}),(0,t.jsx)("p",{className:"text-[11px] text-neutral-500 uppercase tracking-[0.12em] font-semibold mt-1",children:"Contractor SEO nerd"})]})]}),(0,t.jsx)("h3",{className:"font-['General_Sans',sans-serif] font-bold text-[20px] leading-[1.28] text-neutral-900 mt-5",children:"I spent 6 years doing contractor SEO by hand. Now this system does it perfectly."}),(0,t.jsx)("p",{className:"text-[14px] text-neutral-600 leading-relaxed mt-3",children:"I'm Luuk. For 6 years I did contractor SEO the hard way, one client at a time. Most of that work could be automated, so I built TradeSite to run my full playbook for a fraction of the agency price, with the same results and none of the markup."}),(0,t.jsx)("div",{className:"flex flex-col gap-2 mt-5",children:["6 years in contractor SEO","5,900 leads driven for contractors"].map(e=>(0,t.jsxs)("span",{className:"inline-flex items-center gap-2 text-[14px] font-['General_Sans',sans-serif] font-semibold text-neutral-700",children:[(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0",style:{color:"var(--ts-green)"},children:(0,t.jsx)("path",{d:"M5 13l4 4L19 7"})}),e]},e))})]}),(0,t.jsxs)("div",{className:"w-full relative",children:[(0,t.jsxs)("div",{className:"lg:text-center mb-12 sm:mb-14",children:[(0,t.jsx)("span",{className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-sans font-semibold mb-5",style:{color:"oklch(62% 0.19 45)",background:"color-mix(in oklch, oklch(62% 0.19 45) 10%, white)",boxShadow:"inset 2px 2px 4px rgba(255,255,255,0.8), inset -2px -2px 4px rgba(0,0,0,0.03), 0 2px 6px oklch(22% 0.06 260 / 0.05)"},children:"How it works"}),(0,t.jsx)("h2",{className:"font-heading font-bold tracking-tight leading-[1.06] lg:mx-auto",style:{fontSize:"clamp(2rem, 4vw + 0.5rem, 3.25rem)",color:"oklch(22% 0.04 260)",maxWidth:"820px"},children:"More Calls, Every Week You Work."})]}),(0,t.jsxs)("div",{ref:eQ,className:"relative",children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsxs)("div",{className:"hidden lg:block absolute inset-0 z-0 pointer-events-none","aria-hidden":"true",children:[(0,t.jsx)(z.motion.svg,{className:"absolute",style:{left:"12.5%",width:"25%",top:"50%",height:12,transform:"translateY(-50%)",clipPath:eK?void 0:e4},viewBox:"0 0 100 12",preserveAspectRatio:"none",fill:"none",children:(0,t.jsx)("line",{x1:"0",y1:"6",x2:"100",y2:"6",stroke:"oklch(22% 0.04 260)",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"1.5 9",vectorEffect:"non-scaling-stroke",children:!eK&&(0,t.jsx)("animate",{attributeName:"stroke-dashoffset",from:"21",to:"0",dur:"0.8s",repeatCount:"indef
145inite"})})}),(0,t.jsx)(z.motion.svg,{className:"absolute",style:{left:"37.5%",width:"50%",top:"50%",height:12,transform:"translateY(-50%)",clipPath:eK?void 0:e4},viewBox:"0 0 100 12",preserveAspectRatio:"none",fill:"none",children:(0,t.jsx)("line",{x1:"0",y1:"6",x2:"100",y2:"6",stroke:"oklch(62% 0.19 45)",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"1.5 9",vectorEffect:"non-scaling-stroke",children:!eK&&(0,t.jsx)("animate",{attributeName:"stroke-dashoffset",from:"21",to:"0",dur:"0.8s",repeatCount:"indefinite"})})})]}),(0,t.jsxs)("div",{className:"relative z-10 grid gap-6 lg:grid-cols-4 lg:items-stretch",children:[(0,t.jsxs)("div",{className:"group relative rounded-3xl p-6 sm:p-7 flex flex-col hover:z-30",style:{background:"color-mix(in oklch, oklch(62% 0.19 45) 6%, white)",border:"1.5px solid color-mix(in oklch, oklch(62% 0.19 45) 28%, white)",boxShadow:"inset 4px 4px 10px rgba(255,255,255,0.8), inset -4px -4px 10px rgba(0,0,0,0.03), 0 8px 32px oklch(22% 0.06 260 / 0.08)"},children:[(0,t.jsx)("span",{className:"absolute -top-2.5 left-6 px-3 py-1 rounded-full text-[11px] font-sans font-bold",style:{background:"oklch(62% 0.19 45)",color:"#fff",boxShadow:"inset 2px 2px 4px rgba(255,255,255,0.25), inset -2px -2px 4px rgba(0,0,0,0.1), 0 4px 10px oklch(62% 0.19 45 / 0.3)"},children:"Start here"}),(0,t.jsx)("p",{className:"text-xs font-sans font-semibold mb-1.5",style:{color:"oklch(62% 0.19 45)"},children:"Step 1"}),(0,t.jsx)("h3",{className:"font-heading font-bold text-xl mb-2 leading-tight",style:{color:"oklch(22% 0.04 260)"},children:"Get your site"}),(0,t.jsx)("p",{className:"text-sm font-sans font-medium leading-relaxed",style:{color:"oklch(42% 0.02 55)"},children:"Enter your business name, answer some questions and your site goes live."}),(0,t.jsxs)("div",{className:"relative mt-auto pt-20 -mx-6 sm:-mx-7 -mb-6 sm:-mb-7 h-60 overflow-hidden rounded-b-3xl origin-bottom transition-transform duration-300 ease-out will-change-transform group-hover:scale-[1.07]","aria-hidden":"true",children:[(0,t.jsx)(r.default,{src:"/images/site-mockup-example.webp",alt:"Example contractor website built with TradeSite",width:760,height:479,className:"absolute left-1/2 top-5 w-[104%] max-w-none rounded-lg",style:{transform:"translateX(-42%) rotate(-1.5deg)",boxShadow:"0 6px 20px oklch(22% 0.06 260 / 0.18)"}}),(0,t.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-1/3 pointer-events-none",style:{background:"linear-gradient(to top, color-mix(in oklch, oklch(62% 0.19 45) 6%, white), transparent)"}})]})]}),(0,t.jsxs)("div",{className:"relative lg:contents grid grid-cols-1 gap-6 pb-28 lg:pb-0",children:[[{n:2,icon:g.MessageSquareText,hue:"55% 0.18 260",title:"Text a photo",body:"Finish a job, send a pic from the truck with one sentence."},{n:3,icon:o.Search,hue:"55% 0.15 150",title:"Get found",body:"It becomes a new page, so more homeowners find you on Google and AI search."},{n:4,icon:v.Phone,hue:"62% 0.19 45",title:"Get paid",body:"They call, you book the job. Then you do it all over again."}].map(e=>(0,t.jsxs)("div",{className:"group relative z-10 rounded-3xl p-6 sm:p-7 flex flex-col bg-white hover:z-30",style:{border:"1.5px solid oklch(88% 0.012 70)",boxShadow:"inset 4px 4px 10px rgba(255,255,255,0.8), inset -4px -4px 10px rgba(0,0,0,0.03), 0 8px 32px oklch(22% 0.06 260 / 0.08)"},children:[2===e.n&&(0,t.jsx)("span",{className:"lg:hidden absolute left-1/2 -translate-x-1/2",style:{top:-24},"aria-hidden":"true",children:(0,t.jsx)("svg",{width:"10",height:"24",viewBox:"0 0 10 24",fill:"none",children:(0,t.jsx)("line",{x1:"5",y1:"0",x2:"5",y2:"24",stroke:"oklch(22% 0.04 260)",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"1.5 6",vectorEffect:"non-scaling-stroke",children:!eK&&(0,t.jsx)("animate",{attributeName:"stroke-dashoffset",from:"15",to:"0",dur:"0.7s",repeatCount:"indefinite"})})})}),(0,t.jsxs)("p",{className:"text-xs font-sans font-semibold mb-1.5",style:{color:`oklch(${e.hue})`},children:["Step ",e.n]}),(0,t.jsx)("h3",{className:"font-heading font-bold text-xl mb-2 leading-tight",style:{color:"oklch(22% 0.04 260)"},children:e.title}),(0,t.jsx)("p",{className:"text-sm font-sans font-medium leading-relaxed",style:{color:"oklch(42% 0.02 55)"},children:e.body}),2===e.n&&(0,t.jsxs)("div",{className:"relative mt-auto pt-20 -mx-6 sm:-mx-7 -mb-6 sm:-mb-7 h-60 overflow-hidden rounded-b-3xl origin-bottom transition-transform duration-300 ease-out will-change-transform group-hover:scale-[1.07]",children:[(0,t.jsx)(r.default,{src:"/images/text-a-photo-example.webp",alt:"A job photo texted in to update the site",width:620,height:463,className:"absolute left-1/2 top-5 w-[104%] max-w-none rounded-lg",style:{transform:"translateX(-58%) rotate(1.5deg)",boxShadow:"0 6px 20px oklch(22% 0.06 260 / 0.18)"}}),(0,t.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-2/3 pointer-events-none",style:{background:"linear-gradient(to top, rgba(0,0,0,0.28), transparent)"}}),(0,t.jsx)(eV,{})]}),3===e.n&&(0,t.jsxs)("div",{className:"relative mt-auto pt-20 -mx-6 sm:-mx-7 -mb-6 sm:-mb-7 h-60 overflow-hidden rounded-b-3xl origin-bottom transition-transform duration-300 ease-out will-change-transform group-hover:scale-[1.07]","aria-hidden":"true",children:[(0,t.jsx)(r.default,{src:"/images/get-found-example.webp",alt:"A contractor's pages ranking on Google and AI search",width:680,height:510,className:"absolute left-1/2 top-5 w-[104%] max-w-none rounded-lg",style:{transform:"translateX(-42%) rotate(-1.5deg)",boxShadow:"0 6px 20px oklch(22% 0.06 260 / 0.18)"}}),(0,t.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-1/3 pointer-events-none",style:{background:"linear-gradient(to top, white, transparent)"}}),(0,t.jsx)("style",{children:"@keyframes tsChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.ts-chip-float{animation:none!important}}"}),(0,t.jsxs)("div",{className:"ts-chip-float absolute z-30 top-7 right-3 flex items-center gap-1.5 px-2.5 py-1.5 rounded-xl bg-white",style:{border:"1.5px solid oklch(88% 0.012 70)",boxShadow:"inset 3px 3px 6px rgba(255,255,255,0.8), inset -3px -3px 6px rgba(0,0,0,0.04), 0 4px 12px oklch(22% 0.06 260 / 0.1)",animation:"tsChipFloat 4.6s ease-in-out infinite"},children:[(0,t.jsx)("span",{className:"flex items-center justify-center w-5 h-5 rounded-md",style:{background:"color-mix(in oklch, oklch(55% 0.15 150) 14%, white)",color:"oklch(55% 0.15 150)"},children:(0,t.jsx)(S.TrendingUp,{className:"w-3 h-3",strokeWidth:2.6})}),(0,t.jsx)("span",{className:"text-[11px] font-semibold whitespace-nowrap",style:{color:"oklch(22% 0.04 260)"},children:"Top 3 on Google"})]})]}),4===e.n&&(0,t.jsxs)("div",{className:"relative mt-auto pt-20 -mx-6 sm:-mx-7 -mb-6 sm:-mb-7 h-60 overflow-hidden rounded-b-3xl origin-bottom transition-transform duration-300 ease-out will-change-transform group-hover:scale-[1.07]","aria-hidden":"true",children:[(0,t.jsx)(r.default,{src:"/images/get-paid-example.webp",alt:"A booked job and payment coming in",width:680,height:510,className:"absolute left-1/2 top-5 w-[104%] max-w-none rounded-lg",style:{transform:"translateX(-58%) rotate(1.5deg)",boxShadow:"0 6px 20px oklch(22% 0.06 260 / 0.18)"}}),(0,t.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-1/3 pointer-events-none",style:{background:"linear-gradient(to top, white, transparent)"}})]})]},e.n)),(0,t.jsxs)("div",{className:"lg:hidden absolute inset-0 z-0 pointer-events-none","aria-hidden":"true",children:[(0,t.jsx)(z.motion.svg,{className:"absolute inset-0 w-full h-full",style:{clipPath:eK?void 0:e2},viewBox:"0 0 100 100",preserveAspectRatio:"none",fill:"none",children:(0,t.jsx)("path",{d:"M75 1 L75 86 C75 95 63 96 50 96",stroke:"oklch(62% 0.19 45)",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"1.5 6",vectorEffect:"non-scaling-stroke",children:!eK&&(0,t.jsx)("animate",{attributeName:"stroke-dashoffset",from:"15",to:"0",dur:"0.9s",repeatCount:"indef
145inite"})})}),(0,t.jsx)(z.motion.svg,{className:"absolute inset-0 w-full h-full",style:{clipPath:eK?void 0:e5},viewBox:"0 0 100 100",preserveAspectRatio:"none",fill:"none",children:(0,t.jsx)("path",{d:"M50 96 C37 96 25 95 25 86 L25 1",stroke:"oklch(62% 0.19 45)",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"1.5 6",vectorEffect:"non-scaling-stroke",children:!eK&&(0,t.jsx)("animate",{attributeName:"stroke-dashoffset",from:"15",to:"0",dur:"0.9s",repeatCount:"indefinite"})})})]}),(0,t.jsx)("div",{className:"lg:hidden absolute left-1/2 z-30",style:{top:"94%",transform:"translate(-50%, -50%)"},children:(0,t.jsx)(eq,{})})]})]})]}),(0,t.jsxs)("div",{className:"relative hidden lg:block",style:{height:124},children:[(0,t.jsx)(z.motion.svg,{className:"absolute inset-x-0 top-0 w-full",style:{height:100,clipPath:eK?void 0:e6},viewBox:"0 0 1000 100",preserveAspectRatio:"none",fill:"none","aria-hidden":"true",children:(0,t.jsx)("path",{d:"M875 4 C 875 116, 375 116, 375 4",stroke:"oklch(62% 0.19 45)",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"1.5 9",vectorEffect:"non-scaling-stroke",children:!eK&&(0,t.jsx)("animate",{attributeName:"stroke-dashoffset",from:"21",to:"0",dur:"0.8s",repeatCount:"indefinite"})})}),(0,t.jsx)("span",{className:"absolute rounded-full",style:{left:"87.5%",top:-3,width:9,height:9,transform:"translateX(-50%)",background:"oklch(62% 0.19 45)",boxShadow:"0 0 8px oklch(62% 0.19 45 / 0.5)"},"aria-hidden":"true"}),(0,t.jsx)("span",{className:"absolute",style:{left:"37.5%",top:-10,transform:"translateX(-50%)",color:"oklch(62% 0.19 45)"},"aria-hidden":"true",children:(0,t.jsx)(j.ArrowRight,{className:"w-4 h-4 -rotate-90",strokeWidth:3})}),(0,t.jsx)("div",{className:"absolute",style:{left:"62.5%",top:70,transform:"translateX(-50%)"},children:(0,t.jsx)(eq,{})})]})]})]})]}),(0,t.jsxs)("section",{className:"pt-[clamp(3rem,6vw,5rem)] lg:pt-[clamp(4rem,7vw,6rem)] pb-[clamp(5rem,10vw,9rem)] px-5 sm:px-8 fade-up relative overflow-hidden",style:{background:"#eef4fb"},children:[(0,t.jsx)("div",{className:"diamond-patch",style:{width:"150px",height:"130px",top:"-20px",left:"-30px"}}),(0,t.jsx)("div",{className:"diamond-patch hidden lg:block",style:{width:"400px",height:"350px",top:"-40px",right:"-60px"}}),(0,t.jsx)("div",{className:"diamond-patch",style:{width:"300px",height:"280px",bottom:"20px",left:"-50px"}}),(0,t.jsx)("div",{className:"diamond-patch hidden lg:block",style:{width:"250px",height:"220px",top:"40%",left:"30%"}}),(0,t.jsxs)("div",{className:"max-w-6xl mx-auto relative",children:[(0,t.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-end sm:justify-between gap-6 mb-14",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] mb-4 flex items-center gap-2",style:{color:"var(--ts-accent)"},children:[(0,t.jsx)("span",{className:"w-5 h-px",style:{background:"var(--ts-accent)"}}),"Live examples"]}),(0,t.jsx)("h2",{className:"font-['General_Sans',sans-serif] font-black tracking-tight leading-[1.04] max-w-2xl",style:{fontSize:"clamp(2rem, 4vw + 0.5rem, 3.25rem)",letterSpacing:"-0.02em"},children:"Built for How Homeowners Search in 2026. Not 2016."})]}),(0,t.jsx)(eo.ClayGlassButton,{onClick:eN,className:"hidden sm:block text-xs font-bold uppercase tracking-wider px-8 py-4 rounded-lg text-white transition-[transform,box-shadow] duration-150 ease-out hover:scale-[1.02] hover:shadow-lg active:scale-[0.97] shrink-0",style:{background:"var(--ts-accent)"},children:"See My Free Site â"})]}),(0,t.jsxs)("div",{className:"grid md:grid-cols-3 gap-4",children:[[{name:"Summit Roofing Co.",url:"summitroofingco.com",trade:"Roofing"}].map(e=>(0,t.jsxs)("div",{className:"md:col-span-2 rounded-xl overflow-hidden",style:{background:"var(--ts-surface)",border:"1px solid var(--ts-border)"},children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2.5",style:{borderBottom:"1px solid var(--ts-border)"},children:[(0,t.jsxs)("div",{className:"flex gap-1.5",children:[(0,t.jsx)("div",{className:"w-2 h-2 rounded-full",style:{background:"oklch(70% 0.12 25)"}}),(0,t.jsx)("div",{className:"w-2 h-2 rounded-full",style:{background:"oklch(80% 0.12 90)"}}),(0,t.jsx)("div",{className:"w-2 h-2 rounded-full",style:{background:"oklch(70% 0.10 150)"}})]}),(0,t.jsx)("div",{className:"flex-1 rounded-md px-3 py-1 text-[10px] truncate",style:{background:"var(--ts-cream)",color:"var(--ts-text-faint)",fontFamily:"ui-monospace, monospace"},children:e.url})]}),(0,t.jsx)("div",{className:"w-full aspect-[2/1] flex items-center justify-center",style:{background:"var(--ts-cream)"},children:(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)("div",{className:"w-14 h-14 roun
145ded-lg mx-auto mb-3 flex items-center justify-center",style:{background:"var(--ts-border)"},children:(0,t.jsx)("svg",{className:"w-7 h-7",style:{color:"var(--ts-text-faint)"},fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.41a2.25 2.25 0 013.182 0l2.909 2.91M3.75 21h16.5a1.5 1.5 0 001.5-1.5V5.25a1.5 1.5 0 00-1.5-1.5H3.75a1.5 1.5 0 00-1.5 1.5v14.25a1.5 1.5 0 001.5 1.5z"})})}),(0,t.jsx)("p",{className:"text-sm font-medium",style:{color:"var(--ts-text-faint)"},children:e.name}),(0,t.jsxs)("p",{className:"text-xs mt-0.5",style:{color:"var(--ts-text-faint)"},children:[e.trade," Website Preview"]})]})})]},e.name)),(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsx)("div",{className:"rounded-xl overflow-hidden flex-1",style:{background:"var(--ts-surface)",border:"1px solid var(--ts-border)"},children:(0,t.jsx)("div",{className:"w-full h-full min-h-[140px] flex items-center justify-center",style:{background:"var(--ts-cream)"},children:(0,t.jsxs)("div",{className:"text-center px-2",children:[(0,t.jsx)("svg",{className:"w-5 h-5 mx-auto mb-1",style:{color:"var(--ts-text-faint)"},fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.41a2.25 2.25 0 013.182 0l2.909 2.91M3.75 21h16.5a1.5 1.5 0 001.5-1.5V5.25a1.5 1.5 0 00-1.5-1.5H3.75a1.5 1.5 0 00-1.5 1.5v14.25a1.5 1.5 0 001.5 1.5z"})}),(0,t.jsx)("p",{className:"text-[11px] font-medium",style:{color:"var(--ts-text-faint)"},children:"ProBuild Concrete"})]})})}),(0,t.jsx)("div",{className:"grid grid-cols-2 gap-4",children:["Apex Landscaping","ClearView Painting"].map(e=>(0,t.jsx)("div",{className:"rounded-xl overflow-hidden",style:{background:"var(--ts-surface)",border:"1px solid var(--ts-border)"},children:(0,t.jsx)("div",{className:"w-full aspect-square flex items-center justify-center",style:{background:"var(--ts-cream)"},children:(0,t.jsx)("p",{className:"text-[10px] font-medium px-2 text-center",style:{color:"var(--ts-text-faint)"},children:e})})},e))})]})]}),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-4 mt-4 relative z-10 mb-0 sm:mb-[-60px]",children:["Iron Gate Fencing","Elite Plumbing","Summit Electric"].map(e=>(0,t.jsx)("div",{className:"rounded-xl overflow-hidden",style:{background:"var(--ts-surface)",border:"1px solid var(--ts-border)",boxShadow:"0 12px 40px oklch(22% 0.06 260 / 0.12)"},children:(0,t.jsx)("div",{className:"w-full aspect-[16/9] flex items-center justify-center",style:{background:"var(--ts-cream)"},children:(0,t.jsx)("p",{className:"text-[10px] font-medium px-2 text-center",style:{color:"var(--ts-text-faint)"},children:e})})},e))}),(0,t.jsx)("div",{className:"sm:hidden mt-8 text-center",children:(0,t.jsx)(eo.ClayGlassButton,{onClick:eN,className:"text-xs font-bold uppercase tracking-wider px-8 py-4 rounded-lg text-white transition-[transform,box-shadow] duration-150 ease-out hover:scale-[1.02] hover:shadow-lg active:scale-[0.97] w-full",style:{background:"var(--ts-accent)"},children:"See My Free Site â"})})]})]}),(0,t.jsxs)("section",{className:"pt-[clamp(3rem,6vw,4.5rem)] pb-[clamp(4rem,8vw,7rem)] px-5 sm:px-8 fade-up relative overflow-hidden",style:{background:"var(--ts-surface)"},children:[(0,t.jsx)("div",{className:"diamond-patch hidden sm:block",style:{width:"220px",height:"200px",top:"18%",right:"-50px"}}),(0,t.jsx)("div",{className:"diamond-patch hidden lg:block",style:{width:"180px",height:"160px",bottom:"8%",left:"-30px"}}),(0,t.jsxs)("div",{className:"max-w-6xl mx-auto relative",children:[(0,t.jsxs)("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] mb-5 flex items-center gap-2",style:{color:"var(--ts-accent)"},children:[(0,t.jsx)("span",{className:"w-5 h-px",style:{background:"var(--ts-accent)"}}),"The trap"]}),(0,t.jsx)("h2",{className:"font-['General_Sans',sans-serif] font-black tracking-tight leading-[1.04] mb-10 sm:mb-14",style:{fontSize:"clamp(2rem, 4vw + 0.5rem, 3.25rem)",letterSpacing:"-0.02em",color:"var(--ts-text)",maxWidth:"850px"},children:"Stop Renting Your Business From a Marketing Agency."}),(0,t.jsxs)("div",{className:"grid lg:grid-cols-[minmax(0,1.1fr)_minmax(0,1fr)] gap-12 lg:gap-16 items-start",children:[(0,t.jsxs)("div",{className:"space-y-6 sm:space-y-7",style:{maxWidth:"62ch"},children:[(0,t.jsxs)("p",{className:"text-base sm:text-lg",style:{...eC,c
145olor:"var(--ts-text-muted)"},children:["You didn't get into the trades to chase down a 22-year-old account manager just to get a job photo on your website. ",(0,t.jsx)("strong",{style:{fontWeight:600,color:"var(--ts-text)"},children:"Youâre a business owner, not a tech nerd."})]}),(0,t.jsxs)("p",{className:"text-base sm:text-lg",style:{...eC,color:"var(--ts-text-muted)"},children:["For years, agencies charged $2,000 a month for a digital brochure and made you feel like you had no other choice. That wasn't an accident. The model was built to keep you dependent and drain your margins. ",(0,t.jsx)("strong",{style:{fontWeight:600,color:"var(--ts-text)"},children:"Itâs not your fault you feel trapped."})]}),(0,t.jsxs)("p",{className:"text-base sm:text-lg",style:{...eC,color:"var(--ts-text-muted)"},children:["TradeSite breaks the trap. We handle the search complexity and keep the tech in the background, so ",(0,t.jsx)("strong",{style:{fontWeight:600,color:"var(--ts-text)"},children:"you stay in control"})," while your website goes to work."]})]}),(0,t.jsx)("div",{className:"relative w-full lg:self-end lg:-mb-[clamp(3rem,6vw,5rem)] lg:translate-x-[clamp(1rem,3vw,2.5rem)]",children:(0,t.jsxs)("div",{ref:eU,className:"relative mx-auto lg:mx-0 lg:ml-auto w-full max-w-[440px] lg:max-w-[500px]",style:{aspectRatio:"10 / 11"},onMouseEnter:()=>eL(!0),onMouseLeave:()=>eL(!1),"aria-live":"off",children:[(0,t.jsx)(z.motion.div,{role:"button",tabIndex:0,onClick:()=>eT("old"),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),eT("old"))},"aria-label":"old"===eM?"Old way, currently featured":"Bring Old way forward","aria-pressed":"old"===eM,className:"absolute top-0 w-[72%] cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ts-accent)] focus-visible:ring-offset-2",style:{left:"14%",borderRadius:"20px",background:"oklch(96% 0.01 260)",border:"1px solid oklch(90% 0.02 260 / 0.6)",padding:"6px",boxShadow:` 146 0 24px 50px oklch(22% 0.06 260 / 0.14), 147 0 10px 20px oklch(22% 0.06 260 / 0.08), 148 inset 0 2px 4px oklch(100% 0 0 / 0.5), 149 inset 0 -2px 6px oklch(22% 0.06 260 / 0.06) 150 `,willChange:"transform, opacity, filter"},animate:"old"===eM?e8:e7,initial:!1,children:(0,t.jsxs)("div",{style:{position:"relative",borderRadius:"14px",overflow:"hidden"},children:[(0,t.jsx)(r.default,{src:"/images/agency-trap-laptop.webp",alt:"Contractor at a laptop late at night managing his own SEO dashboard",width:1086,height:1448,sizes:"(min-width: 1024px) 340px, 240px",loading:"lazy",className:"w-full h-auto block"}),(0,t.jsx)("span",{className:"absolute top-3 left-3 font-['General_Sans',sans-serif] font-bold uppercase text-white text-[12px] sm:text-[14px] tracking-[0.12em] px-3 py-1.5 rounded-full",style:{background:"oklch(28% 0.05 260)"},children:"Old way"})]})}),(0,t.jsx)(z.motion.div,{role:"button",tabIndex:0,onClick:()=>eT("new"),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),eT("new"))},"aria-label":"new"===eM?"New way, currently featured":"Bring New way forward","aria-pressed":"new"===eM,className:"absolute top-0 w-[72%] cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ts-accent)] focus-visible:ring-offset-2",style:{left:"14%",borderRadius:"20px",background:"oklch(96% 0.01 260)",border:"1px solid oklch(90% 0.02 260 / 0.6)",padding:"6px",boxShadow:` 151 0 24px 50px oklch(22% 0.06 260 / 0.14), 152 0 10px 20px oklch(22% 0.06 260 / 0.08), 153 inset 0 2px 4px oklch(100% 0 0 / 0.5), 154 inset 0 -2px 6px oklch(22% 0.06 260 / 0.06) 155 `,willChange:"transform, opacity, filter"},animate:"new"===eM?e8:e7,initial:!1,children:(0,t.jsxs)("div",{style:{position:"relative",borderRadius:"14px",overflow:"hidden"},children:[(0,t.jsx)(r.default,{src:"/images/agency-trap.webp",alt:"Contractor in his work truck texting his TradeSite assistant, with a job site visible through the windshield",width:896,height:1200,sizes:"(min-width: 1024px) 340px, 240px",loading:"lazy",className:"w-full h-auto block"}),(0,t.jsx)("span",{className:"absolute top-3 left-3 font-['General_Sans',sans-serif] font-bold uppercase text-white text-[12px] sm:text-[14px] tracking-[0.12em] px-3 py-1.5 rounded-full",style:{background:"var(--ts-accent)"},children:"New way"})]})})]})})]})]})]}),(0,t.jsxs)("section",{className:"pt-[clamp(5rem,8vw,7rem)] pb-0 px-5 sm:px-8 fade-up relative overflow-visible z-[2]",style:{background:"var(--ts-dark)"},children:[(0,t.jsx)("div",{className:"absolute pointer-events-none",style:{width:"500px",height:"500px",top:"-10%",right:"-8%",background:"oklch(62% 0.19 45 / 0.06)",borderRadius:"50%",filter:"blur(100px)"}}),(0,t.jsx)("div",{className:"absolute pointer-events-none",style:{width:"400px",height:"400px",bottom:"5%",left:"-5%",background:"oklch(55% 0.18 260 / 0.06)",borderRadius:"50%",filter:"blur(100px)"}}),(0,t.jsx)("div",{className:"diamond-patch-light",style:{width:"350px",height:"320px",top:"10%",right:"-40px"}}),(0,t.jsx)("div",{className:"diamond-patch-light hidden sm:block",style:{width:"280px",height:"260px",bottom:"-20px",left:"5%"}}),(0,t.jsxs)("div",{className:"max-w-5xl mx-auto relative",children:[(0,t.jsxs)("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] mb-4 flex items-center gap-2",style:{color:"var(--ts-accent)"},children:[(0,t.jsx)("span",{className:"w-5 h-px",style:{background:"var(--ts-accent)"}}),"The shift"]}),(0,t.jsx)("h2",{className:"font-['General_Sans',sans-serif] font-black tracking-tight leading-[1.04] mb-8 max-w-2xl",style:{fontSize:"clamp(2rem, 4vw + 0.5rem, 3.25rem)",letterSpacing:"-0.02em",color:"var(--ts-text-on-dark)"},children:"Homeowners Don't Search Like They Used To"}),(0,t.jsx)("p",{className:"text-base sm:text-lg mb-8 lg:hidden",style:{...eC,c
155olor:"var(--ts-text-on-dark-muted)",maxWidth:"50ch"},children:"Three years ago, homeowners searched Google, clicked through a few websites, and called whoever looked decent. That world is gone."}),(0,t.jsxs)("div",{className:"grid lg:grid-cols-2 gap-8 lg:gap-12 lg:items-start",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-base sm:text-lg mb-8 hidden lg:block",style:{...eC,color:"var(--ts-text-on-dark-muted)",maxWidth:"50ch"},children:"Three years ago, homeowners searched Google, clicked through a few websites, and called whoever looked decent. That world is gone."}),(0,t.jsx)("div",{className:"flex justify-center -mb-64 sm:-mb-72 lg:-mb-80 relative z-20",children:(0,t.jsx)("div",{className:"scale-[0.75] sm:scale-[0.85] lg:scale-[0.9] origin-top",children:d?(0,t.jsx)(a.Suspense,{fallback:(0,t.jsx)(eH,{}),children:(0,t.jsx)(eW,{})}):(0,t.jsx)(eH,{})})})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-4 stagger-children order-first lg:order-none mb-10 lg:mb-16",children:[(0,t.jsxs)("div",{className:"rounded-3xl p-5 sm:p-6 relative overflow-hidden",style:{background:"oklch(32% 0.04 260)",border:"1.5px solid oklch(40% 0.04 260)",boxShadow:"inset 3px 3px 8px rgba(255,255,255,0.06), inset -3px -3px 8px rgba(0,0,0,0.25), 0 8px 32px rgba(0,0,0,0.3), 0 0 60px oklch(55% 0.18 260 / 0.06)"},children:[(0,t.jsx)("div",{className:"absolute top-5 right-5 font-['General_Sans',sans-serif] font-black text-[4rem] leading-none select-none pointer-events-none hidden sm:block",style:{color:"oklch(38% 0.03 260)"},children:"OLD"}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,t.jsx)("span",{className:"text-xs font-bold px-3 py-1 rounded-full",style:{background:"oklch(40% 0.1 25)",color:"oklch(80% 0.08 25)"},children:"2023"}),(0,t.jsx)("span",{className:"text-[10px] font-bold uppercase tracking-[0.2em]",style:{color:"oklch(65% 0.02 260)"},children:"Before"})]}),(0,t.jsx)("div",{className:"space-y-3",children:["Homeowner searches Google","Scrolls through 10 blue links","Clicks 3 or 4 websites","Calls the one that looks decent"].map((e,s)=>(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("span",{className:"text-xs font-bold min-w-[1.5rem] pt-0.5 font-['General_Sans',sans-serif]",style:{color:"oklch(60% 0.02 260)"},children:String(s+1).padStart(2,"0")}),(0,t.jsx)("span",{className:"text-sm",style:{...eC,color:"oklch(72% 0.015 260)"},children:e})]},s))})]})]}),(0,t.jsxs)("div",{className:"rounded-3xl p-5 sm:p-6 relative overflow-hidden",style:{background:"oklch(32% 0.04 260)",border:"2px solid var(--ts-accent)",boxShadow:"inset 3px 3px 8px rgba(255,255,255,0.06), inset -3px -3px 8px rgba(0,0,0,0.25), 0 0 50px oklch(62% 0.19 45 / 0.12), 0 8px 32px rgba(0,0,0,0.3)"},children:[(0,t.jsx)("div",{className:"absolute top-6 right-6 font-['General_Sans',sans-serif] font-black text-[5rem] leading-none select-none pointer-events-none",style:{color:"var(--ts-accent)",opacity:.06},children:"NOW"}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,t.jsx)("span",{className:"text-xs font-bold px-3 py-1 rounded-full text-white",style:{background:"var(--ts-accent)"},children:"2026"}),(0,t.jsx)("span",{className:"text-[10px] font-bold uppercase tracking-[0.2em]",style:{color:"var(--ts-accent)"},children:"Now"})]}),(0,t.jsx)("div",{className:"space-y-4",children:["Homeowner asks Google or ChatGPT","AI gives them an answer instantly","Map pack shows 3 contractors at the top","Those 3 get the call. Nobody else exists."].map((e,s)=>(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("span",{className:"text-xs font-bold min-w-[1.5rem] pt-0.5 font-['General_Sans',sans-serif]",style:{color:"var(--ts-accent)"},children:String(s+1).padStart(2,"0")}),(0,t.jsx)("span",{className:`text-sm ${3===s?"font-semibold":""}`,style:{...eC,color:"var(--ts-text-on-dark)"},children:e})]},s))})]})]})]})]})]})]}),(0,t.jsx)(eG,{}),(0,t.jsxs)("section",{id:"how-it-works",className:"pt-[clamp(5rem,12vw,10rem)] pb-[clamp(34rem,50vw,44rem)] px-5 sm:px-8 fade-up relative overflow-hidden",style:{background:"var(--ts-dark)",contentVisibility:"auto",containIntrinsicSize:"auto 600px"},children:[(0,t.jsx)("div",{className:"diamond-patch-light",style:{width:"350px",height:"300px",top:"30px",left:"-40px"}}),(0,t.jsx)("div",{className:"diamond-patch-light",style:{width:"280px",height:"250px",bottom:"-30px",right:"10%"}}),(0,t.jsx)("div",{className:"diamond-patch-light hidden lg:block",style:{width:"220px",height:"200px",top:"50%",right:"-30px"}}),(0,t.jsxs)("div",{className:"max-w-5xl mx-auto relative",children:[(0,t.jsxs)("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] mb-4 flex items-center gap-2",style:{color:"var(--ts-accent)"},children:[(0,t.jsx)("span",{className:"w-5 h-px",style:{background:"var(--ts-accent)"}}),"How it works"]}),(0,t.jsx)("h2",{className:"font-['General_Sans',sans-serif] font-black tracking-tight leading-[1.04] mb-20 max-w-2xl",style:{fontSize:"clamp(2rem, 4vw + 0.5rem, 3.25rem)",letterSpacing:"-0.02em",color:"var(--ts-text-on-dark)"}
155,children:"From Business Name to Live Website. Three Steps."}),(0,t.jsx)("div",{className:"grid md:grid-cols-3 gap-8 md:gap-10 stagger-children",children:eA.map((e,s)=>(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,t.jsx)("span",{className:"w-10 h-10 rounded-full flex items-center justify-center font-['General_Sans',sans-serif] font-black text-sm text-white shrink-0",style:{background:1===s?"var(--ts-navy-mid)":"var(--ts-accent)"},children:e.num}),(0,t.jsx)("h3",{className:"font-['General_Sans',sans-serif] font-bold tracking-tight",style:{fontSize:"clamp(1.2rem, 1.5vw + 0.5rem, 1.5rem)",letterSpacing:"-0.01em",lineHeight:1.15,color:"var(--ts-text-on-dark)"},children:e.title})]}),(0,t.jsx)("p",{className:"text-sm",style:{...eC,color:"var(--ts-text-on-dark-muted)"},children:e.desc})]},e.num))})]})]}),(0,t.jsx)("div",{className:"relative z-20 mt-[clamp(-32rem,-46vw,-42rem)] mb-[-500px] sm:mb-[-600px]",children:(0,t.jsx)("div",{className:"max-w-5xl mx-auto px-3 sm:px-8",children:(0,t.jsxs)("div",{className:"rounded-3xl p-6 sm:p-10",style:{background:"oklch(96% 0.015 250)",border:"1.5px solid oklch(90% 0.02 250)",boxShadow:"inset 4px 4px 10px rgba(255,255,255,0.8), inset -4px -4px 10px rgba(0,0,0,0.03), 0 8px 32px oklch(22% 0.06 260 / 0.08)"},children:[(0,t.jsxs)("p",{className:"text-xs font-sans font-semibold tracking-[0.15em] mb-4 flex items-center gap-2",style:{color:"oklch(62% 0.19 45)"},children:[(0,t.jsx)("span",{className:"w-5 h-px",style:{background:"oklch(62% 0.19 45)"}}),"Compare"]}),(0,t.jsx)("h2",{className:"font-heading font-bold tracking-tight leading-tight mb-3",style:{fontSize:"clamp(1.75rem, 3.5vw + 0.5rem, 2.75rem)",color:"oklch(22% 0.04 260)"},children:"TradeSite vs. The Rest"}),(0,t.jsxs)("p",{className:"text-sm font-sans font-medium leading-relaxed mb-10",style:{color:"oklch(42% 0.02 55)",maxWidth:"45ch"},children:["See exactly what you get compared to doing it yourself or hiring an agency. See all"," ",(0,t.jsx)(n.default,{href:"/features",className:"font-semibold underline underline-offset-2",style:{color:"oklch(62% 0.19 45)"},children:"TradeSite features"}),"."]}),(0,t.jsx)("div",{className:"overflow-x-auto",children:(0,t.jsxs)("table",{className:"w-full min-w-[600px] text-sm font-sans",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{className:"text-left py-3.5 px-4 font-medium",style:{color:"oklch(55% 0.015 55)",borderBottom:"2px solid oklch(88% 0.012 70)"}}),(0,t.jsx)("th",{className:"text-left py-3.5 px-4 font-bold text-xs tracking-wider rounded-t-xl",style:{color:"white",background:"oklch(62% 0.19 45)",borderBottom:"2px solid oklch(88% 0.012 70)",boxShadow:"inset 3px 3px 6px rgba(255,255,255,0.25), inset -3px -3px 6px rgba(0,0,0,0.1)"},children:"TradeSite"}),(0,t.jsx)("th",{className:"text-left py-3.5 px-4 font-medium",style:{color:"oklch(55% 0.015 55)",borderBottom:"2px solid oklch(88% 0.012 70)"},children:"AI Website Builders"}),(0,t.jsx)("th",{className:"text-left py-3.5 px-4 font-medium",style:{color:"oklch(55% 0.015 55)",borderBottom:"2px solid oklch(88% 0.012 70)"},children:"Agency"})]})}),(0,t.jsx)("tbody",{children:eE.map((e,s)=>(0,t.jsxs)("tr",{style:{borderBottom:s<eE.length-1?"1px solid oklch(88% 0.012 70)":"none"},children:[(0,t.jsx)("td",{className:"py-4 px-4 font-semibold",style:{color:"oklch(22% 0.04 260)"},children:e.label}),(0,t.jsx)("td",{className:"py-4 px-4 font-semibold",style:{color:"oklch(22% 0.04 260)",background:"oklch(62% 0.19 45 / 0.08)"},children:(0,t.jsxs)("span",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center",style:{background:"oklch(55% 0.15 150 / 0.15)",color:"oklch(55% 0.15 150)"},children:(0,t.jsx)(eY,{})}),e.ts]})}),(0,t.jsx)("td",{className:"py-4 px-4",style:{color:"oklch(42% 0.02 55)"},children:(0,t.jsxs)("span",{className:"flex items-center gap-2",children:[e.diy.startsWith("â")?(0,t.jsx)("span",{className:"flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center",style:{background:"oklch(55% 0.15 150 / 0.15)",color:"oklch(55% 0.15 150)"},children:(0,t.jsx)(eY,{})}):(0,t.jsx)("span",{className:"flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center",style:{background:"oklch(55% 0.15 25 / 0.1)",color:"oklch(55% 0.15 25)"},children:(0,t.jsx)(e$,{})}),e.diy.replace(/^â\s*/,"")]})}),(0,t.jsx)("td",{className:"py-4 px-4",style:{color:"oklch(42% 0.02 55)"},children:(0,t.jsxs)("span",{className:"flex items-center gap-2",children:[e.agency.startsWith("â")?(0,t.jsx)("span",{className:"flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center",style:{background:"oklch(55% 0.15 150 / 0.15)",color:"oklch(55% 0.15 150)"},children:(0,t.jsx)(eY,{})}):(0,t.jsx)("span",{className:"flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center",style:{background:"oklch(55% 0.15 25 / 0.1)",color:"oklch(55% 0.15 25)"},children:(0,t.jsx)(e$,{})}),e.agency.replace(/^â\s*/,"")]})})]},e.label))})]})}),(0,t.jsxs)("div",{className:"mt-12 sm:mt-14 pt-10 sm:pt-12",style:{borderTop:"1px solid oklch(88% 0.012 70)"},children:[(0,t.jsxs)("h3",{id:"pricing",className:"font-heading font-bold tracking-tight leading-[1.15] mb-8 sm:mb-10 text-center md:whitespace-nowrap scroll-mt-24",style:{fontSize:"clamp(1.4rem, 2vw + 0.5rem, 1.85rem)",color:"oklch(22% 0.04 260)"},children:["Everything an agency bills you for, bundled into ",(0,t.jsx)("span",{style:{color:"oklch(55% 0.15 150)"},children:"$297/mo"}),"."]}),(0,t.jsx)(eX,{})]}),(0,t.jsx)("div",{className:"mt-10 text-center",children:(0,t.jsx)("button",{onClick:eN,className:"px-8 py-3.5 rounded-2xl text-white font-sans font-bold text-sm tracking-wide transition-all duration-200 cursor-pointer clay-btn-press",style:{background:"oklch(55% 0.15 150)",boxShadow:"inset 4px 4px 8px rgba(255,255,255,0.2), inset -4px -4px 8px rgba(0,0,0,0.1), 0 8px 24px oklch(55% 0.15 150 / 0.25)"},children:"See My Free Site â"})})]})})}),(0,t.jsxs)("section",{className:"pt-[clamp(36rem,50vw,44rem)] pb-[clamp(5rem,12vw,10rem)] px-5 sm:px-8 fade-up relative overflow-hidden",style:{background:"var(--ts-surface)",contentVisibility:"auto",containIntrinsicSize:"auto 1200px"},children:[(0,t.jsx)("div",{className:"diamond-patch",style:{width:"320px",height:"300px",top:"10%",right:"-30px"}}),(0,t.jsx)("div",{className:"diamond-patch hidden sm:block",style:{width:"260px",height:"240px",bottom:"15%",left:"-20px"}}),(0,t.jsx)("div",{className:"diamond-patch hidden lg:block",style:{width:"280px",height:"250px",top:"55%",right:"20%"}}),(0,t.jsxs)("div",{className:"max-w-5xl mx-auto relative",children:[(0,t.jsxs)("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] mb-4 flex items-center gap-2",style:{color:"var(--ts-accent)"},children:[(0,t.jsx)("span",{className:"w-5 h-px",style:{background:"var(--ts-accent)"}}),"Pricing"]}),(0,t.jsx)("h2",{className:"font-['General_Sans',sans-serif] font-black tracking-tight leading-[1.04] mb-12 max-w-3xl",style:{fontSize:"clamp(2rem, 4vw + 0.5rem, 3.25rem)",letterSpacing:"-0.02em"},children:"See it first. Pay only if you love it. Then 30 days to change your mind."}),(0,t.jsxs)("div",{className:"flex flex-col lg:flex-row gap-10 lg:gap-16 items-start",children:[(0,t.jsxs)("div",{className:"lg:w-[55%] shrink-0 bg-white rounded-3xl p-8 sm:p-10",style:{border:"1.5px solid oklch(88% 0.012 70)",boxShadow:"inset 4px 4px 10px rgba(255,255,255,0.8), inset -4px -4px 10px rgba(0,0,0,0.03), 0 8px 32px oklch(22% 0.06 260 / 0.08)"},children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-8",children:[(0,t.jsx)("span",{className:"text-sm font-medium transition-colors duration-200 ease-out",style:{color:G?"var(--ts-text-faint)":"var(--ts-text)"},children:"Monthly"}),(0,t.jsx)("button",{onClick:()=>D(!G),className:"relative w-11 h-6 rounded-full transition-colors duration-200 ease-out active:scale-95",style:{background:G?"var(--ts-accent)":"var(--ts-border-input)"},"aria-label":"Toggle yearly billing",children:(0,t.jsx)("div",{className:"absolute top-0.5 w-5 h-5 rounded-full bg-white transition-[left,box-shadow] duration-200",style:{left:G?"calc(100% - 22px)":"2px",boxShadow:G?"0 2px 8px oklch(62% 0.19 45 / 0.3)":"0 1px 3px oklch(0% 0 0 / 0.1)",transitionTimingFunction:"cubic-bezier(0.22, 1, 0.36, 1)"}})}),(0,t.jsxs)("span",{className:"text-sm font-medium transition-colors duration-200 ease-out",style:{color:G?"var(--ts-text)":"var(--ts-text-faint)"},children:["Yearly"," ",(0,t.jsx)("span",{className:"text-xs font-normal inline-block transition-[opacity,transform] duration-300",style:{color:"var(--ts-green)",o
155pacity:G?1:.5,transform:G?"translateY(0)":"translateY(2px)",transitionTimingFunction:"cubic-bezier(0.22, 1, 0.36, 1)"},children:"(save 17%)"})]})]}),(0,t.jsxs)("div",{className:"grid grid-cols-[auto_auto_1fr] items-center gap-x-3 mb-5",children:[(0,t.jsxs)("span",{className:"text-sm font-medium leading-tight",style:{color:"var(--ts-text)"},children:[(0,t.jsxs)("span",{className:"sm:hidden",children:["Office",(0,t.jsx)("br",{}),"locations"]}),(0,t.jsx)("span",{className:"hidden sm:inline",children:"Office locations"})]}),(0,t.jsxs)("div",{className:"flex items-center justify-center",children:[(0,t.jsx)("button",{onClick:()=>_(e=>Math.max(1,e-1)),className:"flex items-center justify-center w-9 h-9 rounded-l-lg border transition-colors hover:bg-neutral-100 active:bg-neutral-200",style:{borderColor:"var(--ts-border-input)",background:"var(--ts-surface)",opacity:A<=1?.4:1,cursor:A<=1?"not-allowed":"pointer"},"aria-label":"Remove location",children:(0,t.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.6",children:(0,t.jsx)("path",{d:"M0 5H10"})})}),(0,t.jsx)("div",{className:"flex items-center justify-center w-12 h-9 border-t border-b text-sm font-semibold tabular-nums select-none overflow-hidden",style:{borderColor:"var(--ts-border-input)",color:"var(--ts-text)"},children:(0,t.jsx)("span",{className:"animate-[priceIn_200ms_cubic-bezier(0.22,1,0.36,1)]",children:A},A)}),(0,t.jsx)("button",{onClick:()=>_(e=>e+1),className:"flex items-center justify-center w-9 h-9 rounded-r-lg border transition-colors hover:bg-neutral-100 active:bg-neutral-200",style:{borderColor:"var(--ts-border-input)",background:"var(--ts-surface)"},"aria-label":"Add location",children:(0,t.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.6",children:(0,t.jsx)("path",{d:"M0 5H5M10 5H5M5 5V0M5 5V10"})})})]}),(0,t.jsxs)("span",{className:"text-xs transition-opacity duration-200",style:{color:"var(--ts-text-faint)",opacity:+(A>1)},children:["+$",(A-1)*150,"/mo"]},`loc-cost-${A}`)]}),(0,t.jsxs)("div",{className:"mb-10",children:[(0,t.jsxs)("div",{className:"flex items-baseline gap-1.5",children:[(0,t.jsxs)("span",{className:"font-['General_Sans',sans-serif] font-black animate-[priceIn_300ms_cubic-bezier(0.22,1,0.36,1)]",style:{fontSize:"clamp(2.75rem, 5vw, 3.5rem)",letterSpacing:"-0.03em",color:"var(--ts-text)"},children:["$",(G?247:297)+(A-1)*150]},`${G}-${A}`),(0,t.jsx)("span",{className:"text-sm font-medium",style:{color:"var(--ts-text-muted)"},children:"/month"})]}),(0,t.jsx)("div",{className:"grid transition-[grid-template-rows] duration-300 ease-out",style:{gridTemplateRows:G?"1fr":"0fr"},children:(0,t.jsx)("div",{className:"overflow-hidden",children:(0,t.jsxs)("p",{className:"text-xs mt-1 animate-[priceIn_300ms_cubic-bezier(0.22,1,0.36,1)]",style:{color:"var(--ts-text-faint)"},children:["Billed annually at $2,970/year",A>1?` \xb7 extra locations $${(A-1)*150}/mo billed monthly`:""]},`yr-${A}`)})}),(0,t.jsxs)("p",{className:"text-sm mt-1 animate-[priceIn_300ms_cubic-bezier(0.22,1,0.36,1)]",style:{color:"var(--ts-text-muted)"},children:["What agencies charge $",(2e3+(A-1)*500).toLocaleString(),"+ to do by hand."]},`agency-${A}`)]}),(0,t.jsx)("ul",{className:"space-y-3.5 mb-10 stagger-children",style:{borderTop:"1px solid var(--ts-border)",paddingTop:"1.5rem"},children:e_.map(e=>{let s="30+ service and city pages"===e,a=s&&A>1;return(0,t.jsxs)("li",{className:"flex items-start gap-3 text-sm",style:{color:"var(--ts-text-muted)"},children:[(0,t.jsx)("span",{className:"mt-0.5 flex-shrink-0",style:{color:"var(--ts-green)"},children:(0,t.jsx)(eY,{})}),s?(0,t.jsxs)("span",{children:[(0,t.jsx)("span",{className:a?"font-bold animate-[priceIn_300ms_cubic-bezier(0.22,1,0.36,1)]":"",style:a?{color:"var(--ts-text)"}:void 0,children:a?`${30*A}+`:"30+"},A)," ","service and city pages"]}):e]},e)})}),(0,t.jsx)(eo.ClayGlassButton,{onClick:eN,className:"text-sm font-bold uppercase tracking-wider px-10 py-4 rounded-lg text-white transition-[transform,box-shadow] duration-150 ease-out hover:scale-[1.02] hover:shadow-lg active:scale-[0.97] w-full",style:{background:"var(--ts-accent)"},children:"See My Free Site â"}),(0,t.jsx)("p",{className:"text-xs mt-4 text-center",style:{color:"var(--ts-text-faint)"},children:"30-day money-back guarantee. No questions asked."})]}),(0,t.jsxs)("div",{id:"faq",className:"flex-1 lg:pt-2",children:[(0,t.jsx)("h3",{className:"font-['General_Sans',sans-serif] font-black tracking-tight mb-6",style:{fontSize:"1.25rem",letterSpacing:"-0.01em",lineHeight:1.15,color:"var(--ts-text)"},children:"Common Questions"}),(0,t.jsx)("div",{children:eD.map((e,s)=>(0,t.jsxs)("div",{style:{borderTop:"1px solid var(--ts-border)"},children:[(0,t.jsxs)("button",{onClick:()=>F(P===s?null:s),className:"w-full flex items-center justify-between py-4 text-left transition-transform duration-150 ease-out active:scale-[0.99]",children:[(0,t.jsx)("span",{className:"text-sm font-bold pr-4 font-['General_Sans',sans-serif]",style:{color:"var(--ts-text)"},children:e.q}),(0,t.jsx)("svg",{className:"w-4 h-4 flex-shrink-0 transition-transform duration-150 ease-out",style:{color:"var(--ts-text-faint)",transform:P===s?"rotate(45deg)":"rotate(0)"},fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4v16m8-8H4"})})]}),(0,t.jsx)("div",{className:"grid transition-[grid-template-rows] duration-250 ease-out",style:{gridTemplateRows:P===s?"1fr":"0fr"}
155,children:(0,t.jsx)("div",{className:"overflow-hidden",children:(0,t.jsx)("p",{className:"pb-4 text-sm",style:{...eC,color:"var(--ts-text-muted)"},children:e.a})})})]},s))})]})]})]}),(0,t.jsx)("div",{className:"max-w-2xl mx-auto mt-16 px-5 sm:px-8 mb-[-120px] lg:mb-[-180px]",children:(0,t.jsxs)("div",{className:"rounded-xl overflow-hidden",style:{border:"1px solid var(--ts-border)",boxShadow:"0 20px 60px oklch(22% 0.06 260 / 0.15)"},children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2.5",style:{background:"var(--ts-surface)",borderBottom:"1px solid var(--ts-border)"},children:[(0,t.jsxs)("div",{className:"flex gap-1.5",children:[(0,t.jsx)("div",{className:"w-2 h-2 rounded-full",style:{background:"oklch(70% 0.12 25)"}}),(0,t.jsx)("div",{className:"w-2 h-2 rounded-full",style:{background:"oklch(80% 0.12 90)"}}),(0,t.jsx)("div",{className:"w-2 h-2 rounded-full",style:{background:"oklch(70% 0.10 150)"}})]}),(0,t.jsx)("div",{className:"flex-1 rounded-md px-3 py-1 text-[10px] truncate",style:{background:"var(--ts-cream)",color:"var(--ts-text-faint)",fontFamily:"ui-monospace, monospace"},children:"tradesite.ai/dashboard"})]}),(0,t.jsxs)("div",{className:"flex",style:{background:"var(--ts-surface)"},children:[(0,t.jsxs)("div",{className:"hidden sm:flex flex-col w-48 shrink-0 p-3 gap-2",style:{borderRight:"1px solid var(--ts-border)"},children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 px-2 py-1.5 rounded",style:{background:"var(--ts-accent)",opacity:.1},children:[(0,t.jsx)("div",{className:"w-3 h-3 rounded",style:{background:"var(--ts-accent)"}}),(0,t.jsx)("div",{className:"w-16 h-2 rounded",style:{background:"var(--ts-accent)",opacity:.5}})]}),["Leads","Analytics","Pages","Settings"].map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-2 px-2 py-1.5",children:[(0,t.jsx)("div",{className:"w-3 h-3 rounded",style:{background:"var(--ts-border)"}}),(0,t.jsx)("span",{className:"text-[9px]",style:{color:"var(--ts-text-faint)"},children:e})]},e))]}),(0,t.jsxs)("div",{className:"flex-1 p-4",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,t.jsx)("div",{className:"w-24 h-3 rounded",style:{background:"var(--ts-border)"}}),(0,t.jsx)("div",{className:"w-16 h-5 rounded",style:{background:"var(--ts-accent)",opacity:.2}})]}),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[{label:"Leads",val:"47"},{label:"Visits",val:"1,284"},{label:"Pages",val:"32"}].map(e=>(0,t.jsxs)("div",{className:"rounded-lg p-2.5 text-center",style:{background:"var(--ts-cream)"},children:[(0,t.jsx)("div",{className:"font-['General_Sans',sans-serif] font-bold text-sm",style:{color:"var(--ts-text)"},children:e.val}),(0,t.jsx)("div",{className:"text-[8px] mt-0.5",style:{color:"var(--ts-text-faint)"},children:e.label})]},e.label))}),(0,t.jsx)("div",{className:"h-20 rounded-lg flex items-end gap-1 px-3 pb-2",style:{background:"var(--ts-cream)"},children:[40,55,35,65,50,80,70,90,60,75,85,95].map((e,s)=>(0,t.jsx)("div",{className:"flex-1 rounded-t",style:{height:`${e}%`,background:s>=10?"var(--ts-accent)":"var(--ts-border)"}},s))})]})]})]})})]}),(0,t.jsxs)("section",{id:"cta",className:"pt-[clamp(5rem,10vw,8rem)] pb-[clamp(5rem,12vw,10rem)] px-5 sm:px-8 text-center fade-up relative overflow-hidden",style:{background:"var(--ts-dark)",contentVisibility:"auto",containIntrinsicSize:"auto 500px"},children:[(0,t.jsx)("div",{className:"diamond-patch-light",style:{width:"350px",height:"300px",top:"-20px",right:"-40px"}}),(0,t.jsx)("div",{className:"diamond-patch-light",style:{width:"300px",height:"280px",bottom:"-30px",left:"-30px"}}),(0,t.jsxs)("div",{className:"max-w-2xl mx-auto relative",children:[(0,t.jsx)("h2",{className:"font-['General_Sans',sans-serif] font-black tracking-tight leading-[1.04] mb-5",style:{fontSize:"clamp(1.75rem, 3.5vw + 0.5rem, 3rem)",letterSpacing:"-0.02em",color:"var(--ts-text-on-dark)"},children:"See Your Site for Free, in 3 Minutes."}),(0,t.jsx)("p",{className:"text-base mb-8",style:{color:"var(--ts-text-on-dark-muted)",lineHeight:1.7},children:"Free preview. No credit card. Takes 3 minutes."}),(0,t.jsx)(eo.ClayGlassButton,{onClick:eN,className:"text-sm font-bold uppercase tracking-wider px-12 py-5 rounded-lg text-white transition-[transform,box-shadow] duration-150 ease-out hover:scale-[1.02] hover:shadow-lg active:scale-[0.97]",style:{background:"var(--ts-accent)"},children:"See My Free Site â"}),(0,t.jsx)("div",{className:"flex flex-wrap justify-center gap-x-6 gap-y-2 mt-8",children:["No credit card","Free preview","Ready in 3 minutes"].map(e=>(0,t.jsxs)("span",{className:"flex items-center gap-1.5 text-xs",style:{color:"var(--ts-text-on-dark-muted)"},children:[(0,t.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--ts-green)"},children:(0,t.jsx)("path",{d:"M5 13l4 4L19 7"})}),e]},e))})]})]}),(0,t.jsxs)("footer",{className:"py-8 px-5 sm:px-8 text-center",style:{borderTop:"1px solid var(--ts-border)"},children:[(0,t.jsx)("nav",{"aria-label":"Footer",className:"flex flex-wrap justify-center gap-x-5 gap-y-2 mb-6",children:eO.map(e=>(0,t.jsx)(n.default,{href:e.href,className:"text-xs font-medium transition-colors text-[var(--ts-text-muted)] hover:text-[var(--ts-text)]",children:e.label},e.href))}),(0,t.jsxs)("p",{className:"text-xs",style:{color:"var(--ts-text-faint)"},children:["© ",new Date().getFullYear()," TradeSite LLC. All rights reserved."]}),(0,t.jsx)("p",{className:"text-xs mt-2",style:{color:"var(--ts-text-faint)"},children:"TradeSite LLC is a Wyoming company founded by Luuk de Haan."})]}),(0,t.jsx)(ex.ReferralInviteModal,{})]})}var e0=e.i(554865);function e1(){let e=(0,s.useRouter)();return(0,t.jsx)(eQ,{onBuild:t=>{e0.safeSession.set("tradesite_business_data",JSON.stringify(t)),e.push("/quiz")}})}e.s(["LandingPageShell",()=>e1],53495)}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.