30:o1,~30:o48f,2:"$Sreact.fragment" 3:"/chat-static/_next/static/immutable/chunks/3xqt6lwri1fyd.js" 4:I[869007,["$3"],"default"] 5:I[585027,["$3"],"default"] 23:"ViewportBoundary" 24:I[510525,["$3"],"$23"] 26:"MetadataBoundary" 27:I[510525,["$3"],"$26"] 28:"$Sreact.suspense" :HL["/chat-static/_next/static/immutable/chunks/2rzxzej22twbu.css","style"] :HL["/chat-static/_next/static/immutable/chunks/1yg1oqy6y1xc-.css","style"] :HL["/chat-static/_next/static/immutable/chunks/3srboadwfqtla.css","style"] :HL["/chat-static/_next/static/immutable/chunks/0fdug_96ci9uf.css","style"] :HL["/chat-static/_next/static/immutable/chunks/18dw988y4by0o.css","style"] 1:X 6:X 15:X 18:X 1d:X 22:X 20:[["children",{"s":"__PAGE__","h":162,"d":{"r":"$L21","p":false,"v":"$22"}}]] 1e:[["children",{"s":{"n":"id","t":"d","k":"designer-brand-eOESVAqTzX8","s":null},"h":102,"d":{"r":"$L1f","p":false,"v":"$6"},"c":"$Q20"}]] 1b:[["children",{"s":"(discover)","h":106,"d":{"r":"$L1c","p":false,"v":"$1d"},"c":"$Q1e"}]] 19:[["children",{"s":"templates","h":106,"d":{"r":"$L1a","p":false,"v":"$6"},"c":"$Q1b"}]] 16:[["children",{"s":"(no-sidebar)","h":74,"d":{"r":"$L17","p":false,"v":"$18"},"c":"$Q19"}]] 30:oc5b,8:[["children",{"s":"(dynamic-root)","h":58,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/2rzxzej22twbu.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/1yg1oqy6y1xc-.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/3srboadwfqtla.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/0fdug_96ci9uf.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/chat-static/_next/static/immutable/chunks/18dw988y4by0o.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/08zrxt3py1oj_.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/3_gajygz7ve-h.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3zrga2clbakly.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/0lq04b1_2bqvq.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/chat-static/_next/static/immutable/chunks/3plmxmv70-1fy.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/chat-static/_next/static/immutable/chunks/2yno_ch33c-lv.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/chat-static/_next/static/immutable/chunks/1xgu0t3el8zdn.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/chat-static/_next/static/immutable/chunks/2a4739q9598b-.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/chat-static/_next/static/immutable/chunks/2atnid62pog0-.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/chat-static/_next/static/immutable/chunks/1lq1mm79e23ip.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/chat-static/_next/static/immutable/chunks/260v63oaepqff.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/chat-static/_next/static/immutable/chunks/23xhstccg9n3t.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/chat-static/_next/static/immutable/chunks/33e4151w35ic6.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/chat-static/_next/static/immutable/chunks/0b8grqg7bfowb.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/chat-static/_next/static/immutable/chunks/2ymj35q426e6t.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/chat-static/_next/static/immutable/chunks/2z7lywpag0y0t.js","async":true,"nonce":"$undefined"}],"$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13"],"$L14"]}],"p":false,"v":"$15"},"c":"$Q16"}]] 30: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"}]] 2a:X 2b:X 30:o71d,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,["$","$L24","QvAVwAJh7yFLWSyPlv4IOv",{"children":"$L25"}],["$","$L27","QvAVwAJh7yFLWSyPlv4IOm",{"children":[["$","div",null,{"hidden":true,"children":["$","$28",null,{"name":"Next.Metadata","children":"$L29"}]}],null]}]]}],"p":false,"v":"$2a"}},"s":"$2b","a":"$@2c","w":"$@2d"} 30:o1000,2e:"/chat-static/_next/static/immutable/chunks/08zrxt3py1oj_.js" 2f:"/chat-static/_next/static/immutable/chunks/3_gajygz7ve-h.js" 30:"/chat-static/_next/static/immutable/chunks/3zrga2clbakly.js" 31:"/chat-static/_next/static/immutable/chunks/0lq04b1_2bqvq.js" 32:"/chat-static/_next/static/immutable/chunks/3plmxmv70-1fy.js" 33:"/chat-static/_next/static/immutable/chunks/2yno_ch33c-lv.js" 34:"/chat-static/_next/static/immutable/chunks/1xgu0t3el8zdn.js" 35:"/chat-static/_next/static/immutable/chunks/2a4739q9598b-.js" 36:"/chat-static/_next/static/immutable/chunks/2atnid62pog0-.js" 37:"/chat-static/_next/static/immutable/chunks/1lq1mm79e23ip.js" 38:"/chat-static/_next/static/immutable/chunks/260v63oaepqff.js" 39:"/chat-static/_next/static/immutable/chunks/23xhstccg9n3t.js" 3a:"/chat-static/_next/static/immutable/chunks/33e4151w35ic6.js" 3b:"/chat-static/_next/static/immutable/chunks/0b8grqg7bfowb.js" 3c:"/chat-static/_next/static/immutable/chunks/2ymj35q426e6t.js" 3d:"/chat-static/_next/static/immutable/chunks/2z7lywpag0y0t.js" 3e:"/chat-static/_next/static/immutable/chunks/192b17euhee44.js" 3f:"/chat-static/_next/static/immutable/chunks/3r-mijwaoax5f.js" 40:"/chat-static/_next/static/immutable/chunks/4259evnv206gw.js" 41:"/chat-static/_next/static/immutable/chunks/0opw8u2z2jvz5.js" 42:"/chat-static/_next/static/immutable/chunks/1shx304t0g03d.js" 43:"/chat-static/_next/static/immutable/chunks/22mlaoz-q4ll7.js" 44:"/chat-static/_next/static/immutable/chunks/17fwa8i_tjaly.js" 45:"/chat-static/_next/static/immutable/chunks/3ki_gqeffyy6q.js" 46:"/chat-static/_next/static/immutable/chunks/1f7jnc9hdwche.js" 47:"/chat-static/_next/static/immutable/chunks/243rvlexg_la6.js" 48:"/chat-static/_next/static/immutable/chunks/3cn17is2330bs.js" 49:"/chat-static/_next/static/immutable/chunks/2ou_tnoogbujp.js" 4a:"/chat-static/_next/static/immutable/chunks/2w-5c8qpm5t_n.js" 4b:"/chat-static/_next/static/immutable/chunks/0k_m9qejq4qcr.js" 4c:"/chat-static/_next/static/immutable/chunks/252wceypxpnzz.js" 4d:"ScopedPromiseContextProvider" 4e:I[850359,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c"],"$4d"] 55:"SidebarUIProvider" 56:I[475961,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c"],"$55"] 57:I[990009,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c"],"Header"] 58:I[980088,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c"],"DynamicCMDK"] 5a:"LoadingBoundaryProvider" 5b:I[869007,["$3"],"$5a"] 5c:"/chat-static/_next/static/immutable/chunks/2yuz_imzhlkpx.js" 5d:"/chat-static/_next/static/immutable/chunks/2ir5_2gy05kmg.js" 5e:"/chat-static/_next/static/immutable/chunks/39z_jma27c-pe.js" 5f:"/chat-static/_next/static/immutable/chunks/3nmlizdrzcq9m.js" 60:"/chat-static/_next/static/immutable/chunks/2znplt6d5_tzl.js" 61:"TemplatePreviewContainer" 62:I[959794,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$61"] 63:"TemplateInfoSection" 64:I[164762,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$63"] 65:"TemplateInfoSectionGroup" 66:I[164762,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$65"] 69:I[510530:oc78,25,["$3"],"OutletBoundary"] 6:C 9:["$","script","script-16",{"src":"/chat-static/_next/static/immutable/chunks/192b17euhee44.js","async":true,"nonce":"$undefined"}] a:["$","script","script-17",{"src":"/chat-static/_next/static/immutable/chunks/3r-mijwaoax5f.js","async":true,"nonce":"$undefined"}] b:["$","script","script-18",{"src":"/chat-static/_next/static/immutable/chunks/4259evnv206gw.js","async":true,"nonce":"$undefined"}] c:["$","script","script-19",{"src":"/chat-static/_next/static/immutable/chunks/0opw8u2z2jvz5.js","async":true,"nonce":"$undefined"}] d:["$","script","script-20",{"src":"/chat-static/_next/static/immutable/chunks/1shx304t0g03d.js","async":true,"nonce":"$undefined"}] e:["$","script","script-21",{"src":"/chat-static/_next/static/immutable/chunks/22mlaoz-q4ll7.js","async":true,"nonce":"$undefined"}] f:["$","script","script-22",{"src":"/chat-static/_next/static/immutable/chunks/17fwa8i_tjaly.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-23",{"src":"/chat-static/_next/static/immutable/chunks/3ki_gqeffyy6q.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-24",{"src":"/chat-static/_next/static/immutable/chunks/1f7jnc9hdwche.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-25",{"src":"/chat-static/_next/static/immutable/chunks/243rvlexg_la6.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-26",{"src":"/chat-static/_next/static/immutable/chunks/3cn17is2330bs.js","async":true,"nonce":"$undefined"}] 17:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2ou_tnoogbujp.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/2w-5c8qpm5t_n.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/0k_m9qejq4qcr.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/252wceypxpnzz.js","async":true,"nonce":"$undefined"}]],["$","$L4e",null,{"params":null,"promises":{"scopeUserDetails":"$@4f","team":"$@50","vercelProjectsFavorites":"$@51","chats":"$@52","sidebarProjectGroups":"$@53","sidebarDrafts":"$@54"},"children":["$","$L56",null,{"children":[["$","$L57",null,{}],["$","div",null,{"className":"flex min-h-0 flex-1","children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}],["$","$L58",null,{}]]}]}]]}] 1a:["$","$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"}]]}] 1c:["$","$2","c",{"children":[[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2yuz_imzhlkpx.js","async":true,"nonce":"$undefined"}]],"$L59"]}] 30:o10d9,1f:["$","$L5b",null,{"loading":[["$","div","l",{"data-testid":"template-detail-skeleton","className":"flex flex-1 w-full gap-y-6 flex-col items-center","children":[["$","div",null,{"className":"flex w-full flex-col items-start gap-6 max-w-[1600px]","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-5 w-20"}],["$","div",null,{"className":"flex w-full flex-col items-start justify-between gap-4 sm:flex-row sm:items-center sm:gap-2","children":[["$","div",null,{"className":"flex flex-col gap-2 text-left","children":[["$","div",null,{"className":"mb-0.5 flex items-center sm:mb-0","children":["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-10 w-64 max-w-[60vw]"}]}],["$","div",null,{"className":"flex items-center gap-1.5","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-5 rounded-full sm:size-6"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-20"}]]}]]}],["$","div",null,{"className":"flex flex-row-reverse items-center gap-2 sm:flex-row","children":["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-20 rounded-lg sm:h-8 sm:w-24"}]}]]}]]}],["$","div",null,{"className":"flex w-full flex-1 flex-col py-4 pt-0 items-center text-sm gap-9 max-w-[1600px]","children":["$","div",null,{"className":"flex h-fit w-full flex-1 flex-col gap-9","children":[["$","$L62",null,{"children":["$","div",null,{"aria-hidden":true,"className":"flex size-full flex-col bg-v0-background-200","children":[["$","div",null,{"className":"flex h-11 shrink-0 items-center gap-2 border-b border-v0-gray-300 px-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-2 rounded-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 mx-auto h-7 w-[min(40%,20rem)]"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 size-7"}]]}],["$","div",null,{"className":"flex flex-1 items-center justify-center p-8","children":["$","div",null,{"className":"flex w-full max-w-sm flex-col items-center gap-3","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-5 w-2/3"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3 w-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3 w-4/5"}]]}]}]]}]}],["$","div",null,{"className":"flex flex-col lg:flex-row gap-9","children":[["$","$L64",null,{"className":"flex-1","title":"About","children":["$","div",null,{"className":"flex w-full max-w-xl flex-col gap-2","children":[["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-full"}],["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-3/4"}]]}]}],["$","$L66",null,{"className":"w-full lg:w-80","children":[["$","$L64",null,{"title":"Tags","children":["$","div",null,{"className":"flex flex-wrap gap-6","children":["$","div",null,{"className":"flex flex-wrap gap-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-16 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 h-7 w-20 rounded-full"}]]}]}]}],["$","$L64",null,{"title":"Share","children":["$","div",null,{"className":"flex flex-wrap gap-3","children":[["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}],["$","div",null,{"className":"animate-none bg-v0-alpha-100 size-7 rounded-full"}]]}]}],["$","$L64",null,{"children":["$","div",null,{"className":"animate-none rounded-[5px] bg-v0-alpha-100 h-3.5 w-full max-w-44"}]}]]}]]}]]}]}]]}],[],[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/03zlaec5lfo_y.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":["$L67",[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 30:o293,21:["$","$2","c",{"children":["$L68",[["$","script","script-0",{"src":"/chat-static/_next/static/immutable/chunks/2ir5_2gy05kmg.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/chat-static/_next/static/immutable/chunks/39z_jma27c-pe.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/chat-static/_next/static/immutable/chunks/3nmlizdrzcq9m.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/chat-static/_next/static/immutable/chunks/2znplt6d5_tzl.js","async":true,"nonce":"$undefined"}]],["$","$L69",null,{"children":["$","$28",null,{"name":"Next.MetadataOutlet","children":"$@6a"}]}]]}] 30:o588,71:I[339811,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c"],"PageLayout"] 72:"ScrollFadeContainer" 73:I[388503,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c"],"$72"] 74:"CommunityTabsClient" 75:I[490134,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c"],"$74"] 76:"CommunityLiveSearch" 77:I[803568,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c"],"$76"] 78:I[32970,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c"],"ZoneProvider"] 79:I[532822,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c"],"default"] 2b:300 15:T8,variants1d:T8,variants6b:T18d6,30:o18d6,(({protect:a})=>{function b(a){return new Promise((b,c)=>{if(document.querySelector(`script[src="${a}"]`))return void b();let d=document.createElement("script");d.src=a,d.async=!0,d.onload=()=>b(),d.onerror=a=>{console.error("Error loading script",a),c(a)},document.head.appendChild(d)})}var c=class a{#a;#b;#c=0;constructor(){let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,this.#e(),window.addEventListener("online",this.#f),window.addEventListener("visibilitychange",this.#f)}getChallenge=async()=>(await this.#g(),await this.#a.then(a=>"function"==typeof a?a():a));#f=()=>{if(document.hidden)return;let{promise:b,resolve:c}=a.#d();this.#a=b,this.#b=c,window.V_C=[],window.V_C.push=c;let d=document.querySelector('script[src*="c.js"]');d&&d.remove(),this.#c+=1};#e=()=>{if(window.V_C){let a=window.V_C.pop();a&&this.#b(a)}else window.V_C=[],window.V_C.push=this.#b};#g=()=>{let a=new URL("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/a-4-a/c.js",window.location.origin);return a.searchParams.set("i",String(this.#c)),a.searchParams.set("v",String(3)),a.searchParams.set("h",window.location.host),b(a.pathname+a.search)};#h=()=>{window.V_C=void 0};static #d(){let a,b;return{promise:new Promise((c,d)=>{a=c,b=d}),resolve:a,reject:b}}},d=class a{#a=!1;#b;constructor(a){this.#b=a}get loaded(){return this.#a}load=async()=>{this.#a||await this.#f()};#c=()=>{if(typeof globalThis.window>"u")throw Error("KPSDK is not available in the server");if(!window.KPSDK)throw Error("KPSDK is not loaded");let b=this.#b.map(b=>{let c=a.#e(b.path);return{domain:c.host,path:c.pathname,method:b.method}});try{window.KPSDK.configure(b)}catch(a){console.error("Error configuring KPSDK...",a)}};#f=async()=>{let a=this;return new Promise((c,d)=>{let e=()=>{document.removeEventListener("kpsdk-load",e),this.#c()},f=()=>{document.removeEventListener("kpsdk-ready",f),a.#a=!0,c()};document.addEventListener("kpsdk-load",e,{once:!0}),document.addEventListener("kpsdk-ready",f,{once:!0}),b("/149e9513-01fa-4fb0-aad4-566afd725d1b/2d206a39-8ed7-437e-a3be-862e0f06eea3/p.js").catch(a=>{document.removeEventListener("kpsdk-load",e),document.removeEventListener("kpsdk-ready",f),d(a)})})};static #e(a){let b;try{b=new URL(a)}catch{b=new URL(a,location.origin)}return b}},e=a=>{let b=a.replace(/[.?+^$[\]\\(){}|-]/g,"\\$&").split("*").join(".*");return RegExp(`^${b}$`)},f=({path:a,pattern:b})=>-1!==a.search(b);async function g(a,b,c){let d=XMLHttpRequest.prototype.open,g=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(a,b,c,e,f){return this._requestUrl=b.toString(),this._requestMethod=a,d.call(this,a,b,c??!0,e,f)},XMLHttpRequest.prototype.send=async function(d){let h=this._requestUrl;if(!h||this._isReexecution)return g.call(this,d);let i=new URL(h,location.href),j=c.find(a=>f({path:i.pathname,pattern:e(a.path)}));if(null==j||j.method!==(this._requestMethod??"GET")&&"*"!==j.method)return g.call(this,d);let k=await a.getChallenge();if(this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET"),0!==k.b||b.loaded||((1===k.d||j?.advancedOptions?.checkLevel==="deepAnalysis")&&await b.load(),!b.loaded))return g.call(this,d);this.setRequestHeader("x-is-human",JSON.stringify(k)),this.setRequestHeader("x-path",i.pathname),this.setRequestHeader("x-method",this._requestMethod||"GET");let l=new XMLHttpRequest;return l._isReexecution=!0,l.open(this._requestMethod||"GET",h,!0),l.setRequestHeader("x-is-human",JSON.stringify(k)),l.setRequestHeader("x-path",i.pathname),l.setRequestHeader("x-method",this._requestMethod||"GET"),this.timeout&&(l.timeout=this.timeout),this.responseType&&(l.responseType=this.responseType),this.withCredentials&&(l.withCredentials=this.withCredentials),l.onreadystatechange=()=>{Object.defineProperty(this,"readyState",{value:l.readyState,writable:!0,configurable:!0}),l.readyState===XMLHttpRequest.DONE&&(Object.defineProperty(this,"status",{value:l.status,writable:!0,configurable:!0}),Object.defineProperty(this,"statusText",{value:l.statusText,writable:!0,configurable:!0}),Object.defineProperty(this,"response",{value:l.response,writable:!0,configurable:!0}),Object.defineProperty(this,"responseText",{value:l.responseText,writable:!0,configurable:!0}),Object.defineProperty(this,"responseXML",{value:l.responseXML,writable:!0,configurable:!0}),this.getAllResponseHeaders=()=>l.getAllResponseHeaders(),this.getResponseHeader=a=>l.getResponseHeader(a)),this.onreadystatechange&&this.onreadystatechange.call(this,new Event("readystatechange"))},l.onload=a=>{this.onload&&this.onload.call(this,a)},l.onerror=a=>{this.onerror&&this.onerror.call(this,a)},l.onabort=a=>{this.onabort&&this.onabort.call(this,a)},l.ontimeout=a=>{this.ontimeout&&this.ontimeout.call(this,a)},l.onloadstart=a=>{this.onloadstart&&this.onloadstart.call(this,a)},l.onloadend=a=>{this.onloadend&&this.onloadend.call(this,a)},l.onprogress=a=>{this.onprogress&&this.onprogress.call(this,a)},l.send(d)}}!function({protect:a=[]}){let b;for(let b of a)if(b.advancedOptions?.checkLevel!==void 0&&"deepAnalysis"!==b.advancedOptions.checkLevel&&"basic"!==b.advancedOptions.checkLevel)throw Error(`Invalid checkLevel "${b.advancedOptions.checkLevel}" for route "${b.path}". Must be one of: deepAnalysis, basic`);let h=new c,i=new d(a);g(h,i,a).catch(a=>{console.error("Error patching XMLHttpRequest:",a)}),b=window.fetch,window.fetch=async(c,d)=>{let g=new URL(c instanceof Request?c.url:c,location.href),j=g.origin===location.origin,k=a.find(a=>f({path:g.pathname,pattern:e(a.path)})),l=d?.method??(c instanceof Request?c.method:"GET"),m=null!=k&&(k.method===l||"*"===k.method);if(null==k||!m||!j)return b(c,d);let n=await h.getChallenge(),o=new Headers(d?.headers||(c instanceof Request?c.headers:void 0));o.set("x-is-human",JSON.stringify(n)),o.set("x-path",g.pathname),o.set("x-method",l);let p={...d,headers:o};return i.loaded||0!==n.b?b(c,p):1===n.d||k?.advancedOptions?.checkLevel==="deepAnalysis"?(await i.load(),window.fetch(c,p)):b(c,p)}}({protect:a})})({ protect: [{"path":"/chat/api/vm/actions/run-pipeline","method":"POST","advancedOptions":{"checkLevel":"deepAnalysis"}},{"path":"/chat/api/chat","method":"POST"},{"path":"/chat/api/vm/actions/*","method":"POST"},{"path":"*/chat/api/vm/actions/*","method":"POST"}] });30:o534,14:["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"name":"ahrefs-site-verification","content":"e2ef51ac3cec223624a89ee7790eda482d23374870bff86fe0e0c599b8de4b51"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"$6b"}}],"$L6c","$L6d","$L6e","$L6f"]}],"$L70"]}] 59:["$","$L71",null,{"actions":["$","div",null,{"className":"flex lg:pr-1 items-center w-full justify-between flex-row gap-2 relative","children":[["$","$L73",null,{"leftFadeClassName":"left-0 z-20","rightFadeClassName":"right-0 z-20","showButtons":false,"className":"flex-1 min-w-0","scrollableClassName":"px-0","children":["$","$L75",null,{}]}],["$","$28",null,{"children":["$","$L77",null,{}]}]]}],"titleRowClassName":"hidden","className":"flex py-6 px-4 sm:p-9","contentWrapperClassName":"flex-1 min-h-max","headerClassName":"!border-t-0","title":"Community","children":[["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","div",null,{"className":"py-4","children":["$","$L78",null,{"zone":"chat","children":["$","$L79",null,{}]}]}]]}] 30:o1000,7a:"GeistThemeScript" 7b:I[681128,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$7a"] 7c:I[600033,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"AppStoreMetaTag"] 7d:I[681128,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"GeistProvider"] 7e:I[818362,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"LocaleProvider"] 7f:I[841245,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"MotionConfig"] 80:"AtomicContextSWRProvider" 81:I[850359,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c"],"$80"] 82:"GlobalPromiseContextProvider" 83:I[850359,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c"],"$82"] 86:I[827887,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"JotaiProvider"] 87:"ServerQuerySWRRuntimeProvider" 88:I[74757,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$87"] 8a:I[815349,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"CleanupStorage"] 8b:I[337875,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"Analytics"] 8c:I[593146,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"SpeedInsights"] 8e:"VercelianAppFlowMigrator" 8f:I[23825,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$8e"] 90:I[108762,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"TrackInfo"] 91:I[578386,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"PageViewTracker"] 92:I[356301,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"AutoCapture"] 6c:["$","$L7b",null,{"storageKey":"theme"}] 6d:["$","$28",null,{"children":["$","$L7c",null,{}]}] 6e:["$","meta",null,{"name":"slack-app-id","content":"A09PS08K5R8"}] 6f:["$","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.\",\"ap30:oa4,plicationCategory\":[\"DeveloperApplication\",\"DesignApplication\"],\"operatingSystem\":\"All\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Vercel\"}}]"}}] 30:o93b,70:["$","body",null,{"className":"font-sans bg-v0-background-200 text-v0-gray-1000 antialiased mPr5cG_variable aiD4Ca_variable hGs1mq_variable","children":[["$","$L7d",null,{"storageKey":"theme","withScript":false,"children":["$","$L7e",null,{"locale":"en","children":["$","$L7f",null,{"reducedMotion":"user","children":["$","$L81",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":["$","$L83",null,{"params":null,"promises":{"dailyModelUsage":"$@84","freeFixWithV0Usage":"$@85"},"children":[["$","$L86",null,{"children":["$","$L88",null,{"children":"$L89"}]}],["$","$L8a",null,{}]]}]}]}]}]}],["$","$L8b",null,{}],["$","$L8c",null,{"endpoint":"https://v0sdk.com/_vercel/speed-insights/vitals"}],["$","$28",null,{"children":"$L8d"}],["$","$L8f",null,{}],["$","$L90",null,{}],["$","$L91",null,{}],["$","$L92",null,{}]]}] 30:o90,25:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1"}]] 30:oe,2a:T8,variants30:o1000,93:"HydrateDurableAtoms" 94:I[783749,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$93"] 95:I[359783,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"DataProvider"] 96:I[32170,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"UserProvider"] 98:"AnimatedIconProvider" 99:I[908887,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$98"] 9a:I[30570,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"PortalProvider"] 9b:"SnowflakePublishProvider" 9c:I[966820,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$9b"] 9d:"UserInputProvider" 9e:I[472914,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$9d"] 9f:I[69221,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"CmdkProvider"] a0:"VirtualMachineUIStateProvider" a1:I[319228,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$a0"] a2:"DeployedPreviewIframeRefProvider" a3:I[166890,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$a2"] a4:"PreviewSourceUIStateProvider" a5:I[197843,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$a4"] a6:I[367078,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"LoaderProvider"] a7:"PromptFormUIProvider" a8:I[595358,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$a7"] a9:I[242759,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"FlagsProvider"] ab:I[858260,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"NuqsAdapter"] ac:"ChatTabsProvider" ad:I[568561,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$ac"] ae:"PersonalScopeMigrationAnnouncementProvider" af:I[206559,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$ae"] b1:"AnnouncementVisibilityProvider" b2:I[878519,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$b1"] b5:I[561588,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"Toaster"] b6:I[407562,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"Toaster"] b7:"SuspendingDialogs30:o41f," b8:I[840793,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"$b7"] b9:I[323194,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"SignInDialog"] ba:I[279070,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"ConsentBanner"] bb:"/chat-static/_next/static/immutable/chunks/37czp1hzbrrri.js" bc:I[192842,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$bb"],"ChatWarning"] bd:I[15279,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48"],"SessionManager"] 30:o8ef,89:["$","$L94",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":["$","$L95",null,{"children":["$","$L96",null,{"expectUser":false,"userPromise":"$@97","children":["$","$L99",null,{"children":["$","$L9a",null,{"children":["$","$L9c",null,{"children":["$","$L9e",null,{"children":["$","$L9f",null,{"children":["$","$La1",null,{"children":["$","$La3",null,{"children":["$","$La5",null,{"children":["$","$La6",null,{"children":["$","$La8",null,{"children":["$","$La9",null,{"promise":"$@aa","middlewareFlags":["cgas"],"children":["$","$Lab",null,{"children":["$","$Lad",null,{"children":["$","$Laf",null,{"destinationTeamIdPromise":"$@b0","children":["$","$Lb2",null,{"visiblePromise":"$@b3","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":[["$","$28",null,{"fallback":null,"children":"$Lb4"}],["$","$Lb5",null,{}],["$","$Lb6",null,{}],["$","$28",null,{"fallback":null,"children":["$","$Lb8",null,{}]}],["$","$Lb9",null,{}],["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}],["$","$Lba",null,{}]]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}]}] 30:o2a2,54:null 67:["$","$Lbc",null,{"description":"This generation was deleted, unpublished, or no longer exists.","icon":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"circular","style":{"color":"currentColor"},"className":"size-8","children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m1-5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M7.1 5.82a1 1 0 1 1 1.04 1.42c-.44.06-.89.44-.89 1.01v1h1.5v-.61a2.5 2.5 0 1 0-3-3.46l-.33.68 1.35.64z","clipRule":"evenodd"}]}],"title":"Not Found","children":null}] 8d:["$","$Lbd",null,{"enabled":false}] 30:o20,97:"$undefined" b3:true b4:null 30:o20,2a:0 22:0 2b:60 22:T2,id2a:T2,id30:o8,b0:null 30:o5e6,be:I[37565,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"S"] bf:"KeepClientOnUpToDateSlugPath" c0:I[983440,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$bf"] c1:"TemplateFlagDialog" c2:I[39126,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$c1"] c3:I[451303,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],""] c4:"TemplateStatusBadge" c5:I[484402,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$c4"] c6:I[834117,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"CommunityAvatar"] 30:o1163,68:["$","$Lbe",null,{"value":{"fallback":{"template:eOESVAqTzX8:likes":{"likeCount":18,"isLiked":false}}},"children":[["$","$Lc0",null,{"id":"eOESVAqTzX8","title":"designer brand"}],["$","$Lc2",null,{"templateId":"eOESVAqTzX8"}],["$","div",null,{"data-testid":"template-detail-content","className":"flex flex-1 w-full gap-y-6 flex-col items-center","children":[["$","div",null,{"data-testid":"template-detail-header","className":"flex w-full flex-col items-start gap-6 max-w-[1600px]","children":[["$","nav",null,{"aria-label":"breadcrumb","data-slot":"breadcrumb","className":"max-w-full","children":["$","ol",null,{"data-slot":"breadcrumb-list","className":"text-v0-gray-900 flex items-center text-sm break-words gap-0.5 flex-nowrap","children":[["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1.5","children":["$","$Lc3",null,{"href":"/templates","prefetch":true,"children":"Templates","data-slot":"breadcrumb-link","className":"hover:text-v0-gray-1000 transition-colors","ref":null}]}],[["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-4","children":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"m6.75 3.94.53.53 2.82 2.82a1 1 0 0 1 0 1.42l-2.82 2.82-.53.53L5.69 11l.53-.53L8.69 8 6.22 5.53 5.69 5z","clipRule":"evenodd"}]}]}],["$","$Lc3",null,{"className":"hover:text-v0-gray-1000 transition-colors capitalize truncate","href":"/templates/ecommerce","prefetch":true,"children":"E-commerce","data-slot":"breadcrumb-link","ref":null}]],["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-4","children":["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"children":"$68:props:children:2:props:children:0:props:children:0:props:children:props:children:1:0:props:children:props:children"}]}],["$","span",null,{"data-slot":"breadcrumb-page","role":"link","aria-disabled":"true","aria-current":"page","className":"text-v0-gray-1000 font-normal capitalize truncate","children":"designer brand"}]]}]}],["$","div",null,{"className":"flex w-full flex-col items-start justify-between gap-4 sm:flex-row sm:items-center sm:gap-2","children":[["$","div",null,{"className":"flex flex-col gap-2 text-left","children":[["$","div",null,{"className":"flex items-center gap-2","children":[["$","div",null,{"data-testid":"template-detail-title","className":"line-clamp-1 text-heading-32","children":"designer brand"}],["$","$Lc5",null,{"status":"approved"}]]}],["$","div",null,{"className":"flex items-center flex-wrap gap-3","children":[["$","$Lc3",null,{"className":"flex items-center gap-1.5","href":"/@qhy18166878788-3177","children":[["$","$Lc6",null,{"className":"size-5 sm:size-6","username":"qhy18166878788-3177","teamId":"team_jyaomn8Tp36SPosvdALeC4bJ","teamAvatarClassName":"size-3 sm:size-3.5"}],["$","p",null,{"className":"text-sm font-medium text-v0-gray-900","children":"qhy18166878788-3177"}]]}],["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"viewBox":"0 0 16 16","height":16,"width":16,"data-slot":"geist-icon","data-glyph":"$undefined","style":{"color":"currentColor"},"className":"size-3","children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"M2.5 3.25C2.5 1.45 3.96 0 5.75 0h.5C8.05 0 9.5 1.46 9.5 3.25v.5C9.5 5.55 8.04 7 6.25 7h-.5A3.25 3.25 0 0 1 2.5 3.75zM5.75 1.5C4.78 1.5 4 2.28 4 3.25v.5c0 .97.78 1.75 1.75 1.75h.5C7.22 5.5 8 4.72 8 3.75v-.5c0-.97-.78-1.75-1.75-1.75zm-4.25 13v-1.33a4.8 4.8 0 0 1 4.33-2.67h.34a4.8 4.8 0 0 1 4.33 2.67v1.33zM5.83 9a6.3 6.3 0 0 0-5.76 3.69l-.07.15V16h12v-3.16l-.07-.15A6.3 6.3 0 0 0 6.17 9zm10.1 3.69a6.3 6.3 0 0 0-2.59-2.84l-.75 1.3c.8.46 1.48 1.16 1.91 2.02v1.33h-1V16H16v-3.16zM11.25 0h-.75v1.5h.75c.97 0 1.75.78 1.75 1.75v.5c0 .97-.78 1.75-1.75 1.75h-.75V7h.75c1.8 0 3.25-1.46 3.25-3.25v-.5c0-1.8-1.46-3.25-3.25-3.25","clipRule":"evenodd"}]}],["$","span",null,{"className":"text-[13px] leading-none","children":"111"}]]}],"$Lc7","$Lc8"]}]]}]]}],"$Lc9"]}]]}],"$Lca"]}]]}] 30:ofb7,cb:"TemplateCardStatsLikesClient" cc:I[441648,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$cb"] cd:"TemplateFlagButton" ce:I[39126,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$cd"] cf:"TemplateLikeButton" d0:I[605890,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$cf"] d1:"TemplateBlockButton" d2:I[411379,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$d1"] d4:I[164762,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"TemplateTags"] d5:I[164762,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"TemplateShare"] d6:"TemplateLastUpdated" d7:I[164762,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$d6"] c7:["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-dot size-4 -mx-1","children":[["$","circle","18d7e5",{"cx":"12.1","cy":"12.1","r":"1"}],"$undefined"]}] c8:["$","$Lcc",null,{"templateCanonId":"eOESVAqTzX8"}] c9:["$","div",null,{"className":"flex flex-row-reverse items-center gap-2 sm:flex-row","children":[null,null,null,["$","$Lce",null,{}],null,null,["$","$Ld0","eOESVAqTzX8",{"templateCanonId":"eOESVAqTzX8"}],null,["$","$Ld2",null,{"buttonProps":{"className":"h-7 rounded-md px-2 sm:h-8 sm:rounded-lg sm:px-3"},"buttonType":"v0","template":{"blockId":"b_tAKeRQubRio","description":"","imageUrl":"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/screenshots/dpl_CAhC9KmNVAk6QMPigqNq8vkC2pFp-QHFLIouUrpT22Y40AqixWRI3Z70xvt.jpg","title":"designer brand","publishedToCommunity":"approved","templateCanonId":"eOESVAqTzX8","templateVersionId":"0CPM8s8oxuD","uses":111,"isTeamTemplate":true,"likeCount":18,"vercelDeploymentUrl":null,"createdAt":"$D2025-10-14T05:27:06.592Z","category":"ecommerce","tags":[],"authorUsername":"qhy18166878788-3177","isVercel":false,"teamId":"team_jyaomn8Tp36SPosvdALeC4bJ","liked":false},"isOwnTemplate":false}]]}] ca:["$","div",null,{"className":"flex w-full flex-1 flex-col py-4 pt-0 items-center text-sm gap-9 max-w-[1600px]","children":[["$","div",null,{"className":"flex h-fit w-full flex-1 flex-col gap-9","children":[["$","$L62","description",{"testId":"template-detail-preview","children":"$Ld3"}],["$","div",null,{"className":"flex flex-col lg:flex-row gap-9","children":[["$","$L64",null,{"className":"flex-1","title":"About","children":["$","p",null,{"className":"text-sm text-v0-gray-900","children":"No description"}]}],["$","$L66",null,{"className":"w-full lg:w-80","children":[["$","$Ld4",null,{"tags":"$c9:props:children:8:props:template:tags"}],["$","$Ld5",null,{"templateUrl":"https://v0.app/templates/designer-brand-eOESVAqTzX8"}],["$","$Ld7",null,{"updatedAt":"$D2025-10-14T17:24:11.485Z"}]]}]]}]]}],["$","$28",null,{"fallback":null,"children":"$Ld8"}]]}] 30:o20c,d9:"ExplicitChatIdProvider" da:I[903690,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$d9"] db:I[838238,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"SWRDataProvider"] dc:T11eb1,30:o11eb1,[V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Warm neutral color palette for Serene Atelier */ --background: oklch(0.97 0.01 85); --foreground: oklch(0.25 0.01 85); --card: oklch(0.98 0.005 85); --card-foreground: oklch(0.25 0.01 85); --popover: oklch(0.98 0.005 85); --popover-foreground: oklch(0.25 0.01 85); --primary: oklch(0.28 0.015 85); --primary-foreground: oklch(0.98 0.005 85); --secondary: oklch(0.88 0.015 75); --secondary-foreground: oklch(0.25 0.01 85); --muted: oklch(0.92 0.01 80); --muted-foreground: oklch(0.5 0.01 85); --accent: oklch(0.65 0.08 45); --accent-foreground: oklch(0.98 0.005 85); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.98 0.005 85); --border: oklch(0.88 0.01 80); --input: oklch(0.88 0.01 80); --ring: oklch(0.65 0.08 45); --chart-1: oklch(0.65 0.08 45); --chart-2: oklch(0.6 0.06 75); --chart-3: oklch(0.55 0.05 95); --chart-4: oklch(0.7 0.07 55); --chart-5: oklch(0.5 0.04 85); --radius: 0.125rem; --sidebar: oklch(0.97 0.01 85); --sidebar-foreground: oklch(0.25 0.01 85); --sidebar-primary: oklch(0.28 0.015 85); --sidebar-primary-foreground: oklch(0.98 0.005 85); --sidebar-accent: oklch(0.92 0.01 80); --sidebar-accent-foreground: oklch(0.25 0.01 85); --sidebar-border: oklch(0.88 0.01 80); --sidebar-ring: oklch(0.65 0.08 45); } .dark { --background: oklch(0.2 0.01 85); --foreground: oklch(0.95 0.005 85); --card: oklch(0.22 0.01 85); --card-foreground: oklch(0.95 0.005 85); --popover: oklch(0.22 0.01 85); --popover-foreground: oklch(0.95 0.005 85); --primary: oklch(0.95 0.005 85); --primary-foreground: oklch(0.25 0.01 85); --secondary: oklch(0.3 0.015 85); --secondary-foreground: oklch(0.95 0.005 85); --muted: oklch(0.28 0.01 85); --muted-foreground: oklch(0.65 0.01 85); --accent: oklch(0.65 0.08 45); --accent-foreground: oklch(0.98 0.005 85); --destructive: oklch(0.5 0.2 27); --destructive-foreground: oklch(0.95 0.005 85); --border: oklch(0.3 0.01 85); --input: oklch(0.3 0.01 85); --ring: oklch(0.65 0.08 45); --chart-1: oklch(0.65 0.08 45); --chart-2: oklch(0.6 0.06 75); --chart-3: oklch(0.55 0.05 95); --chart-4: oklch(0.7 0.07 55); --chart-5: oklch(0.5 0.04 85); --sidebar: oklch(0.2 0.01 85); --sidebar-foreground: oklch(0.95 0.005 85); --sidebar-primary: oklch(0.65 0.08 45); --sidebar-primary-foreground: oklch(0.98 0.005 85); --sidebar-accent: oklch(0.28 0.01 85); --sidebar-accent-foreground: oklch(0.95 0.005 85); --sidebar-border: oklch(0.3 0.01 85); --sidebar-ring: oklch(0.65 0.08 45); } @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; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Cormorant_Garamond, Inter } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import { Suspense } from "react" import "./globals.css" const cormorant = Cormorant_Garamond({ subsets: ["latin"], weight: ["300", "400", "500", "600"], variable: "--font-cormorant", display: "swap", }) const inter = Inter({ subsets: ["latin"], variable: "--font-inter", display: "swap", }) export const metadata: Metadata = { title: "Serene Atelier - Timeless Clothing", description: "Discover mindfully crafted clothing that honors both style and sustainability", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( Loading...}> {children} ) } [V0_FILE]typescriptreact:file="components/navigation.tsx" isMerged="true" "use client" import Link from "next/link" import { ShoppingBag, Heart, Menu, X } from "lucide-react" import { useState } from "react" import { Button } from "@/components/ui/button" export function Navigation() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false) const [cartCount, setCartCount] = useState(0) return (

{/* Logo */} Serene Atelier {/* Desktop Navigation */}

Collections Shop Lookbook About

{/* Right Actions */}

{/* Mobile Menu */} {mobileMenuOpen && (

setMobileMenuOpen(false)} > Collections setMobileMenuOpen(false)} > Shop setMobileMenuOpen(false)} > Lookbook setMobileMenuOpen(false)} > About setMobileMenuOpen(false)} > Wishlist

)}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import Link from "next/link" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" import Link from "next/link" export default function HomePage() { return (

{/* Hero Section - Full Screen Seasonal Showcase */}

Spring Summer 2024

Discover our latest collection of timeless pieces crafted with intention and care

{/* Featured Categories */}

Curated for You

Each piece is thoughtfully designed to complement your lifestyle

Essentials

Timeless basics

Outerwear

Refined layers

Dresses

Effortless elegance

{/* Philosophy Section */}

Crafted with Intention

At Serene Atelier, we believe in creating clothing that transcends trends. Each piece is thoughtfully designed using sustainable materials and ethical practices, ensuring that beauty and responsibility go hand in hand.

) } [V0_FILE]jpg:file="public/elegant-minimalist-fashion-model-wearing-neutral-t.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/elegant-minimalist-fashion-model-wearing-neutral-t-sYI4V78IO20lOGnyAIEqIlX8jEkeLM.jpg" isMerged="true" [V0_FILE]jpg:file="public/minimalist-wardrobe-essentials-neutral-clothing.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/minimalist-wardrobe-essentials-neutral-clothing-4J7n2P1wkDKLy1g0SXDodhWwtaKrUu.jpg" isMerged="true" [V0_FILE]jpg:file="public/elegant-outerwear-coat-neutral-tones.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/elegant-outerwear-coat-neutral-tones-8GjdZkF9QXmyspAvg1DxAasDOylVdo.jpg" isMerged="true" [V0_FILE]jpg:file="public/flowing-dress-minimalist-fashion-natural-fabric.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/flowing-dress-minimalist-fashion-natural-fabric-A8knI5u16mJpaQKCY2b9EGefIneX7n.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.4", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/shop/page.tsx" isMerged="true" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import { ProductGrid } from "@/components/product-grid" import { ProductFilters } from "@/components/product-filters" export default function ShopPage() { return (

{/* Header */}

Shop All

Discover our complete collection of mindfully crafted pieces

{/* Filters */} {/* Product Grid */}

) } [V0_FILE]typescriptreact:file="components/product-filters.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { SlidersHorizontal } from "lucide-react" export function ProductFilters() { const [selectedCategory, setSelectedCategory] = useState("all") const [sortBy, setSortBy] = useState("featured") const categories = [ { id: "all", label: "All" }, { id: "essentials", label: "Essentials" }, { id: "outerwear", label: "Outerwear" }, { id: "dresses", label: "Dresses" }, { id: "tops", label: "Tops" }, { id: "bottoms", label: "Bottoms" }, ] return (

{/* Category Filters */}

{categories.map((category) => ( ))}

{/* Sort Options */}

48 Products

) } [V0_FILE]typescriptreact:file="components/product-grid.tsx" isMerged="true" "use client" import { ProductCard } from "@/components/product-card" const products = [ { id: 1, name: "Linen Relaxed Shirt", price: 128, image: "/linen-shirt-natural-beige.jpg", fabric: "100% Organic Linen", colors: ["Natural", "Ivory", "Stone"], }, { id: 2, name: "Wide Leg Trousers", price: 165, image: "/wide-leg-trousers-neutral.jpg", fabric: "Organic Cotton Twill", colors: ["Sand", "Charcoal", "Olive"], }, { id: 3, name: "Silk Slip Dress", price: 245, image: "/silk-slip-dress-minimal.jpg", fabric: "Peace Silk", colors: ["Champagne", "Terracotta", "Sage"], }, { id: 4, name: "Cashmere Sweater", price: 298, image: "/cashmere-sweater-neutral.jpg", fabric: "Recycled Cashmere", colors: ["Oat", "Camel", "Charcoal"], }, { id: 5, name: "Tailored Blazer", price: 385, image: "/tailored-blazer-minimal.jpg", fabric: "Wool Blend", colors: ["Sand", "Navy", "Black"], }, { id: 6, name: "Cotton Midi Skirt", price: 145, image: "/cotton-midi-skirt-flowing.jpg", fabric: "Organic Cotton", colors: ["Cream", "Rust", "Forest"], }, { id: 7, name: "Ribbed Tank Top", price: 68, image: "/ribbed-tank-top-minimal.jpg", fabric: "Organic Cotton Rib", colors: ["White", "Black", "Taupe"], }, { id: 8, name: "Wool Coat", price: 485, image: "/wool-coat-elegant-neutral.jpg", fabric: "Merino Wool", colors: ["Camel", "Charcoal", "Ivory"], }, { id: 9, name: "Linen Dress", price: 195, image: "/linen-dress-flowing-natural.jpg", fabric: "European Linen", colors: ["Natural", "Terracotta", "Sage"], }, ] export function ProductGrid() { return (

{products.map((product) => ( ))}

) } [V0_FILE]typescriptreact:file="components/product-card.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Heart } from "lucide-react" import { Button } from "@/components/ui/button" interface Product { id: number name: string price: number image: string fabric: string colors: string[] } export function ProductCard({ product }: { product: Product }) { const [isWishlisted, setIsWishlisted] = useState(false) const [isHovered, setIsHovered] = useState(false) return (

