2b:o1,~2b:o3e7,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/3t1epgpyfv7bb.js" 4:I[717648,["$3"],"default"] 5:I[641390,["$3"],"default"] 26:"ViewportBoundary" 27:I[769278,["$3"],"$26"] 29:"MetadataBoundary" 2a:I[769278,["$3"],"$29"] 2b:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/2veus6vr-ww02.css","style"] :HL["/chat-static/_next/static/immutable/chunks/2nsv2o5v20-v8.css","style"] :HL["/chat-static/_next/static/immutable/chunks/3cvsu3k41kn7r.css","style"] 1:X 6:X 18:X 1b:X 20:X 25:X 23:[["children",{"s":"__PAGE__","h":130,"d":{"r":"$L24","p":false,"v":"$25"}}]] 21:[["children",{"s":{"n":"id","t":"d","k":"2FSDGMxVGBL","s":null},"h":38,"d":{"r":"$L22","p":false,"v":"$6"},"c":"$Q23"}]] 1e:[["children",{"s":"(discover)","h":106,"d":{"r":"$L1f","p":false,"v":"$20"},"c":"$Q21"}]] 1c:[["children",{"s":"templates","h":106,"d":{"r":"$L1d","p":false,"v":"$6"},"c":"$Q1e"}]] 19:[["children",{"s":"(no-sidebar)","h":74,"d":{"r":"$L1a","p":false,"v":"$1b"},"c":"$Q1c"}]] 2b:oc16,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2veus6vr-ww02.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2nsv2o5v20-v8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3cvsu3k41kn7r.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0cw8wv56m7nag.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1_iwbze3_jtwr.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/2nzjfu7vvinjh.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/0og44_6rw5ncs.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/2o_k_3vfbb4pd.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2fof2cvflqegc.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/179psxmqq693x.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/1mbsdgdq0g8hh.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/3xi0e7pejw3m0.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0x2h9osy0ud41.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/2o_35mcper4_p.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/12ds61ufi62j3.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/26ptt1v4p7t7r.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/0_s-t38lnxl91.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1-o1w9wq6ixxu.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/02piqykacb-oe.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/32d0pmth3c6f7.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/064gh-98nflvu.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15","$L16"],"$L17"]}],"p":false,"v":"$18"},"c":"$Q19"}]] 2b:o1db,7:[["children",{"s":{"n":"variants","t":"d","k":"v0pprvariant-0-0-en-cgas","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"}]] 2d:X 2e:X 2b:o712,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,["$","$L27","EK2ECnYRiiHJUS5EeUNIdv",{"children":"$L28"}],["$","$L2a","EK2ECnYRiiHJUS5EeUNIdm",{"children":[["$","div",null,{"hidden":true,"children":["$","$2b",null,{"name":"Next.Metadata","children":"$L2c"}]}],null]}]]}],"p":false,"v":"$2d"}},"s":"$2e","a":"$@2f"} 2b:o1000,30:"/chat-static/_next/static/immutable/chunks/0cw8wv56m7nag.js" 31:"/chat-static/_next/static/immutable/chunks/1_iwbze3_jtwr.js" 32:"/chat-static/_next/static/immutable/chunks/2nzjfu7vvinjh.js" 33:"/chat-static/_next/static/immutable/chunks/0og44_6rw5ncs.js" 34:"/chat-static/_next/static/immutable/chunks/2o_k_3vfbb4pd.js" 35:"/chat-static/_next/static/immutable/chunks/2fof2cvflqegc.js" 36:"/chat-static/_next/static/immutable/chunks/179psxmqq693x.js" 37:"/chat-static/_next/static/immutable/chunks/1mbsdgdq0g8hh.js" 38:"/chat-static/_next/static/immutable/chunks/3xi0e7pejw3m0.js" 39:"/chat-static/_next/static/immutable/chunks/0x2h9osy0ud41.js" 3a:"/chat-static/_next/static/immutable/chunks/2o_35mcper4_p.js" 3b:"/chat-static/_next/static/immutable/chunks/12ds61ufi62j3.js" 3c:"/chat-static/_next/static/immutable/chunks/26ptt1v4p7t7r.js" 3d:"/chat-static/_next/static/immutable/chunks/0_s-t38lnxl91.js" 3e:"/chat-static/_next/static/immutable/chunks/1-o1w9wq6ixxu.js" 3f:"/chat-static/_next/static/immutable/chunks/02piqykacb-oe.js" 40:"/chat-static/_next/static/immutable/chunks/32d0pmth3c6f7.js" 41:"/chat-static/_next/static/immutable/chunks/064gh-98nflvu.js" 42:"/chat-static/_next/static/immutable/chunks/233xt_34-jvml.js" 43:"/chat-static/_next/static/immutable/chunks/2a5h41hrzq_ob.js" 44:"/chat-static/_next/static/immutable/chunks/13g2f5t3ea9n6.js" 45:"/chat-static/_next/static/immutable/chunks/30tviquwsyfrc.js" 46:"/chat-static/_next/static/immutable/chunks/1y6ygy5fg9b7t.js" 47:"/chat-static/_next/static/immutable/chunks/1pb5tan-l49z7.js" 48:"/chat-static/_next/static/immutable/chunks/3yrpdqjiau_ya.js" 49:"/chat-static/_next/static/immutable/chunks/0sqh37acz5t9v.js" 4a:"/chat-static/_next/static/immutable/chunks/29n2w9qn33n1v.js" 4b:"/chat-static/_next/static/immutable/chunks/1gpu5hjsp-bmq.js" 4c:"/chat-static/_next/static/immutable/chunks/1pcp5dsk9xt8x.js" 4d:"/chat-static/_next/static/immutable/chunks/1aaj8-05n53ik.js" 4e:"/chat-static/_next/static/immutable/chunks/3mdu66ejquy1a.js" 4f:"/chat-static/_next/static/immutable/chunks/3d886pbjxnpn2.js" 50:"/chat-static/_next/static/immutable/chunks/2fdcruaaq-75l.js" 51:"/chat-static/_next/static/immutable/chunks/3kmejztm6rfyi.js" 52:"/chat-static/_next/static/immutable/chunks/14q967uzsa5c7.js" 53:"/chat-static/_next/static/immutable/chunks/180mpx4656acf.js" 54:"/chat-static/_next/static/immutable/chunks/1w8j5pek3v13t.js" 55:"/chat-static/_next/static/immutable/chunks/3-517n112t11a.js" 56:"ScopedPromiseContextProvider" 57:I[850359,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55"],"$56"] 5e:"SidebarUIProvider" 5f:I[475961,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55"],"$5e"] 60:I[990009,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55"],"Header"] 61:I[980088,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55"],"DynamicCMDK"] 63:"LoadingBoundaryProvider" 64:I[717648,["$3"],"$63"] 65:"/chat-static/_next/static/immutable/chunks/3rbkmm5x4duhl.js" 66:"/chat-static/_next/static/immutable/chunks/2r_o6fikmc09-.js" 67:"/chat-static/_next/static/immutable/chunks/0o_uei3ajhpuo.js" 68:"/chat-static/_next/static/immutable/chunks/44kfb_mhqkh95.js" 69:"/chat-static/_next/static/immutable/chunks/027ddo8zwznej.js" 6a:"/chat-static/_next/static/immutable/chunks/0060tsnif76ao.js" 6b:"/chat-static/_next/static/immutable/chunks/1je_ilxe2_i33.js" 6c:"/chat-static/_next/static/immutable/chunks/0z-9m2b:oed6,uzxozamh.js" 6d:"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js" 6e:"/chat-static/_next/static/immutable/chunks/0y1cefctv_k14.js" 6f:"/chat-static/_next/static/immutable/chunks/155bcothgdvk4.js" 70:"/chat-static/_next/static/immutable/chunks/0s1tkq0ls__kd.js" 71:"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js" 72:"/chat-static/_next/static/immutable/chunks/1myjvc23t3h7x.js" 73:"/chat-static/_next/static/immutable/chunks/1b1d2nxfooms4.js" 74:"/chat-static/_next/static/immutable/chunks/08o0_7o-excdy.js" 75:"/chat-static/_next/static/immutable/chunks/22qbl8nsw9nn7.js" 76:"TemplatePreviewContainer" 77:I[304539,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$76"] 78:"TemplateInfoSection" 79:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$78"] 7a:"TemplateInfoSectionGroup" 7b:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$7a"] 7e:I[769278,["$3"],"OutletBoundary"] :HL["/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","style"] :HL["/chat-static/_next/static/immutable/chunks/0-nq65d1n5elo.css","style"] 6:C 9:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/233xt_34-jvml.js","async":true,"nonce":"$undefined"}] a:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/2a5h41hrzq_ob.js","async":true,"nonce":"$undefined"}] b:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/13g2f5t3ea9n6.js","async":true,"nonce":"$undefined"}] c:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/30tviquwsyfrc.js","async":true,"nonce":"$undefined"}] d:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/1y6ygy5fg9b7t.js","async":true,"nonce":"$undefined"}] e:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/1pb5tan-l49z7.js","async":true,"nonce":"$undefined"}] f:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/3yrpdqjiau_ya.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/0sqh37acz5t9v.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/29n2w9qn33n1v.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-27",{"src":"/chat-static/_next/static/immutable/chunks/1gpu5hjsp-bmq.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-28",{"src":"/chat-static/_next/static/immutable/chunks/1pcp5dsk9xt8x.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-29",{"src":"/chat-static/_next/static/immutable/chunks/1aaj8-05n53ik.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-30",{"src":"/chat-static/_next/static/immutable/chunks/3mdu66ejquy1a.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-31",{"src":"/chat-static/_next/static/immutable/chunks/3d886pbjxnpn2.js","async":true,"nonce":"$undefined"}] 2b:o5a8,1a:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2fdcruaaq-75l.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3kmejztm6rfyi.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/14q967uzsa5c7.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/180mpx4656acf.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1w8j5pek3v13t.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3-517n112t11a.js","async":true,"nonce":"$undefined"}]],["$","$L57",null,{"params":null,"promises":{"scopeUserDetails":"$@58","team":"$@59","vercelProjectsFavorites":"$@5a","chats":"$@5b","sidebarProjectGroups":"$@5c","sidebarDrafts":"$@5d"},"children":["$","$L5f",null,{"children":[["$","$L60",null,{}],["$","div",null,{"className":"flex min-h-0 flex-1","children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}],["$","$L61",null,{}]]}]}]]}] 2b:o1f9,1d:["$","$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"}]]}] 1f:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3rbkmm5x4duhl.js","async":true,"nonce":"$undefined"}]],"$L62"]}] 2b:o1156,22:["$","$L64",null,{"loading":[["$","div","l",{"data-testid":"template-detail-skeleton","className":"flex flex-1 w-full gap-y-6 flex-col items-center","children":[["$","div",null,{"className":"flex w-full flex-col items-start gap-6 max-w-[1600px]","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-5 w-20"}],["$","div",null,{"className":"flex w-full flex-col items-start justify-between gap-4 sm:flex-row sm:items-center sm:gap-2","children":[["$","div",null,{"className":"flex flex-col gap-2 text-left","children":[["$","div",null,{"className":"mb-0.5 flex items-center sm:mb-0","children":["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-10 w-64 max-w-[60vw]"}]}],["$","div",null,{"className":"flex items-center gap-1.5","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-5 rounded-full sm:size-6"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-20"}]]}]]}],["$","div",null,{"className":"flex flex-row-reverse items-center gap-2 sm:flex-row","children":["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-20 rounded-lg sm:h-8 sm:w-24"}]}]]}]]}],["$","div",null,{"className":"flex w-full flex-1 flex-col py-4 pt-0 items-center text-sm gap-9 max-w-[1600px]","children":["$","div",null,{"className":"flex h-fit w-full flex-1 flex-col gap-9","children":[["$","$L77",null,{"children":["$","div",null,{"aria-hidden":true,"className":"flex size-full flex-col bg-v0-background-200","children":[["$","div",null,{"className":"flex h-11 shrink-0 items-center gap-2 border-b border-v0-gray-300 px-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 mx-auto h-7 w-[min(40%,20rem)]"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 size-7"}]]}],["$","div",null,{"className":"flex flex-1 items-center justify-center p-8","children":["$","div",null,{"className":"flex w-full max-w-sm flex-col items-center gap-3","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-5 w-2/3"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3 w-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3 w-4/5"}]]}]}]]}]}],["$","div",null,{"className":"flex flex-col lg:flex-row gap-9","children":[["$","$L79",null,{"className":"flex-1","title":"About","children":["$","div",null,{"className":"flex w-full max-w-xl flex-col gap-2","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-3/4"}]]}]}],["$","$L7b",null,{"className":"w-full lg:w-80","children":[["$","$L79",null,{"title":"Tags","children":["$","div",null,{"className":"flex flex-wrap gap-6","children":["$","div",null,{"className":"flex flex-wrap gap-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-16 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-20 rounded-full"}]]}]}]}],["$","$L79",null,{"title":"Share","children":["$","div",null,{"className":"flex flex-wrap gap-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}]]}]}],["$","$L79",null,{"children":["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-full max-w-44"}]}]]}]]}]]}]}]]}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/0q3kjt-xvz4s7.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/1hfpv2g2o2_dz.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":"$L7c","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 2b:oa11,24:["$","$2","c",{"children":["$L7d",[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2r4ti-hs27evh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0-nq65d1n5elo.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2r_o6fikmc09-.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/0o_uei3ajhpuo.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/44kfb_mhqkh95.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/027ddo8zwznej.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/0060tsnif76ao.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/1je_ilxe2_i33.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/0z-9muzxozamh.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0y1cefctv_k14.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/155bcothgdvk4.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0s1tkq0ls__kd.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/1myjvc23t3h7x.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/1b1d2nxfooms4.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/08o0_7o-excdy.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/22qbl8nsw9nn7.js","async":true,"nonce":"$undefined"}]],["$","$L7e",null,{"children":["$","$2b",null,{"name":"Next.MetadataOutlet","children":"$@7f"}]}]]}] 2b:o16,2e:300 7c:["$L80",[]] 2b:o67d,87:I[339811,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65"],"PageLayout"] 88:"ScrollFadeContainer" 89:I[388503,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65"],"$88"] 8a:"CommunityTabsClient" 8b:I[490134,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65"],"$8a"] 8c:"CommunityLiveSearch" 8d:I[803568,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65"],"$8c"] 8e:I[32970,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65"],"ZoneProvider"] 8f:I[532822,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65"],"default"] 18:T8,variants20:T8,variants81:T18d5,2b:o18d5,(({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);!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 g=new c,h=new d(a);(async function(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)}})(g,h,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let i=new URL(c instanceof Request?c.url:c,location.href),j=i.origin===location.origin,k=a.find(a=>f({path:i.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 g.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",i.pathname),o.set("x-method",l);let p={...d,headers:o};return h.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await h.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"}] });2b:o534,17:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$81"}}],"$L82","$L83","$L84","$L85"]}],"$L86"]}] 62:["$","$L87",null,{"actions":["$","div",null,{"className":"flex lg:pr-1 items-center w-full justify-between flex-row gap-2 relative","children":[["$","$L89",null,{"leftFadeClassName":"left-0 z-20","rightFadeClassName":"right-0 z-20","showButtons":false,"className":"flex-1 min-w-0","scrollableClassName":"px-0","children":["$","$L8b",null,{}]}],["$","$2b",null,{"children":["$","$L8d",null,{}]}]]}],"titleRowClassName":"hidden","className":"flex py-6 px-4 sm:p-9","contentWrapperClassName":"flex-1 min-h-max","headerClassName":"!border-t-0","title":"Community","children":[["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","div",null,{"className":"py-4","children":["$","$L8e",null,{"zone":"chat","children":["$","$L8f",null,{}]}]}]]}] 2b:o1000,90:"GeistThemeScript" 91:I[957543,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$90"] 92:I[600033,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"AppStoreMetaTag"] 93:I[957543,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"GeistProvider"] 94:I[818362,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"LocaleProvider"] 95:I[841245,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"MotionConfig"] 96:"AtomicContextSWRProvider" 97:I[850359,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55"],"$96"] 98:"GlobalPromiseContextProvider" 99:I[850359,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55"],"$98"] 9c:I[827887,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"JotaiProvider"] 9d:"ServerQuerySWRRuntimeProvider" 9e:I[74757,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$9d"] a0:I[815349,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"CleanupStorage"] a1:I[367000,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"Analytics"] a2:I[553139,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"SpeedInsights"] a4:"VercelianAppFlowMigrator" a5:I[23825,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$a4"] a6:I[108762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"TrackInfo"] a7:I[578386,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"PageViewTracker"] a8:I[356301,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"AutoCapture"] 82:["$","$L91",null,{"storageKey":"theme"}] 83:["$","$2b",null,{"children":["$","$L92",null,{}]}] 84:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 85:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Vercel\",\"url\":\"https://ver2b:o29c,cel.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\"}}]"}}] 2b:o93b,86:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased EIxXEG_variable npunOG_variable hGs1mq_variable","children":[["$","$L93",null,{"storageKey":"theme","withScript":false,"children":["$","$L94",null,{"locale":"en","children":["$","$L95",null,{"reducedMotion":"user","children":["$","$L97",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":["$","$L99",null,{"params":null,"promises":{"dailyModelUsage":"$@9a","freeFixWithV0Usage":"$@9b"},"children":[["$","$L9c",null,{"children":["$","$L9e",null,{"children":"$L9f"}]}],["$","$La0",null,{}]]}]}]}]}]}],["$","$La1",null,{}],["$","$La2",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$2b",null,{"children":"$La3"}],["$","$La5",null,{}],["$","$La6",null,{}],["$","$La7",null,{}],["$","$La8",null,{}]]}] 2b:o90,28:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 2b:oe,2d:T8,variants2b:o1000,a9:"HydrateDurableAtoms" aa:I[783749,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$a9"] ab:I[359783,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"DataProvider"] ac:I[32170,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"UserProvider"] ae:"AnimatedIconProvider" af:I[908887,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$ae"] b0:I[30570,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"PortalProvider"] b1:"SnowflakePublishProvider" b2:I[966820,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$b1"] b3:"UserInputProvider" b4:I[472914,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$b3"] b5:I[69221,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"CmdkProvider"] b6:"VirtualMachineUIStateProvider" b7:I[319228,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$b6"] b8:"DeployedPreviewIframeRefProvider" b9:I[166890,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$b8"] ba:"PreviewSourceUIStateProvider" bb:I[197843,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$ba"] bc:I[367078,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"LoaderProvider"] bd:"PromptFormUIProvider" be:I[595358,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$bd"] bf:I[242759,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"FlagsProvider"] c1:I[888372,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"NuqsAdapter"] c2:"ChatTabsProvider" c3:I[568561,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$c2"] c4:"PersonalScopeMigrationAnnouncementProvider" c5:I[206559,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$c4"] c7:"AnnouncementVisibilityProvider" c8:I[878519,["$30","$31","$32","$33","$34","$35","$36","$37","$38","2b:o719,$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$c7"] cb:I[561588,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"Toaster"] cc:I[407562,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"Toaster"] cd:"SuspendingDialogs" ce:I[840793,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"$cd"] cf:I[323194,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"SignInDialog"] d0:I[279070,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"ConsentBanner"] d1:"/chat-static/_next/static/immutable/chunks/1rtvm846oo8-4.js" d2:I[192842,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$d1"],"ChatWarning"] d3:I[15279,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f"],"SessionManager"] 2b:o8ef,9f:["$","$Laa",null,{"serverData":{"chat":null,"scoped":null,"root":{"root":{"sidebarCollapsed":false,"sidebarPreferenceSet":false,"sidebarWidth":250,"sidebarGroupOrder":[],"lastUpdated":0,"modelConfiguration":{"fast":false,"modelId":"v0-max","thinking":false,"thinkingEffort":null,"imageGenerations":false},"modelDisplayPreference":null,"lastModelPreference":null,"manualModelSelectionAnchorKey":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":["$","$Lab",null,{"children":["$","$Lac",null,{"expectUser":false,"userPromise":"$@ad","children":["$","$Laf",null,{"children":["$","$Lb0",null,{"children":["$","$Lb2",null,{"children":["$","$Lb4",null,{"children":["$","$Lb5",null,{"children":["$","$Lb7",null,{"children":["$","$Lb9",null,{"children":["$","$Lbb",null,{"children":["$","$Lbc",null,{"children":["$","$Lbe",null,{"children":["$","$Lbf",null,{"promise":"$@c0","middlewareFlags":["cgas"],"children":["$","$Lc1",null,{"children":["$","$Lc3",null,{"children":["$","$Lc5",null,{"destinationTeamIdPromise":"$@c6","children":["$","$Lc8",null,{"visiblePromise":"$@c9","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":[["$","$2b",null,{"fallback":null,"children":"$Lca"}],["$","$Lcb",null,{}],["$","$Lcc",null,{}],["$","$2b",null,{"fallback":null,"children":["$","$Lce",null,{}]}],["$","$Lcf",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Ld0",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 2b:o2a2,5d:null 80:["$","$Ld2",null,{"description":"This generation was deleted, unpublished, or no longer exists.","icon":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"circular","style":{"color":"currentColor"},"className":"size-8","children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m1-5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M7.1 5.82a1 1 0 1 1 1.04 1.42c-.44.06-.89.44-.89 1.01v1h1.5v-.61a2.5 2.5 0 1 0-3-3.46l-.33.68 1.35.64z","clipRule":"evenodd"}]}],"title":"Not Found","children":null}] a3:["$","$Ld3",null,{"enabled":false}] 2b:o20,ad:"$undefined" c9:true ca:null 2b:o20,2d:0 25:0 2e:60 25:T2,id2d:T2,id2b:o8,c6:null 2b:o893,d4:I[144680,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"S"] d5:"KeepClientOnUpToDateSlugPath" d6:I[983440,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$d5"] d7:"TemplateFlagDialog" d8:I[39126,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$d7"] d9:I[244601,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],""] da:"TemplateStatusBadge" db:I[484402,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$da"] dc:I[834117,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"CommunityAvatar"] 2b:o1126,7d:["$","$Ld4",null,{"value":{"fallback":{"template:2FSDGMxVGBL:likes":{"likeCount":1,"isLiked":false}}},"children":[["$","$Ld6",null,{"id":"2FSDGMxVGBL","title":"AI Landing Page"}],["$","$Ld8",null,{"templateId":"2FSDGMxVGBL"}],["$","div",null,{"data-testid":"template-detail-content","className":"flex flex-1 w-full gap-y-6 flex-col items-center","children":[["$","div",null,{"data-testid":"template-detail-header","className":"flex w-full flex-col items-start gap-6 max-w-[1600px]","children":[["$","nav",null,{"aria-label":"breadcrumb","data-slot":"breadcrumb","className":"max-w-full","children":["$","ol",null,{"data-slot":"breadcrumb-list","className":"text-v0-gray-900 flex items-center text-sm break-words gap-0.5 flex-nowrap","children":[["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1.5","children":["$","$Ld9",null,{"href":"/templates","prefetch":true,"children":"Templates","data-slot":"breadcrumb-link","className":"hover:text-v0-gray-1000 transition-colors","ref":null}]}],[["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-4","children":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"m6.75 3.94.53.53 2.82 2.82a1 1 0 0 1 0 1.42l-2.82 2.82-.53.53L5.69 11l.53-.53L8.69 8 6.22 5.53 5.69 5z","clipRule":"evenodd"}]}]}],["$","$Ld9",null,{"className":"hover:text-v0-gray-1000 transition-colors capitalize truncate","href":"/templates/landing-pages","prefetch":true,"children":"Landing Pages","data-slot":"breadcrumb-link","ref":null}]],["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-4","children":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"children":"$7d:props:children:2:props:children:0:props:children:0:props:children:props:children:1:0:props:children:props:children"}]}],["$","span",null,{"data-slot":"breadcrumb-page","role":"link","aria-disabled":"true","aria-current":"page","className":"text-v0-gray-1000 font-normal capitalize truncate","children":"AI Landing Page"}]]}]}],["$","div",null,{"className":"flex w-full flex-col items-start justify-between gap-4 sm:flex-row sm:items-center sm:gap-2","children":[["$","div",null,{"className":"flex flex-col gap-2 text-left","children":[["$","div",null,{"className":"flex items-center gap-2","children":[["$","div",null,{"data-testid":"template-detail-title","className":"line-clamp-1 text-heading-32","children":"AI Landing Page"}],["$","$Ldb",null,{"status":"pending"}]]}],["$","div",null,{"className":"flex items-center flex-wrap gap-3","children":[["$","$Ld9",null,{"className":"flex items-center gap-1.5","href":"/@pohthedragonwarrior","children":[["$","$Ldc",null,{"className":"size-5 sm:size-6","username":"pohthedragonwarrior","teamId":"team_AdP7jNHtBe7lZByAr78s4e3z","teamAvatarClassName":"size-3 sm:size-3.5"}],["$","p",null,{"className":"text-sm font-medium text-v0-gray-900","children":"pohthedragonwarrior"}]]}],["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"className":"size-3","children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"M2.5 3.25C2.5 1.45 3.96 0 5.75 0h.5C8.05 0 9.5 1.46 9.5 3.25v.5C9.5 5.55 8.04 7 6.25 7h-.5A3.25 3.25 0 0 1 2.5 3.75zM5.75 1.5C4.78 1.5 4 2.28 4 3.25v.5c0 .97.78 1.75 1.75 1.75h.5C7.22 5.5 8 4.72 8 3.75v-.5c0-.97-.78-1.75-1.75-1.75zm-4.25 13v-1.33a4.8 4.8 0 0 1 4.33-2.67h.34a4.8 4.8 0 0 1 4.33 2.67v1.33zM5.83 9a6.3 6.3 0 0 0-5.76 3.69l-.07.15V16h12v-3.16l-.07-.15A6.3 6.3 0 0 0 6.17 9zm10.1 3.69a6.3 6.3 0 0 0-2.59-2.84l-.75 1.3c.8.46 1.48 1.16 1.91 2.02v1.33h-1V16H16v-3.16zM11.25 0h-.75v1.5h.75c.97 0 1.75.78 1.75 1.75v.5c0 .97-.78 1.75-1.75 1.75h-.75V7h.75c1.8 0 3.25-1.46 3.25-3.25v-.5c0-1.8-1.46-3.25-3.25-3.25","clipRule":"evenodd"}]}],"$Ldd"]}],"$Lde","$Ldf"]}]]}]]}],"$Le0"]}]]}],"$Le1"]}]]}] 2b:o1000,e2:"TemplateCardStatsLikesClient" e3:I[441648,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$e2"] e4:"TemplateFlagButton" e5:I[39126,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$e4"] e6:"TemplateLikeButton" e7:I[605890,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$e6"] e8:"TemplateBlockButton" e9:I[411379,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$e8"] eb:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"TemplateTags"] ec:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"TemplateShare"] ed:"TemplateLastUpdated" ee:I[164762,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$ed"] dd:["$","span",null,{"className":"text-[13px] leading-none","children":"3"}] de:["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-dot size-4 -mx-1","children":[["$","circle","18d7e5",{"cx":"12.1","cy":"12.1","r":"1"}],"$undefined"]}] df:["$","$Le3",null,{"templateCanonId":"2FSDGMxVGBL"}] e0:["$","div",null,{"className":"flex flex-row-reverse items-center gap-2 sm:flex-row","children":[null,null,null,["$","$Le5",null,{}],null,null,["$","$Le7","2FSDGMxVGBL",{"templateCanonId":"2FSDGMxVGBL"}],null,["$","$Le9",null,{"buttonProps":{"className":"h-7 rounded-md px-2 sm:h-8 sm:rounded-lg sm:px-3"},"buttonType":"v0","template":{"blockId":"b_PaxFhgC4jm0","description":"A landing page","imageUrl":"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/screenshots/dpl_E8rMamxpbj17cjfRQ6c6YA1Udpqj-Vrp48ZEkXCBzlsZQXPqegfrYbvb5Ji.jpg","title":"AI Landing Page","publishedToCommunity":"pending","templateCanonId":"2FSDGMxVGBL","templateVersionId":"7oi0dmRiTHf","uses":3,"isTeamTemplate":true,"likeCount":1,"vercelDeploymentUrl":null,"createdAt":"$D2025-10-13T14:17:52.523Z","category":"landing-pages","tags":["landing-page","ai","legal"],"authorUsername":"pohthedragonwarrior","isVercel":false,"teamId":"team_AdP7jNHtBe7lZByAr78s4e3z","liked":false},"isOwnTemplate":false}]]}] e1:["$","div",nul2b:o359,l,{"className":"flex w-full flex-1 flex-col py-4 pt-0 items-center text-sm gap-9 max-w-[1600px]","children":[["$","div",null,{"className":"flex h-fit w-full flex-1 flex-col gap-9","children":[["$","$L77","description",{"testId":"template-detail-preview","children":"$Lea"}],["$","div",null,{"className":"flex flex-col lg:flex-row gap-9","children":[["$","$L79",null,{"className":"flex-1","title":"About","children":["$","p",null,{"className":"whitespace-pre-wrap text-v0-gray-900","children":"A landing page"}]}],["$","$L7b",null,{"className":"w-full lg:w-80","children":[["$","$Leb",null,{"tags":"$e0:props:children:8:props:template:tags"}],["$","$Lec",null,{"templateUrl":"https://v0.app/templates/ai-landing-page-2FSDGMxVGBL"}],["$","$Lee",null,{"updatedAt":"$D2025-10-13T14:17:53.904Z"}]]}]]}]]}],["$","$2b",null,{"fallback":null,"children":"$Lef"}]]}] 2b:o2ef,f0:"ExplicitChatIdProvider" f1:I[903690,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"$f0"] f2:I[838238,["$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75"],"SWRDataProvider"] f3:Te53c,2b:oe53c,[V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67", "framer-motion": "12.23.12" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/feature-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Scale, FileText, Users, Zap } from "lucide-react" import { Badge } from "@/components/ui/badge" function Feature() { return (

Platform

Legal AI Features

Streamline your legal workflow with AI-powered tools designed for modern legal professionals.

Contract Analysis

AI-powered contract review and analysis to identify key terms, risks, and opportunities in seconds.

Document Generation

Generate legal documents instantly with AI assistance and customizable templates.

Client Collaboration

Seamless collaboration tools for legal teams and clients with real-time updates.

Automated Workflows

Streamline repetitive legal tasks with intelligent automation and workflow optimization.

) } export { Feature } [V0_FILE]typescriptreact:file="components/faq-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Badge } from "@/components/ui/badge" export interface FaqItem { question: string answer: string } export interface FaqSectionProps { badge?: string heading?: string description?: string faqs?: FaqItem[] } const legalAIFaqs: FaqItem[] = [ { question: "How does LegalAI ensure document security and confidentiality?", answer: "LegalAI employs enterprise-grade encryption, secure cloud infrastructure, and strict access controls. All documents are processed with bank-level security protocols and we maintain full compliance with legal industry standards including attorney-client privilege protection.", }, { question: "Can LegalAI integrate with existing legal practice management software?", answer: "Yes, LegalAI seamlessly integrates with popular legal software including Clio, MyCase, PracticePanther, and other major practice management platforms. Our API allows for custom integrations to fit your specific workflow needs.", }, { question: "What types of legal documents can LegalAI analyze and generate?", answer: "LegalAI can handle a wide range of legal documents including contracts, briefs, motions, discovery documents, compliance reports, and more. Our AI is trained on extensive legal databases and continuously updated with current legal standards.", }, { question: "How accurate is LegalAI's document analysis and recommendations?", answer: "LegalAI maintains over 95% accuracy in document analysis and clause identification. However, all AI-generated content should be reviewed by qualified legal professionals as LegalAI is designed to assist, not replace, human legal expertise.", }, { question: "What support and training does LegalAI provide for new users?", answer: "We provide comprehensive onboarding including live training sessions, detailed documentation, video tutorials, and dedicated customer success managers. Our support team is available 24/7 to assist with any questions or technical issues.", }, ] export const FaqSection = ({ badge = "FAQ", heading = "Frequently Asked Questions", description = "Get answers to common questions about LegalAI's capabilities, security, and integration options.", faqs = legalAIFaqs, }: FaqSectionProps) => { return (

{badge}

{heading}

{description}

{faqs.map((faq, index) => (

{index + 1}

{faq.question}

{faq.answer}

))}

) } [V0_FILE]typescriptreact:file="components/pricing-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Check } from "lucide-react" export default function PricingSection() { return (

{/* Header */}

New Introducing AI-Powered Legal Analysis Learn More →

Plans and Pricing

Get started immediately for free. Upgrade for more credits, usage and collaboration.

{/* Pricing Grid */}

{/* Free Plan */}

Free

$0 /month

For people looking to explore.

5 document analyses per month

Basic contract templates

Email support

Basic legal research

{/* Premium Plan */}

Premium

$49 /month

For higher limits and power users.

100 document analyses per month

Advanced contract generation

Priority support

Advanced legal research

API access

{/* Team Plan - Recommended */}

Recommended

Team

$99 /user/month

For fast moving teams and collaboration.

Unlimited document analyses per user

Team collaboration tools

Centralized billing

Advanced security features

Full API access

{/* Enterprise Plan */}

Enterprise

For large law firms that require additional security.

Custom integrations

SAML SSO

Priority support

Dedicated customer success

On-premise deployment

Custom SLA

) } [V0_FILE]typescriptreact:file="components/navigation-header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect, useCallback } from "react" import { Scale, Menu, X } from "lucide-react" import { Button } from "@/components/ui/button" import { cn } from "@/lib/utils" export function NavigationHeader() { const [isScrolled, setIsScrolled] = useState(false) const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) const handleScroll = useCallback(() => { const scrollY = window.scrollY const shouldBeScrolled = scrollY > 50 // Only update state if it actually changed to prevent unnecessary re-renders setIsScrolled((prev) => (prev !== shouldBeScrolled ? shouldBeScrolled : prev)) }, []) useEffect(() => { let ticking = false const throttledScroll = () => { if (!ticking) { requestAnimationFrame(() => { handleScroll() ticking = false }) ticking = true } } window.addEventListener("scroll", throttledScroll, { passive: true }) return () => window.removeEventListener("scroll", throttledScroll) }, [handleScroll]) const navigationItems = [ { label: "Features", href: "#features" }, { label: "Solution", href: "#solution" }, { label: "Pricing", href: "#pricing" }, { label: "About", href: "#about" }, ] return ( <>

{/* Logo */}

LegalAI

{/* Desktop Navigation */}

{navigationItems.map((item) => ( {item.label} ))}

{/* Desktop Buttons */}

{!isScrolled ? ( <> ) : ( )}

{/* Mobile Menu Button */}

{/* Mobile Menu Overlay */}

) } [V0_FILE]typescriptreact:file="components/testimonial-section.tsx" isMerged="true" "use client" import { Badge } from "@/components/ui/badge" import { Card } from "@/components/ui/card" import { cn } from "@/lib/utils" const testimonials = [ { quote: "LegalAI has transformed our document review process. What used to take days now takes hours, with unprecedented accuracy.", author: "Sarah Chen", role: "Senior Partner", company: "Morrison & Associates", metric: "85% faster", metricLabel: "document review", }, { quote: "The AI-powered legal research capabilities have given our team a competitive edge. We can now handle complex cases with confidence.", author: "Michael Rodriguez", role: "Lead Attorney", company: "Rodriguez Legal Group", metric: "300% increase", metricLabel: "research efficiency", }, { quote: "Contract analysis that used to require our entire team now runs automatically. LegalAI has revolutionized our workflow.", author: "Emily Watson", role: "General Counsel", company: "TechCorp Industries", metric: "90% reduction", metricLabel: "in review time", }, { quote: "The precision and speed of LegalAI's case law analysis is remarkable. It's like having a research team that never sleeps.", author: "David Kim", role: "Managing Partner", company: "Kim & Partners LLP", metric: "5x faster", metricLabel: "case preparation", }, ] export function TestimonialSection() { return (

{/* Header */}

Testimonials

Trusted by legal professionals worldwide

See how leading law firms are transforming their practice with AI-powered legal intelligence.

{/* Testimonials Grid */}

{testimonials.map((testimonial, index) => (

{/* Quote */}

"{testimonial.quote}"

{/* Metric */}

{testimonial.metric}

{testimonial.metricLabel}

{/* Author */}

{testimonial.author}

{testimonial.role} • {testimonial.company}

))}

{/* Bottom CTA */}

Join thousands of legal professionals already using LegalAI

{[...Array(5)].map((_, i) => (

{String.fromCharCode(65 + i)}

))}

+2,500 legal professionals

) } [V0_FILE]typescriptreact:file="components/ui/retro-grid.tsx" isMerged="true" import type React from "react" import { cn } from "@/lib/utils" export function RetroGrid({ className, angle = 65, }: { className?: string angle?: number }) { return (

{/* Grid */}

{/* Background Gradient */}

) } [V0_FILE]css:file="app/globals.css" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Added RetroGrid animation keyframes */ @keyframes grid { 0% { transform: translateY(-50%); } 100% { transform: translateY(0); } } .animate-grid { animation: grid 15s linear infinite; } [V0_FILE]typescriptreact:file="components/cta-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { ArrowRight, Calendar } from "lucide-react" import { RetroGrid } from "@/components/ui/retro-grid" export function CtaSection() { return (

Ready to transform your legal practice?

Join thousands of legal professionals using AI to work smarter, not harder.

✓ 30-day free trial ✓ No credit card required ✓ SOC 2 compliant

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { NavigationHeader } from "@/components/navigation-header" import { HeroSection } from "@/components/hero-section" import { Feature } from "@/components/feature-section" import { FaqSection } from "@/components/faq-section" import PricingSection from "@/components/pricing-section" import { TestimonialSection } from "@/components/testimonial-section" import { CtaSection } from "@/components/cta-section" import { Footer } from "@/components/footer" export default function HomePage() { return (

) } [V0_FILE]png:file="public/images/design-mode/3d2b57c8027ae355aa44421899389008.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/design-mode-images/3d2b57c8027ae355aa44421899389008-LfGlQ1RxBnLYLfXOldrZYhbF4217rO.png" isMerged="true" [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Github, Linkedin, Twitter, Mail, Phone, MapPin } from "lucide-react" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useEffect, useRef, useCallback } from "react" import { motion } from "framer-motion" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" interface Dot { x: number y: number baseColor: string targetOpacity: number currentOpacity: number opacitySpeed: number baseRadius: number currentRadius: number } export const HeroSection: React.FC = () => { const canvasRef = useRef(null) const animationFrameId = useRef(null) const dotsRef = useRef([]) const gridRef = useRef>({}) const canvasSizeRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 }) const mousePositionRef = useRef<{ x: number | null; y: number | null }>({ x: null, y: null }) const DOT_SPACING = 25 const BASE_OPACITY_MIN = 0.4 const BASE_OPACITY_MAX = 0.5 const BASE_RADIUS = 1 const INTERACTION_RADIUS = 150 const INTERACTION_RADIUS_SQ = INTERACTION_RADIUS * INTERACTION_RADIUS const OPACITY_BOOST = 0.6 const RADIUS_BOOST = 2.5 const GRID_CELL_SIZE = Math.max(50, Math.floor(INTERACTION_RADIUS / 1.5)) const handleMouseMove = useCallback((event: globalThis.MouseEvent) => { const canvas = canvasRef.current if (!canvas) { mousePositionRef.current = { x: null, y: null } return } const rect = canvas.getBoundingClientRect() const canvasX = event.clientX - rect.left const canvasY = event.clientY - rect.top mousePositionRef.current = { x: canvasX, y: canvasY } }, []) const createDots = useCallback(() => { const { width, height } = canvasSizeRef.current if (width === 0 || height === 0) return const newDots: Dot[] = [] const newGrid: Record = {} const cols = Math.ceil(width / DOT_SPACING) const rows = Math.ceil(height / DOT_SPACING) for (let i = 0; i < cols; i++) { for (let j = 0; j < rows; j++) { const x = i * DOT_SPACING + DOT_SPACING / 2 const y = j * DOT_SPACING + DOT_SPACING / 2 const cellX = Math.floor(x / GRID_CELL_SIZE) const cellY = Math.floor(y / GRID_CELL_SIZE) const cellKey = `${cellX}_${cellY}` if (!newGrid[cellKey]) { newGrid[cellKey] = [] } const dotIndex = newDots.length newGrid[cellKey].push(dotIndex) const baseOpacity = Math.random() * (BASE_OPACITY_MAX - BASE_OPACITY_MIN) + BASE_OPACITY_MIN newDots.push({ x, y, baseColor: `rgba(87, 220, 205, ${BASE_OPACITY_MAX})`, targetOpacity: baseOpacity, currentOpacity: baseOpacity, opacitySpeed: Math.random() * 0.005 + 0.002, baseRadius: BASE_RADIUS, currentRadius: BASE_RADIUS, }) } } dotsRef.current = newDots gridRef.current = newGrid }, [DOT_SPACING, GRID_CELL_SIZE, BASE_OPACITY_MIN, BASE_OPACITY_MAX, BASE_RADIUS]) const handleResize = useCallback(() => { const canvas = canvasRef.current if (!canvas) return const container = canvas.parentElement const width = container ? container.clientWidth : window.innerWidth const height = container ? container.clientHeight : window.innerHeight if ( canvas.width !== width || canvas.height !== height || canvasSizeRef.current.width !== width || canvasSizeRef.current.height !== height ) { canvas.width = width canvas.height = height canvasSizeRef.current = { width, height } createDots() } }, [createDots]) const animateDots = useCallback(() => { const canvas = canvasRef.current const ctx = canvas?.getContext("2d") const dots = dotsRef.current const grid = gridRef.current const { width, height } = canvasSizeRef.current const { x: mouseX, y: mouseY } = mousePositionRef.current if (!ctx || !dots || !grid || width === 0 || height === 0) { animationFrameId.current = requestAnimationFrame(animateDots) return } ctx.clearRect(0, 0, width, height) const activeDotIndices = new Set() if (mouseX !== null && mouseY !== null) { const mouseCellX = Math.floor(mouseX / GRID_CELL_SIZE) const mouseCellY = Math.floor(mouseY / GRID_CELL_SIZE) const searchRadius = Math.ceil(INTERACTION_RADIUS / GRID_CELL_SIZE) for (let i = -searchRadius; i <= searchRadius; i++) { for (let j = -searchRadius; j <= searchRadius; j++) { const checkCellX = mouseCellX + i const checkCellY = mouseCellY + j const cellKey = `${checkCellX}_${checkCellY}` if (grid[cellKey]) { grid[cellKey].forEach((dotIndex) => activeDotIndices.add(dotIndex)) } } } } dots.forEach((dot, index) => { dot.currentOpacity += dot.opacitySpeed if (dot.currentOpacity >= dot.targetOpacity || dot.currentOpacity <= BASE_OPACITY_MIN) { dot.opacitySpeed = -dot.opacitySpeed dot.currentOpacity = Math.max(BASE_OPACITY_MIN, Math.min(dot.currentOpacity, BASE_OPACITY_MAX)) dot.targetOpacity = Math.random() * (BASE_OPACITY_MAX - BASE_OPACITY_MIN) + BASE_OPACITY_MIN } let interactionFactor = 0 dot.currentRadius = dot.baseRadius if (mouseX !== null && mouseY !== null && activeDotIndices.has(index)) { const dx = dot.x - mouseX const dy = dot.y - mouseY const distSq = dx * dx + dy * dy if (distSq < INTERACTION_RADIUS_SQ) { const distance = Math.sqrt(distSq) interactionFactor = Math.max(0, 1 - distance / INTERACTION_RADIUS) interactionFactor = interactionFactor * interactionFactor } } const finalOpacity = Math.min(1, dot.currentOpacity + interactionFactor * OPACITY_BOOST) dot.currentRadius = dot.baseRadius + interactionFactor * RADIUS_BOOST const colorMatch = dot.baseColor.match(/rgba?$$(\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?$$/) const r = colorMatch ? colorMatch[1] : "87" const g = colorMatch ? colorMatch[2] : "220" const b = colorMatch ? colorMatch[3] : "205" ctx.beginPath() ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${finalOpacity.toFixed(3)})` ctx.arc(dot.x, dot.y, dot.currentRadius, 0, Math.PI * 2) ctx.fill() }) animationFrameId.current = requestAnimationFrame(animateDots) }, [ GRID_CELL_SIZE, INTERACTION_RADIUS, INTERACTION_RADIUS_SQ, OPACITY_BOOST, RADIUS_BOOST, BASE_OPACITY_MIN, BASE_OPACITY_MAX, BASE_RADIUS, ]) useEffect(() => { handleResize() const handleMouseLeave = () => { mousePositionRef.current = { x: null, y: null } } window.addEventListener("mousemove", handleMouseMove, { passive: true }) window.addEventListener("resize", handleResize) document.documentElement.addEventListener("mouseleave", handleMouseLeave) animationFrameId.current = requestAnimationFrame(animateDots) return () => { window.removeEventListener("resize", handleResize) window.removeEventListener("mousemove", handleMouseMove) document.documentElement.removeEventListener("mouseleave", handleMouseLeave) if (animationFrameId.current) { cancelAnimationFrame(animationFrameId.current) } } }, [handleResize, handleMouseMove, animateDots]) return (

About

Tags

Share

About

Tags

Share

More from pohthedragonwarrior

More Templates Like This

More from pohthedragonwarrior

More Templates Like This