3c:o1,~3c:o7eb,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/3t1epgpyfv7bb.js" 4:I[717648,["$3"],"default"] 5:I[641390,["$3"],"default"] 39:"ViewportBoundary" 3a:I[769278,["$3"],"$39"] 3c:"MetadataBoundary" 3d:I[769278,["$3"],"$3c"] 3e:"$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 22:X 20:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L21","p":false,"v":"$22"}}]] 1e:[["children",{"s":{"n":"id","t":"d","k":"portfolio-website-build-kbb3nk38eBl","s":null},"h":98,"d":{"r":"$L1f","p":false,"v":"$6"},"c":"$Q20"}]] 2c:X 2a:[["children",{"s":"__PAGE__","h":2,"d":{"r":"$L2b","p":false,"v":"$2c"}}]] 28:[["children",{"s":{"n":"id","t":"d","k":"portfolio-website-build-kbb3nk38eBl","s":null},"h":38,"d":{"r":"$L29","p":false,"v":"$6"},"c":"$Q2a"}]] 26:[["children",{"s":"chat","h":106,"d":{"r":"$L27","p":false,"v":"$6"},"c":"$Q28"}]] 24:[["children",{"s":"(chat)","h":106,"d":{"r":"$L25","p":false,"v":"$6"},"c":"$Q26"}]] 36:X 34:[["children",{"s":"__PAGE__","h":34,"d":{"r":"$L35","p":false,"v":"$36"}}]] 32:[["children",{"s":{"n":"id","t":"d","k":"portfolio-website-build-kbb3nk38eBl","s":null},"h":102,"d":{"r":"$L33","p":false,"v":"$6"},"c":"$Q34"}]] 30:[["children",{"s":"chat","h":106,"d":{"r":"$L31","p":false,"v":"$6"},"c":"$Q32"}]] 2e:[["children",{"s":"(chat)","h":106,"d":{"r":"$L2f","p":false,"v":"$6"},"c":"$Q30"}]] 38:X 1c:[["children",{"s":"chat","h":98,"d":{"r":"$L1d","p":false,"v":"$6"},"c":"$Q1e"}],["content",{"s":"(__SLOT__)","h":74,"d":{"r":"$L23","p":false,"v":"$6"},"c":"$Q24"}],["header",{"s":"(__SLOT__)","h":74,"d":{"r":"$L2d","p":false,"v":"$6"},"c":"$Q2e"}],["sidebar",{"s":"__DEFAULT__","h":2,"d":{"r":"$L37","p":false,"v":"$38"}}]] 19:[["children",{"s":{"n":"scope","t":"d","k":"musabs-projects-65803cab","s":null},"h":74,"d":{"r":"$L1a","p":false,"v":"$1b"},"c":"$Q1c"}]] 3c: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/3o0_fg3vvu93p.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/1y6ygy5fg9b7t.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3sbrw-6hs_gr6.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/00imej6mucq_m.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/456x91qzw56fh.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/3mdu66ejquy1a.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2jzgz_d58oxq7.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/233xt_34-jvml.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/2a5h41hrzq_ob.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/30tviquwsyfrc.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"}]] 3c: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"}]] 40:X 41:X 3c: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,["$","$L3a","8Os441t0J-GMoWHibJVkZv",{"children":"$L3b"}],["$","$L3d","8Os441t0J-GMoWHibJVkZm",{"children":[["$","div",null,{"hidden":true,"children":["$","$3e",null,{"name":"Next.Metadata","children":"$L3f"}]}],null]}]]}],"p":false,"v":"$40"}},"s":"$41","a":"$@42"} 3c:o1000,44:I[769278,["$3"],"OutletBoundary"] 46:"LoadingBoundaryProvider" 47:I[717648,["$3"],"$46"] 4f:"/chat-static/_next/static/immutable/chunks/0cw8wv56m7nag.js" 50:"/chat-static/_next/static/immutable/chunks/1_iwbze3_jtwr.js" 51:"/chat-static/_next/static/immutable/chunks/3o0_fg3vvu93p.js" 52:"/chat-static/_next/static/immutable/chunks/0og44_6rw5ncs.js" 53:"/chat-static/_next/static/immutable/chunks/2o_k_3vfbb4pd.js" 54:"/chat-static/_next/static/immutable/chunks/2fof2cvflqegc.js" 55:"/chat-static/_next/static/immutable/chunks/1y6ygy5fg9b7t.js" 56:"/chat-static/_next/static/immutable/chunks/3sbrw-6hs_gr6.js" 57:"/chat-static/_next/static/immutable/chunks/3xi0e7pejw3m0.js" 58:"/chat-static/_next/static/immutable/chunks/00imej6mucq_m.js" 59:"/chat-static/_next/static/immutable/chunks/456x91qzw56fh.js" 5a:"/chat-static/_next/static/immutable/chunks/12ds61ufi62j3.js" 5b:"/chat-static/_next/static/immutable/chunks/26ptt1v4p7t7r.js" 5c:"/chat-static/_next/static/immutable/chunks/3mdu66ejquy1a.js" 5d:"/chat-static/_next/static/immutable/chunks/2jzgz_d58oxq7.js" 5e:"/chat-static/_next/static/immutable/chunks/233xt_34-jvml.js" 5f:"/chat-static/_next/static/immutable/chunks/2a5h41hrzq_ob.js" 60:"/chat-static/_next/static/immutable/chunks/30tviquwsyfrc.js" 61:"/chat-static/_next/static/immutable/chunks/3yrpdqjiau_ya.js" 62:"/chat-static/_next/static/immutable/chunks/13g2f5t3ea9n6.js" 63:"/chat-static/_next/static/immutable/chunks/3ujliqzvd5gnq.js" 64:"/chat-static/_next/static/immutable/chunks/0_s-t38lnxl91.js" 65:"/chat-static/_next/static/immutable/chunks/1ydet8l66njvr.js" 66:"/chat-static/_next/static/immutable/chunks/1aaj8-05n53ik.js" 67:"/chat-static/_next/static/immutable/chunks/3d886pbjxnpn2.js" 68:"/chat-static/_next/static/immutable/chunks/1pb5tan-l49z7.js" 69:"/chat-static/_next/static/immutable/chunks/29n2w9qn33n1v.js" 6a:"/chat-static/_next/static/immutable/chunks/1gpu5hjsp-bmq.js" 6b:"/chat-static/_next/static/immutable/chunks/1pcp5dsk9xt8x.js" 6c:"/chat-static/_next/static/immutable/chunks/0sqh37acz5t9v.js" 6d:"/chat-static/_next/static/immutable/chunks/02piqykacb-oe.js" 6e:"/chat-static/_next/static/immutable/chunks/064gh-98nflvu.js" 6f:"/chat-static/_next/static/immutable/chunks/2g9kg-d12kktx.js" 70:"/chat-static/_next/static/immutable/chunks/027ddo8zwznej.js" 71:"/chat-static/_next/static/immutable/chunks/1oue_mis1ndai.js" 72:"/chat-static/_next/static/immutable/chunks/14q967uzsa5c7.js" 73:"/chat-static/_next/static/immutable/chunks/1sf0cy23i2ovb.js" 74:"/chat-static/_next/static/immutable/chunks/3y3gbk8s88e97.js" 75:"/chat-static/_next/static/immutable/chunks/043rt0yjh5v5t.js" 76:"/chat-static/_next/static/immutable/chunks/3kmejztm6rfyi.js" 77:"/chat-static/_next/static/immutable/chunks/02acwhe81s3qu.js" 78:"/chat-static/_next/static/immutable/chunks/2ny7nuweo-07g.js" 79:"/chat-static/_next/static/immutable/chunks/3863i5g0-nrjb.js" 7a:"/chat-static/_next/static/immutable/chunks/3zjz5g09dmng3.js" 7b:"/chat-static/_next/static/immutable/chunks/4215jera2hijc.js" 7c:"/chat-static/_next/static/immutable/chunks/41p11n5dyklsm.js" 7d:"/chat-static/_next/static/immutable/chunks/1dit9zlyw5b30.js" 7e:"/chat-static/_next/static/immutable/chunks/0qxrjxg8jo72v.js" 7f:"/chat-static/_next/static/immutable/chunks/09z0b89ncy3rq.js" 80:"/chat-static/_next/static/immutable/chunks/3-517n112t11a.js" 81:"/chat-static/_next/static/immutable/chunks/3_ets624xtm1f.js" 82:"/chat-static/_next/static/immutable/chunks/3wt4796exgzc-.js" 83:"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js" 84:"/chat-static/_next/static/immutable/chunks/0o_uei3ajhpuo.js" 85:"/chat-static/_next/static/immutable/chunks/0xv1o2k_ax46h.js" 86:"/chat-static/_next/static/immutable/chunks/22qbl8nsw9nn7.js" 87:"/chat-static/_next/static/immutable/chunks/063vy-86g-gl3.js" 88:"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js" 89:"/chat-static/_next/static/immutable/chunks/30p-rdyc3avdz.js" 8a:"/chat-static/_next/static/immutable/chunks/1b1d2nxfooms4.js" 8b:"/chat-static/_next/static/immutable/chunks/1je_ilxe2_i33.js" 8c:"/chat-static/_next/static/immutable3c:of21,/chunks/0y1cefctv_k14.js" 8d:"/chat-static/_next/static/immutable/chunks/3-v8lztpc101e.js" 8e:"/chat-static/_next/static/immutable/chunks/2elvj87xbh41k.js" 8f:"/chat-static/_next/static/immutable/chunks/1ws_3xt0tad8r.js" 90:"/chat-static/_next/static/immutable/chunks/155bcothgdvk4.js" 91: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","$7d","$7e","$7f","$80","$81","$82","$83","$84","$85","$86","$87","$88","$89","$8a","$8b","$8c","$8d","$8e","$8f","$90"],"default"] 92:"/chat-static/_next/static/immutable/chunks/3k9nswq4_akam.js" 93:"/chat-static/_next/static/immutable/chunks/1ffknkk2z0ae1.js" 94:"/chat-static/_next/static/immutable/chunks/05r7w4hwk8_vs.js" 95:"/chat-static/_next/static/immutable/chunks/2uqxspchv6i7a.js" 96:"/chat-static/_next/static/immutable/chunks/2n1cevs9-gflc.js" 97:"/chat-static/_next/static/immutable/chunks/2ifw4-hf0eajk.js" 98:"/chat-static/_next/static/immutable/chunks/0qy0yzj2c2gn9.js" 99:"/chat-static/_next/static/immutable/chunks/24zv8q57up-lx.js" 9a:"/chat-static/_next/static/immutable/chunks/3iu_3mtffs3eo.js" 9b:"/chat-static/_next/static/immutable/chunks/1dq3_o2xchxn0.js" 9c:"GitChatHeaderSkeleton" 9d: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$9c"] :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/3yrpdqjiau_ya.js","async":true,"nonce":"$undefined"}] a:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/13g2f5t3ea9n6.js","async":true,"nonce":"$undefined"}] b:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/3ujliqzvd5gnq.js","async":true,"nonce":"$undefined"}] c:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/0_s-t38lnxl91.js","async":true,"nonce":"$undefined"}] d:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/1ydet8l66njvr.js","async":true,"nonce":"$undefined"}] e:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/1aaj8-05n53ik.js","async":true,"nonce":"$undefined"}] f:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/3d886pbjxnpn2.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/1pb5tan-l49z7.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/0sqh37acz5t9v.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-30",{"src":"/chat-static/_next/static/immutable/chunks/02piqykacb-oe.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-31",{"src":"/chat-static/_next/static/immutable/chunks/064gh-98nflvu.js","async":true,"nonce":"$undefined"}] 3c:o956,1a:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2g9kg-d12kktx.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/027ddo8zwznej.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/1oue_mis1ndai.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/14q967uzsa5c7.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1sf0cy23i2ovb.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/3y3gbk8s88e97.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/043rt0yjh5v5t.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/3kmejztm6rfyi.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/02acwhe81s3qu.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/2ny7nuweo-07g.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/3863i5g0-nrjb.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/3zjz5g09dmng3.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/4215jera2hijc.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/41p11n5dyklsm.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1dit9zlyw5b30.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/0qxrjxg8jo72v.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/09z0b89ncy3rq.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3-517n112t11a.js","async":true,"nonce":"$undefined"}]],"$L43"]}] 3c:o29a,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":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3c:oc9e,21:["$","$2","c",{"children":[null,[["$","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/06pk-mlipnx1-.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/0xv1o2k_ax46h.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1ffknkk2z0ae1.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/22qbl8nsw9nn7.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3iu_3mtffs3eo.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/2ifw4-hf0eajk.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1je_ilxe2_i33.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/155bcothgdvk4.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2n1cevs9-gflc.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2uqxspchv6i7a.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/2elvj87xbh41k.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/0y1cefctv_k14.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/05r7w4hwk8_vs.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/24zv8q57up-lx.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/1ws_3xt0tad8r.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/1dq3_o2xchxn0.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/0qy0yzj2c2gn9.js","async":true,"nonce":"$undefined"}]],["$","$L44",null,{"children":["$","$3e",null,{"name":"Next.MetadataOutlet","children":"$@45"}]}]]}] 3c:o3e7,23:["$","$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"}]]}] 25:["$","$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"}]]}] 27:["$","$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"}]]}] 3c:o10d2,29:["$","$L47",null,{"loading":[["$","$2","l",{"children":[["$","div",null,{"data-chat-skeleton-layout":true,"className":"flex-1 w-full flex","children":[["$","div",null,{"data-input":true,"aria-hidden":"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"}]}],["$","div",null,{"className":"flex-1 min-w-0","children":"$L48"}],"$L49","$L4a"]}]}]]}]}],"$L4b"]}],"$L4c"]}],[],null],"children":"$L4d"}] 3c:oc44,2b:["$","$2","c",{"children":["$L4e",[["$","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/06pk-mlipnx1-.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/0xv1o2k_ax46h.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1ffknkk2z0ae1.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/22qbl8nsw9nn7.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/3iu_3mtffs3eo.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/2ifw4-hf0eajk.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/1je_ilxe2_i33.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/155bcothgdvk4.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/2n1cevs9-gflc.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2uqxspchv6i7a.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/2elvj87xbh41k.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/0y1cefctv_k14.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/05r7w4hwk8_vs.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/24zv8q57up-lx.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/1ws_3xt0tad8r.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/1dq3_o2xchxn0.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/0qy0yzj2c2gn9.js","async":true,"nonce":"$undefined"}]],null]}] 3c:o3e7,2d:["$","$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"}]]}] 2f:["$","$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"}]]}] 31:["$","$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"}]]}] 3c:ob16,33:["$","$L47",null,{"loading":[["$","$L91","l",{}],[["$","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/3_ets624xtm1f.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3wt4796exgzc-.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/0o_uei3ajhpuo.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/0xv1o2k_ax46h.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/22qbl8nsw9nn7.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/063vy-86g-gl3.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/30p-rdyc3avdz.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1b1d2nxfooms4.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/1je_ilxe2_i33.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/0y1cefctv_k14.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/3-v8lztpc101e.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/2elvj87xbh41k.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/1ws_3xt0tad8r.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/155bcothgdvk4.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"}]]}]}] 3c:oe0b,35:["$","$2","c",{"children":[["$","$3e",null,{"fallback":["$","$L9d",null,{}],"children":"$L9e"}],[["$","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/3k9nswq4_akam.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/3wt4796exgzc-.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/1je_ilxe2_i33.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/1ffknkk2z0ae1.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/1ws_3xt0tad8r.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/1b1d2nxfooms4.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/42kpd262h9bwg.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/0yw1dg__j8skq.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/05r7w4hwk8_vs.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/0xv1o2k_ax46h.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/155bcothgdvk4.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/2uqxspchv6i7a.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/0y1cefctv_k14.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/30p-rdyc3avdz.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2n1cevs9-gflc.js","async":true,"nonce":"$undefined"}],["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/22qbl8nsw9nn7.js","async":true,"nonce":"$undefined"}],["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/2elvj87xbh41k.js","async":true,"nonce":"$undefined"}],["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/2ifw4-hf0eajk.js","async":true,"nonce":"$undefined"}],["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/0qy0yzj2c2gn9.js","async":true,"nonce":"$undefined"}],["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/24zv8q57up-lx.js","async":true,"nonce":"$undefined"}],["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/3iu_3mtffs3eo.js","async":true,"nonce":"$undefined"}],["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/1dq3_o2xchxn0.js","async":true,"nonce":"$undefined"}],["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/3-v8lztpc101e.js","async":true,"nonce":"$undefined"}]],null]}] 3c:o32,37:["$","$2","c",{"children":["$L9f",null,null]}] 3c:oa86,a1: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"AppCard"] a2:"FULL_BLEED_APP_CARD_CLASSNAME" a3: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$a2"] a4:"/chat-static/_next/static/immutable/chunks/2s3olc5a-9ro-.js" a5:"SidebarCollapseButton" a6: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$a4"],"$a5"] a7: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"ChatWarning"] a8: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$a4"],"NewChatButton"] 41:300 48:["$","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":"flex items-center justify-center bg-v0-background-200","children":["$","span",null,{"role":"status","aria-live":"polite","className":"sr-only","children":"Loading chat…"}]}] a0:T1963,3c:o1963,3c:o35d,4c:["$","span",null,{"data-v0-skeleton-chat-layout":"","hidden":true,"dangerouslySetInnerHTML":{"__html":"$a0"}}] 4d:["$","$2","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$3e",null,{"fallback":["$","$La1",null,{"className":"$a3","children":[["$","$La6",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"}],["$","$La7",null,{"description":"Loading…","title":"Chat Not Found","children":["$","$La8",null,{}]}]]}],"children":"$La9"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}] 3c:o17,18:T8,variantsaa:T18d5,3c: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"}] });3c:o158,17:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$aa"}}],"$Lab","$Lac","$Lad","$Lae"]}],"$Laf"]}] 3c:o1000,b0:"GeistThemeScript" b1:I[957543,["$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"],"$b0"] b2: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","$6d","$6e"],"AppStoreMetaTag"] b3:I[957543,["$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"],"GeistProvider"] b4: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","$6d","$6e"],"LocaleProvider"] b5: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","$6d","$6e"],"MotionConfig"] b6:"AtomicContextSWRProvider" b7: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$b6"] b8:"GlobalPromiseContextProvider" b9: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$b8"] bc: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","$6d","$6e"],"JotaiProvider"] bd:"ServerQuerySWRRuntimeProvider" be: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","$6d","$6e"],"$bd"] c0: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","$6d","$6e"],"CleanupStorage"] c1:I[367000,["$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"],"Analytics"] c2:I[553139,["$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"],"SpeedInsights"] c4:"VercelianAppFlowMigrator" c5: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","$6d","$6e"],"$c4"] c6: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","$6d","$6e"],"TrackInfo"] c7: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","$6d","$6e"],"PageViewTracker"] c8: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",3c:o44c,"$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"AutoCapture"] ab:["$","$Lb1",null,{"storageKey":"theme"}] ac:["$","$3e",null,{"children":["$","$Lb2",null,{}]}] ad:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] ae:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"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\"}}]"}}] 3c:o93b,af:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased EIxXEG_variable npunOG_variable hGs1mq_variable","children":[["$","$Lb3",null,{"storageKey":"theme","withScript":false,"children":["$","$Lb4",null,{"locale":"en","children":["$","$Lb5",null,{"reducedMotion":"user","children":["$","$Lb7",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":["$","$Lb9",null,{"params":null,"promises":{"dailyModelUsage":"$@ba","freeFixWithV0Usage":"$@bb"},"children":[["$","$Lbc",null,{"children":["$","$Lbe",null,{"children":"$Lbf"}]}],["$","$Lc0",null,{}]]}]}]}]}]}],["$","$Lc1",null,{}],["$","$Lc2",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$3e",null,{"children":"$Lc3"}],["$","$Lc5",null,{}],["$","$Lc6",null,{}],["$","$Lc7",null,{}],["$","$Lc8",null,{}]]}] 3c:o90,3b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 3c:oe,40:T8,variants3c:o1000,c9:"HydrateDurableAtoms" ca: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","$6d","$6e"],"$c9"] cb: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","$6d","$6e"],"DataProvider"] cc: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","$6d","$6e"],"UserProvider"] ce:"AnimatedIconProvider" cf: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","$6d","$6e"],"$ce"] d0: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","$6d","$6e"],"PortalProvider"] d1:"SnowflakePublishProvider" d2: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","$6d","$6e"],"$d1"] d3:"UserInputProvider" d4: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","$6d","$6e"],"$d3"] d5: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","$6d","$6e"],"CmdkProvider"] d6:"VirtualMachineUIStateProvider" d7: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","$6d","$6e"],"$d6"] d8:"DeployedPreviewIframeRefProvider" d9: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","$6d","$6e"],"$d8"] da:"PreviewSourceUIStateProvider" db: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","$6d","$6e"],"$da"] dc: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","$6d","$6e"],"LoaderProvider"] dd:"PromptFormUIProvider" de: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","$6d","$6e"],"$dd"] df: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","$6d","$6e"],"FlagsProvider"] e1:I[888372,["$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"],"NuqsAdapter"] e2:"ChatTabsProvider" e3: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","$6d","$6e"],"$e2"] e4:"PersonalScopeMigrationAnnouncementProvider" e5: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","$6d","$6e"],"$e4"] e7:"AnnouncementVisibilityProvider" e8:I[878519,["$4f","$50","$51","$52","$53","$54","$55","$56","$57","3c:o5cb,$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e"],"$e7"] eb:I[561588,["$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"],"Toaster"] ec: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","$6d","$6e"],"Toaster"] ed:"SuspendingDialogs" ee: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","$6d","$6e"],"$ed"] ef: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","$6d","$6e"],"SignInDialog"] f0: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","$6d","$6e"],"ConsentBanner"] f1: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","$6d","$6e"],"SessionManager"] 3c:o8ef,bf:["$","$Lca",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":["$","$Lcb",null,{"children":["$","$Lcc",null,{"expectUser":false,"userPromise":"$@cd","children":["$","$Lcf",null,{"children":["$","$Ld0",null,{"children":["$","$Ld2",null,{"children":["$","$Ld4",null,{"children":["$","$Ld5",null,{"children":["$","$Ld7",null,{"children":["$","$Ld9",null,{"children":["$","$Ldb",null,{"children":["$","$Ldc",null,{"children":["$","$Lde",null,{"children":["$","$Ldf",null,{"promise":"$@e0","middlewareFlags":["cgas"],"children":["$","$Le1",null,{"children":["$","$Le3",null,{"children":["$","$Le5",null,{"destinationTeamIdPromise":"$@e6","children":["$","$Le8",null,{"visiblePromise":"$@e9","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":[["$","$3e",null,{"fallback":null,"children":"$Lea"}],["$","$Leb",null,{}],["$","$Lec",null,{}],["$","$3e",null,{"fallback":null,"children":["$","$Lee",null,{}]}],["$","$Lef",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Lf0",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 3c:o12c,a9:["$","$La1",null,{"className":"$a3","children":["$4d:props:children:1:props:notFound:0:props:fallback:props:children:0",["$","$La7",null,{"description":"This chat was deleted, made private, or no longer exists.","title":"Chat Not Found","children":null}]]}] c3:["$","$Lf1",null,{"enabled":false}] 3c:o20,cd:"$undefined" e9:true ea:null 3c:o77,40:0 38:0 22:0 36:0 2c:0 41:60 38:T8,variants36:T8,variants1b:T8,variants40:T2,id36:T5,scope2c:T2,id1b:T5,scope36:T2,id3c:o1000,f2:"RouteChatIdProvider" f3: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$f2"] f4:"CompletionAttentionProvider" f5: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"$f4"] f6:"SidebarUIProvider" f7: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"$f6"] fa:"HeaderSlotClientRouter" fb: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"$fa"] fc:"/chat-static/_next/static/immutable/chunks/3mv13sn2u7peh.js" fd: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$fc"],"default"] fe: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"Header"] ff:"RevalidateChatIdSkeletonStyles" 100: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"$ff"] 101: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80"],"DynamicCMDK"] 102:"PromptQueueSnapshotProvider" 103: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$102"] 106:"ChatPromiseContextProvider" 107: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$106"] 10f: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",3c:o16c,"$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"GitChatHeader"] 110:I[332840,["$3"],"IconMark"] 9f:null 3c:o77f,43:["$","$Lf3",null,{"children":["$","$Lf5",null,{"children":["$","$Lf7",null,{"children":[["$","$3e",null,{"fallback":null,"children":"$@f8"}],["$","$3e",null,{"children":"$Lf9"}],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":[["$","$Lfb",null,{"headerSlot":["$","$L4",null,{"parallelRouterKey":"header","error":"$fd","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/3mv13sn2u7peh.js","async":true,"nonce":"$undefined"}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],"defaultSlot":["$","$Lfe",null,{}]}],["$","$L4",null,{"parallelRouterKey":"children","error":"$fd","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":"$fd","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,["$","$3e",null,{"children":["$","$L100",null,{}]}],["$","$L101",null,{}]]}]}]}] 3c:o176,4e:["$","$L103",null,{"initial":{"chatId":"kbb3nk38eBl","snapshot":"$@104"},"children":"$L105"}] 9e:["$","$L107",null,{"params":{"chatId":"kbb3nk38eBl"},"promises":{"attributes":"$@108","externalMeta":"$@109","latest":"$@10a","messagesRange":"$@10b","messages":"$@10c","template":"$@10d","gitStatus":"$@10e"},"children":["$","$L10f",null,{"chatId":"kbb3nk38eBl"}]}] e6:null 3c:o771,3f:[["$","title","0",{"children":"Portfolio website build - v0 by Vercel"}],["$","meta","1",{"name":"description","content":"Build me a modern personal portfolio website.Use Next.js with Tailwind CSS and Framer Motion.Include sections: Home, About, Projects, Contact.Projects..."}],["$","link","2",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","meta","3",{"name":"robots","content":"noindex"}],["$","link","4",{"rel":"canonical","href":"https://v0.app/chat/portfolio-website-build-kbb3nk38eBl"}],["$","meta","5",{"property":"og:title","content":"Portfolio website build - v0 by Vercel"}],["$","meta","6",{"property":"og:description","content":"Build me a modern personal portfolio website.Use Next.js with Tailwind CSS and Framer Motion.Include sections: Home, About, Projects, Contact.Projects..."}],["$","meta","7",{"property":"og:image","content":"https://v0.app/chat/api/og/kbb3nk38eBl"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"Portfolio website build - v0 by Vercel"}],["$","meta","10",{"name":"twitter:description","content":"Build me a modern personal portfolio website.Use Next.js with Tailwind CSS and Framer Motion.Include sections: Home, About, Projects, Contact.Projects..."}],["$","meta","11",{"name":"twitter:image","content":"https://v0.app/chat/api/og/kbb3nk38eBl"}],["$","link","12",{"rel":"icon","href":"/assets/icon-light-32x32.png","media":"(prefers-color-scheme: light)","sizes":"32x32","type":"image/png"}],["$","link","13",{"rel":"icon","href":"/assets/icon-dark-32x32.png","media":"(prefers-color-scheme: dark)","sizes":"32x32","type":"image/png"}],["$","link","14",{"rel":"icon","href":"/assets/icon.svg","sizes":"32x32","type":"image/svg+xml"}],["$","link","15",{"rel":"apple-touch-icon","href":"/assets/apple-icon.png","type":"image/png"}],["$","$L110","16",{}]] 3c:o8,45:null 3c:ocb5,118:"ExplicitChatIdProvider" 119: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$118"] 11a: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","$79","$7a","$7b","$7c","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"SWRDataProvider"] 2c:T8,variants2c:T5,scope108:{"ok":true,"value":{"designSystemId":null,"title":"Portfolio website build","privacy":"unlisted","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_P3XomASw9aBltHUI0TDP0TnV","authorId":"anon:nhXSMhMIAFqh358fUUfQb","tailwindV4Default":true,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1758179752465,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":"prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV","defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}} 109:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 10a:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10b:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10c:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}} 10d:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} 10e:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}} f8:null 11c:[] 11d:[["b_OgAYcdiGZBa",null],["b_rew8WnK5wzN",null]] 11e:[["b_OgAYcdiGZBa",{"templateVersionId":null,"templateCanonId":null}],["b_rew8WnK5wzN",{"templateVersionId":null,"templateCanonId":null}]] 11f:[["b_OgAYcdiGZBa","$D2025-09-18T07:16:27.889Z"],["b_rew8WnK5wzN","$D2025-09-18T07:21:08.855Z"]] 120:[["b_OgAYcdiGZBa",false],["b_rew8WnK5wzN",false]] 121:[["b_OgAYcdiGZBa",{"deploymentId":"dpl_889TTg2prbpQnykjFghrPZk9d76x"}],["b_rew8WnK5wzN",{"git":{"ref":"main","sha":"00f2e942623817456ba6614f96db27607dc9bd4e","type":"github","repoId":0,"repoName":"Portfolio-vercel","ownerName":"MusabKozlic","commitMessage":"sync main updates to Portfolio-vercel\n\nUpdate files from main branch including README, globals CSS, layout, page, components, utilities, config, and assets."},"deploymentId":"dpl_AMydsPL2nZePSjW8nA8udBet6h4h"}]] 122:[["b_OgAYcdiGZBa",null],["b_rew8WnK5wzN",null]] 123:[["b_OgAYcdiGZBa",true],["b_rew8WnK5wzN",true]] 124:[["b_OgAYcdiGZBa",true],["b_rew8WnK5wzN",true]] 125:[] 126:Td3d6,3c:od3d6,[V0_FILE]plaintext:file=".gitignore" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" # Portfolio website build *Automatically synced with your [v0.app](https://v0.app) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/musabs-projects-65803cab/v0-portfolio-website-build) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/projects/YDWii2VkfCS) ## Overview This repository will stay in sync with your deployed chats on [v0.app](https://v0.app). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app). ## Deployment Your project is live at: **[https://vercel.com/musabs-projects-65803cab/v0-portfolio-website-build](https://vercel.com/musabs-projects-65803cab/v0-portfolio-website-build)** ## Build your app Continue building your app on: **[https://v0.app/chat/projects/YDWii2VkfCS](https://v0.app/chat/projects/YDWii2VkfCS)** ## How It Works 1. Create and modify your project using [v0.app](https://v0.app) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]css:file="app/globals.css" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated color tokens for modern portfolio design */ --background: oklch(1 0 0); --foreground: oklch(0.2 0 0); --card: oklch(0.98 0 0); --card-foreground: oklch(0.2 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.2 0 0); --primary: oklch(0.6 0.15 200); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.65 0.2 260); --secondary-foreground: oklch(1 0 0); --muted: oklch(0.96 0 0); --muted-foreground: oklch(0.5 0 0); --accent: oklch(0.65 0.2 260); --accent-foreground: oklch(1 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(1 0 0); --border: oklch(0.9 0 0); --input: oklch(0.98 0 0); --ring: oklch(0.6 0.15 200); --chart-1: oklch(0.6 0.15 200); --chart-2: oklch(0.65 0.2 260); --chart-3: oklch(0.7 0.25 120); --chart-4: oklch(0.6 0.2 30); --chart-5: oklch(0.55 0.25 300); --radius: 0.75rem; --sidebar: oklch(1 0 0); --sidebar-foreground: oklch(0.2 0 0); --sidebar-primary: oklch(0.98 0 0); --sidebar-primary-foreground: oklch(0.2 0 0); --sidebar-accent: oklch(0.65 0.2 260); --sidebar-accent-foreground: oklch(1 0 0); --sidebar-border: oklch(0.9 0 0); --sidebar-ring: oklch(0.6 0.15 200); } .dark { /* Updated dark mode tokens for better contrast */ --background: oklch(0.08 0 0); --foreground: oklch(0.95 0 0); --card: oklch(0.12 0 0); --card-foreground: oklch(0.95 0 0); --popover: oklch(0.08 0 0); --popover-foreground: oklch(0.95 0 0); --primary: oklch(0.7 0.15 200); --primary-foreground: oklch(0.08 0 0); --secondary: oklch(0.2 0 0); --secondary-foreground: oklch(0.95 0 0); --muted: oklch(0.15 0 0); --muted-foreground: oklch(0.6 0 0); --accent: oklch(0.75 0.2 260); --accent-foreground: oklch(0.08 0 0); --destructive: oklch(0.6 0.2 30); --destructive-foreground: oklch(0.95 0 0); --border: oklch(0.2 0 0); --input: oklch(0.15 0 0); --ring: oklch(0.7 0.15 200); --chart-1: oklch(0.7 0.15 200); --chart-2: oklch(0.75 0.2 260); --chart-3: oklch(0.8 0.25 120); --chart-4: oklch(0.7 0.2 30); --chart-5: oklch(0.65 0.25 300); --sidebar: oklch(0.1 0 0); --sidebar-foreground: oklch(0.95 0 0); --sidebar-primary: oklch(0.7 0.15 200); --sidebar-primary-foreground: oklch(0.08 0 0); --sidebar-accent: oklch(0.15 0 0); --sidebar-accent-foreground: oklch(0.95 0 0); --sidebar-border: oklch(0.2 0 0); --sidebar-ring: oklch(0.7 0.15 200); } @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; } html { scroll-behavior: smooth; } } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Analytics } from "@vercel/analytics/next" import { ThemeProvider } from "@/components/theme-provider" import { Suspense } from "react" import "./globals.css" export const metadata: Metadata = { title: "John Doe - Full Stack Developer", description: "Modern portfolio showcasing web development projects and skills", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" import { Navigation } from "@/components/navigation" import { HeroSection } from "@/components/hero-section" import { AboutSection } from "@/components/about-section" import { ProjectsSection } from "@/components/projects-section" import { ContactSection } from "@/components/contact-section" import { Footer } from "@/components/footer" export default function Home() { return (

) } [V0_FILE]json:file="components.json" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/about-section.tsx" "use client" import { motion } from "framer-motion" import { Code, Palette, Zap } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" const skills = [ { icon: Code, title: "Frontend Development", description: "React, Next.js, TypeScript, Tailwind CSS", }, { icon: Zap, title: "Backend Development", description: "Node.js, Python, PostgreSQL, MongoDB", }, { icon: Palette, title: "UI/UX Design", description: "Figma, Adobe Creative Suite, Responsive Design", }, ] export function AboutSection() { return (

About Me

I'm a passionate full-stack developer with 5+ years of experience creating digital solutions that make a difference. I love turning complex problems into simple, beautiful designs.

{skills.map((skill, index) => (

{skill.title}

{skill.description}

))}

My Journey

Started as a curious student learning HTML and CSS, I've evolved into a full-stack developer who loves creating seamless user experiences and robust backend systems.

When I'm not coding, you'll find me exploring new technologies, contributing to open source projects, or sharing knowledge with the developer community.

React/Next.js 95%

TypeScript 90%

Node.js 85%

) } [V0_FILE]typescriptreact:file="components/contact-section.tsx" "use client" import { motion } from "framer-motion" import { Mail, MapPin, Phone } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Label } from "@/components/ui/label" export function ContactSection() { return (

Get In Touch

Have a project in mind or want to collaborate? I'd love to hear from you. Let's create something amazing together.

Let's Connect

I'm always open to discussing new opportunities, creative projects, or just having a friendly chat about technology and development.

john@example.com

Phone

+1 (555) 123-4567

Location

San Francisco, CA

Send a Message

First Name

Last Name

Subject

Message

</div>
                <Button className="w-full" size="lg">
                  Send Message
                </Button>
              </CardContent>
            </Card>
          </motion.div>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/footer.tsx"
"use client"

import { motion } from "framer-motion"
import { Github, Linkedin, Mail, Heart } from "lucide-react"

export function Footer() {
  return (
    <footer className="bg-card border-t border-border">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <motion.div
          initial={{ opacity: 0, y: 30 }}
          whileInView={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.8 }}
          viewport={{ once: true }}
          className="text-center space-y-8"
        >
          <div>
            <h3 className="text-2xl font-bold mb-4">John Doe</h3>
            <p className="text-muted-foreground max-w-md mx-auto">
              Full Stack Developer passionate about creating beautiful, functional web experiences.
            </p>
          </div>

<div className="border-t border-border pt-8">
            <p className="text-muted-foreground flex items-center justify-center gap-2">
              Made with <Heart className="h-4 w-4 text-red-500" /> using Next.js and Tailwind CSS
            </p>
            <p className="text-sm text-muted-foreground mt-2">© 2024 John Doe. All rights reserved.</p>
          </div>
        </motion.div>
      </div>
    </footer>
  )
}
[V0_FILE]typescriptreact:file="components/hero-section.tsx"
"use client"

import { motion } from "framer-motion"
import { ArrowDown, Github, Linkedin, Mail } from "lucide-react"
import { Button } from "@/components/ui/button"

export function HeroSection() {
  return (
    <section id="home" className="min-h-screen flex items-center justify-center relative overflow-hidden">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <motion.div
          initial={{ opacity: 0, y: 30 }}
          animate={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.8 }}
          className="space-y-8"
        >
          <motion.h1
            initial={{ opacity: 0, y: 30 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.8, delay: 0.2 }}
            className="text-4xl sm:text-6xl lg:text-7xl font-bold text-balance"
          >
            Hi, I'm{" "}
            <span className="bg-gradient-to-r from-primary to-accent bg-clip-text text-transparent">John Doe</span>
          </motion.h1>

<motion.p
            initial={{ opacity: 0, y: 30 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.8, delay: 0.4 }}
            className="text-xl sm:text-2xl text-muted-foreground max-w-3xl mx-auto text-pretty"
          >
            Full Stack Developer passionate about creating beautiful, functional web experiences with modern
            technologies and clean code.
          </motion.p>

<motion.div
            initial={{ opacity: 0, y: 30 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.8, delay: 0.6 }}
            className="flex flex-col sm:flex-row gap-4 justify-center items-center"
          >
            <Button size="lg" className="text-lg px-8 py-6" asChild>
              <a href="#projects">View My Work</a>
            </Button>
            <Button size="lg" variant="outline" className="text-lg px-8 py-6 bg-transparent" asChild>
              <a href="#contact">Get In Touch</a>
            </Button>
          </motion.div>

<motion.div
            initial={{ opacity: 0, y: 30 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.8, delay: 0.8 }}
            className="flex justify-center space-x-6"
          >
            <a
              href="https://github.com"
              target="_blank"
              rel="noopener noreferrer"
              className="text-muted-foreground hover:text-primary transition-colors duration-200"
            >
              <Github className="h-6 w-6" />
            </a>
            <a
              href="https://linkedin.com"
              target="_blank"
              rel="noopener noreferrer"
              className="text-muted-foreground hover:text-primary transition-colors duration-200"
            >
              <Linkedin className="h-6 w-6" />
            </a>
            <a
              href="mailto:john@example.com"
              className="text-muted-foreground hover:text-primary transition-colors duration-200"
            >
              <Mail className="h-6 w-6" />
            </a>
          </motion.div>
        </motion.div>

<motion.div
          initial={{ opacity: 0 }}
          animate={{ opacity: 1 }}
          transition={{ duration: 0.8, delay: 1 }}
          className="absolute bottom-8 left-1/2 transform -translate-x-1/2"
        >
          <motion.div animate={{ y: [0, 10, 0] }} transition={{ duration: 2, repeat: Number.POSITIVE_INFINITY }}>
            <ArrowDown className="h-6 w-6 text-muted-foreground" />
          </motion.div>
        </motion.div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/navigation.tsx"
"use client"

import { useState, useEffect } from "react"
import { motion } from "framer-motion"
import { Menu, X } from "lucide-react"
import { Button } from "@/components/ui/button"
import { ThemeToggle } from "@/components/theme-toggle"

const navItems = [
  { name: "Home", href: "#home" },
  { name: "About", href: "#about" },
  { name: "Projects", href: "#projects" },
  { name: "Contact", href: "#contact" },
]

export function Navigation() {
  const [isOpen, setIsOpen] = useState(false)
  const [scrolled, setScrolled] = useState(false)

useEffect(() => {
    const handleScroll = () => {
      setScrolled(window.scrollY > 50)
    }
    window.addEventListener("scroll", handleScroll)
    return () => window.removeEventListener("scroll", handleScroll)
  }, [])

return (
    <motion.nav
      initial={{ y: -100 }}
      animate={{ y: 0 }}
      className={`fixed top-0 w-full z-50 transition-all duration-300 ${
        scrolled ? "bg-background/80 backdrop-blur-md border-b border-border" : "bg-transparent"
      }`}
    >
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex justify-between items-center py-4">
          <motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            transition={{ delay: 0.2 }}
            className="text-xl font-bold text-foreground"
          >
            John Doe
          </motion.div>

{/* Desktop Navigation */}
          <div className="hidden md:flex items-center space-x-8">
            {navItems.map((item, index) => (
              <motion.a
                key={item.name}
                href={item.href}
                initial={{ opacity: 0, y: -20 }}
                animate={{ opacity: 1, y: 0 }}
                transition={{ delay: 0.1 * index }}
                className="text-foreground hover:text-primary transition-colors duration-200 font-medium"
              >
                {item.name}
              </motion.a>
            ))}
            <ThemeToggle />
          </div>

{/* Mobile Navigation */}
          <div className="md:hidden flex items-center space-x-2">
            <ThemeToggle />
            <Button variant="ghost" size="icon" onClick={() => setIsOpen(!isOpen)} className="w-9 h-9">
              {isOpen ? <X className="h-4 w-4" /> : <Menu className="h-4 w-4" />}
            </Button>
          </div>
        </div>

{/* Mobile Menu */}
        {isOpen && (
          <motion.div
            initial={{ opacity: 0, height: 0 }}
            animate={{ opacity: 1, height: "auto" }}
            exit={{ opacity: 0, height: 0 }}
            className="md:hidden border-t border-border"
          >
            <div className="py-4 space-y-4">
              {navItems.map((item) => (
                <a
                  key={item.name}
                  href={item.href}
                  onClick={() => setIsOpen(false)}
                  className="block text-foreground hover:text-primary transition-colors duration-200 font-medium"
                >
                  {item.name}
                </a>
              ))}
            </div>
          </motion.div>
        )}
      </div>
    </motion.nav>
  )
}
[V0_FILE]typescriptreact:file="components/projects-section.tsx"
"use client"

import { motion } from "framer-motion"
import { ExternalLink, Github } from "lucide-react"
import { Card, CardContent, CardFooter, CardHeader } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"

const projects = [
  {
    title: "E-Commerce Platform",
    description:
      "A full-stack e-commerce solution built with Next.js, Stripe, and PostgreSQL. Features include user authentication, product management, and order processing.",
    image: "/modern-ecommerce-website.png",
    technologies: ["Next.js", "TypeScript", "Stripe", "PostgreSQL"],
    github: "https://github.com/johndoe/ecommerce",
    demo: "https://ecommerce-demo.vercel.app",
  },
  {
    title: "Task Management App",
    description:
      "A collaborative task management application with real-time updates, drag-and-drop functionality, and team collaboration features.",
    image: "/task-management-dashboard.png",
    technologies: ["React", "Node.js", "Socket.io", "MongoDB"],
    github: "https://github.com/johndoe/taskmanager",
    demo: "https://taskmanager-demo.vercel.app",
  },
  {
    title: "Weather Dashboard",
    description:
      "A beautiful weather dashboard with location-based forecasts, interactive maps, and detailed weather analytics using modern APIs.",
    image: "/weather-dashboard-interface.png",
    technologies: ["Vue.js", "Chart.js", "OpenWeather API", "Tailwind"],
    github: "https://github.com/johndoe/weather-dashboard",
    demo: "https://weather-dashboard-demo.vercel.app",
  },
  {
    title: "Social Media Analytics",
    description:
      "A comprehensive analytics platform for social media managers with data visualization, reporting, and automated insights.",
    image: "/analytics-dashboard-charts.png",
    technologies: ["React", "D3.js", "Python", "FastAPI"],
    github: "https://github.com/johndoe/social-analytics",
    demo: "https://social-analytics-demo.vercel.app",
  },
  {
    title: "AI Content Generator",
    description:
      "An AI-powered content generation tool that helps creators produce high-quality content using advanced language models.",
    image: "/ai-content-generator-interface.png",
    technologies: ["Next.js", "OpenAI API", "Prisma", "Vercel AI SDK"],
    github: "https://github.com/johndoe/ai-content-generator",
    demo: "https://ai-content-demo.vercel.app",
  },
  {
    title: "Portfolio Website",
    description:
      "A modern, responsive portfolio website built with Next.js and Framer Motion, featuring smooth animations and dark mode support.",
    image: "/modern-portfolio-website.png",
    technologies: ["Next.js", "Framer Motion", "Tailwind CSS", "TypeScript"],
    github: "https://github.com/johndoe/portfolio",
    demo: "https://johndoe-portfolio.vercel.app",
  },
]

export function ProjectsSection() {
  return (
    <section id="projects" className="py-20">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <motion.div
          initial={{ opacity: 0, y: 30 }}
          whileInView={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.8 }}
          viewport={{ once: true }}
          className="text-center mb-16"
        >
          <h2 className="text-3xl sm:text-4xl font-bold mb-4 text-balance">Featured Projects</h2>
          <p className="text-xl text-muted-foreground max-w-3xl mx-auto text-pretty">
            Here are some of my recent projects that showcase my skills and passion for creating innovative digital
            solutions.
          </p>
        </motion.div>

<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
          {projects.map((project, index) => (
            <motion.div
              key={project.title}
              initial={{ opacity: 0, y: 30 }}
              whileInView={{ opacity: 1, y: 0 }}
              transition={{ duration: 0.8, delay: index * 0.1 }}
              viewport={{ once: true }}
            >
              <Card className="h-full hover:shadow-lg transition-all duration-300 group">
                <CardHeader className="p-0">
                  <div className="relative overflow-hidden rounded-t-lg">
                    <img
                      src={project.image || "/placeholder.svg"}
                      alt={project.title}
                      className="w-full h-48 object-cover transition-transform duration-300 group-hover:scale-105"
                    />
                    <div className="absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
                  </div>
                </CardHeader>
                <CardContent className="p-6">
                  <h3 className="text-xl font-semibold mb-2">{project.title}</h3>
                  <p className="text-muted-foreground mb-4 text-sm leading-relaxed">{project.description}</p>
                  <div className="flex flex-wrap gap-2">
                    {project.technologies.map((tech) => (
                      <Badge key={tech} variant="secondary" className="text-xs">
                        {tech}
                      </Badge>
                    ))}
                  </div>
                </CardContent>
                <CardFooter className="p-6 pt-0 flex gap-2">
                  <Button size="sm" variant="outline" asChild className="flex-1 bg-transparent">
                    <a
                      href={project.github}
                      target="_blank"
                      rel="noopener noreferrer"
                      className="flex items-center gap-2"
                    >
                      <Github className="h-4 w-4" />
                      Code
                    </a>
                  </Button>
                  <Button size="sm" asChild className="flex-1">
                    <a
                      href={project.demo}
                      target="_blank"
                      rel="noopener noreferrer"
                      className="flex items-center gap-2"
                    >
                      <ExternalLink className="h-4 w-4" />
                      Demo
                    </a>
                  </Button>
                </CardFooter>
              </Card>
            </motion.div>
          ))}
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/theme-provider.tsx"
'use client'

import * as React from 'react'
import {
  ThemeProvider as NextThemesProvider,
  type ThemeProviderProps,
} from 'next-themes'

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
}
[V0_FILE]typescriptreact:file="components/theme-toggle.tsx"
"use client"

import * as React from "react"
import { Moon, Sun } from "lucide-react"
import { useTheme } from "next-themes"
import { Button } from "@/components/ui/button"

export function ThemeToggle() {
  const { theme, setTheme } = useTheme()
  const [mounted, setMounted] = React.useState(false)

React.useEffect(() => {
    setMounted(true)
  }, [])

if (!mounted) {
    return (
      <Button variant="ghost" size="icon" className="w-9 h-9">
        <Sun className="h-4 w-4" />
      </Button>
    )
  }

return (
    <Button
      variant="ghost"
      size="icon"
      onClick={() => setTheme(theme === "light" ? "dark" : "light")}
      className="w-9 h-9"
    >
      <Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
      <Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
      <span className="sr-only">Toggle theme</span>
    </Button>
  )
}
[V0_FILE]typescriptreact:file="components/ui/badge.tsx"
import * as React from 'react'
import { Slot } from '@radix-ui/react-slot'
import { cva, type VariantProps } from 'class-variance-authority'

import { cn } from '@/lib/utils'

const badgeVariants = cva(
  'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',
  {
    variants: {
      variant: {
        default:
          'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
        secondary:
          'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
        destructive:
          'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
        outline:
          'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
      },
    },
    defaultVariants: {
      variant: 'default',
    },
  },
)

function Badge({
  className,
  variant,
  asChild = false,
  ...props
}: React.ComponentProps<'span'> &
  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
  const Comp = asChild ? Slot : 'span'

return (
    <Comp
      data-slot="badge"
      className={cn(badgeVariants({ variant }), className)}
      {...props}
    />
  )
}

export { Badge, badgeVariants }
[V0_FILE]typescriptreact:file="components/ui/button.tsx"
import * as React from 'react'
import { Slot } from '@radix-ui/react-slot'
import { cva, type VariantProps } from 'class-variance-authority'

import { cn } from '@/lib/utils'

const buttonVariants = cva(
  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
  {
    variants: {
      variant: {
        default:
          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
        destructive:
          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
        outline:
          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
        secondary:
          'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
        ghost:
          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
        link: 'text-primary underline-offset-4 hover:underline',
      },
      size: {
        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
        icon: 'size-9',
      },
    },
    defaultVariants: {
      variant: 'default',
      size: 'default',
    },
  },
)

function Button({
  className,
  variant,
  size,
  asChild = false,
  ...props
}: React.ComponentProps<'button'> &
  VariantProps<typeof buttonVariants> & {
    asChild?: boolean
  }) {
  const Comp = asChild ? Slot : 'button'

return (
    <Comp
      data-slot="button"
      className={cn(buttonVariants({ variant, size, className }))}
      {...props}
    />
  )
}

export { Button, buttonVariants }
[V0_FILE]typescriptreact:file="components/ui/card.tsx"
import * as React from 'react'

import { cn } from '@/lib/utils'

function Card({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card"
      className={cn(
        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
        className,
      )}
      {...props}
    />
  )
}

function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-header"
      className={cn(
        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
        className,
      )}
      {...props}
    />
  )
}

