*W
zP6p?$sUf@oxnslQW~|wAHPh+HNu`oBbLB>4DE1aSY;E7=Jl5Da@Hp7F_g|c^cJ-{A@row2Y(MP2BegkWu(fS-v`;<8$Tws)FnI@$lzm0UXSN2f91@g
zj*1fm%VM!sb)!4u3lIYqxRn~VQg}g?Q|#
W*X#J+Tx&bx{5Y$xhj7pQ&bqJ7%d8s>yJg#v
zBJ0ZrtfS;&Hs!I=RK{QJOu~tmN2nN0J?gCUgUuB7E4P|0F{%S4{c`8EVvB4r%K}8E
zc)h39ug#`ko%e88Jz94ItpzG=@*_Yb=c}T4M`FbnRt@j28z*0VT3bRAy|eDMsPOP|
zCwb~#7r}#FqfjJ8=k^mj95FlTze$f1M24`una!fXurMPlel
z;KU)iX^{EE!T~tNS_xFjJ+^v)J?1u@)s1H=`DEBEbEN*zNd&qR;=k}bPd4q?GG)Iu
zx6`;P7Akq2+S|ePI$=G|f0C<4ws5macnvq!Yp^{Mcmt=Sy&fWC;
z$vY2^Kjqn-#swgo{+>wUH(43IY!FMasu)
zJ!~xUVAx-(qG{NjxbECPdr}?XJiG679_zZWb)~jde&)ovZ)ZzDxt<(r{K9o&HshLG
zj#JCtVN%|Q7feJsIewM&w)cqF%8WzeA;GtRS{Um!Bq``xEz>>oge5u#OsC4z
z%Glr{co0~u3$Vz6Hb%KJY?b`#^rm6vZ-LO3F!PtiW+Z9MmdEhR2CMoc5Q{p|9ti=4
z^z7X-?}y(Tc%};#QxCmv&ueQEV|>RlnMYef?@|q&`d&a4GGZ-~%i6D>8i>G*+$sw>
zw7(wDC5opUnVlHHRKD%>EaGaVZ+;MIkySti?Yf*}Z7VBh?06c$Z+1^=?t05h
z)lra^UgI)4z@{f&t)~n1MR-^~u-Gg7W-&yVMp^VKgH62aUMjLijS0D
zGfy(9ur$MQG!%aFfOY1X;fzCiJ6l(;x;B`diheQzh;!#)@uz40}4yxB&|#
z1LPc!fahcJvZpogN1?rvT6Rnwikt?i%634Yo;Pn+1;_syCw4n^j7}{R`;9+kNuNiM
z0TY{dZR=(`y=i~2qP`SxVZKYszdU0#7MiVJ;>K0X7HNJG1u};5(}x)6)`T6FRgG{S
z{pYEtpY|Y!PmN`1aUX8g_a#4638d<0U$CLL&o>|#xXgkQHFzqcTfTXHjmr46+M1z)
zw|o4w5$!GaW$Mqp6P5NHGNDmG#a+pslV(ZqVH^v$E^AnIWtKJt8APS+nA0lNYL`O~
zY&eI2>&AaQdm@_2@e`!%>{zgJ1~T^Z24Y!J@5sa(b&Or2A>foJ_u*pHau8G|8Q7J>
z$7vxe=QINFzg=MGRwU5j?5?Vb=~{>y0jyTLf|7w?Q_r17-dD`NjKHsc{0WY1x0HN`
zza?uRa=d;uAXNs)f7b3(V_A+Hy{eMHfglHag<5H$0PBDnc7xi&F79f-iiZyWA&A^u
zG=rY{omS)izmNSCUW7d8Pru@4e$c1=RN-HJWeR(LdBVSnmF0ayrtjZGQ@
z=V&SueK-Xb0%ozqP=LR}I9kDZ=%3l_k?=0*6%+6h?DJ$@-3-va)!62^z2-H!`bdiw
z7!C$|Lpe4mhTub&Ou%;hYA7Y;*#FgV=5a}7Z5%&bKpD}(GITT*%PALJDuv22GOa9I
z%t3J(B`Y)68b>p&223Z)Qd%@eM{}G~!wuZZal>A-sj+fF!!=t*rvkM_E2(@R{JbxJ
za_)h1&vu{toZt7i?t0gPC8@+`z`tLyifObpn#07)3Qn+$3}lR1HqLvIJV)QwfYK#?
zI+ID3fM^=dBh61!Qt5T5zB8d))6aV$Mi2fVC)>&4#VPNmOOEaXeThIrSw$D#%)xs*nvi(+Hf_D1hpL-S~Q}Xs0>s
z{rL&y@%2Nd-nbWYxLlTUsIVTWlOxhh;+%T`x!f_^i?-eSx5^q!%(!VWpg`a@EpM1;t@Rk9R2(OAv
z4uT@J95_&|QU{uuU&BB1rkYHuNtoj3>3OmKB$8Ngff{{7laYi5;_gy0I?oDl)0M$t
zrb0NJYEDEe_DoIP7^=6yQ~~k13{(uXn7ak0IOzTEJ+6~fR#JZ3@#qTyPSQz8n%a`y
zzc7dC|6uKA6+-F2r3Ok=nOKBUiT9wf+LvUrI%)%XN&^%R66gY|7q15^w+lL!f>JHq
z^tc-iKaC~hsJv(ZG)pQpGl>DxB@QmH)o|}TasO{1L#wEH6rs_f4ds@ZCY-6}lV3)2
z;vh?n55A`BCzAHALNqFD9Bre-I-;&_yq)1zDD+L<}
zg6ntG&Lg<#^(AYhq7%HYKCK?BxJyam==#aEZam^{O)H7uELrR|{&Z={nSRZt*cO%<
zRgi&|rWs~@ses;u7*bb9+4hf#Y)-`B%+qrfpK0-ZO_ZnMSm!}x?lD}MjnS3(t^8VH
z8T`p?#v5N$!1|8rX;G*fP$|9t60g?OvfA~yj%V^WN0^dnR_TV6(}&0&Ir#nu`}HOk3X?~)&og@#1Anz7Z%Vj2p?J!^u%M6|fp3G<`qUGv{)kg{jPLpKU3w^~JA?9x62gb;yaU>H9QxQ3T
z1+f3Qk=eFcM;PH-I;^7j>{;k(&Jyrl5(c40Lzy#+`8
zy(>{`8m!LWFG
zxXSf%kMHP1M)&{BHvDN}W~)OGa-lzak)$Y1j2~JM^X~I8)#G*#rmQPU*t|UO*!6mA
zA6k17k>?CIV%r$cazod~;
zvN%T@O~Q{C0I<99!(`?G7T^1lPAGG04#TnI-x{>G%^aJv@NnN6DS2#v|D^^q&GhEg
ziXi5-eYvV8H4=?=m?u?fpm>rQ^&Wskep&HY6AQ_Rx>4Y^
z=dAKjk
zg#LJf=yu#WXAa^lfc-oM&ao02D{cNZ;4|j&MPei9e6fQIy|Ux7y)~gf0WR*+B%@6L
z;9Kv|s@kLBM@{)u^Y-3yCG5_}efB!pN~7$NbT=%ii{z?H<9qL~`~lSpjoh*h%!{nS
zA|qHvICKt1q;yfY_Oh~#J$)CGBEAjnvyAxk|3U#JwasFgVdz+ed$_?&=#|q93<>lh
zl<8)MPqV{0v9+!lajW@pqrpD5h@$~EGG!c6VN;)bc=6XedpFdvw%bKkV5(+#`Q2$g
zd2WXe;{HmK@H}&sN7ZBd^!*{#O>%9*=T9@S;R~ju<*JYS5sgQmB5nvR$d`rN0jJZ{?NqN#seuzsSrXc3dGoNf%Z7nHO?%?gvW@Z-*bcPn3fl35Nmfa#B-Wm0?d!rWEnd<*f88za@V|FASgo#=`40~|=*o#w}6>)zJ$Y%?N_R%$r+`o;A9klgZ
zsCRhkwMhTMp$ols0X0)UH+~FeHaL%(glm<5DZY)dK+?b>o;|PkQ%972;lLHUqxiDR
z>Dz6Vd8JHUc-GNINC>Do+2|%XuY>ZJfEkj@38jVyQ+hn^7A3JAe25@y&C}yg@9GU-
z6Z&m-n)))AWDX6@95ezZM|ogO8}0tag-+o-xn+w*#)wzxqwmjA$g<+-jamKkmT9j^
z7$C||X`o^~cw!RxjO`INWRwRzLjpu~l1~;x96LgUvc>DG-PbBG#bun@6#@IktYaCU
ziXjpNyyhZ(eMh!54Z-z)W|i=JI@?iV}Evg?o3=pYKgjQZE^&bWN7
zGOHRR9p{>%HySZ&B^nr2tr1lZ7tj2eJ`El+nr76{tb%Q-i=Eq@(tKY}HCLXeBUv(q
z>=2+E7TXY(+<(2g%;y9c0_1xqbI^Q)Vwvb_<~07cHF7---dmn`EbNQ{^S-&m*P_sy
zKY#Fuuoi~|;8h^q8c@tW;JwkCAJ>(TWBX!3#3Ju>-{`w#P+s6BAlldRx%DmMJ`rA_
zZmVCXJsLW4ZbS>cq_tv`g?59}rw6}&Na>XXhDO#u|82OCjZl}XfVev+_?NPI#Qv#q
zj{mxy@-M=HSE{97Ca%;yvxuD;K00K4W$;K}LQ8C#R11Cj__I#Zf=zeXmbC~z?ru9>
J%U!rh{{;k44d?&>
literal 0
HcmV?d00001
diff --git a/src/app/countdown/page.tsx b/src/app/countdown/page.tsx
new file mode 100644
index 0000000..6462203
--- /dev/null
+++ b/src/app/countdown/page.tsx
@@ -0,0 +1,115 @@
+/* eslint-disable jsx-a11y/alt-text */
+/* eslint-disable @next/next/no-img-element */
+"use client";
+
+import { useEffect, useState } from "react";
+
+export default function Countdown() {
+ const [progress, setProgress] = useState(0);
+ const [timeLeft, setTimeLeft] = useState("WEE");
+
+ useEffect(() => {
+ const startDate = new Date(2024, 1, 10, 13, 0, 0, 0);
+ const endDate = new Date(2024, 1, 11, 13, 0, 0, 0);
+ const fullDuration = endDate.getTime() - startDate.getTime();
+
+ const updateLoop = setInterval(() => {
+ const currentDate = new Date();
+ const currentDuration = currentDate.getTime() - startDate.getTime();
+
+ setProgress(currentDuration / fullDuration);
+
+ let duration = fullDuration - currentDuration;
+
+ const hrLeft = Math.floor(duration / (1000 * 60 * 60));
+ duration -= hrLeft * (1000 * 60 * 60);
+ const minLeft = Math.floor(duration / (1000 * 60));
+ duration -= minLeft * (1000 * 60);
+ const secLeft = Math.floor(duration / 1000);
+ duration -= secLeft * 1000;
+ const msLeft =
+ duration > 99
+ ? duration
+ : duration > 9
+ ? `0${duration}`
+ : `00${duration}`;
+
+ setTimeLeft(
+ `${hrLeft}hrs ${minLeft}min ${secLeft}sec ${msLeft}ms remaining!`
+ );
+ }, 0);
+
+ return () => clearInterval(updateLoop);
+ });
+
+ return (
+ <>
+
+
+
+
+ {timeLeft}
+
+
+
+
+
+
+ >
+ );
+}
|