Glass Effect Filter

93:I[903690,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kku96d2ka1lz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/191-4imsl9qwa.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3g02y25nur6on.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/05gop4ul8i8kb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2tg7uu9je15bl.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q"],"ExplicitChatIdProvider"] 94:I[838238,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kku96d2ka1lz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/191-4imsl9qwa.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3g02y25nur6on.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/05gop4ul8i8kb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2tg7uu9je15bl.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q"],"SWRDataProvider"] 97:I[589831,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kku96d2ka1lz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/191-4imsl9qwa.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3g02y25nur6on.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/05gop4ul8i8kb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2tg7uu9je15bl.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q"],"TemplateImage"] 98:I[507037,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kku96d2ka1lz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/191-4imsl9qwa.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3g02y25nur6on.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/05gop4ul8i8kb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2tg7uu9je15bl.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q"],"PrefetchLinkAndRefreshOnHover"] 95:T5023,[V0_FILE]typescriptreact:file="components/kokonutui/liquid-glass-card.tsx" "use client"; import * as React from "react"; import { Slot } from "@radix-ui/react-slot"; import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/lib/utils"; import { ArrowRight, ArrowLeft, Play, Pause } from "lucide-react"; import Link from "next/link"; const liquidbuttonVariants = cva( "inline-flex items-center transition-colors justify-center cursor-pointer gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", { variants: { variant: { default: "bg-transparent hover:scale-105 duration-300 transition text-primary", destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40", outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-9 px-4 py-2 has-[>svg]:px-3", sm: "h-8 text-xs gap-1.5 px-4 has-[>svg]:px-4", lg: "h-10 rounded-md px-6 has-[>svg]:px-4", xl: "h-12 rounded-md px-8 has-[>svg]:px-6", xxl: "h-14 rounded-md px-10 has-[>svg]:px-8", icon: "size-9", }, }, defaultVariants: { variant: "default", size: "xxl", }, } ); interface LiquidButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean; } function ButtonGlassFilter() { const filterId = React.useId(); return ( ); } const LiquidButton = React.forwardRef( ( { className, variant, size, asChild = false, children, ...props }, ref ) => { const Comp = asChild ? Slot : "button"; const filterId = React.useId(); return ( <>

{children}

); } ); LiquidButton.displayName = "LiquidButton"; const cardVariants = cva( "relative overflow-hidden rounded-lg transition-all duration-300 group bg-background/20", { variants: { variant: { default: "hover:scale-[1.01] text-foreground backdrop-blur-[2px]", primary: "bg-primary/5 hover:bg-primary/5 text-foreground backdrop-blur-[2px]", destructive: "bg-destructive/5 hover:bg-destructive/10 text-foreground backdrop-blur-[2px]", secondary: "bg-secondary/5 hover:bg-secondary/10 text-foreground backdrop-blur-[2px]", }, size: { default: "p-6", sm: "p-4", lg: "p-8", xl: "p-10", }, hover: { default: "hover:scale-[1.02]", none: "", glow: "hover:shadow-lg hover:shadow-primary/20", }, }, defaultVariants: { variant: "default", size: "default", hover: "default", }, } ); export interface LiquidGlassCardProps extends React.HTMLAttributes, VariantProps { asChild?: boolean; glassEffect?: boolean; } function GlassFilter() { const filterId = React.useId(); return ( ); } // Card Header Component interface CardHeaderProps extends React.HTMLAttributes { title: string; subtitle?: string; icon?: React.ReactNode; } function CardHeader({ title, subtitle, icon, className, ...props }: CardHeaderProps) { return (

{title}

{subtitle && (

{subtitle}

)}

{icon &&

{icon}

}

); } // Card Content Component function CardContent({ className, ...props }: React.HTMLAttributes) { return

