8f:I[903690,["/chat-static/_next/static/chunks/315lubww3xjwl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/02c5tswrzs4v-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/31w9l6t0-9jyl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/38rluksggit6x.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3etclp4s8glpl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2u6l9-xwangqz.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2pqe3tdx8bn6p.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0ij53mx17lv4y.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/chunks/315lubww3xjwl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/02c5tswrzs4v-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/31w9l6t0-9jyl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/38rluksggit6x.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3etclp4s8glpl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2u6l9-xwangqz.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2pqe3tdx8bn6p.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0ij53mx17lv4y.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx"],"SWRDataProvider"] 93:I[589831,["/chat-static/_next/static/chunks/315lubww3xjwl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/02c5tswrzs4v-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/31w9l6t0-9jyl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/38rluksggit6x.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3etclp4s8glpl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2u6l9-xwangqz.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2pqe3tdx8bn6p.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0ij53mx17lv4y.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx"],"TemplateImage"] 94:I[507037,["/chat-static/_next/static/chunks/315lubww3xjwl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/395b41aa2-7dl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/02c5tswrzs4v-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/31w9l6t0-9jyl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/38rluksggit6x.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3etclp4s8glpl.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2u6l9-xwangqz.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/2pqe3tdx8bn6p.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/0ij53mx17lv4y.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_6VYmSfD9iA2qkTwNyWeEaYnmGsFx"],"PrefetchLinkAndRefreshOnHover"] 91:T4dd0,[V0_FILE]typescriptreact:file="app/layout.js" import "./globals.css" export const metadata = { title: "Markdown Editor", description: "A rich text markdown editor with live preview", } export default function RootLayout({ children }) { return ( {children} ) } [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{js,jsx}", "./components/**/*.{js,jsx}", "./app/**/*.{js,jsx}", "./src/**/*.{js,jsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, typography: { DEFAULT: { css: { maxWidth: "100%", }, }, }, }, }, plugins: [require("@tailwindcss/typography")], } [V0_FILE]javascript:file="components/markdown-preview.js" "use client" import { useEffect, useState } from "react" import { marked } from "marked" import Prism from "prismjs" // Import Prism language components import "prismjs/components/prism-javascript" import "prismjs/components/prism-jsx" import "prismjs/components/prism-typescript" import "prismjs/components/prism-tsx" import "prismjs/components/prism-css" import "prismjs/components/prism-python" import "prismjs/components/prism-java" import "prismjs/components/prism-c" import "prismjs/components/prism-cpp" import "prismjs/components/prism-csharp" import "prismjs/components/prism-bash" import "prismjs/components/prism-json" import "prismjs/components/prism-markdown" import "prismjs/components/prism-yaml" import "prismjs/components/prism-php" import "prismjs/components/prism-ruby" import "prismjs/components/prism-go" import "prismjs/components/prism-rust" import "prismjs/components/prism-sql" import "prismjs/components/prism-swift" export default function MarkdownPreview({ markdown }) { const [html, setHtml] = useState("") useEffect(() => { // Configure marked with syntax highlighting marked.setOptions({ highlight: (code, lang) => { if (Prism.languages[lang]) { return Prism.highlight(code, Prism.languages[lang], lang) } else { return code } }, breaks: true, gfm: true, }) // Convert markdown to HTML try { const rawHtml = marked.parse(markdown || "") setHtml(rawHtml) // Apply Prism highlighting to any code that might have been missed setTimeout(() => { Prism.highlightAll() }, 0) } catch (error) { console.error("Error parsing markdown:", error) setHtml("

Error rendering preview

") } }, [markdown]) return (