setIsHovered(true)} onMouseLeave={() => setIsHovered(false)}>

{/* Wishlist Button */} {/* Fabric Details - Shown on Hover */}

Fabric

{product.fabric}

{product.colors.map((color) => ( {color} ))}

{/* Product Info */}

{product.name}

${product.price}

) } [V0_FILE]jpg:file="public/linen-shirt-natural-beige.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/linen-shirt-natural-beige-RDUz9lr2Ho8IpYQiwvbX2yIXu3Ym84.jpg" isMerged="true" [V0_FILE]jpg:file="public/wide-leg-trousers-neutral.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/wide-leg-trousers-neutral-eOhNC3oD7CxgqRvMlNN0tvYWKmXIEt.jpg" isMerged="true" [V0_FILE]jpg:file="public/silk-slip-dress-minimal.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/silk-slip-dress-minimal-KCZpHN3hltgEh4F1mzCiwBwxn1kjpv.jpg" isMerged="true" [V0_FILE]jpg:file="public/cashmere-sweater-neutral.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cashmere-sweater-neutral-8bD12rmNeayVmQt0bCcY2XekUZH9lV.jpg" isMerged="true" [V0_FILE]jpg:file="public/tailored-blazer-minimal.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tailored-blazer-minimal-QnAr8vCAKVjjUa3bFGriaGt91mqIQq.jpg" isMerged="true" [V0_FILE]jpg:file="public/cotton-midi-skirt-flowing.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cotton-midi-skirt-flowing-CuQa4tsyMIcwUN5pCp0iK2ZkIJZ2gv.jpg" isMerged="true" [V0_FILE]jpg:file="public/ribbed-tank-top-minimal.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ribbed-tank-top-minimal-TqmlqPlpiiZ9BmMewZpPRQYZgqc1yq.jpg" isMerged="true" [V0_FILE]jpg:file="public/wool-coat-elegant-neutral.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/wool-coat-elegant-neutral-DlZTlxG90LZi7F9YrNiK0WR2uMZ7q0.jpg" isMerged="true" [V0_FILE]jpg:file="public/linen-dress-flowing-natural.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/linen-dress-flowing-natural-THPn9Ahi4DUa9iXeLwSX4mwR96j9lC.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/product/[id]/page.tsx" isMerged="true" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import { ProductDetail } from "@/components/product-detail" import { RelatedProducts } from "@/components/related-products" export default function ProductPage({ params }: { params: { id: string } }) { return (

) } [V0_FILE]typescriptreact:file="components/product-detail.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Heart, ShoppingBag } from "lucide-react" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" const productData = { name: "Linen Relaxed Shirt", price: 128, images: ["/linen-shirt-natural-beige.jpg", "/linen-shirt-detail-texture.jpg", "/linen-shirt-styled-look.jpg"], description: "A timeless essential crafted from 100% organic linen. This relaxed-fit shirt features a classic collar, button-front closure, and a gently curved hem. Perfect for layering or wearing on its own.", fabric: "100% Organic Linen", fabricDetails: "Sourced from European flax farms, our linen is grown without pesticides and processed using eco-friendly methods. Naturally breathable and temperature-regulating.", colors: [ { name: "Natural", hex: "#E8DCC8" }, { name: "Ivory", hex: "#F5F3ED" }, { name: "Stone", hex: "#C4B5A0" }, ], sizes: ["XS", "S", "M", "L", "XL"], care: "Machine wash cold with like colors. Tumble dry low or line dry. Iron on medium heat if needed.", sustainability: "Made in Portugal in a family-owned workshop that prioritizes fair wages and safe working conditions. Carbon-neutral shipping.", } export function ProductDetail({ productId }: { productId: string }) { const [selectedImage, setSelectedImage] = useState(0) const [selectedColor, setSelectedColor] = useState(productData.colors[0]) const [selectedSize, setSelectedSize] = useState("") const [isWishlisted, setIsWishlisted] = useState(false) return (

{/* Images */}

{/* Main Image */}

{/* Thumbnail Images */}

{productData.images.map((image, index) => ( ))}

{/* Product Info */}

{productData.name}

${productData.price}

{productData.description}

{/* Fabric Info */}

Fabric

{productData.fabric}

{/* Color Selection */}

Color {selectedColor.name}

{productData.colors.map((color) => (

{/* Size Selection */}

Size

{productData.sizes.map((size) => ( ))}

{/* Actions */}

{/* Accordion Details */} Fabric Details {productData.fabricDetails} Care Instructions {productData.care} Sustainability {productData.sustainability}

) } [V0_FILE]typescriptreact:file="components/related-products.tsx" isMerged="true" import { ProductCard } from "@/components/product-card" const relatedProducts = [ { id: 2, name: "Wide Leg Trousers", price: 165, image: "/wide-leg-trousers-neutral.jpg", fabric: "Organic Cotton Twill", colors: ["Sand", "Charcoal", "Olive"], }, { id: 7, name: "Ribbed Tank Top", price: 68, image: "/ribbed-tank-top-minimal.jpg", fabric: "Organic Cotton Rib", colors: ["White", "Black", "Taupe"], }, { id: 5, name: "Tailored Blazer", price: 385, image: "/tailored-blazer-minimal.jpg", fabric: "Wool Blend", colors: ["Sand", "Navy", "Black"], }, ] export function RelatedProducts() { return (

Complete the Look

{relatedProducts.map((product) => ( ))}

) } [V0_FILE]jpg:file="public/linen-shirt-detail-texture.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/linen-shirt-detail-texture-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]jpg:file="public/linen-shirt-styled-look.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/linen-shirt-styled-look-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/lookbook/page.tsx" isMerged="true" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import { LookbookGallery } from "@/components/lookbook-gallery" export default function LookbookPage() { return (

{/* Header */}

Spring Summer 2024

Discover how to style our latest collection for effortless everyday elegance

) } [V0_FILE]typescriptreact:file="components/lookbook-gallery.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { X, ShoppingBag } from "lucide-react" import Link from "next/link" const lookbookItems = [ { id: 1, image: "/lookbook-outfit-1-linen-neutrals.jpg", title: "Coastal Ease", description: "Relaxed linen pieces perfect for warm weather", products: [ { id: 1, name: "Linen Relaxed Shirt", price: 128 }, { id: 2, name: "Wide Leg Trousers", price: 165 }, ], }, { id: 2, image: "/lookbook-outfit-2-layered-minimal.jpg", title: "Urban Layers", description: "Sophisticated layering for city living", products: [ { id: 4, name: "Cashmere Sweater", price: 298 }, { id: 5, name: "Tailored Blazer", price: 385 }, ], }, { id: 3, image: "/lookbook-outfit-3-dress-elegant.jpg", title: "Effortless Evening", description: "Timeless pieces that transition seamlessly", products: [ { id: 3, name: "Silk Slip Dress", price: 245 }, { id: 8, name: "Wool Coat", price: 485 }, ], }, { id: 4, image: "/lookbook-outfit-4-casual-chic.jpg", title: "Weekend Comfort", description: "Elevated basics for relaxed days", products: [ { id: 7, name: "Ribbed Tank Top", price: 68 }, { id: 6, name: "Cotton Midi Skirt", price: 145 }, ], }, { id: 5, image: "/lookbook-outfit-5-monochrome.jpg", title: "Monochrome Moment", description: "The power of tonal dressing", products: [ { id: 9, name: "Linen Dress", price: 195 }, { id: 5, name: "Tailored Blazer", price: 385 }, ], }, { id: 6, image: "/lookbook-outfit-6-textured-layers.jpg", title: "Textured Harmony", description: "Mixing fabrics for visual interest", products: [ { id: 4, name: "Cashmere Sweater", price: 298 }, { id: 2, name: "Wide Leg Trousers", price: 165 }, ], }, ] export function LookbookGallery() { const [selectedLook, setSelectedLook] = useState<(typeof lookbookItems)[0] | null>(null) return ( <>

{lookbookItems.map((item) => ( ))}

{/* Modal */} {selectedLook && (

{/* Image */}

{/* Details */}

{selectedLook.title}

{selectedLook.description}

Featured Products

{selectedLook.products.map((product) => (

{product.name}

${product.price}

))}

)} ) } [V0_FILE]jpg:file="public/lookbook-outfit-1-linen-neutrals.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lookbook-outfit-1-linen-neutrals-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]jpg:file="public/lookbook-outfit-2-layered-minimal.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lookbook-outfit-2-layered-minimal-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]jpg:file="public/lookbook-outfit-3-dress-elegant.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lookbook-outfit-3-dress-elegant-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]jpg:file="public/lookbook-outfit-4-casual-chic.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lookbook-outfit-4-casual-chic-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]jpg:file="public/lookbook-outfit-5-monochrome.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lookbook-outfit-5-monochrome-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]jpg:file="public/lookbook-outfit-6-textured-layers.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lookbook-outfit-6-textured-layers-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/about/page.tsx" isMerged="true" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import { Leaf, Heart, Users, Package } from "lucide-react" export default function AboutPage() { return (