function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-title"
      className={cn('leading-none font-semibold', className)}
      {...props}
    />
  )
}

function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-description"
      className={cn('text-muted-foreground text-sm', className)}
      {...props}
    />
  )
}

function CardAction({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-action"
      className={cn(
        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',
        className,
      )}
      {...props}
    />
  )
}

function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-content"
      className={cn('px-6', className)}
      {...props}
    />
  )
}

function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-footer"
      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}
      {...props}
    />
  )
}

export {
  Card,
  CardHeader,
  CardFooter,
  CardTitle,
  CardAction,
  CardDescription,
  CardContent,
}
[V0_FILE]typescriptreact:file="components/ui/input.tsx"
import * as React from 'react'

import { cn } from '@/lib/utils'

function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
  return (
    <input
      type={type}
      data-slot="input"
      className={cn(
        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
        className,
      )}
      {...props}
    />
  )
}

export { Input }
[V0_FILE]typescriptreact:file="components/ui/label.tsx"
'use client'

import * as React from 'react'
import * as LabelPrimitive from '@radix-ui/react-label'

import { cn } from '@/lib/utils'

function Label({
  className,
  ...props
}: React.ComponentProps<typeof LabelPrimitive.Root>) {
  return (
    <LabelPrimitive.Root
      data-slot="label"
      className={cn(
        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
        className,
      )}
      {...props}
    />
  )
}