Preview

) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; /* PrismJS Syntax Highlighting */ /** * Prism.js default theme */ code[class*="language-"], pre[class*="language-"] { color: #000; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; background: #b3d4fc; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; background: #b3d4fc; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } /* Code blocks */ pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0.3em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #f5f2f0; } /* Dark mode support */ .dark pre[class*="language-"] { background: #1e1e1e; } .dark code[class*="language-"] { color: #f8f8f2; text-shadow: none; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .token.namespace { opacity: 0.7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #9a6e3a; } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function, .token.class-name { color: #dd4a68; } .token.regex, .token.important, .token.variable { color: #e90; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /* Dark mode syntax highlighting */ .dark .token.comment, .dark .token.prolog, .dark .token.doctype, .dark .token.cdata { color: #8292a2; } .dark .token.punctuation { color: #f8f8f2; } .dark .token.property, .dark .token.tag, .dark .token.constant, .dark .token.symbol, .dark .token.deleted { color: #ff79c6; } .dark .token.boolean, .dark .token.number { color: #bd93f9; } .dark .token.selector, .dark .token.attr-name, .dark .token.string, .dark .token.char, .dark .token.builtin, .dark .token.inserted { color: #50fa7b; } .dark .token.operator, .dark .token.entity, .dark .token.url, .dark .language-css .token.string, .dark .style .token.string { color: #f8f8f2; } .dark .token.atrule, .dark .token.attr-value, .dark .token.keyword { color: #ff79c6; } .dark .token.function, .dark .token.class-name { color: #8be9fd; } .dark .token.regex, .dark .token.important, .dark .token.variable { color: #f1fa8c; } /* Custom styles for the markdown preview */ .markdown-preview h1 { @apply text-3xl font-bold mb-4; } .markdown-preview h2 { @apply text-2xl font-bold mb-3; } .markdown-preview h3 { @apply text-xl font-bold mb-2; } .markdown-preview h4 { @apply text-lg font-bold mb-2; } .markdown-preview h5 { @apply text-base font-bold mb-2; } .markdown-preview h6 { @apply text-sm font-bold mb-2; } .markdown-preview p { @apply mb-4; } .markdown-preview ul { @apply list-disc pl-5 mb-4; } .markdown-preview ol { @apply list-decimal pl-5 mb-4; } .markdown-preview blockquote { @apply border-l-4 border-gray-300 pl-4 italic mb-4; } .markdown-preview pre { @apply bg-gray-100 dark:bg-gray-700 p-4 rounded mb-4 overflow-x-auto; } .markdown-preview code { @apply font-mono text-sm bg-gray-100 dark:bg-gray-700 px-1 py-0.5 rounded; } .markdown-preview pre code { @apply bg-transparent p-0; } .markdown-preview a { @apply text-blue-600 hover:underline; } .markdown-preview img { @apply max-w-full h-auto mb-4; } .markdown-preview table { @apply w-full border-collapse mb-4; } .markdown-preview th, .markdown-preview td { @apply border border-gray-300 dark:border-gray-600 p-2; } .markdown-preview th { @apply bg-gray-100 dark:bg-gray-700; } [V0_FILE]javascript:file="components/markdown-editor.js" "use client" import { useState, useRef } from "react" import { Bold, Italic, Heading1, Heading2, Heading3, List, ListOrdered, Link, Image, Code, Quote } from "lucide-react" export default function MarkdownEditor({ markdown, onChange }) { const textareaRef = useRef(null) const [codeLanguage, setCodeLanguage] = useState("javascript") const insertText = (before, after = "") => { const textarea = textareaRef.current const start = textarea.selectionStart const end = textarea.selectionEnd const selectedText = markdown.substring(start, end) const newText = markdown.substring(0, start) + before + selectedText + after + markdown.substring(end) onChange(newText) // Set cursor position after the operation setTimeout(() => { textarea.focus() textarea.setSelectionRange(start + before.length, end + before.length) }, 0) } const handleToolbarAction = (action) => { switch (action) { case "bold": insertText("**", "**") break case "italic": insertText("*", "*") break case "h1": insertText("# ") break case "h2": insertText("## ") break case "h3": insertText("### ") break case "ul": insertText("- ") break case "ol": insertText("1. ") break case "link": insertText("[", "](url)") break case "image": insertText("![alt text](", ")") break case "code": insertText("```" + codeLanguage + "\n", "\n```") break case "quote": insertText("> ") break default: break } } const handleLanguageChange = (e) => { setCodeLanguage(e.target.value) } return (

} onClick={() => handleToolbarAction("bold")} tooltip="Bold" /> } onClick={() => handleToolbarAction("italic")} tooltip="Italic" /> } onClick={() => handleToolbarAction("h1")} tooltip="Heading 1" /> } onClick={() => handleToolbarAction("h2")} tooltip="Heading 2" /> } onClick={() => handleToolbarAction("h3")} tooltip="Heading 3" /> } onClick={() => handleToolbarAction("ul")} tooltip="Unordered List" /> } onClick={() => handleToolbarAction("ol")} tooltip="Ordered List" /> } onClick={() => handleToolbarAction("link")} tooltip="Link" /> } onClick={() => handleToolbarAction("image")} tooltip="Image" />

} onClick={() => handleToolbarAction("code")} tooltip="Code Block" />

} onClick={() => handleToolbarAction("quote")} tooltip="Blockquote" />