{/* Hero Section */}

Our Philosophy

Creating timeless clothing that honors both people and planet

{/* Story Section */}

Our Story

Serene Atelier was born from a simple belief: that clothing should be as kind to the earth as it is beautiful to wear. Founded in 2018, we set out to create a different kind of fashion brand—one that values quality over quantity, craftsmanship over trends, and sustainability over speed.

Every piece in our collection is thoughtfully designed to transcend seasons and trends. We work exclusively with natural, organic, and recycled materials, partnering with artisans and workshops that share our commitment to ethical production and fair labor practices.

Our atelier is more than a brand—it's a movement toward conscious consumption and mindful living. We believe that true luxury lies in pieces that are made to last, that tell a story, and that respect the hands that crafted them.

{/* Values Grid */}

Our Commitments

The principles that guide everything we create

{/* Sustainable Materials */}

Sustainable Materials

We use only organic, recycled, or responsibly sourced materials. From European linen to peace silk, every fabric is chosen for its minimal environmental impact.

• 100% organic cotton and linen
• Recycled cashmere and wool
• Peace silk (cruelty-free)
• Natural, non-toxic dyes

{/* Ethical Production */}

Ethical Production

Every piece is made in small, family-owned workshops in Portugal and Italy where artisans receive fair wages and work in safe, dignified conditions.