export { Label }
[V0_FILE]typescriptreact:file="components/ui/textarea.tsx"
import * as React from 'react'

import { cn } from '@/lib/utils'

function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
  return (
    <textarea
      data-slot="textarea"
      className={cn(
        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
        className,
      )}
      {...props}
    />
  )
}

export { Textarea }
[V0_FILE]typescript:file="lib/utils.ts"
import { clsx, type ClassValue } from 'clsx'
import { twMerge } from 'tailwind-merge'

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
[V0_FILE]javascript:file="next.config.mjs"
/** @type {import('next').NextConfig} */
const nextConfig = {
  eslint: {
    ignoreDuringBuilds: true,
  },
  typescript: {
    ignoreBuildErrors: true,
  },
  images: {
    unoptimized: true,
  },
}

export default nextConfig
[V0_FILE]json:file="package.json"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "next build",
    "dev": "next dev",
    "lint": "next lint",
    "start": "next start"
  },
  "dependencies": {
    "@emotion/is-prop-valid": "latest",
    "@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": "latest",
    "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",
    "framer-motion": "latest",
    "geist": "latest",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "15.2.4",
    "next-themes": "latest",
    "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": "^2.5.5",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^0.9.9",
    "zod": "3.25.67"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.9",
    "@types/node": "^22",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "postcss": "^8.5",
    "tailwindcss": "^4.1.9",
    "tw-animate-css": "1.3.3",
    "typescript": "^5"
  }
}
[V0_FILE]javascript:file="postcss.config.mjs"
/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    '@tailwindcss/postcss': {},
  },
}