onChange(e.target.value)}
        className="w-full h-[500px] p-4 font-mono text-sm focus:outline-none resize-none dark:bg-gray-800 dark:text-gray-100"
        placeholder="Type your markdown here..."
      />
    </div>
  )
}

function ToolbarButton({ icon, onClick, tooltip }) {
  return (
    <button
      type="button"
      onClick={onClick}
      className="p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors"
      title={tooltip}
    >
      {icon}
    </button>
  )
}

[V0_FILE]javascript:file="app/page.js"
"use client"

import { useState } from "react"
import MarkdownEditor from "@/components/markdown-editor"
import MarkdownPreview from "@/components/markdown-preview"

export default function Home() {
  const [markdown, setMarkdown] = useState(`# Markdown Editor with Syntax Highlighting

Start typing to see the preview...

## Code Example

\`\`\`jsx
"use client";

import Image from "next/image";
import { BadgeCheck, DollarSign, Clock } from 'lucide-react';

const CourseCard = ({ course }) => {
  return (
    <div className="max-w-3xl mx-auto bg-white shadow-lg rounded-2xl overflow-hidden border border-gray-200 hover:shadow-2xl transition duration-300">
      {/* Course Poster */}
      <div className="relative">
        <Image
          src={course.posterURL || "/placeholder.svg"}
          alt={course.courseTitle}
          width={800}
          height={400}
          className="w-full h-64 object-cover"
        />
        <span className="absolute top-3 left-3 bg-purple-500 text-white px-3 py-1 rounded-full text-sm font-semibold">
          {course.level}
        </span>
      </div>

{/* Course Details */}
      <div className="p-6">
        <h2 className="text-2xl font-bold text-gray-900">{course.courseTitle}</h2>
        <p className="text-gray-600 mt-2">{course.shortDescription}</p>

{/* Instructor Info */}
        <div className="flex items-center gap-3 mt-4">
          <Image
            src={course.instructurePhotoURL || "/placeholder.svg"}
            alt={course.instructureName}
            width={40}
            height={40}
            className="w-10 h-10 rounded-full border border-gray-300"
          />
          <p className="text-gray-700 font-medium">{course.instructureName}</p>
        </div>

{/* Course Metadata */}
        <div className="flex flex-wrap justify-between items-center mt-5">
          <div className="flex items-center gap-2 text-gray-600">
            <Clock size={20} className="text-purple-500" />
            <span className="text-sm">{new Date(course.createdAt.seconds * 1000).toLocaleDateString()}</span>
          </div>
          <div className="flex items-center gap-2 text-gray-600">
            <BadgeCheck size={20} className="text-purple-500" />
            <span className="text-sm">{course.category}</span>
          </div>
          <div className="flex items-center gap-2 text-gray-600">
            <DollarSign size={20} className="text-purple-500" />
            <span className="text-sm font-semibold">\${course.coursePrice}</span>
          </div>
        </div>

{/* Action Buttons */}
        <div className="mt-6 flex gap-3">
          <button className="flex-1 bg-purple-500 hover:bg-purple-400 text-white font-semibold py-2 rounded-lg transition">
            Enroll Now
          </button>
          <button className="flex-1 border border-purple-500 text-purple-500 hover:bg-purple-500 hover:text-white py-2 rounded-lg transition">
            View Details
          </button>
        </div>
      </div>
    </div>
  );
};

export default CourseCard;
\`\`\`

## Python Example

\`\`\`python
def fibonacci(n):
    """Generate the Fibonacci sequence up to n"""
    a, b = 0, 1
    while a < n:
        yield a
        a, b = b, a + b

# Print the Fibonacci sequence up to 1000
for num in fibonacci(1000):
    print(num)
\`\`\`
`)
  const [activeTab, setActiveTab] = useState("edit") // 'edit' or 'preview'

const handleMarkdownChange = (newMarkdown) => {
    setMarkdown(newMarkdown)
  }

return (
    <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
      <div className="container mx-auto p-4">
        <h1 className="text-3xl font-bold mb-6 text-gray-800 dark:text-gray-100">Markdown Editor</h1>

{/* Tabs for mobile view */}
        <div className="flex mb-4 border-b border-gray-200 md:hidden">
          <button
            className={`px-4 py-2 ${activeTab === "edit" ? "border-b-2 border-blue-500 text-blue-600" : "text-gray-600 dark:text-gray-300"}`}
            onClick={() => setActiveTab("edit")}
          >
            Edit
          </button>
          <button
            className={`px-4 py-2 ${activeTab === "preview" ? "border-b-2 border-blue-500 text-blue-600" : "text-gray-600 dark:text-gray-300"}`}
            onClick={() => setActiveTab("preview")}
          >
            Preview
          </button>
        </div>

<div className="flex flex-col md:flex-row gap-4">
          {/* Editor */}
          <div className={`w-full md:w-1/2 ${activeTab === "edit" ? "block" : "hidden md:block"}`}>
            <MarkdownEditor markdown={markdown} onChange={handleMarkdownChange} />
          </div>

{/* Preview */}
          <div className={`w-full md:w-1/2 ${activeTab === "preview" ? "block" : "hidden md:block"}`}>
            <MarkdownPreview markdown={markdown} />
          </div>
        </div>
      </div>
    </div>
  )
}