; } const LiquidGlassCard = React.forwardRef( ( { className, variant, size, hover, asChild = false, glassEffect = true, children, ...props }, ref ) => { const Comp = asChild ? Slot : "div"; const filterId = React.useId(); return ( {/* Glass effect overlay */}

{/* Glass filter effect */} {glassEffect && (

)} {/* Content */}

{children}

{/* Shine effect on hover */}

{glassEffect && } ); } ); LiquidGlassCard.displayName = "LiquidGlassCard"; // Remove the hello text and fix the time display export function NotificationCenter() { // Track current time and playing state const [isPlaying, setIsPlaying] = React.useState(true); const [currentTime, setCurrentTime] = React.useState(45); const totalDuration = React.useMemo(() => 225, []); // 3:45 in seconds // Format time in MM:SS const formatTime = React.useCallback((timeInSeconds: number) => { const minutes = Math.floor(timeInSeconds / 60); const seconds = Math.floor(timeInSeconds % 60); return `${minutes}:${seconds.toString().padStart(2, "0")}`; }, []); // Calculate progress percentage const progress = (currentTime / totalDuration) * 100; // Update progress when playing React.useEffect(() => { let intervalId: NodeJS.Timeout; if (isPlaying && currentTime < totalDuration) { intervalId = setInterval(() => { setCurrentTime((prev) => { if (prev >= totalDuration) { clearInterval(intervalId); setIsPlaying(false); return totalDuration; } return prev + 1; }); }, 1000); } return () => { if (intervalId) clearInterval(intervalId); }; }, [isPlaying, currentTime, totalDuration]); // Handle play/pause const handlePlayPause = () => { setIsPlaying(!isPlaying); }; // Handle seek const handleSeek = ( e: | React.MouseEvent | React.KeyboardEvent ) => { const bar = e.currentTarget.parentElement; if (!bar) return; const rect = bar.getBoundingClientRect(); let percent: number; if ("clientX" in e) { // Mouse event const x = e.clientX - rect.left; percent = x / rect.width; } else { // Keyboard event switch (e.key) { case "ArrowLeft": percent = (currentTime - 5) / totalDuration; break; case "ArrowRight": percent = (currentTime + 5) / totalDuration; break; default: return; } } const newTime = percent * totalDuration; setCurrentTime(Math.min(Math.max(0, newTime), totalDuration)); }; return (

{/* Profile Image */}

{/* Progress Bar */}

{/* Background gradient */}

{/* Progress indicator */}

{/* Shine effect */}

{/* Interactive seek button (invisible but functional) */}

{formatTime(currentTime)} {formatTime(totalDuration)}