• Fair wages and benefits
• Safe working conditions
• Small-batch production
• Long-term partnerships

{/* Timeless Design */}

Timeless Design

We design pieces that transcend trends and seasons. Each garment is created to be worn, loved, and cherished for years to come.

• Classic, versatile silhouettes
• High-quality construction
• Designed to last
• Seasonless collections

{/* Circular Practices */}

Circular Practices

From packaging to end-of-life, we consider the full lifecycle of every product. We're committed to reducing waste and closing the loop.

• Plastic-free packaging
• Carbon-neutral shipping
• Repair and care guides
• Take-back program

{/* Impact Section */}

Our Impact

Transparency is at the heart of what we do. Here's how we're making a difference.

1,200+

Artisans supported

100%

Carbon-neutral shipping

85%

Waste reduction since 2020

{/* Certifications */}

Certifications

GOTS Certified

Fair Trade

B Corp Pending

Climate Neutral

) } [V0_FILE]jpg:file="public/about-hero-sustainable-fashion-atelier.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/about-hero-sustainable-fashion-atelier-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/cart/page.tsx" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import { CartContent } from "@/components/cart-content" export default function CartPage() { return (

Shopping Cart

) } [V0_FILE]typescriptreact:file="components/cart-content.tsx" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Minus, Plus, X } from "lucide-react" import Link from "next/link" interface CartItem { id: number name: string price: number image: string color: string size: string quantity: number } const initialCartItems: CartItem[] = [ { id: 1, name: "Linen Relaxed Shirt", price: 128, image: "/linen-shirt-natural-beige.jpg", color: "Natural", size: "M", quantity: 1, }, { id: 3, name: "Silk Slip Dress", price: 245, image: "/silk-slip-dress-minimal.jpg", color: "Champagne", size: "S", quantity: 1, }, ] export function CartContent() { const [cartItems, setCartItems] = useState(initialCartItems) const updateQuantity = (id: number, newQuantity: number) => { if (newQuantity < 1) return setCartItems(cartItems.map((item) => (item.id === id ? { ...item, quantity: newQuantity } : item))) } const removeItem = (id: number) => { setCartItems(cartItems.filter((item) => item.id !== id)) } const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0) const shipping = subtotal > 200 ? 0 : 15 const total = subtotal + shipping if (cartItems.length === 0) { return (

Your cart is empty

) } return (

{/* Cart Items */}

{cartItems.map((item) => (

{item.name}

{item.color} / {item.size}

${item.price}

{item.quantity}

))}

{/* Order Summary */}

Order Summary

Subtotal ${subtotal}

Shipping {shipping === 0 ? "Free" : `$${shipping}`}

{subtotal < 200 &&

Free shipping on orders over $200

}

Total ${total}

) } [V0_FILE]typescriptreact:file="app/wishlist/page.tsx" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import { WishlistContent } from "@/components/wishlist-content" export default function WishlistPage() { return (

Wishlist

) } [V0_FILE]typescriptreact:file="components/wishlist-content.tsx" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { X, ShoppingBag } from "lucide-react" import Link from "next/link" interface WishlistItem { id: number name: string price: number image: string fabric: string colors: string[] } const initialWishlistItems: WishlistItem[] = [ { id: 4, name: "Cashmere Sweater", price: 298, image: "/cashmere-sweater-neutral.jpg", fabric: "Recycled Cashmere", colors: ["Oat", "Camel", "Charcoal"], }, { id: 8, name: "Wool Coat", price: 485, image: "/wool-coat-elegant-neutral.jpg", fabric: "Merino Wool", colors: ["Camel", "Charcoal", "Ivory"], }, { id: 6, name: "Cotton Midi Skirt", price: 145, image: "/cotton-midi-skirt-flowing.jpg", fabric: "Organic Cotton", colors: ["Cream", "Rust", "Forest"], }, ] export function WishlistContent() { const [wishlistItems, setWishlistItems] = useState(initialWishlistItems) const removeItem = (id: number) => { setWishlistItems(wishlistItems.filter((item) => item.id !== id)) } if (wishlistItems.length === 0) { return (

Your wishlist is empty

) } return (

{wishlistItems.map((item) => (

{item.name}

${item.price}

{item.fabric}

))}

) } [V0_FILE]typescriptreact:file="app/collections/page.tsx" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import Link from "next/link" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" const collections = [ { id: "spring-summer-2024", title: "Spring Summer 2024", description: "Light, breathable pieces for warm weather", image: "/collection-spring-summer-2024.jpg", itemCount: 24, }, { id: "essentials", title: "Essentials", description: "Timeless basics for every wardrobe", image: "/collection-essentials.jpg", itemCount: 18, }, { id: "autumn-winter-2023", title: "Autumn Winter 2023", description: "Cozy layers for cooler days", image: "/collection-autumn-winter-2023.jpg", itemCount: 32, }, ] export default function CollectionsPage() { return (