[V0_FILE]javascript:file="scripts/install-dependencies.js" type="nodejs"
// This is just a reference for the dependencies needed
// You should install these packages in your project
console.log("Required dependencies:")
console.log("- marked: For converting Markdown to HTML")
console.log("- prismjs: For syntax highlighting")
console.log("- @tailwindcss/typography: For styling the Markdown preview")
console.log("\nInstall with:")
console.log("npm install marked prismjs @tailwindcss/typography")
88:["$","$L8f",null,{"chatId":"YcTnzXrjwBh","children":["$","$L90",null,{"data":{"@\"active-block\",\"YcTnzXrjwBh\",":{"id":"ZanwxwrwnnR","messageId":"MI4ifiXkRPTOX2B7PVFkexjYynJqcgeZ","source":"$91","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"markdown-editor","type":"code-project","project":"markdown-editor"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"YcTnzXrjwBh\",":false,"":null},"children":"$L92"}]}]
8e:["$","$L79","NuBd53tS2FI",{"value":{"fallback":{"template:NuBd53tS2FI:likes":{"likeCount":56,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L93",null,{"index":2,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-10-19%20at%2011.29.10%E2%80%AFPM-min-ItCWzjyBhtBWH3SN5T5irvTbeWOD7E.png","alt":"","templateCanonId":"NuBd53tS2FI","blockId":"b_7U9cocoCyHt"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L94",null,{"href":"/templates/NuBd53tS2FI","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L94",null,{"href":"/templates/NuBd53tS2FI","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L94",null,{"href":"/templates/NuBd53tS2FI","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7e",null,{"teamId":"$undefined","authorId":"WuX2QhReYKFEGCebXYBpwITc"}],["$","$L94",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/NuBd53tS2FI","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Global Activity Tracker - 3D Earth Visualization"}],null,["$","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,{"className":"size-3","dangerouslySetInnerHTML":{"__html":"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.5 3.25C2.5 1.45507 3.95507 0 5.75 0H6.25C8.04493 0 9.5 1.45507 9.5 3.25V3.75C9.5 5.54493 8.04493 7 6.25 7H5.75C3.95507 7 2.5 5.54493 2.5 3.75V3.25ZM5.75 1.5C4.7835 1.5 4 2.2835 4 3.25V3.75C4 4.7165 4.7835 5.5 5.75 5.5H6.25C7.2165 5.5 8 4.7165 8 3.75V3.25C8 2.2835 7.2165 1.5 6.25 1.5H5.75ZM1.5 14.5V13.1709C2.31958 11.5377 3.99308 10.5 5.82945 10.5H6.17055C8.00692 10.5 9.68042 11.5377 10.5 13.1709V14.5H1.5ZM5.82945 9C3.35483 9 1.10604 10.4388 0.0690305 12.6857L0 12.8353V13V15.25V16H0.75H11.25H12V15.25V13V12.8353L11.931 12.6857C10.894 10.4388 8.64517 9 6.17055 9H5.82945ZM15.931 12.6857C15.3706 11.4715 14.4561 10.4931 13.3439 9.85058L12.5935 11.1494C13.399 11.6148 14.0681 12.3101 14.5 13.1709V14.5H13.5V16H15.25H16V15.25V13V12.8352L15.931 12.6857ZM11.25 0H10.5V1.5H11.25C12.2165 1.5 13 2.2835 13 3.25V3.75C13 4.7165 12.2165 5.5 11.25 5.5H10.5V7H11.25C13.0449 7 14.5 5.54493 14.5 3.75V3.25C14.5 1.45507 13.0449 0 11.25 0Z\" fill=\"currentColor\"/>"},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L95"]}],"$L96","$L97"]}]]}]}]]}]]}]}]
8d:["$","$L79","rO4xV9pH7OI",{"value":{"fallback":{"template:rO4xV9pH7OI:likes":{"likeCount":26,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L93",null,{"index":1,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202026-04-17%20at%2010.20.00%E2%80%AFPM-7va8frYB7rReX6QT0KrRN9Orba6cUy.png","alt":"","templateCanonId":"rO4xV9pH7OI","blockId":"b_vVvQTHyyMsK"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L94",null,{"href":"/templates/rO4xV9pH7OI","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L94",null,{"href":"/templates/rO4xV9pH7OI","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L94",null,{"href":"/templates/rO4xV9pH7OI","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7e",null,{"teamId":"$undefined","authorId":"ypJr4iEotLD2uk4Onj0zM5lt"}],["$","$L94",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/rO4xV9pH7OI","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Interactive Vercel Ship 26 ID Badge"}],null,["$","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,{"className":"size-3","dangerouslySetInnerHTML":{"__html":"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.5 3.25C2.5 1.45507 3.95507 0 5.75 0H6.25C8.04493 0 9.5 1.45507 9.5 3.25V3.75C9.5 5.54493 8.04493 7 6.25 7H5.75C3.95507 7 2.5 5.54493 2.5 3.75V3.25ZM5.75 1.5C4.7835 1.5 4 2.2835 4 3.25V3.75C4 4.7165 4.7835 5.5 5.75 5.5H6.25C7.2165 5.5 8 4.7165 8 3.75V3.25C8 2.2835 7.2165 1.5 6.25 1.5H5.75ZM1.5 14.5V13.1709C2.31958 11.5377 3.99308 10.5 5.82945 10.5H6.17055C8.00692 10.5 9.68042 11.5377 10.5 13.1709V14.5H1.5ZM5.82945 9C3.35483 9 1.10604 10.4388 0.0690305 12.6857L0 12.8353V13V15.25V16H0.75H11.25H12V15.25V13V12.8353L11.931 12.6857C10.894 10.4388 8.64517 9 6.17055 9H5.82945ZM15.931 12.6857C15.3706 11.4715 14.4561 10.4931 13.3439 9.85058L12.5935 11.1494C13.399 11.6148 14.0681 12.3101 14.5 13.1709V14.5H13.5V16H15.25H16V15.25V13V12.8352L15.931 12.6857ZM11.25 0H10.5V1.5H11.25C12.2165 1.5 13 2.2835 13 3.25V3.75C13 4.7165 12.2165 5.5 11.25 5.5H10.5V7H11.25C13.0449 7 14.5 5.54493 14.5 3.75V3.25C14.5 1.45507 13.0449 0 11.25 0Z\" fill=\"currentColor\"/>"},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L98"]}],"$L99","$L9a"]}]]}]}]]}]]}]}]
8c:["$","$L79","99MAOQptgL3",{"value":{"fallback":{"template:99MAOQptgL3:likes":{"likeCount":600,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L93",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Slide%2016_9%20-%205-54TEBSAuw3n3WPJPGdbFeOYE01RQRq.png","alt":"","templateCanonId":"99MAOQptgL3","blockId":"b_I77HHnrYRj1"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L94",null,{"href":"/templates/99MAOQptgL3","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L94",null,{"href":"/templates/99MAOQptgL3","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L94",null,{"href":"/templates/99MAOQptgL3","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7e",null,{"teamId":"$undefined","authorId":"YdmoFpBLmXOqQX0oEPAJvCPr"}],["$","$L94",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/99MAOQptgL3","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Globe To Map Transform"}],null,["$","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,{"className":"size-3","dangerouslySetInnerHTML":{"__html":"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.5 3.25C2.5 1.45507 3.95507 0 5.75 0H6.25C8.04493 0 9.5 1.45507 9.5 3.25V3.75C9.5 5.54493 8.04493 7 6.25 7H5.75C3.95507 7 2.5 5.54493 2.5 3.75V3.25ZM5.75 1.5C4.7835 1.5 4 2.2835 4 3.25V3.75C4 4.7165 4.7835 5.5 5.75 5.5H6.25C7.2165 5.5 8 4.7165 8 3.75V3.25C8 2.2835 7.2165 1.5 6.25 1.5H5.75ZM1.5 14.5V13.1709C2.31958 11.5377 3.99308 10.5 5.82945 10.5H6.17055C8.00692 10.5 9.68042 11.5377 10.5 13.1709V14.5H1.5ZM5.82945 9C3.35483 9 1.10604 10.4388 0.0690305 12.6857L0 12.8353V13V15.25V16H0.75H11.25H12V15.25V13V12.8353L11.931 12.6857C10.894 10.4388 8.64517 9 6.17055 9H5.82945ZM15.931 12.6857C15.3706 11.4715 14.4561 10.4931 13.3439 9.85058L12.5935 11.1494C13.399 11.6148 14.0681 12.3101 14.5 13.1709V14.5H13.5V16H15.25H16V15.25V13V12.8352L15.931 12.6857ZM11.25 0H10.5V1.5H11.25C12.2165 1.5 13 2.2835 13 3.25V3.75C13 4.7165 12.2165 5.5 11.25 5.5H10.5V7H11.25C13.0449 7 14.5 5.54493 14.5 3.75V3.25C14.5 1.45507 13.0449 0 11.25 0Z\" fill=\"currentColor\"/>"},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L9b"]}],"$L9c","$L9d"]}]]}]}]]}]]}]}]
</article></body></html>

About

Tags

Share

About

Tags

Share

More Templates Like This