{isPlaying ? ( ) : ( )}

); } export default NotificationCenter;89:["$","$L93",null,{"chatId":"XBrDoy0UAWY","children":["$","$L94",null,{"data":{"@\"active-block\",\"XBrDoy0UAWY\",":{"id":"b_HXUsH6xbbde","messageId":"KNdaykKEL0TdymtaFnUpzbbQrc8EALjd","source":"$95","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Open in v0","type":"code-project","project":"Open in v0"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"XBrDoy0UAWY\",":false,"":null},"children":"$L96"}]}] 8d:["$","$L7a","DuidKNEmCKf",{"value":{"fallback":{"template:DuidKNEmCKf:likes":{"likeCount":654,"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":[["$","$L97",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-02-02%20at%2011.59.47%E2%80%AFAM-JeiQvFDVyzDHJ25ofDg2yidnXYcur9.png","alt":"","templateCanonId":"DuidKNEmCKf","blockId":"b_pSgXIYMV4aS"}],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":[[["$","$L98",null,{"href":"/templates/DuidKNEmCKf","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L98",null,{"href":"/templates/DuidKNEmCKf","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":["$","$L98",null,{"href":"/templates/DuidKNEmCKf","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":[["$","$L7f",null,{"teamId":"$undefined","authorId":"EHNrlbkVZKuP8TxtAXO26Vkf"}],["$","$L98",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/DuidKNEmCKf","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":"Financial Dashboard"}],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":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L99"]}],"$L9a","$L9b"]}]]}]}]]}]]}]}] 8f:["$","$L7a","s2R42ut7CxT",{"value":{"fallback":{"template:s2R42ut7CxT:likes":{"likeCount":211,"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":[["$","$L97",null,{"index":2,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-01-31%20at%209.16.51%E2%80%AFPM-fT5azSDEb542Hz6XyGBHR813UQ5WvO.png","alt":"","templateCanonId":"s2R42ut7CxT","blockId":"b_dgtjehEobtM"}],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":[[["$","$L98",null,{"href":"/templates/s2R42ut7CxT","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L98",null,{"href":"/templates/s2R42ut7CxT","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":["$","$L98",null,{"href":"/templates/s2R42ut7CxT","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":[["$","$L7f",null,{"teamId":"$undefined","authorId":"EHNrlbkVZKuP8TxtAXO26Vkf"}],["$","$L98",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/s2R42ut7CxT","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":"Background Paths"}],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":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L9c"]}],"$L9d","$L9e"]}]]}]}]]}]]}]}] 90:["$","$L7a","X1KLWdVWv78",{"value":{"fallback":{"template:X1KLWdVWv78:likes":{"likeCount":4,"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":[["$","$L97",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202026-05-31%20143821-j1kTYYeso4YElFIeqEwmb14ooLePpU.png","alt":"","templateCanonId":"X1KLWdVWv78","blockId":"b_vaCi6uCDKU2"}],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":[[["$","$L98",null,{"href":"/templates/X1KLWdVWv78","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L98",null,{"href":"/templates/X1KLWdVWv78","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":["$","$L98",null,{"href":"/templates/X1KLWdVWv78","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":[["$","$L7f",null,{"teamId":"$undefined","authorId":"cZi28iDKHS9wjIACJB27JKos"}],["$","$L98",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/X1KLWdVWv78","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":"Animated Phone Slider Component"}],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":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L9f"]}],"$La0","$La1"]}]]}]}]]}]]}]}] 8e:["$","$L7a","xWe4c7kWKPe",{"value":{"fallback":{"template:xWe4c7kWKPe:likes":{"likeCount":206,"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":[["$","$L97",null,{"index":1,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-01-30%20at%2012.40.56%E2%80%AFPM-20uFCxH5BGySJ2KQyowewLSFll8Ic7.png","alt":"","templateCanonId":"xWe4c7kWKPe","blockId":"b_A8UO04KWqdt"}],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":[[["$","$L98",null,{"href":"/templates/xWe4c7kWKPe","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L98",null,{"href":"/templates/xWe4c7kWKPe","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":["$","$L98",null,{"href":"/templates/xWe4c7kWKPe","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":[["$","$L7f",null,{"teamId":"$undefined","authorId":"EHNrlbkVZKuP8TxtAXO26Vkf"}],["$","$L98",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/xWe4c7kWKPe","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":"Hero Geometric Background"}],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":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$La2"]}],"$La3","$La4"]}]]}]}]]}]]}]}] 91:["$","$L7a","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":[["$","$L97",null,{"index":1,"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":[[["$","$L98",null,{"href":"/templates/NuBd53tS2FI","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L98",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":["$","$L98",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":[["$","$L7f",null,{"teamId":"$undefined","authorId":"WuX2QhReYKFEGCebXYBpwITc"}],["$","$L98",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":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$La5"]}],"$La6","$La7"]}]]}]}]]}]]}]}] 92:["$","$L7a","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":[["$","$L97",null,{"index":2,"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":[[["$","$L98",null,{"href":"/templates/99MAOQptgL3","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L98",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":["$","$L98",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":[["$","$L7f",null,{"teamId":"$undefined","authorId":"YdmoFpBLmXOqQX0oEPAJvCPr"}],["$","$L98",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":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$La8"]}],"$La9","$Laa"]}]]}]}]]}]]}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This