diff --git a/.env.example b/.env
similarity index 100%
rename from .env.example
rename to .env
diff --git a/public/final.mp4 b/public/final.mp4
new file mode 100644
index 0000000..74a04c0
Binary files /dev/null and b/public/final.mp4 differ
diff --git a/public/speakers/pouria.jpg b/public/speakers/pouria.jpg
new file mode 100644
index 0000000..896f81b
Binary files /dev/null and b/public/speakers/pouria.jpg differ
diff --git a/src/app/components/CountDown.tsx b/src/app/components/CountDown.tsx
index 976761b..bd4cddc 100644
--- a/src/app/components/CountDown.tsx
+++ b/src/app/components/CountDown.tsx
@@ -3,6 +3,7 @@
import WaveMobile from "@/assets/images/home/count-down-wave-mobile.svg";
import Wave from "@/assets/images/home/count-down-wave.svg";
import { conferenceDateTime } from "@/data/timing";
+import { calculateTimeRemaining } from "@/utils/countDown";
import Image from "next/image";
import React, { Fragment, useState } from "react";
import { HiOutlineClock } from "react-icons/hi";
@@ -35,28 +36,13 @@ export default function CountDown() {
}
const CountDownTimer = () => {
- const calculateTimeRemaining = () => {
- const now = new Date().getTime();
- const target = conferenceDateTime.getTime();
- const timeRemaining = target - now;
-
- const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
- const hours = Math.floor(
- (timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),
- );
- const minutes = Math.floor(
- (timeRemaining % (1000 * 60 * 60)) / (1000 * 60),
- );
- const seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000);
-
- return { days, hours, minutes, seconds };
- };
-
- const [timeRemaining, setTimeRemaining] = useState(calculateTimeRemaining());
+ const [timeRemaining, setTimeRemaining] = useState(
+ calculateTimeRemaining(conferenceDateTime),
+ );
React.useEffect(() => {
const interval = setInterval(() => {
- setTimeRemaining(calculateTimeRemaining());
+ setTimeRemaining(calculateTimeRemaining(conferenceDateTime));
}, 1000);
return () => clearInterval(interval);
diff --git a/src/app/components/Participants/Participants.tsx b/src/app/components/Participants/Participants.tsx
index 92e6be8..dffd989 100644
--- a/src/app/components/Participants/Participants.tsx
+++ b/src/app/components/Participants/Participants.tsx
@@ -1,8 +1,8 @@
import { RiCouponLine } from "react-icons/ri";
-import Image from "next/image";
import waveDesktop from "@/assets/images/home/participants-wave-desktop.png";
import waveMobile from "@/assets/images/home/participants-wave-mobile.png";
+import Image from "next/image";
import getParticipantList, { Participant } from "./getParticipantList";
const Participants = async () => {
@@ -35,12 +35,12 @@ const Participants = async () => {