export default config
[V0_FILE]css:file="styles/globals.css"
@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);
}

# dependencies
/node_modules

# next.js
/.next/
/out/

# production
/build

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts
[V0_FILE]markdown:file="README.md"
# Portfolio website build

*Automatically synced with your [v0.app](https://v0.app) deployments*

[![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/musabs-projects-65803cab/v0-portfolio-website-build)
[![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/projects/YDWii2VkfCS)

## Overview

This repository will stay in sync with your deployed chats on [v0.app](https://v0.app).
Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app).

## Deployment

Your project is live at:

**[https://vercel.com/musabs-projects-65803cab/v0-portfolio-website-build](https://vercel.com/musabs-projects-65803cab/v0-portfolio-website-build)**

## Build your app

Continue building your app on:

**[https://v0.app/chat/projects/YDWii2VkfCS](https://v0.app/chat/projects/YDWii2VkfCS)**

## How It Works

1. Create and modify your project using [v0.app](https://v0.app)
2. Deploy your chats from the v0 interface
3. Changes are automatically pushed to this repository
4. Vercel deploys the latest version from this repository
[V0_FILE]css:file="app/globals.css"
@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

:root {
  /* Updated color tokens for modern portfolio design */
  --background: oklch(1 0 0);
  --foreground: oklch(0.2 0 0);
  --card: oklch(0.98 0 0);
  --card-foreground: oklch(0.2 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.2 0 0);
  --primary: oklch(0.6 0.15 200);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.65 0.2 260);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.96 0 0);
  --muted-foreground: oklch(0.5 0 0);
  --accent: oklch(0.65 0.2 260);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.9 0 0);
  --input: oklch(0.98 0 0);
  --ring: oklch(0.6 0.15 200);
  --chart-1: oklch(0.6 0.15 200);
  --chart-2: oklch(0.65 0.2 260);
  --chart-3: oklch(0.7 0.25 120);
  --chart-4: oklch(0.6 0.2 30);
  --chart-5: oklch(0.55 0.25 300);
  --radius: 0.75rem;
  --sidebar: oklch(1 0 0);
  --sidebar-foreground: oklch(0.2 0 0);
  --sidebar-primary: oklch(0.98 0 0);
  --sidebar-primary-foreground: oklch(0.2 0 0);
  --sidebar-accent: oklch(0.65 0.2 260);
  --sidebar-accent-foreground: oklch(1 0 0);
  --sidebar-border: oklch(0.9 0 0);
  --sidebar-ring: oklch(0.6 0.15 200);
}

.dark {
  /* Updated dark mode tokens for better contrast */
  --background: oklch(0.08 0 0);
  --foreground: oklch(0.95 0 0);
  --card: oklch(0.12 0 0);
  --card-foreground: oklch(0.95 0 0);
  --popover: oklch(0.08 0 0);
  --popover-foreground: oklch(0.95 0 0);
  --primary: oklch(0.7 0.15 200);
  --primary-foreground: oklch(0.08 0 0);
  --secondary: oklch(0.2 0 0);
  --secondary-foreground: oklch(0.95 0 0);
  --muted: oklch(0.15 0 0);
  --muted-foreground: oklch(0.6 0 0);
  --accent: oklch(0.75 0.2 260);
  --accent-foreground: oklch(0.08 0 0);
  --destructive: oklch(0.6 0.2 30);
  --destructive-foreground: oklch(0.95 0 0);
  --border: oklch(0.2 0 0);
  --input: oklch(0.15 0 0);
  --ring: oklch(0.7 0.15 200);
  --chart-1: oklch(0.7 0.15 200);
  --chart-2: oklch(0.75 0.2 260);
  --chart-3: oklch(0.8 0.25 120);
  --chart-4: oklch(0.7 0.2 30);
  --chart-5: oklch(0.65 0.25 300);
  --sidebar: oklch(0.1 0 0);
  --sidebar-foreground: oklch(0.95 0 0);
  --sidebar-primary: oklch(0.7 0.15 200);
  --sidebar-primary-foreground: oklch(0.08 0 0);
  --sidebar-accent: oklch(0.15 0 0);
  --sidebar-accent-foreground: oklch(0.95 0 0);
  --sidebar-border: oklch(0.2 0 0);
  --sidebar-ring: oklch(0.7 0.15 200);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
  html {
    scroll-behavior: smooth;
  }
}
[V0_FILE]typescriptreact:file="app/layout.tsx"
import type React from "react"
import type { Metadata } from "next"
import { GeistSans } from "geist/font/sans"
import { GeistMono } from "geist/font/mono"
import { Analytics } from "@vercel/analytics/next"
import { ThemeProvider } from "@/components/theme-provider"
import { Suspense } from "react"
import "./globals.css"

export const metadata: Metadata = {
  title: "John Doe - Full Stack Developer",
  description: "Modern portfolio showcasing web development projects and skills",
  generator: "v0.app",
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className={`font-sans ${GeistSans.variable} ${GeistMono.variable} antialiased`}>
        <Suspense fallback={null}>
          <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
            {children}
          </ThemeProvider>
        </Suspense>
        <Analytics />
      </body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx"
import { Navigation } from "@/components/navigation"
import { HeroSection } from "@/components/hero-section"
import { AboutSection } from "@/components/about-section"
import { ProjectsSection } from "@/components/projects-section"
import { ContactSection } from "@/components/contact-section"
import { Footer } from "@/components/footer"

export default function Home() {
  return (
    <main className="min-h-screen">
      <Navigation />
      <HeroSection />
      <AboutSection />
      <ProjectsSection />
      <ContactSection />
      <Footer />
    </main>
  )
}
[V0_FILE]json:file="components.json"
{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "new-york",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "",
    "css": "app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "iconLibrary": "lucide"
}
[V0_FILE]typescriptreact:file="components/about-section.tsx"
"use client"

import { motion } from "framer-motion"
import { Code, Palette, Zap } from "lucide-react"
import { Card, CardContent } from "@/components/ui/card"

const skills = [
  {
    icon: Code,
    title: "Frontend Development",
    description: "React, Next.js, TypeScript, Tailwind CSS",
  },
  {
    icon: Zap,
    title: "Backend Development",
    description: "Node.js, Python, PostgreSQL, MongoDB",
  },
  {
    icon: Palette,
    title: "UI/UX Design",
    description: "Figma, Adobe Creative Suite, Responsive Design",
  },
]

export function AboutSection() {
  return (
    <section id="about" className="py-20 bg-muted/30">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <motion.div
          initial={{ opacity: 0, y: 30 }}
          whileInView={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.8 }}
          viewport={{ once: true }}
          className="text-center mb-16"
        >
          <h2 className="text-3xl sm:text-4xl font-bold mb-4 text-balance">About Me</h2>
          <p className="text-xl text-muted-foreground max-w-3xl mx-auto text-pretty">
            I'm a passionate full-stack developer with 5+ years of experience creating digital solutions that make a
            difference. I love turning complex problems into simple, beautiful designs.
          </p>
        </motion.div>

<div className="grid md:grid-cols-3 gap-8 mb-16">
          {skills.map((skill, index) => (
            <motion.div
              key={skill.title}
              initial={{ opacity: 0, y: 30 }}
              whileInView={{ opacity: 1, y: 0 }}
              transition={{ duration: 0.8, delay: index * 0.2 }}
              viewport={{ once: true }}
            >
              <Card className="h-full hover:shadow-lg transition-shadow duration-300">
                <CardContent className="p-6 text-center">
                  <div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <skill.icon className="h-6 w-6 text-primary" />
                  </div>
                  <h3 className="text-xl font-semibold mb-2">{skill.title}</h3>
                  <p className="text-muted-foreground">{skill.description}</p>
                </CardContent>
              </Card>
            </motion.div>
          ))}
        </div>

<motion.div
          initial={{ opacity: 0, y: 30 }}
          whileInView={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.8 }}
          viewport={{ once: true }}
          className="bg-card rounded-2xl p-8 shadow-sm"
        >
          <div className="grid md:grid-cols-2 gap-8 items-center">
            <div>
              <h3 className="text-2xl font-bold mb-4">My Journey</h3>
              <p className="text-muted-foreground mb-4">
                Started as a curious student learning HTML and CSS, I've evolved into a full-stack developer who loves
                creating seamless user experiences and robust backend systems.
              </p>
              <p className="text-muted-foreground">
                When I'm not coding, you'll find me exploring new technologies, contributing to open source projects, or
                sharing knowledge with the developer community.
              </p>
            </div>
            <div className="space-y-4">
              <div className="flex justify-between items-center">
                <span className="font-medium">React/Next.js</span>
                <span className="text-sm text-muted-foreground">95%</span>
              </div>
              <div className="w-full bg-muted rounded-full h-2">
                <motion.div
                  initial={{ width: 0 }}
                  whileInView={{ width: "95%" }}
                  transition={{ duration: 1, delay: 0.5 }}
                  viewport={{ once: true }}
                  className="bg-primary h-2 rounded-full"
                />
              </div>
              <div className="flex justify-between items-center">
                <span className="font-medium">TypeScript</span>
                <span className="text-sm text-muted-foreground">90%</span>
              </div>
              <div className="w-full bg-muted rounded-full h-2">
                <motion.div
                  initial={{ width: 0 }}
                  whileInView={{ width: "90%" }}
                  transition={{ duration: 1, delay: 0.7 }}
                  viewport={{ once: true }}
                  className="bg-primary h-2 rounded-full"
                />
              </div>
              <div className="flex justify-between items-center">
                <span className="font-medium">Node.js</span>
                <span className="text-sm text-muted-foreground">85%</span>
              </div>
              <div className="w-full bg-muted rounded-full h-2">
                <motion.div
                  initial={{ width: 0 }}
                  whileInView={{ width: "85%" }}
                  transition={{ duration: 1, delay: 0.9 }}
                  viewport={{ once: true }}
                  className="bg-primary h-2 rounded-full"
                />
              </div>
            </div>
          </div>
        </motion.div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/contact-section.tsx"
"use client"

import { motion } from "framer-motion"
import { Mail, MapPin, Phone } from "lucide-react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"
import { Label } from "@/components/ui/label"

export function ContactSection() {
  return (
    <section id="contact" className="py-20 bg-muted/30">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <motion.div
          initial={{ opacity: 0, y: 30 }}
          whileInView={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.8 }}
          viewport={{ once: true }}
          className="text-center mb-16"
        >
          <h2 className="text-3xl sm:text-4xl font-bold mb-4 text-balance">Get In Touch</h2>
          <p className="text-xl text-muted-foreground max-w-3xl mx-auto text-pretty">
            Have a project in mind or want to collaborate? I'd love to hear from you. Let's create something amazing
            together.
          </p>
        </motion.div>

<div className="grid lg:grid-cols-2 gap-12">
          <motion.div
            initial={{ opacity: 0, x: -30 }}
            whileInView={{ opacity: 1, x: 0 }}
            transition={{ duration: 0.8 }}
            viewport={{ once: true }}
            className="space-y-8"
          >
            <div>
              <h3 className="text-2xl font-bold mb-6">Let's Connect</h3>
              <p className="text-muted-foreground mb-8">
                I'm always open to discussing new opportunities, creative projects, or just having a friendly chat about
                technology and development.
              </p>
            </div>

<div className="space-y-6">
              <div className="flex items-center space-x-4">
                <div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center">
                  <Mail className="h-6 w-6 text-primary" />
                </div>
                <div>
                  <p className="font-medium">Email</p>
                  <p className="text-muted-foreground">john@example.com</p>
                </div>
              </div>

<div className="flex items-center space-x-4">
                <div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center">
                  <Phone className="h-6 w-6 text-primary" />
                </div>
                <div>
                  <p className="font-medium">Phone</p>
                  <p className="text-muted-foreground">+1 (555) 123-4567</p>
                </div>
              </div>

<div className="flex items-center space-x-4">
                <div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center">
                  <MapPin className="h-6 w-6 text-primary" />
                </div>
                <div>
                  <p className="font-medium">Location</p>
                  <p className="text-muted-foreground">San Francisco, CA</p>
                </div>
              </div>
            </div>
          </motion.div>

<motion.div
            initial={{ opacity: 0, x: 30 }}
            whileInView={{ opacity: 1, x: 0 }}
            transition={{ duration: 0.8 }}
            viewport={{ once: true }}
          >
            <Card>
              <CardHeader>
                <CardTitle>Send a Message</CardTitle>
              </CardHeader>
              <CardContent className="space-y-6">
                <div className="grid grid-cols-2 gap-4">
                  <div className="space-y-2">
                    <Label htmlFor="firstName">First Name</Label>
                    <Input id="firstName" placeholder="John" />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="lastName">Last Name</Label>
                    <Input id="lastName" placeholder="Doe" />
                  </div>
                </div>
                <div className="space-y-2">
                  <Label htmlFor="email">Email</Label>
                  <Input id="email" type="email" placeholder="john@example.com" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="subject">Subject</Label>
                  <Input id="subject" placeholder="Project Collaboration" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="message">Message</Label>
                  <Textarea id="message" placeholder="Tell me about your project..." className="min-h-[120px]" />
                </div>
                <Button className="w-full" size="lg">
                  Send Message
                </Button>
              </CardContent>
            </Card>
          </motion.div>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/footer.tsx"
"use client"

import { motion } from "framer-motion"
import { Github, Linkedin, Mail, Heart } from "lucide-react"

import { motion } from "framer-motion"
import { ArrowDown, Github, Linkedin, Mail } from "lucide-react"
import { Button } from "@/components/ui/button"

const navItems = [
  { name: "Home", href: "#home" },
  { name: "About", href: "#about" },
  { name: "Projects", href: "#projects" },
  { name: "Contact", href: "#contact" },
]

export function Navigation() {
  const [isOpen, setIsOpen] = useState(false)
  const [scrolled, setScrolled] = useState(false)

import * as React from 'react'
import {
  ThemeProvider as NextThemesProvider,
  type ThemeProviderProps,
} from 'next-themes'

import * as React from "react"
import { Moon, Sun } from "lucide-react"
import { useTheme } from "next-themes"
import { Button } from "@/components/ui/button"

export function ThemeToggle() {
  const { theme, setTheme } = useTheme()
  const [mounted, setMounted] = React.useState(false)

React.useEffect(() => {
    setMounted(true)
  }, [])

if (!mounted) {
    return (
      <Button variant="ghost" size="icon" className="w-9 h-9">
        <Sun className="h-4 w-4" />
      </Button>
    )
  }

import { cn } from '@/lib/utils'

return (
    <Comp
      data-slot="badge"
      className={cn(badgeVariants({ variant }), className)}
      {...props}
    />
  )
}

import { cn } from '@/lib/utils'

return (
    <Comp
      data-slot="button"
      className={cn(buttonVariants({ variant, size, className }))}
      {...props}
    />
  )
}

export { Button, buttonVariants }
[V0_FILE]typescriptreact:file="components/ui/card.tsx"
import * as React from 'react'

import { cn } from '@/lib/utils'

function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      data-slot="card-content"
      className={cn('px-6', className)}
      {...props}
    />
  )
}

export {
  Card,
  CardHeader,
  CardFooter,
  CardTitle,
  CardAction,
  CardDescription,
  CardContent,
}
[V0_FILE]typescriptreact:file="components/ui/input.tsx"
import * as React from 'react'

import { cn } from '@/lib/utils'

export { Input }
[V0_FILE]typescriptreact:file="components/ui/label.tsx"
'use client'

import * as React from 'react'
import * as LabelPrimitive from '@radix-ui/react-label'

import { cn } from '@/lib/utils'

export { Label }
[V0_FILE]typescriptreact:file="components/ui/textarea.tsx"
import * as React from 'react'

import { cn } from '@/lib/utils'

export { Textarea }
[V0_FILE]typescript:file="lib/utils.ts"
import { clsx, type ClassValue } from 'clsx'
import { twMerge } from 'tailwind-merge'

export default config
[V0_FILE]css:file="styles/globals.css"
@import 'tailwindcss';
@import 'tw-animate-css';

@custom-variant dark (&:is(.dark *));

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]json:file="tsconfig.json"
{
  "compilerOptions": {
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "target": "ES6",
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}
[V0_FILE]png:file="public/ai-content-generator-interface.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/BFLwnDQXjhqAfJcTzh5Pr_/public/ai-content-generator-interface.png"
[V0_FILE]png:file="public/analytics-dashboard-charts.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/Yb28G6XGYZlYMe-pmcrHLg/public/analytics-dashboard-charts.png"
[V0_FILE]png:file="public/modern-ecommerce-website.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/MiXO_jLIHC2hNOQxrtR0_x/public/modern-ecommerce-website.png"
[V0_FILE]png:file="public/modern-portfolio-website.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/olttE6eFOTpabL5_GC2Yj6/public/modern-portfolio-website.png"
[V0_FILE]png:file="public/placeholder-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/1uv3SMJqY6_jxcFCTgTEak/public/placeholder-logo.png"
[V0_FILE]xml:file="public/placeholder-logo.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/XB_XF8ESrwbAjotfOd5Wmb/public/placeholder-logo.svg"
[V0_FILE]jpg:file="public/placeholder-user.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/ONejAluG3EJATcwwA61bXn/public/placeholder-user.jpg"
[V0_FILE]jpg:file="public/placeholder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/BlrBc_c6JuPtjsBHFMcNJn/public/placeholder.jpg"
[V0_FILE]xml:file="public/placeholder.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/J0QvC3Vjlpi92ZtRdLC4Mx/public/placeholder.svg"
[V0_FILE]png:file="public/task-management-dashboard.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/KjzqOULqHcFq7OHKqYJPvL/public/task-management-dashboard.png"
[V0_FILE]png:file="public/weather-dashboard-interface.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV/hSk8z6jp0bzhjF30MI8P9h/public/weather-dashboard-interface.png"3c:o3c9d,105:["$","$L107",null,{"params":{"chatId":"kbb3nk38eBl"},"promises":{"attributes":"$@111","externalMeta":"$@112","latest":"$@113","messagesRange":"$@114","messages":"$@115","template":"$@116","gitStatus":"$@117"},"children":["$","$L119",null,{"chatId":"kbb3nk38eBl","children":["$","$L11a",null,{"seedOnlyKeys":["@\"chat:state\",\"kbb3nk38eBl\","],"data":{"block:output:initial":{"id":"b_rew8WnK5wzN","result":"$@11b"},"@\"block:mappings\",\"kbb3nk38eBl\",":{"sqlBlockExecutionStates":"$Q11c","blocksForkedFrom":"$Q11d","blocksTemplateIds":"$Q11e","blocksCreatedAt":"$Q11f","blocksShared":"$Q120","blocksDeployed":"$Q121","blocksSubdomains":"$Q122","brandedBlocks":"$Q123","unlistedBlocks":"$Q124","blockOutputs":"$Q125"},"@\"chat:state\",\"kbb3nk38eBl\",":{"messages":[{"content":{"type":"parts","parts":[{"type":"mdx","content":"Build me a modern personal portfolio website.Use Next.js with Tailwind CSS and Framer Motion.Include sections: Home, About, Projects, Contact.Projects should be displayed as cards with title, description, GitHub link, and live demo link.Add a dark/light mode toggle.Make the design clean, responsive, and ready for deployment on Vercel.Use smooth animations and nice typography"}],"version":1},"role":"user","id":"SEHQvRzCwKwICqvrcpzakJ6aQiPPQZ9w","attachments":[],"type":"message","authorId":"Mu5OMnfBKaUaxM8jziAMtN1C","createdAt":"$D2025-09-18T07:15:52.455Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":4.5,"thought":"The user wants me to build a modern personal portfolio website with specific requirements:\n\n- Next.js with Tailwind CSS and Framer Motion\n- Sections: Home, About, Projects, Contact\n- Projects as cards with title, description, GitHub link, and live demo link\n- Dark/light mode toggle\n- Clean, responsive design\n- Smooth animations and nice typography\n- Ready for Vercel deployment\n\nThis is a design-focused request that would benefit from creative direction since they want a \"modern\" and \"clean\" design but haven't provided specific visual requirements. I should use GenerateDesignInspiration to get detailed design specifications first.\n\nThen I'll need to search the repo to understand the current structure and build the portfolio website as one cohesive project."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["p",{},["text",{},"I'll help you build a modern personal portfolio website! Let me first generate a detailed design brief to ensure we create something visually compelling and professional."]],["AssistantMessageContentPart",{"part":{"createdAt":1758179759871,"finishedAt":1758179780820,"lastPartSentAt":1758179780797,"taskNameActive":"Generating design inspiration","taskNameComplete":"Generated design inspiration","toolCallId":"tooluse_GIwF-bQJRHChGk-7DYbDHw","id":"FIVZ5y3kN4lUCuYC","type":"task-generate-design-inspiration-v1","parts":[{"type":"starting-design-inspiration","prompt":"Modern personal portfolio website for a developer/designer showcasing projects and skills"},{"type":"finished-design-inspiration"}]}}],["p",{},["text",{},"Now let me search the repo to understand the current structure and then build your modern portfolio website."]],["AssistantMessageContentPart",{"part":{"createdAt":1758179784792,"finishedAt":1758179784836,"lastPartSentAt":1758179784814,"taskNameActive":"Exploring codebase","taskNameComplete":"Explored codebase","toolCallId":"tooluse_AIP4-fG1QBejf3m7J3gOjA","id":"t5MSO3vAMd7j2WmQ","type":"task-search-repo-v1","parts":[{"type":"starting-repo-search","query":"Give me an overview of the codebase"},{"type":"select-files","filePaths":["app/layout.tsx","app/globals.css"]}]}}],["p",{},["text",{},"Now I'll build your modern personal portfolio website with all the requested features. Let me start by updating the design tokens and creating the portfolio components."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_OgAYcdiGZBa","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[],"source":"[V0_FILE]tsx:file=\"empty.tsx\"\n...","latestDeploymentInfo":"$121:0:1","lastDeployedAt":"2025-09-18T07:20:20.345Z","sourceVersionKey":"v_1_zrjul","needsBlockSource":true,"isAllImages":false,"blockId":"b_OgAYcdiGZBa","meta":{"type":"code-project","id":"portfolio-website","taskNameActive":"Building portfolio website","taskNameComplete":"Built portfolio website","project":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Building portfolio website","taskNameComplete":"Built portfolio website"},"id":"block-b_OgAYcdiGZBa"}],["p",{},["text",{},"Your modern personal portfolio website is now complete! I've built a sophisticated, responsive portfolio with all the features you requested:"]],["p",{},["strong",{},["text",{},"Key Features:"]]],["ul",{"start":1},["li",{"index":1},["strong",{},["text",{},"Modern Design"]],["text",{},": Clean, professional aesthetic with a cyan and indigo color scheme"]],["li",{"index":2},["strong",{},["text",{},"Smooth Animations"]],["text",{},": Framer Motion powers all scroll-triggered animations and transitions"]],["li",{"index":3},["strong",{},["text",{},"Dark/Light Mode"]],["text",{},": Toggle in the navigation with system preference detection"]],["li",{"index":4},["strong",{},["text",{},"Responsive Layout"]],["text",{},": Mobile-first design that works perfectly on all devices"]],["li",{"index":5},["strong",{},["text",{},"Project Cards"]],["text",{},": Six sample projects with titles, descriptions, GitHub links, and demo links"]]],["p",{},["strong",{},["text",{},"Sections Included:"]]],["ul",{"start":1},["li",{"index":1},["strong",{},["text",{},"Hero"]],["text",{},": Eye-catching introduction with animated text and social links"]],["li",{"index":2},["strong",{},["text",{},"About"]],["text",{},": Skills showcase with animated progress bars and personal story"]],["li",{"index":3},["strong",{},["text",{},"Projects"]],["text",{},": Grid of project cards with hover effects and technology badges"]],["li",{"index":4},["strong",{},["text",{},"Contact"]],["text",{},": Contact form and information with smooth animations"]],["li",{"index":5},["strong",{},["text",{},"Navigation"]],["text",{},": Fixed header with smooth scrolling and mobile menu"]]],["p",{},["text",{},"The website uses semantic design tokens for consistent theming, includes proper accessibility features, and is optimized for Vercel deployment. You can easily customize the content, colors, and add your own projects by updating the respective components."]],["AssistantMessageContentPart",{"part":{"createdAt":1758179896622,"finishedAt":1758179896962,"lastPartSentAt":1758179896927,"id":"psb6nJkaNruUCkZ7","type":"task-diagnostics-v1","parts":[{"type":"fetching-diagnostics"},{"type":"diagnostics-passed"}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"CNm1OIXrMrJ9tGXiShUjgACIyRSjDckq","gitRevision":null,"streaming":false,"finishReason":"stop","parentId":"SEHQvRzCwKwICqvrcpzakJ6aQiPPQZ9w","type":"message","creditCost":0.185829,"workMetrics":{"diffMap":{}},"createdAt":"$D2025-09-18T07:15:52.456Z","updatedAt":"$D2025-09-18T07:18:17.019Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"Syncing content from Git repository Portfolio-vercel (branch: main) at commit ea60732. Commit: \"Initialized repository for project Portfolio website build\n\nCo-authored-by: null <73802496+MusabKozlic@users.noreply.github.com>\""}],"version":1},"role":"user","id":"xIVckowelUOn2Z2jexclkP3OwDE0wT9X","parentId":"CNm1OIXrMrJ9tGXiShUjgACIyRSjDckq","type":"sync-git","authorId":"Mu5OMnfBKaUaxM8jziAMtN1C","createdAt":"$D2025-09-18T07:21:06.135Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"I detected and automatically synced new changes from "],["code",{},"main"],["text",{}," in "],["code",{},"Portfolio-vercel"],["text",{},"."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_rew8WnK5wzN","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":".gitignore","baseName":".gitignore","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"README.md","baseName":"README.md","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"app/globals.css","baseName":"globals.css","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"app/layout.tsx","baseName":"layout.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"app/page.tsx","baseName":"page.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components.json","baseName":"components.json","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/about-section.tsx","baseName":"about-section.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/contact-section.tsx","baseName":"contact-section.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/footer.tsx","baseName":"footer.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/hero-section.tsx","baseName":"hero-section.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/navigation.tsx","baseName":"navigation.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/projects-section.tsx","baseName":"projects-section.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/theme-provider.tsx","baseName":"theme-provider.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/theme-toggle.tsx","baseName":"theme-toggle.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/ui/badge.tsx","baseName":"badge.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/ui/button.tsx","baseName":"button.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/ui/card.tsx","baseName":"card.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/ui/input.tsx","baseName":"input.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/ui/label.tsx","baseName":"label.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"components/ui/textarea.tsx","baseName":"textarea.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"lib/utils.ts","baseName":"utils.ts","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"next.config.mjs","baseName":"next.config.mjs","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"package.json","baseName":"package.json","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"postcss.config.mjs","baseName":"postcss.config.mjs","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"styles/globals.css","baseName":"globals.css","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"tsconfig.json","baseName":"tsconfig.json","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/ai-content-generator-interface.png","baseName":"ai-content-generator-interface.png","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/analytics-dashboard-charts.png","baseName":"analytics-dashboard-charts.png","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/modern-ecommerce-website.png","baseName":"modern-ecommerce-website.png","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/modern-portfolio-website.png","baseName":"modern-portfolio-website.png","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/placeholder-logo.png","baseName":"placeholder-logo.png","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/placeholder-logo.svg","baseName":"placeholder-logo.svg","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/placeholder-user.jpg","baseName":"placeholder-user.jpg","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/placeholder.jpg","baseName":"placeholder.jpg","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/placeholder.svg","baseName":"placeholder.svg","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/task-management-dashboard.png","baseName":"task-management-dashboard.png","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false},{"fileName":"public/weather-dashboard-interface.png","baseName":"weather-dashboard-interface.png","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"$126","latestDeploymentInfo":"$121:1:1","lastDeployedAt":"2025-09-18T07:21:34.092Z","sourceVersionKey":"v_1_bvx6n","needsBlockSource":false,"isAllImages":false,"blockId":"b_rew8WnK5wzN","meta":{"type":"code-project","id":"portfolio-website","project":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"block-b_rew8WnK5wzN"}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"FvruAufRBVN4Rn3mLGHxB8a4iFlrCUXX","gitRevision":null,"streaming":false,"finishReason":null,"parentId":"xIVckowelUOn2Z2jexclkP3OwDE0wT9X","type":"sync-git","workMetrics":{"diffMap":{}},"createdAt":"$D2025-09-18T07:21:06.136Z","updatedAt":"$D2025-09-18T07:21:08.856Z"}],"lastSyncedAt":1792751009018,"undo":null,"activeForkKey":["SEHQvRzCwKwICqvrcpzakJ6aQiPPQZ9w","CNm1OIXrMrJ9tGXiShUjgACIyRSjDckq","xIVckowelUOn2Z2jexclkP3OwDE0wT9X","FvruAufRBVN4Rn3mLGHxB8a4iFlrCUXX"],"lifecycle":{"phase":"idle","persistence":"persisted"},"isAuthor":false,"isRestoring":false,"hashMessageId":null},"@\"active-block\",\"kbb3nk38eBl\",":{"id":"b_rew8WnK5wzN","meta":{"type":"code-project","id":"portfolio-website","project":"Code"},"initial":true,"type":"code-project","messageId":"FvruAufRBVN4Rn3mLGHxB8a4iFlrCUXX","language":"typescriptreact","source":"$127","closed":true,"hasSourceBeenEdited":false,"lastDeployedAt":"2025-09-18T07:21:34.092Z","latestDeploymentInfo":"$121:1:1","isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"kbb3nk38eBl\",":{"title":"Portfolio website build","authorId":"Mu5OMnfBKaUaxM8jziAMtN1C","ownerId":"team_P3XomASw9aBltHUI0TDP0TnV","storageEntityType":null,"storageEntityId":null,"tailwindV4Default":true,"vercelProjectId":"prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV","canWriteToChat":false},"@\"chat:vm-mode\",\"kbb3nk38eBl\",":false,"@\"chat:vercel-project\",\"kbb3nk38eBl\",":"$@128","@\"team:sensitive-environment-variable-policy\",\"kbb3nk38eBl\",":"$@129","@\"block-view\",\"kbb3nk38eBl\",":true,"integrations:figma":"$@12a"},"children":["$L12b","$L12c","$L12d","$L12e","$L12f"]}]}]}]
3c:o9,104:null
3c:o1000,130:I[900547,["$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","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"FullChat"]
131:"NavigationMarker"
132:I[764315,["$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","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$131"]
133:"OpenInV0JourneyCompletion"
134:I[228493,["$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","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$133"]
135:"SuspendingKeepTitleUpdated"
136:I[487989,["$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","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$135"]
137:"KeepClientOnUpToDateSlugPath"
138:I[983440,["$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","$7d","$7e","$7f","$80","$92","$84","$82","$8b","$93","$8f","$8a","$83","$88","$94","$85","$90","$95","$8c","$89","$96","$86","$8e","$97","$98","$99","$9a","$9b","$8d"],"$137"]
111:{"ok":true,"value":{"designSystemId":null,"title":"Portfolio website build","privacy":"unlisted","access":1,"isAdmin":false,"isAuthor":false,"ownerId":"team_P3XomASw9aBltHUI0TDP0TnV","authorId":"anon:nhXSMhMIAFqh358fUUfQb","tailwindV4Default":true,"nextVersion15Default":false,"forceVMRendering":false,"isNextLiteReadOnly":true,"canWriteToChat":false,"ownerRestriction":null,"canManageChat":false,"chatCreatedAt":1758179752465,"hasBlock":true,"vercelProject":null,"hasGitConnection":false,"gitBase":null,"gitHead":null,"hasSnowflakeIntegration":false,"chatHasAnySnowflakeIntegration":false,"storageEntityType":null,"storageEntityId":null,"vercelProjectId":"prj_3RyxCcOspWQ0k3ZGXVApoulT7BWV","defaultPreviewPath":null,"agentWorkspace":false,"workspaceRuntime":false}}
112:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
113:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
114:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
115:{"ok":false,"error":{"error":"51","statusCode":500,"errorCode":"38"}}
116:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
117:{"ok":false,"error":{"error":"Unauthorized","statusCode":401,"errorCode":"2"}}
11b:null
128:"$undefined"
129:"$undefined"
12a:{"isSignedIn":false}
12b:["$","$L130","full-chat",{"isMobile":false,"templatesServer":null}]
12c:["$","$L132",null,{"phase":"content","label":"Chat.Detail","routeOverride":"/chat/[slug]"}]
12d:["$","$L134",null,{}]
12e:["$","$3e",null,{"children":["$","$L136",null,{"chatId":"kbb3nk38eBl"}]}]
12f:["$","$L138",null,{"id":"kbb3nk38eBl","requireMa3c:o39,tchingChatPath":true,"title":"Portfolio website build"}]
3c:o37,41:C
40:C
1:C
38:C
22:C
36:C
2c:C
1b:C
18:C
42:[70281]
3c:C
</article></body></html>