Collections

Curated selections of our most beloved pieces

{collections.map((collection) => (

{collection.title}

{collection.description}

{collection.itemCount} pieces

))}

) } [V0_FILE]jpg:file="public/collection-spring-summer-2024.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/collection-spring-summer-2024-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" [V0_FILE]jpg:file="public/collection-essentials.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/collection-essentials-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg" [V0_FILE]jpg:file="public/collection-autumn-winter-2023.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/collection-autumn-winter-2023-Ql0Ov0Hy0Hy0Hy0Hy0Hy0Hy0Hy0Hy0H.jpg"30:o234,d3:["$","$Lda",null,{"chatId":"rbJFt4HN3qJ","children":["$","$Ldb",null,{"data":{"@\"active-block\",\"rbJFt4HN3qJ\",":{"id":"b_tAKeRQubRio","messageId":"DnAcF7ldMWg4APWF91bv6Q8WJhiPcrBw","source":"$dc","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"serene-atelier","type":"code-project","project":"serene-atelier","taskNameActive":"Adding cart and wishlist","taskNameComplete":"Cart and wishlist added"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"rbJFt4HN3qJ\",":false},"children":"$Ldd"}]}] 30:o4bf,de:"PublishedPageProvider" df:I[845210,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$de"] e0:"FullscreenContainer" e1:I[481556,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$e0"] e2:"TemplateBlockViewClient" e3:I[552151,["$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$5c","$5d","$5e","$5f","$60"],"$e2"] dd:["$","$Ldf",null,{"children":["$","$Le1",null,{"mode":"$undefined","children":["$","$Le3",null,{"block":"$d3:props:children:props:data:@\"active-block\",\"rbJFt4HN3qJ\",","allowMobileFullscreen":true,"initialSize":"$undefined","title":"designer brand","templateCanonId":"eOESVAqTzX8","templateVersionId":"0CPM8s8oxuD","authorizePublicFrame":true,"vmEnabled":false,"canViewConsole":false,"vercelDeploymentUrl":null}]}]}] 30:o11,2d:true 2c:42917 30:o22,2b:C 2a:C 1:C 22:C 1d:C 18:C 15:C 30:C

Spring Summer 2024

Curated for You

Essentials

Outerwear

Dresses

Crafted with Intention

Shop All

{product.name}

{productData.name}

Complete the Look

Spring Summer 2024

{item.title}

{selectedLook.title}

Featured Products

Our Philosophy

Our Story

Our Commitments

Sustainable Materials

Ethical Production

Timeless Design

Circular Practices

Our Impact

Certifications

Shopping Cart

{item.name}

Order Summary

Wishlist

{item.name}

Collections

{collection.title}

About

Tags

Share

About

Tags

Share

More Templates Like This

More Templates Like This