45:o1,~45:o83c,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/3hgpkj-xzfw6u.js" 4:I[381307,["$3"],"default"] 5:I[934914,["$3"],"default"] 38:"ViewportBoundary" 39:I[176645,["$3"],"$38"] 3b:"MetadataBoundary" 3c:I[176645,["$3"],"$3b"] 3d:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/1bv-hlxwcj3mn.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1t5z917tkvfhq.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1jd4bptd-zy0t.css","style"] :HL["/chat-static/_next/static/immutable/chunks/03jd14_hafawi.css","style"] 1:X 6:X 17:X 1a:X 21:X 1f:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L20","p":false,"v":"$21"}}]] 1d:[["children",{"s":{"n":"id","t":"d","k":"consultor-de-marketing-NOz47InHLZ8","s":null},"h":98,"d":{"r":"$L1e","p":false,"v":"$6"},"c":"$Q1f"}]] 2b:X 29:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2a","p":false,"v":"$2b"}}]] 27:[["children",{"s":{"n":"id","t":"d","k":"consultor-de-marketing-NOz47InHLZ8","s":null},"h":38,"d":{"r":"$L28","p":false,"v":"$6"},"c":"$Q29"}]] 25:[["children",{"s":"chat","h":106,"d":{"r":"$L26","p":false,"v":"$6"},"c":"$Q27"}]] 23:[["children",{"s":"(chat)","h":106,"d":{"r":"$L24","p":false,"v":"$6"},"c":"$Q25"}]] 35:X 33:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L34","p":false,"v":"$35"}}]] 31:[["children",{"s":{"n":"id","t":"d","k":"consultor-de-marketing-NOz47InHLZ8","s":null},"h":102,"d":{"r":"$L32","p":false,"v":"$6"},"c":"$Q33"}]] 2f:[["children",{"s":"chat","h":106,"d":{"r":"$L30","p":false,"v":"$6"},"c":"$Q31"}]] 2d:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2e","p":false,"v":"$6"},"c":"$Q2f"}]] 37:X 1b:[["children",{"s":"chat","h":98,"d":{"r":"$L1c","p":false,"v":"$6"},"c":"$Q1d"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L22","p":false,"v":"$6"},"c":"$Q23"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2c","p":false,"v":"$6"},"c":"$Q2d"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L36","p":false,"v":"$37"}}]] 18:[["children",{"s":{"n":"scope","t":"d","k":"contatocharlesmkt-1020s-projects","s":null},"h":74,"d":{"r":"$L19","p":false,"v":"$1a"},"c":"$Q1b"}]] 45:oc3c,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1bv-hlxwcj3mn.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1t5z917tkvfhq.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1jd4bptd-zy0t.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/03jd14_hafawi.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/27drikzuvvlkz.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/11lyl92d5uidb.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2rs4e_urgmfoi.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2isb-ffyk13h1.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/2ooky3daf1w60.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3f25o_f629lnw.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/3i6ogyrec1lar.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1n7bkbj_n_55k.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1r-2wru0o9lfp.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/3vous1g45z_7y.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/18_-xblcdgpy1.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15"],"$L16"]}],"p":false,"v":"$17"},"c":"$Q18"}]] 45:o1d7,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-","s":null},"h":122,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q8"}]] 3f:X 40:X 45:o716,0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":90,"d":{"r":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$6"},"c":"$Q7"},"h":{"r":["$","$2","h",{"children":[null,["$","$L39","d76hbYXAz7AGWwIf3mTkKv",{"children":"$L3a"}],["$","div","d76hbYXAz7AGWwIf3mTkKm",{"hidden":true,"children":["$","$L3c",null,{"children":["$","$3d",null,{"name":"Next.Metadata","children":"$L3e"}]}]}]]}],"p":false,"v":"$3f"}},"s":"$40","a":"$@41","w":"$@42"} 45:o1000,44:I[176645,["$3"],"OutletBoundary"] 46:"LoadingBoundaryProvider" 47:I[381307,["$3"],"$46"] 4f:"/chat-static/_next/static/immutable/chunks/27drikzuvvlkz.js" 50:"/chat-static/_next/static/immutable/chunks/0w1lrom8rw5ju.js" 51:"/chat-static/_next/static/immutable/chunks/11lyl92d5uidb.js" 52:"/chat-static/_next/static/immutable/chunks/1aewy7yrnlnw1.js" 53:"/chat-static/_next/static/immutable/chunks/2rs4e_urgmfoi.js" 54:"/chat-static/_next/static/immutable/chunks/2isb-ffyk13h1.js" 55:"/chat-static/_next/static/immutable/chunks/2ooky3daf1w60.js" 56:"/chat-static/_next/static/immutable/chunks/3xfqd79v-con1.js" 57:"/chat-static/_next/static/immutable/chunks/3f25o_f629lnw.js" 58:"/chat-static/_next/static/immutable/chunks/3i6ogyrec1lar.js" 59:"/chat-static/_next/static/immutable/chunks/1n7bkbj_n_55k.js" 5a:"/chat-static/_next/static/immutable/chunks/3_b2wbin-ikog.js" 5b:"/chat-static/_next/static/immutable/chunks/1r-2wru0o9lfp.js" 5c:"/chat-static/_next/static/immutable/chunks/3941mm2kmjqco.js" 5d:"/chat-static/_next/static/immutable/chunks/3vous1g45z_7y.js" 5e:"/chat-static/_next/static/immutable/chunks/3noaaw7xa00yr.js" 5f:"/chat-static/_next/static/immutable/chunks/18_-xblcdgpy1.js" 60:"/chat-static/_next/static/immutable/chunks/1bmakg034cezp.js" 61:"/chat-static/_next/static/immutable/chunks/2c2ur0yl_ff2s.js" 62:"/chat-static/_next/static/immutable/chunks/3b8d4_xwoqc18.js" 63:"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js" 64:"/chat-static/_next/static/immutable/chunks/1bhi04iocyynd.js" 65:"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js" 66:"/chat-static/_next/static/immutable/chunks/0xrpdws0tbyya.js" 67:"/chat-static/_next/static/immutable/chunks/2s-65qq2eoe96.js" 68:"/chat-static/_next/static/immutable/chunks/254eugkkwc6ss.js" 69:"/chat-static/_next/static/immutable/chunks/3upi5_u62q_gq.js" 6a:"/chat-static/_next/static/immutable/chunks/0amyfdl50mz4z.js" 6b:"/chat-static/_next/static/immutable/chunks/0bhx0z1oa2-oe.js" 6c:"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js" 6d:"/chat-static/_next/static/immutable/chunks/2p4dd29ppwmwt.js" 6e:"/chat-static/_next/static/immutable/chunks/0plnn9njznxg6.js" 6f:"/chat-static/_next/static/immutable/chunks/0al_ckq0gyy8n.js" 70:"/chat-static/_next/static/immutable/chunks/2ad9n9lg9lgw3.js" 71:"/chat-static/_next/static/immutable/chunks/13chkuejbk5mz.js" 72:"/chat-static/_next/static/immutable/chunks/42agoq63rpps6.js" 73:"/chat-static/_next/static/immutable/chunks/30fabo36j5izp.js" 74:"/chat-static/_next/static/immutable/chunks/0rwmy3yxojwcv.js" 75:"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js" 76:"/chat-static/_next/static/immutable/chunks/0x-qy89bz-rgx.js" 77:"/chat-static/_next/static/immutable/chunks/1787q9d2c8h89.js" 78:"/chat-static/_next/static/immutable/chunks/2jax3rb0sbtfv.js" 79:"/chat-static/_next/static/immutable/chunks/3_y65iunsijt-.js" 7a:"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js" 7b:"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js" 7c:"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js" 7d:I[822201,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c"],"default"] 7e:"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js" 7f:"/chat-static/_next/static/immutable/chunks/3bnxd_xt_d3fd.js" 80:"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js" 81:"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js" 82:"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js" 83:"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js" 84:"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js" 85:"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js" 86:"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js" 87:"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js" 88:"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js45:o84c," 89:"GitChatHeaderSkeleton" 8a:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$89"] 6:C 9:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/1bmakg034cezp.js","async":true,"nonce":"$undefined"}] a:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2c2ur0yl_ff2s.js","async":true,"nonce":"$undefined"}] b:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/3b8d4_xwoqc18.js","async":true,"nonce":"$undefined"}] c:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/10nyt517pjj02.js","async":true,"nonce":"$undefined"}] d:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/1bhi04iocyynd.js","async":true,"nonce":"$undefined"}] e:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/22d52d8i9k163.js","async":true,"nonce":"$undefined"}] f:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/0xrpdws0tbyya.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/2s-65qq2eoe96.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/254eugkkwc6ss.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/3upi5_u62q_gq.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/0amyfdl50mz4z.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/0bhx0z1oa2-oe.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/3ppx1kyz3ck5n.js","async":true,"nonce":"$undefined"}] 45:o644,19:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2p4dd29ppwmwt.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0plnn9njznxg6.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0al_ckq0gyy8n.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2ad9n9lg9lgw3.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/13chkuejbk5mz.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/42agoq63rpps6.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/30fabo36j5izp.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0rwmy3yxojwcv.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/011gun9_73cts.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0x-qy89bz-rgx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1787q9d2c8h89.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2jax3rb0sbtfv.js","async":true,"nonce":"$undefined"}]],"$L43"]}] 45:o29a,1c:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 1e:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 45:o726,20:["$","$2","c",{"children":[null,[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0m7q-j_5sj9wk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}]],["$","$L44",null,{"children":["$","$3d",null,{"name":"Next.MetadataOutlet","children":"$@45"}]}]]}] 45:o3e7,22:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 24:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 26:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 45:o1103,28:["$","$L47",null,{"loading":[["$","$2","l",{"children":[["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}],["$","div",null,{"data-chat-skeleton-layout":true,"aria-hidden":"true","className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"className":"flex","children":["$","div",null,{"data-skeleton-chat-column":true,"className":"flex flex-col size-full pt-4 px-2 pb-2","children":[["$","div",null,{"className":"flex-1 overflow-hidden mask-[linear-gradient(to_bottom,black_0%,transparent_100%)]","children":["$","div",null,{"className":"max-w-3xl mx-auto w-full flex-col pt-2","children":[["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}],["$","div",null,{"className":"flex flex-col w-full gap-4 px-2","children":[["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","3",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","4",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}],["$","div",null,{"className":"gap-1 flex flex-col w-full relative","children":[["$","div","0",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","1",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"100%"}}],["$","div","2",{"className":"bg-v0-gray-300 h-4 rounded-md","style":{"width":"40%"}}]]}],["$","div",null,{"className":"h-6 w-full flex flex-row gap-2","children":[["$","div",null,{"className":"bg-v0-gray-300 min-w-4 h-4 rounded-full"}],["$","div",null,{"className":"bg-v0-gray-300 h-4 rounded-md w-[70%] max-w-[200px]"}]]}]]}],["$","div",null,{"className":"@container/message group w-full [&_code]:break-all wrap-break-word flex flex-col gap-2 origin-right items-end px-2","data-testid":"skeleton-message","children":[["$","div",null,{"className":"flex items-center gap-1.5 pr-1","children":["$","div",null,{"className":"size-4 rounded-full bg-v0-gray-300"}]}],["$","div",null,{"className":"flex items-end sm:max-w-[min(fit-content,80%)] max-w-[90%] origin-top-right","children":["$","div",null,{"className":"border border-v0-gray-200 text-left relative rounded-[16px] bg-v0-gray-200 px-3 py-1.5 min-w-0 wrap-break-word group/message-bubble","children":["$","div",null,{"style":{"width":900,"height":120}}]}]}],["$","div",null,{"className":"flex items-center gap-1 justify-end flex-row-reverse mr-[-2px] h-6"}]]}]]}]}],["$","div",null,{"className":"mx-auto w-full max-w-3xl","children":["$","div",null,{"className":"p-1.5 flex items-center gap-1 rounded-xl material-medium bg-v0-background-300 border border-v0-alpha-400","children":[["$","div",null,{"className":"flex size-7 shrink-0 items-center justify-center","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-4 rounded"}]}],"$L48","$L49","$L4a"]}]}]]}]}],"$L4b"]}],"$L4c"]}],[],null],"children":"$L4d"}] 45:o6cc,2a:["$","$2","c",{"children":["$L4e",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0m7q-j_5sj9wk.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}]],null]}] 45:o780,2c:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 2e:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 30:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 32:["$","$L47",null,{"loading":[["$","$L7d","l",{}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3_y65iunsijt-.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 45:o78d,34:["$","$2","c",{"children":[["$","$3d",null,{"fallback":["$","$L8a",null,{}],"children":"$L8b"}],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3hsajri1s-96e.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3zxdefw6bzep4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3bnxd_xt_d3fd.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/42gppk__0s7nz.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2572gtfmwa7vr.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2vgh-qgbei65i.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/23i_w6tmac85b.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3gunbt662hd3p.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1o8e7gbyfglvt.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1xaqt9_cvhvsi.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/24mjxlkfrhvzx.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/1d-obk4713hwc.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/400a-sg426y-k.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1vpqujxbyjk9n.js","async":true,"nonce":"$undefined"}]],null]}] 45:o32,36:["$","$2","c",{"children":["$L8c",null,null]}] 45:o885,8e:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"AppCard"] 8f:"FULL_BLEED_APP_CARD_CLASSNAME" 90:I[987761,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$8f"] 91:"/chat-static/_next/static/immutable/chunks/3vujvky3kfowx.js" 92:"SidebarCollapseButton" 93:I[663042,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$91"],"$92"] 94:I[192842,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"ChatWarning"] 95:I[903785,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$91"],"NewChatButton"] 40:300 48:["$","div",null,{"className":"flex-1 min-w-0","children":["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-4 w-24 rounded"}]}] 49:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 h-6 w-16 rounded-md"}] 4a:["$","div",null,{"className":"animate-pulse bg-v0-gray-200 size-7 rounded-full"}] 4b:["$","div",null,{"data-output":true,"className":"bg-v0-background-200"}] 8d:T1963,45:o1963,45:o35d,4c:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$8d"}}] 4d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3d",null,{"fallback":["$","$L8e",null,{"className":"$90","children":[["$","$L93",null,{"collapsedOnly":true,"syncWidth":true,"syncCollapsedMarginRight":"0px","syncExpandedMarginRight":"0px","peekOnHover":false,"className":"pointer-events-auto absolute left-3 top-3 z-20 hidden sm:flex"}],["$","$L94",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$L95",null,{}]}]]}],"children":"$L96"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 45:o17,17:T8,variants97:T18d6,45:o18d6,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=a.find(a=>f({path:g.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await h.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",g.pathname),o.set("x-method",l);let p={...d,headers:o};return i.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });45:o158,16:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$97"}}],"$L98","$L99","$L9a","$L9b"]}],"$L9c"]}] 45:o1000,9d:"GeistThemeScript" 9e:I[943185,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$9d"] 9f:I[600033,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"AppStoreMetaTag"] a0:I[943185,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"GeistProvider"] a1:I[818362,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"LocaleProvider"] a2:I[841245,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"MotionConfig"] a3:"AtomicContextSWRProvider" a4:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$a3"] a5:"GlobalPromiseContextProvider" a6:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$a5"] a9:I[827887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"JotaiProvider"] aa:"ServerQuerySWRRuntimeProvider" ab:I[74757,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$aa"] ad:I[815349,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"CleanupStorage"] ae:I[470669,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Analytics"] af:I[191173,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SpeedInsights"] b1:"VercelianAppFlowMigrator" b2:I[23825,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$b1"] b3:I[108762,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"TrackInfo"] b4:I[578386,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"PageViewTracker"] b5:I[356301,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"AutoCapture"] 98:["$","$L9e",null,{"storageKey":"theme"}] 99:["$","$3d",null,{"children":["$","$L9f",null,{}]}] 9a:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 9b:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organiza45:o2cc,tion\",\"name\":\"Vercel\",\"url\":\"https://vercel.com\",\"logo\":\"https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico\",\"sameAs\":[\"https://x.com/vercel\",\"https://x.com/v0\",\"https://github.com/vercel\",\"https://www.linkedin.com/company/vercel\",\"https://www.linkedin.com/company/v0dev\"]},{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"name\":\"v0\",\"url\":\"https://v0.app\",\"description\":\"Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.\",\"applicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 45:o93b,9c:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased kSVEZa_variable yCrHjW_variable hGs1mq_variable","children":[["$","$La0",null,{"storageKey":"theme","withScript":false,"children":["$","$La1",null,{"locale":"en","children":["$","$La2",null,{"reducedMotion":"user","children":["$","$La4",null,{"routes":{"scoped":{"scopeUserDetails":{"path":"/api/chat/scoped/user","method":"GET"},"team":{"path":"/api/chat/scoped/team","method":"GET"},"vercelProjectsFavorites":{"path":"/api/chat/scoped/vercel-projects/favorites","method":"GET"},"chats":{"path":"/api/chat/scoped/chats","method":"GET"},"paginatedChats":{"path":"/api/chat/scoped/get-paginated-chats","method":"GET"},"designSystems":{"path":"/api/chat/scoped/design-systems-with-registry/list","method":"GET"},"sidebarProjectGroups":{"path":"/api/chat/scoped/sidebar-project-groups","method":"GET"},"sidebarDrafts":{"path":"/api/v2/internal/chats/sidebar-drafts","method":"GET"}},"chat":{"attributes":{"path":"/api/chat/chat/attributes","method":"GET"},"externalMeta":{"path":"/api/chat/chat/latest-external-meta","method":"GET"},"latest":{"path":"/api/chat/chat/latest","method":"GET"},"template":{"path":"/api/chat/chat/template","method":"GET"},"messages":{"path":"/api/chat/chat/messages","method":"GET"},"messagesRange":{"path":"/api/chat/chat/messages/range","method":"GET"},"gitStatus":{"path":"/api/git/status","method":"GET"}},"library":{"chatsList":{"path":"/api/chat/library/chats/list","method":"GET"},"archivedChatsList":{"path":"/api/chat/library/chats/archived","method":"GET"},"projectsList":{"path":"/api/chat/library/projects/list","method":"GET"},"filters":{"path":"/api/chat/library/filters","method":"GET"}},"project":{},"global":{"dailyModelUsage":{"path":"/api/chat/global/daily-model-usage","method":"GET"},"freeFixWithV0Usage":{"path":"/api/chat/global/free-fix-with-v0-usage","method":"GET"}}},"children":["$","$La6",null,{"params":null,"promises":{"dailyModelUsage":"$@a7","freeFixWithV0Usage":"$@a8"},"children":[["$","$La9",null,{"children":["$","$Lab",null,{"children":"$Lac"}]}],["$","$Lad",null,{}]]}]}]}]}]}],["$","$Lae",null,{}],["$","$Laf",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3d",null,{"children":"$Lb0"}],["$","$Lb2",null,{}],["$","$Lb3",null,{}],["$","$Lb4",null,{}],["$","$Lb5",null,{}]]}] 45:o90,3a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 45:oe,3f:T8,variants45:o1000,b6:"HydrateDurableAtoms" b7:I[783749,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$b6"] b8:I[359783,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"DataProvider"] b9:I[32170,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"UserProvider"] bb:"AnimatedIconProvider" bc:I[908887,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$bb"] bd:I[30570,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"PortalProvider"] be:"SnowflakePublishProvider" bf:I[966820,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$be"] c0:"UserInputProvider" c1:I[472914,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c0"] c2:I[69221,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"CmdkProvider"] c3:"VirtualMachineUIStateProvider" c4:I[319228,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c3"] c5:"DeployedPreviewIframeRefProvider" c6:I[166890,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c5"] c7:"PreviewSourceUIStateProvider" c8:I[197843,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$c7"] c9:I[367078,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"LoaderProvider"] ca:"PromptFormUIProvider" cb:I[595358,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$ca"] cc:I[242759,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"FlagsProvider"] ce:I[723704,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"NuqsAdapter"] cf:"ChatTabsProvider" d0:I[568561,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$cf"] d1:"PersonalScopeMigrationAnnouncementProvider" d2:I[206559,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$d1"] d4:"AnnouncementVisibilityProvider" d5:I[878519,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$d4"] d8:I[561588,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$5845:o4ab,","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Toaster"] d9:I[407562,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"Toaster"] da:"SuspendingDialogs" db:I[840793,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"$da"] dc:I[323194,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SignInDialog"] dd:I[279070,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"ConsentBanner"] de:I[15279,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c"],"SessionManager"] 45:o8ad,ac:["$","$Lb7",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"toolConfiguration":{"webSearch":true,"generateImages":true,"vercelProjectId":null,"vercelProjectName":null,"vercelProjectBranch":null,"vercelProjectGitOrg":null,"vercelProjectGitRepo":null,"customInstructionIds":[],"mcpServerIds":[],"marketplaceMcpIds":[],"autoAllowMcpTools":false},"shouldShowUpgrade":false,"chatMobilePanel":"input","chatPanelLayout":[{"id":"input","ratio":0.205,"visible":true},{"id":"output","ratio":0.795,"visible":true}],"dismissedFeatureDialogs":{},"dismissedConnectRepoCard":false,"permissionsModeV2":null}}},"children":["$","$Lb8",null,{"children":["$","$Lb9",null,{"expectUser":false,"userPromise":"$@ba","children":["$","$Lbc",null,{"children":["$","$Lbd",null,{"children":["$","$Lbf",null,{"children":["$","$Lc1",null,{"children":["$","$Lc2",null,{"children":["$","$Lc4",null,{"children":["$","$Lc6",null,{"children":["$","$Lc8",null,{"children":["$","$Lc9",null,{"children":["$","$Lcb",null,{"children":["$","$Lcc",null,{"promise":"$@cd","middlewareFlags":[],"children":["$","$Lce",null,{"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"destinationTeamIdPromise":"$@d3","children":["$","$Ld5",null,{"visiblePromise":"$@d6","children":["$","div",null,{"className":"max-h-screen-patched min-h-screen-patched flex w-full flex-col overflow-auto bg-v0-background-200","vaul-drawer-wrapper":"","children":[["$","$3d",null,{"fallback":null,"children":"$Ld7"}],["$","$Ld8",null,{}],["$","$Ld9",null,{}],["$","$3d",null,{"fallback":null,"children":["$","$Ldb",null,{}]}],["$","$Ldc",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Ldd",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 45:o12c,96:["$","$L8e",null,{"className":"$90","children":["$4d:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$L94",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] b0:["$","$Lde",null,{"enabled":false}] 45:o20,ba:"$undefined" d6:true d7:null 45:o81,3f:T1,?37:T1,?21:T1,?35:T1,?2b:T1,?40:60 37:T8,variants35:T8,variants1a:T8,variants3f:T2,id35:T5,scope2b:T2,id1a:T5,scope35:T2,id45:oe62,df:"RouteChatIdProvider" e0:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$df"] e1:"CompletionAttentionProvider" e2:I[607506,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e1"] e3:"SidebarUIProvider" e4:I[475961,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e3"] e7:"HeaderSlotClientRouter" e8:I[597544,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$e7"] e9:"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js" ea:I[32459,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$e9"],"default"] eb:I[990009,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"Header"] ec:"RevalidateChatIdSkeletonStyles" ed:I[564011,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"$ec"] ee:I[980088,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78"],"DynamicCMDK"] ef:"PromptQueueSnapshotProvider" f0:I[475641,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$ef"] f3:"ChatPromiseContextProvider" f4:I[850359,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$f3"] fc:I[70040,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"GitChatHeader"] fd:I[705838,["$3"],"IconMark"] 8c:null 45:o77d,43:["$","$Le0",null,{"children":["$","$Le2",null,{"children":["$","$Le4",null,{"children":[["$","$3d",null,{"fallback":null,"children":"$@e5"}],["$","$3d",null,{"children":"$Le6"}],false,false,["$","div",null,{"className":"isolate flex min-h-0 flex-1","children":[false,["$","div",null,{"className":"flex min-h-0 min-w-0 flex-1 flex-col","children":[["$","$Le8",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$ea","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2eerkywibkd4m.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Leb",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$ea","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{"parallelRouterKey":"content","error":"$ea","errorStyles":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorStyles","errorScripts":"$43:props:children:props:children:props:children:4:props:children:1:props:children:0:props:headerSlot:props:errorScripts","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]]}],false,["$","$3d",null,{"children":["$","$Led",null,{}]}],["$","$Lee",null,{}]]}]}]}] 45:o477,4e:["$","$Lf0",null,{"initial":{"chatId":"NOz47InHLZ8","snapshot":"$@f1"},"children":"$Lf2"}] 8b:["$","$Lf4",null,{"params":{"chatId":"NOz47InHLZ8"},"promises":{"attributes":"$@f5","externalMeta":"$@f6","latest":"$@f7","messagesRange":"$@f8","messages":"$@f9","template":"$@fa","gitStatus":"$@fb"},"children":["$","$Lfc",null,{"chatId":"NOz47InHLZ8"}]}] d3:null cd:{"requested":"contatocharlesmkt-1020s-projects","identity":null,"resolution":"anonymous","flags":{"aepe":false,"asse":false,"afre":false,"bvge":false,"cste":false,"igm":"gateway.google/gemini-3.1-flash-lite-image","ctv2":false,"lcw":false,"tbb":false,"oivs":false,"vmmt":false,"nfd":"","nfde":1,"iedm":true,"inb":true,"stve":true,"ci":true,"smpe":false,"dsie":false,"sie":false,"siv2":false,"cvod":false,"dce":false,"tse":false,"ftdml":true,"lmmo":false,"ubse":true,"dcpps":false,"spu":true,"kps":false,"tfam":false,"evmv":true,"f5e":true,"f51e":true,"gmpe":true,"impe":false,"gope":false,"awde":false,"awpse":false,"g56se":true,"g52e":false,"g46e":false,"kk3e":false,"o5e":true,"ept":false,"pwz":true,"shce":false,"shme":false,"idue":false,"ipc":true,"dsrr":false,"ftr":null}} 45:o5ae,3e:[["$","title","0",{"children":"Consultor de Marketing - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Please fork this block."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","link","3",{"rel":"canonical","href":"https://v0.app/chat/consultor-de-marketing-NOz47InHLZ8"}],["$","meta","4",{"property":"og:title","content":"Consultor de Marketing - v0 by Vercel"}],["$","meta","5",{"property":"og:description","content":"Please fork this block."}],["$","meta","6",{"property":"og:image","content":"https://v0.app/chat/api/og/NOz47InHLZ8"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Consultor de Marketing - v0 by Vercel"}],["$","meta","9",{"name":"twitter:description","content":"Please fork this block."}],["$","meta","10",{"name":"twitter:image","content":"https://v0.app/chat/api/og/NOz47InHLZ8"}],["$","link","11",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","12",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","14",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$Lfd","15",{}]] 45:o8,45:null 45:obfb,105:"ExplicitChatIdProvider" 106:I[903690,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"$105"] 107:I[838238,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$7e","$7a","$7f","$80","$7c","$81","$82","$83","$84","$85","$86","$7b","$87","$88"],"SWRDataProvider"] 2b:T8,variants2b:T5,scopef5:{"ok":true,"value":{"designSystemId":null,"title":"Consultor de Marketing","privacy":"public","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_qhKz2acx7Wy3GlhWhZNIzBXd","tailwindV4Default":false,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"chatCreatedAt":1750861056521,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":"prj_KEu2l4yfPUD8eKGmOEmjus5YcxSf","defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} f6:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f7:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f8:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} f9:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} fa:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} fb:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} e5:null 109:[] 10a:[["b_v6ryRxiPxOg",null],["b_iQaGlBiJjUt",null],["b_qEq8aJ0TSoc",null]] 10b:[["b_v6ryRxiPxOg",{"templateVersionId":null,"templateCanonId":null}],["b_iQaGlBiJjUt",{"templateVersionId":null,"templateCanonId":null}],["b_qEq8aJ0TSoc",{"templateVersionId":null,"templateCanonId":null}]] 10c:[["hjJB9vsgPUg","$D2025-06-25T14:17:36.521Z"],["b_XWngUYbpBQ8","$D2025-06-25T17:48:11.562Z"],["b_dSLmFESwwRA","$D2025-06-25T17:52:38.145Z"],["b_X6CzRHUGc2X","$D2025-06-25T17:56:34.489Z"],["b_qU9QGI8pPQI","$D2025-06-25T18:00:13.713Z"],["b_v6ryRxiPxOg","$D2025-06-25T18:06:00.309Z"],["b_iQaGlBiJjUt","$D2025-06-25T18:07:59.756Z"],["b_qEq8aJ0TSoc","$D2025-06-25T18:11:36.942Z"]] 10d:[["b_v6ryRxiPxOg",false],["b_iQaGlBiJjUt",false],["b_qEq8aJ0TSoc",false]] 10e:[["b_v6ryRxiPxOg","$undefined"],["b_iQaGlBiJjUt","$undefined"],["b_qEq8aJ0TSoc",{"deploymentId":"dpl_Br7mBxpBCEcfJrVE2qFDUbCYLo6N"}]] 10f:[["b_v6ryRxiPxOg",null],["b_iQaGlBiJjUt",null],["b_qEq8aJ0TSoc",null]] 110:[["b_v6ryRxiPxOg",true],["b_iQaGlBiJjUt",true],["b_qEq8aJ0TSoc",true]] 111:[["b_v6ryRxiPxOg",true],["b_iQaGlBiJjUt",true],["b_qEq8aJ0TSoc",true]] 112:[] 113:T8a5,45:o8a5,Seu código está bem estruturado, mas há alguns **erros e melhorias importantes** que precisam ser feitos: --- ### ✅ **Erros a corrigir** 1. **Erro de digitação no `createTransporter`** ```ts const transporter = nodemailer.createTransporter({ ... }) ``` * **Erro:** `createTransporter` **não existe** no `nodemailer`. * **Correção:** ```ts const transporter = nodemailer.createTransport({ service: "gmail", auth: { user: process.env.GMAIL_USER, pass: process.env.GMAIL_APP_PASSWORD, }, }) ``` 2. **Verificação de variáveis de ambiente** * Você deveria verificar se `process.env.GMAIL_USER` e `process.env.GMAIL_APP_PASSWORD` estão definidos antes de usar, para evitar falhas silenciosas. * **Exemplo:** ```ts if (!process.env.GMAIL_USER || !process.env.GMAIL_APP_PASSWORD) { throw new Error("Credenciais do Gmail não configuradas nas variáveis de ambiente.") } ``` --- ### ⚠️ **Sugestões de melhoria** 1. **Validação mais robusta do email** * Poderia incluir uma verificação simples de formato de e-mail com regex ou usar uma biblioteca como `zod`. 2. **Limitar o tamanho da mensagem** * Para evitar abusos, limite o tamanho de `message` (por exemplo, `message.length > 1000`). 3. **Escapar conteúdo HTML inserido** * Para evitar possíveis injeções HTML, escape os valores vindos do usuário. Exemplo: ```ts const escape = (str: string) => str.replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'") ``` 4. **Evite expor erros técnicos no `console.error` em produção** * Se você estiver em ambiente de produção, limite ou direcione o log para um sistema de monitoramento. --- ### ✅ Após correções, trecho corrigido: ```ts const transporter = nodemailer.createTransport({ service: "gmail", auth: { user: process.env.GMAIL_USER, pass: process.env.GMAIL_APP_PASSWORD, }, }) ``` ---45:o9,114:Tb50,45:ob50,Seu código está muito bem estruturado e organizado. No geral, ele segue boas práticas modernas de React + Tailwind + Next.js. No entanto, há **alguns pequenos pontos técnicos, correções e sugestões de melhoria** que vale a pena considerar: --- ### ✅ **Erros ou inconsistências a corrigir** 1. **Importação `React` desnecessária:** ```tsx import type React from "react" ``` * **Problema:** Esse tipo não está sendo usado. Pode ser removido. * **Correção:** Apague essa linha. 2. **Formulário envia `company` como texto em `

`**

* Está funcional, mas semântica sugere que "empresa" seria um `<Input>`, não um `<Textarea>`.
   * **Sugestão:** Mudar para `<Input>` se espera só o nome da empresa. Se for uma descrição longa, mantenha como está.

3. **ID duplicado no `scrollIntoView`:**

* Em dois lugares você faz:

```ts
     document.getElementById("contato")?.scrollIntoView(...)
     ```
   * Isso está certo, mas **assegure-se de que não há IDs duplicados** (parece OK no código, só um `<section id="contato" />`, mas vale atenção).

4. **Uso direto de `window.open`**

* Embora seja comum, pode causar problemas em alguns navegadores com bloqueio de pop-ups.
   * **Sugestão:** adicionar `rel="noopener noreferrer"` caso fosse um `<a>`, mas com `onClick`, está ok para uso geral.

---

### 💡 **Melhorias sugeridas**

1. **Validação básica antes de envio**

* No `handleSubmit`, seria interessante validar os dados manualmente antes de enviar:

```tsx
     if (!formData.name || !formData.email || !formData.phone || !formData.company) {
       setSubmitStatus({ type: "error", message: "Por favor, preencha todos os campos obrigatórios." })
       return
     }
     ```

2. **Feedback de erro em campos individuais (UX)**

* Hoje só há um feedback geral. Você poderia destacar os campos com erro com borda vermelha ou texto de aviso ao lado.

3. **Melhorar acessibilidade (a11y)**

* Colocar `aria-label` nos inputs ou usar `<label htmlFor="name">` com `id="name"` nos campos.

4. **Evitar animação constante (`animate-pulse`) no botão do WhatsApp**

* `animate-pulse` pode ser visualmente cansativo. Alternativa:

```tsx
     className="... hover:scale-110 transition-transform duration-300"
     ```

5. **Performance mínima:**

* Caso deseje otimizar ainda mais, considere **lazy loading** da imagem (`loading="lazy"`) e componentes que só aparecem em scroll, como a seção de depoimentos.

---

### ✅ Conclusão

Seu código está **funcional, limpo e bem organizado**. Não há bugs visíveis que impeçam o uso, e com pequenos ajustes você pode aprimorar:

* **Semântica**
* **Validação**
* **Acessibilidade**
* **Performance**

Se quiser, posso te ajudar a modularizar o formulário ou implementar a validação com `zod` ou `react-hook-form`. Deseja isso?45:oa,115:Ta985,45:oa985,[V0_FILE]jpeg:file="public/images/charles-machado.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-06-25%20at%2010.09.27-JSijRBcdAeFWCvDcGVAHb3oJylzBtz.jpeg" isMerged="true"
[V0_FILE]png:file="public/images/charles-machado-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Design%20sem%20nome-bV9mfKb0ZFYbD6p8gAYBsgXfchhcT5.png" isMerged="true"
[V0_FILE]markdown:file="SETUP_EMAIL.md" isMerged="true"
# Configuração do Email com Resend

Para que os emails sejam enviados corretamente, siga estes passos:

## 1. Criar conta no Resend
1. Acesse https://resend.com
2. Crie uma conta gratuita
3. Confirme seu email

## 2. Configurar domínio (IMPORTANTE)
1. No painel do Resend, vá em "Domains"
2. Adicione seu domínio (ex: charlesmachado.com.br)
3. Configure os registros DNS conforme instruído
4. Aguarde a verificação (pode levar até 24h)

## 3. Obter API Key
1. No painel do Resend, vá em "API Keys"
2. Clique em "Create API Key"
3. Dê um nome (ex: "Site Charles Machado")
4. Copie a chave gerada

## 4. Configurar no Vercel
1. Acesse seu projeto no Vercel
2. Vá em Settings > Environment Variables
3. Adicione uma nova variável:
   - Name: `RESEND_API_KEY`
   - Value: [sua chave do Resend]
4. Clique em "Save"

## 5. Atualizar o código
No arquivo `app/api/contact/route.ts`, altere a linha:
\`\`\`typescript
from: "contato@charlesmachado.com.br", // Substitua pelo seu domínio verificado
\`\`\`

## 6. Fazer deploy
Após configurar tudo, faça um novo deploy no Vercel.

## Alternativa temporária (Gmail SMTP)
Se não quiser configurar domínio agora, posso implementar com Gmail SMTP usando Nodemailer.
\`\`\`

Vou também criar uma versão alternativa usando Gmail SMTP caso você prefira:
[V0_FILE]typescriptreact:file="app/api/contact-gmail/route.ts" isEdit="true" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import nodemailer from "nodemailer"

// Função para escapar HTML e prevenir injeções
const escapeHtml = (str: string) => {
  return str
    .replace(/&/g, "&")
    .replace(/</g, "<")
    .replace(/>/g, ">")
    .replace(/"/g, """)
    .replace(/'/g, "'")
}

// Validação de email com regex
const isValidEmail = (email: string) => {
  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
  return emailRegex.test(email)
}

export async function POST(request: NextRequest) {
  try {
    const body = await request.json()
    const { name, email, phone, company, message } = body

// Validação básica dos campos obrigatórios
    if (!name || !email || !phone || !company) {
      return NextResponse.json(
        { success: false, message: "Todos os campos obrigatórios devem ser preenchidos." },
        { status: 400 },
      )
    }

// Validação do formato do email
    if (!isValidEmail(email)) {
      return NextResponse.json({ success: false, message: "Por favor, insira um email válido." }, { status: 400 })
    }

// Validação do tamanho da mensagem
    if (message && message.length > 1000) {
      return NextResponse.json(
        { success: false, message: "A mensagem não pode ter mais de 1000 caracteres." },
        { status: 400 },
      )
    }

// Verificar se as credenciais do Gmail estão configuradas
    if (!process.env.GMAIL_USER || !process.env.GMAIL_APP_PASSWORD) {
      console.error("Credenciais do Gmail não configuradas nas variáveis de ambiente")
      return NextResponse.json(
        { success: false, message: "Erro de configuração do servidor. Tente novamente mais tarde." },
        { status: 500 },
      )
    }

// Configurar transporter do Gmail (CORREÇÃO: createTransport, não createTransporter)
    const transporter = nodemailer.createTransport({
      service: "gmail",
      auth: {
        user: process.env.GMAIL_USER,
        pass: process.env.GMAIL_APP_PASSWORD,
      },
    })

// Escapar dados do usuário para HTML
    const safeName = escapeHtml(name)
    const safeEmail = escapeHtml(email)
    const safePhone = escapeHtml(phone)
    const safeCompany = escapeHtml(company)
    const safeMessage = message ? escapeHtml(message) : ""

// Enviar email
    const emailResult = await transporter.sendMail({
      from: process.env.GMAIL_USER,
      to: "contatocharlesmkt@gmail.com",
      subject: `Nova solicitação de contato - ${safeName}`,
      html: `
        <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px;">
          <h2 style="color: #059669; border-bottom: 2px solid #059669; padding-bottom: 10px;">
            Nova Solicitação de Contato
          </h2>
          
          <div style="background-color: #f8fafc; padding: 20px; border-radius: 8px; margin: 20px 0;">
            <h3 style="color: #334155; margin-top: 0;">Dados do Cliente:</h3>
            
            <p><strong>Nome:</strong> ${safeName}</p>
            <p><strong>Email:</strong> <a href="mailto:${safeEmail}">${safeEmail}</a></p>
            <p><strong>Telefone:</strong> <a href="tel:${safePhone}">${safePhone}</a></p>
            <p><strong>Empresa:</strong> ${safeCompany}</p>
            ${safeMessage ? `<p><strong>Mensagem:</strong><br>${safeMessage.replace(/\n/g, "<br>")}</p>` : ""}
          </div>
          
          <div style="background-color: #ecfdf5; padding: 15px; border-radius: 8px; border-left: 4px solid #059669;">
            <p style="margin: 0; color: #065f46;">
              <strong>Data/Hora:</strong> ${new Date().toLocaleString("pt-BR", {
                timeZone: "America/Sao_Paulo",
              })}
            </p>
          </div>
          
          <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #e2e8f0; text-align: center;">
            <p style="color: #64748b; font-size: 14px;">
              Este email foi enviado automaticamente pelo site charlesmachado.com.br
            </p>
          </div>
        </div>
      `,
      text: `
        Nova solicitação de contato recebida:
        
        Nome: ${safeName}
        Email: ${safeEmail}
        Telefone: ${safePhone}
        Empresa: ${safeCompany}
        ${safeMessage ? `Mensagem: ${safeMessage}` : ""}
        
        Data: ${new Date().toLocaleString("pt-BR", { timeZone: "America/Sao_Paulo" })}
      `,
    })

// Log apenas em desenvolvimento
    if (process.env.NODE_ENV === "development") {
      console.log("Email enviado com sucesso:", emailResult.messageId)
    }

return NextResponse.json({
      success: true,
      message: "Formulário enviado com sucesso! Entrarei em contato em breve.",
    })
  } catch (error) {
    // Log do erro apenas em desenvolvimento
    if (process.env.NODE_ENV === "development") {
      console.error("Erro ao enviar email:", error)
    }

return NextResponse.json(
      {
        success: false,
        message: "Erro ao enviar formulário. Tente novamente ou entre em contato pelo WhatsApp.",
      },
      { status: 500 },
    )
  }
}
[V0_FILE]typescriptreact:file="app/api/contact/route.ts" isEdit="true" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { Resend } from "resend"

// Validação de email com regex
const isValidEmail = (email: string) => {
  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
  return emailRegex.test(email)
}

export async function POST(request: NextRequest) {
  try {
    const body = await request.json()
    const { name, email, phone, company, message } = body

// Validação do formato do email
    if (!isValidEmail(email)) {
      return NextResponse.json({ success: false, message: "Por favor, insira um email válido." }, { status: 400 })
    }

// Verificar se a API key do Resend está configurada
    if (!process.env.RESEND_API_KEY) {
      console.error("RESEND_API_KEY não configurada nas variáveis de ambiente")
      return NextResponse.json(
        { success: false, message: "Erro de configuração do servidor. Tente novamente mais tarde." },
        { status: 500 },
      )
    }

const resend = new Resend(process.env.RESEND_API_KEY)

// Enviar email usando Resend
    const emailResult = await resend.emails.send({
      from: "contato@charlesmachado.com.br", // Configure seu domínio no Resend
      to: "contatocharlesmkt@gmail.com",
      subject: `Nova solicitação de contato - ${safeName}`,
      html: `
        <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px;">
          <h2 style="color: #059669; border-bottom: 2px solid #059669; padding-bottom: 10px;">
            Nova Solicitação de Contato
          </h2>
          
          <div style="background-color: #f8fafc; padding: 20px; border-radius: 8px; margin: 20px 0;">
            <h3 style="color: #334155; margin-top: 0;">Dados do Cliente:</h3>
            
            <p><strong>Nome:</strong> ${safeName}</p>
            <p><strong>Email:</strong> <a href="mailto:${safeEmail}">${safeEmail}</a></p>
            <p><strong>Telefone:</strong> <a href="tel:${safePhone}">${safePhone}</a></p>
            <p><strong>Empresa:</strong> ${safeCompany}</p>
            ${safeMessage ? `<p><strong>Mensagem:</strong><br>${safeMessage.replace(/\n/g, "<br>")}</p>` : ""}
          </div>
          
          <div style="background-color: #ecfdf5; padding: 15px; border-radius: 8px; border-left: 4px solid #059669;">
            <p style="margin: 0; color: #065f46;">
              <strong>Data/Hora:</strong> ${new Date().toLocaleString("pt-BR", {
                timeZone: "America/Sao_Paulo",
              })}
            </p>
          </div>
          
          <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #e2e8f0; text-align: center;">
            <p style="color: #64748b; font-size: 14px;">
              Este email foi enviado automaticamente pelo site charlesmachado.com.br
            </p>
          </div>
        </div>
      `,
      text: `
        Nova solicitação de contato recebida:
        
        Nome: ${safeName}
        Email: ${safeEmail}
        Telefone: ${safePhone}
        Empresa: ${safeCompany}
        ${safeMessage ? `Mensagem: ${safeMessage}` : ""}
        
        Data: ${new Date().toLocaleString("pt-BR", { timeZone: "America/Sao_Paulo" })}
      `,
    })

// Log apenas em desenvolvimento
    if (process.env.NODE_ENV === "development") {
      console.log("Email enviado com sucesso:", emailResult)
    }

return NextResponse.json(
      {
        success: false,
        message: "Erro ao enviar formulário. Tente novamente ou entre em contato pelo WhatsApp.",
      },
      { status: 500 },
    )
  }
}
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true"
"use client"

import type React from "react"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"
import { Label } from "@/components/ui/label"
import {
  CheckCircle,
  MessageSquare,
  Target,
  TrendingUp,
  Users,
  Zap,
  Linkedin,
  Instagram,
  Phone,
  Check,
  AlertCircle,
} from "lucide-react"

interface FormData {
  name: string
  email: string
  phone: string
  company: string
  message: string
}

interface FormErrors {
  name?: string
  email?: string
  phone?: string
  company?: string
}

export default function Home() {
  const [formData, setFormData] = useState<FormData>({
    name: "",
    email: "",
    phone: "",
    company: "",
    message: "",
  })

const [formErrors, setFormErrors] = useState<FormErrors>({})
  const [isSubmitting, setIsSubmitting] = useState(false)
  const [submitStatus, setSubmitStatus] = useState<{
    type: "success" | "error" | null
    message: string
  }>({ type: null, message: "" })

// Validação de email
  const isValidEmail = (email: string) => {
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
    return emailRegex.test(email)
  }

// Validação de telefone brasileiro
  const isValidPhone = (phone: string) => {
    const phoneRegex = /^(\+55\s?)?($$\d{2}$$\s?)?\d{4,5}-?\d{4}$/
    return phoneRegex.test(phone.replace(/\s/g, ""))
  }

// Validar formulário
  const validateForm = (): boolean => {
    const errors: FormErrors = {}

if (!formData.name.trim()) {
      errors.name = "Nome é obrigatório"
    } else if (formData.name.trim().length < 2) {
      errors.name = "Nome deve ter pelo menos 2 caracteres"
    }

if (!formData.email.trim()) {
      errors.email = "Email é obrigatório"
    } else if (!isValidEmail(formData.email)) {
      errors.email = "Por favor, insira um email válido"
    }

if (!formData.phone.trim()) {
      errors.phone = "Telefone é obrigatório"
    } else if (!isValidPhone(formData.phone)) {
      errors.phone = "Por favor, insira um telefone válido"
    }

if (!formData.company.trim()) {
      errors.company = "Informações da empresa são obrigatórias"
    } else if (formData.company.trim().length < 3) {
      errors.company = "Descreva sua empresa com pelo menos 3 caracteres"
    }

setFormErrors(errors)
    return Object.keys(errors).length === 0
  }

const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
    const { name, value } = e.target
    setFormData((prev) => ({
      ...prev,
      [name]: value,
    }))

// Limpar erro do campo quando usuário começar a digitar
    if (formErrors[name as keyof FormErrors]) {
      setFormErrors((prev) => ({
        ...prev,
        [name]: undefined,
      }))
    }
  }

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()

// Validar formulário antes de enviar
    if (!validateForm()) {
      setSubmitStatus({
        type: "error",
        message: "Por favor, corrija os erros nos campos destacados.",
      })
      return
    }

setIsSubmitting(true)
    setSubmitStatus({ type: null, message: "" })

try {
      const response = await fetch("/api/contact-gmail", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify(formData),
      })

const result = await response.json()

if (result.success) {
        setSubmitStatus({
          type: "success",
          message: result.message,
        })
        // Limpar formulário após sucesso
        setFormData({
          name: "",
          email: "",
          phone: "",
          company: "",
          message: "",
        })
        setFormErrors({})
      } else {
        setSubmitStatus({
          type: "error",
          message: result.message,
        })
      }
    } catch (error) {
      setSubmitStatus({
        type: "error",
        message: "Erro ao enviar formulário. Tente novamente ou entre em contato pelo WhatsApp.",
      })
    } finally {
      setIsSubmitting(false)
    }
  }

const scrollToContact = () => {
    const element = document.getElementById("contato")
    if (element) {
      element.scrollIntoView({ behavior: "smooth" })
    }
  }

const openExternalLink = (url: string) => {
    window.open(url, "_blank", "noopener,noreferrer")
  }

return (
    <div className="min-h-screen bg-white">
      {/* Header/Hero Section */}
      <header className="bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 text-white">
        <div className="container mx-auto px-4 py-16 md:py-24">
          <div className="max-w-4xl mx-auto text-center">
            <h1 className="text-4xl md:text-6xl font-bold mb-6 leading-tight">
              Marketing estratégico com <span className="text-emerald-400">foco em resultado real</span>
            </h1>
            <p className="text-xl md:text-2xl mb-8 text-slate-300 leading-relaxed">
              Diagnóstico, plano e ação sob medida para destravar o crescimento do seu negócio
            </p>
            <Button
              size="lg"
              className="bg-emerald-600 hover:bg-emerald-700 text-white px-8 py-4 text-lg font-semibold"
              onClick={scrollToContact}
            >
              Quero um diagnóstico
            </Button>
          </div>
        </div>
      </header>

{/* About Section */}
      <section id="sobre" className="py-16 md:py-24 bg-slate-50">
        <div className="container mx-auto px-4">
          <div className="max-w-6xl mx-auto">
            <h2 className="text-3xl md:text-4xl font-bold text-center mb-12 text-slate-900">Sobre Charles</h2>
            <Card className="border-0 shadow-lg">
              <CardContent className="p-8 md:p-12">
                <div className="grid md:grid-cols-2 gap-8 items-center">
                  <div className="order-2 md:order-1">
                    <p className="text-lg md:text-xl text-slate-700 leading-relaxed">
                      <strong className="text-slate-900">Charles Machado</strong> é consultor e estrategista de
                      marketing, especialista em planejamento estratégico, posicionamento e performance. Formado pela{" "}
                      <strong className="text-slate-900">Formação Estrategistas de Marketing de Camila Renaux</strong>,
                      aplica em seus projetos métodos validados e focados em resultado. Atua com empresas em fase de
                      estruturação ou crescimento, conectando diagnóstico, estratégia e execução com clareza e impacto.
                    </p>
                  </div>
                  <div className="order-1 md:order-2 flex flex-col items-center">
                    <div className="relative mb-6">
                      <img
                        src="/images/charles-machado.jpeg"
                        alt="Charles Machado - Consultor e Estrategista de Marketing"
                        className="w-64 h-64 md:w-80 md:h-80 object-cover object-center rounded-2xl shadow-xl mx-auto"
                        loading="lazy"
                      />
                      <div className="absolute inset-0 rounded-2xl bg-gradient-to-t from-slate-900/10 to-transparent"></div>
                    </div>
                    <div className="flex gap-4">
                      <Button
                        variant="outline"
                        size="sm"
                        className="bg-slate-900 text-white border-slate-900 hover:bg-slate-800 hover:border-slate-800"
                        onClick={() => openExternalLink("https://www.linkedin.com/in/charles-machado-4305911a4/")}
                        aria-label="Acessar perfil do LinkedIn de Charles Machado"
                      >
                        <Linkedin className="w-4 h-4 mr-2" />
                        LinkedIn
                      </Button>
                      <Button
                        variant="outline"
                        size="sm"
                        className="bg-gradient-to-r from-purple-600 to-pink-600 text-white border-0 hover:from-purple-700 hover:to-pink-700"
                        onClick={() => openExternalLink("https://instagram.com/charles_machado_mkt")}
                        aria-label="Acessar perfil do Instagram de Charles Machado"
                      >
                        <Instagram className="w-4 h-4 mr-2" />
                        Instagram
                      </Button>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Services Section */}
      <section id="servicos" className="py-16 md:py-24">
        <div className="container mx-auto px-4">
          <div className="max-w-6xl mx-auto">
            <h2 className="text-3xl md:text-4xl font-bold text-center mb-4 text-slate-900">Como posso te ajudar</h2>
            <p className="text-lg text-slate-600 text-center mb-16">
              Metodologia completa em 3 etapas para transformar seu marketing
            </p>

<div className="grid lg:grid-cols-3 gap-8">
              {/* Diagnóstico */}
              <Card className="border-0 shadow-lg hover:shadow-xl transition-shadow">
                <CardHeader className="pb-4">
                  <div className="w-16 h-16 bg-emerald-100 rounded-xl flex items-center justify-center mb-6 mx-auto">
                    <Target className="w-8 h-8 text-emerald-600" />
                  </div>
                  <CardTitle className="text-2xl text-center text-slate-900 mb-4">Diagnóstico</CardTitle>
                  <CardDescription className="text-center text-slate-600 text-base">
                    Mapeamento completo da situação atual
                  </CardDescription>
                </CardHeader>
                <CardContent className="pt-0">
                  <ul className="space-y-3">
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Briefing e estudo prévio</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Análise de mercado, concorrência e público alvo</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Auditoria de tráfego e mídia paga</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Diagnóstico multicanal da Presença Digital</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Análise e parecer técnico sobre estratégia atual</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Mapeamento de pontos fortes, fracos e oportunidades</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Imersão pela cultura da empresa e estratégias</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>

{/* Plano de Ação */}
              <Card className="border-0 shadow-lg hover:shadow-xl transition-shadow lg:scale-105">
                <CardHeader className="pb-4">
                  <div className="w-16 h-16 bg-emerald-100 rounded-xl flex items-center justify-center mb-6 mx-auto">
                    <Zap className="w-8 h-8 text-emerald-600" />
                  </div>
                  <CardTitle className="text-2xl text-center text-slate-900 mb-4">Plano de Ação</CardTitle>
                  <CardDescription className="text-center text-slate-600 text-base">
                    Estratégia estruturada e executável
                  </CardDescription>
                </CardHeader>
                <CardContent className="pt-0">
                  <ul className="space-y-3">
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Indicadores e gestão de resultados</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Posicionamento dos canais utilizados</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Cronograma e linha editorial</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">
                        Ferramentas de gestão, fornecedores, contratações e apoio ao time
                      </span>
                    </li>
                  </ul>
                  <div className="mt-6 p-4 bg-emerald-50 rounded-lg">
                    <p className="text-sm text-emerald-800 font-medium text-center">⭐ Mais procurado</p>
                  </div>
                </CardContent>
              </Card>

{/* Acompanhamento */}
              <Card className="border-0 shadow-lg hover:shadow-xl transition-shadow">
                <CardHeader className="pb-4">
                  <div className="w-16 h-16 bg-emerald-100 rounded-xl flex items-center justify-center mb-6 mx-auto">
                    <TrendingUp className="w-8 h-8 text-emerald-600" />
                  </div>
                  <CardTitle className="text-2xl text-center text-slate-900 mb-4">Acompanhamento</CardTitle>
                  <CardDescription className="text-center text-slate-600 text-base">
                    Suporte contínuo para garantir resultados
                  </CardDescription>
                </CardHeader>
                <CardContent className="pt-0">
                  <ul className="space-y-3">
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Reuniões Periódicas</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Capacitação da Equipe</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Suporte total e integral</span>
                    </li>
                    <li className="flex items-start space-x-3">
                      <CheckCircle className="w-5 h-5 text-emerald-600 mt-0.5 flex-shrink-0" />
                      <span className="text-slate-700">Métricas e Indicadores de Resultado</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>
            </div>

{/* Call to Action */}
            <div className="text-center mt-12">
              <p className="text-lg text-slate-600 mb-6">
                Pronto para transformar seu marketing em uma máquina de resultados?
              </p>
              <Button
                size="lg"
                className="bg-emerald-600 hover:bg-emerald-700 text-white px-8 py-4 text-lg font-semibold"
                onClick={scrollToContact}
              >
                Começar meu diagnóstico agora
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Method Section */}
      <section id="metodo" className="py-16 md:py-24 bg-slate-50">
        <div className="container mx-auto px-4">
          <div className="max-w-4xl mx-auto text-center">
            <h2 className="text-3xl md:text-4xl font-bold mb-12 text-slate-900">O Método</h2>
            <Card className="border-0 shadow-lg">
              <CardContent className="p-8 md:p-12">
                <p className="text-lg md:text-xl text-slate-700 leading-relaxed">
                  Utilizo métodos e técnicas desenvolvidos por <strong className="text-slate-900">Camila Renaux</strong>
                  , validados com anos de experiência em projetos reais e resultados consistentes. Sou consultor formado
                  pela <strong className="text-slate-900">Formação Estrategistas de Marketing</strong>, e aplico uma
                  abordagem prática, estruturada e personalizada, que une diagnóstico estratégico, planejamento claro e
                  execução focada em performance.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Testimonials Section */}
      <section id="depoimentos" className="py-16 md:py-24">
        <div className="container mx-auto px-4">
          <div className="max-w-6xl mx-auto">
            <h2 className="text-3xl md:text-4xl font-bold text-center mb-4 text-slate-900">Depoimentos</h2>
            <p className="text-lg text-slate-600 text-center mb-16">
              Veja como o método transforma negócios na prática:
            </p>
            <div className="grid md:grid-cols-2 gap-8">
              <Card className="border-0 shadow-lg">
                <CardContent className="p-8">
                  <div className="flex items-start space-x-4">
                    <div className="w-12 h-12 bg-emerald-100 rounded-full flex items-center justify-center flex-shrink-0">
                      <MessageSquare className="w-6 h-6 text-emerald-600" />
                    </div>
                    <blockquote className="text-slate-700 italic text-lg leading-relaxed">
                      "O diagnóstico do Charles foi um divisor de águas. Finalmente conseguimos enxergar onde estavam os
                      gargalos e agir com foco."
                    </blockquote>
                  </div>
                </CardContent>
              </Card>

<Card className="border-0 shadow-lg">
                <CardContent className="p-8">
                  <div className="flex items-start space-x-4">
                    <div className="w-12 h-12 bg-emerald-100 rounded-full flex items-center justify-center flex-shrink-0">
                      <Users className="w-6 h-6 text-emerald-600" />
                    </div>
                    <blockquote className="text-slate-700 italic text-lg leading-relaxed">
                      "Tínhamos dificuldade em estruturar nosso marketing. A consultoria foi objetiva, prática e
                      transformadora."
                    </blockquote>
                  </div>
                </CardContent>
              </Card>
            </div>
          </div>
        </div>
      </section>

{/* FAQ Section */}
      <section id="faq" className="py-16 md:py-24 bg-slate-50">
        <div className="container mx-auto px-4">
          <div className="max-w-4xl mx-auto">
            <h2 className="text-3xl md:text-4xl font-bold text-center mb-16 text-slate-900">Perguntas frequentes</h2>
            <div className="space-y-6">
              <Card className="border-0 shadow-lg">
                <CardContent className="p-8">
                  <h3 className="text-xl font-semibold mb-4 text-slate-900">Qual o perfil ideal de cliente?</h3>
                  <p className="text-slate-700 text-lg">
                    Empresas que estão começando ou em fase de crescimento, com disposição para agir.
                  </p>
                </CardContent>
              </Card>

<Card className="border-0 shadow-lg">
                <CardContent className="p-8">
                  <h3 className="text-xl font-semibold mb-4 text-slate-900">Como funciona a consultoria?</h3>
                  <p className="text-slate-700 text-lg">
                    Começamos com um diagnóstico, depois construímos o plano e partimos para a execução.
                  </p>
                </CardContent>
              </Card>

<Card className="border-0 shadow-lg">
                <CardContent className="p-8">
                  <h3 className="text-xl font-semibold mb-4 text-slate-900">
                    Qual a diferença entre mentoria e diagnóstico?
                  </h3>
                  <p className="text-slate-700 text-lg">
                    O diagnóstico mapeia o cenário. A mentoria orienta com base nas decisões e ações a serem tomadas.
                  </p>
                </CardContent>
              </Card>
            </div>
          </div>
        </div>
      </section>

{/* Contact Section */}
      <section id="contato" className="py-16 md:py-24 bg-slate-900 text-white">
        <div className="container mx-auto px-4">
          <div className="max-w-4xl mx-auto">
            <h2 className="text-3xl md:text-4xl font-bold text-center mb-4">Vamos conversar?</h2>
            <p className="text-xl text-slate-300 text-center mb-12">
              Preencha o formulário abaixo ou fale comigo diretamente no WhatsApp.
            </p>

<Card className="border-0 shadow-2xl mb-8">
              <CardContent className="p-8 md:p-12">
                <form onSubmit={handleSubmit} className="space-y-6" noValidate>
                  <div>
                    <Label htmlFor="name" className="text-base font-medium text-slate-700 mb-2 block">
                      Nome completo *
                    </Label>
                    <Input
                      id="name"
                      type="text"
                      name="name"
                      placeholder="Seu nome completo"
                      value={formData.name}
                      onChange={handleInputChange}
                      required
                      className={`text-lg py-6 ${
                        formErrors.name ? "border-red-500 focus:border-red-500 focus:ring-red-500" : ""
                      }`}
                      aria-describedby={formErrors.name ? "name-error" : undefined}
                    />
                    {formErrors.name && (
                      <p id="name-error" className="mt-2 text-sm text-red-600 flex items-center">
                        <AlertCircle className="w-4 h-4 mr-1" />
                        {formErrors.name}
                      </p>
                    )}
                  </div>

<div>
                    <Label htmlFor="email" className="text-base font-medium text-slate-700 mb-2 block">
                      Email *
                    </Label>
                    <Input
                      id="email"
                      type="email"
                      name="email"
                      placeholder="seu@email.com"
                      value={formData.email}
                      onChange={handleInputChange}
                      required
                      className={`text-lg py-6 ${
                        formErrors.email ? "border-red-500 focus:border-red-500 focus:ring-red-500" : ""
                      }`}
                      aria-describedby={formErrors.email ? "email-error" : undefined}
                    />
                    {formErrors.email && (
                      <p id="email-error" className="mt-2 text-sm text-red-600 flex items-center">
                        <AlertCircle className="w-4 h-4 mr-1" />
                        {formErrors.email}
                      </p>
                    )}
                  </div>

<div>
                    <Label htmlFor="phone" className="text-base font-medium text-slate-700 mb-2 block">
                      Telefone para contato *
                    </Label>
                    <Input
                      id="phone"
                      type="tel"
                      name="phone"
                      placeholder="(11) 99999-9999"
                      value={formData.phone}
                      onChange={handleInputChange}
                      required
                      className={`text-lg py-6 ${
                        formErrors.phone ? "border-red-500 focus:border-red-500 focus:ring-red-500" : ""
                      }`}
                      aria-describedby={formErrors.phone ? "phone-error" : undefined}
                    />
                    {formErrors.phone && (
                      <p id="phone-error" className="mt-2 text-sm text-red-600 flex items-center">
                        <AlertCircle className="w-4 h-4 mr-1" />
                        {formErrors.phone}
                      </p>
                    )}
                  </div>

<div>
                    <Label htmlFor="company" className="text-base font-medium text-slate-700 mb-2 block">
                      Nome da empresa *
                    </Label>
                    <Input
                      id="company"
                      type="text"
                      name="company"
                      placeholder="Nome da sua empresa"
                      value={formData.company}
                      onChange={handleInputChange}
                      required
                      className={`text-lg py-6 ${
                        formErrors.company ? "border-red-500 focus:border-red-500 focus:ring-red-500" : ""
                      }`}
                      aria-describedby={formErrors.company ? "company-error" : undefined}
                    />
                    {formErrors.company && (
                      <p id="company-error" className="mt-2 text-sm text-red-600 flex items-center">
                        <AlertCircle className="w-4 h-4 mr-1" />
                        {formErrors.company}
                      </p>
                    )}
                  </div>

<div>
                    <Label htmlFor="message" className="text-base font-medium text-slate-700 mb-2 block">
                      Como posso te ajudar? (opcional)
                    </Label>
                    <Textarea
                      id="message"
                      name="message"
                      placeholder="Descreva brevemente seu desafio ou objetivo..."
                      value={formData.message}
                      onChange={handleInputChange}
                      rows={4}
                      className="text-lg"
                      maxLength={1000}
                    />
                    <p className="mt-1 text-sm text-slate-500">{formData.message.length}/1000 caracteres</p>
                  </div>

<Button
                    type="submit"
                    size="lg"
                    disabled={isSubmitting}
                    className="w-full bg-emerald-600 hover:bg-emerald-700 text-white py-6 text-lg font-semibold disabled:opacity-50"
                  >
                    {isSubmitting ? "Enviando..." : "Agendar conversa estratégica"}
                  </Button>
                </form>

{/* Mensagem de Status */}
                {submitStatus.type && (
                  <div
                    className={`mt-6 p-6 rounded-lg text-center ${
                      submitStatus.type === "success"
                        ? "bg-green-100 text-green-800 border border-green-200"
                        : "bg-red-100 text-red-800 border border-red-200"
                    }`}
                    role="alert"
                    aria-live="polite"
                  >
                    {submitStatus.type === "success" && (
                      <div className="flex items-center justify-center mb-2">
                        <Check className="w-6 h-6 text-green-600 mr-2" />
                        <span className="font-semibold text-lg">Formulário Enviado!</span>
                      </div>
                    )}
                    <p className="text-base">{submitStatus.message}</p>
                  </div>
                )}
              </CardContent>
            </Card>

<div className="text-center">
              <p className="text-slate-300 mb-4 text-lg">Ou fale comigo no WhatsApp:</p>
              <Button
                variant="outline"
                size="lg"
                className="bg-green-600 text-white border-green-600 hover:bg-green-700 hover:border-green-700 px-8 py-4 text-lg font-semibold"
                onClick={() =>
                  openExternalLink(
                    "https://wa.me/5547997368816?text=Olá! Gostaria de saber mais sobre seus serviços de consultoria em marketing.",
                  )
                }
                aria-label="Entrar em contato via WhatsApp"
              >
                Clique aqui
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Footer */}
      <footer className="bg-slate-800 text-slate-400 py-8">
        <div className="container mx-auto px-4 text-center">
          <p>© 2025 Charles Machado - Todos os direitos reservados.</p>
        </div>
      </footer>