Main

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);

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 () => {
           <RiCouponLine className="size-16 text-orange-500" />
           <div className="flex flex-col items-center gap-2 md:gap-4">
             <h2 className="text-center text-3xl font-bold ">شرکت کنندگان</h2>
-            <div className="flex items-center gap-2 text-xl text-zinc-400 md:text-2xl">
+            {/* <div className="flex items-center gap-2 text-xl text-zinc-400 md:text-2xl">
               <strong className="text-orange-500">
                 {participantList.length.toLocaleString("fa-IR")}
               </strong>{" "}
               <span>شرکت کننده تا این لحظه</span>
-            </div>
+            </div> */}
             <div className="flex items-center gap-2 rounded bg-zinc-800 p-3 text-zinc-300">
               <i className="size-3 rounded-full bg-green-600"></i>
               <span className="text-sm font-bold">اطلاعات زنده</span>

src/app/components/Timeline/data.ts

@@ -71,13 +71,13 @@ export const confDayTimeline: TimelineItemType[] = [
     link: "https://linkedin.com/in/amir-kabiri/",
   },
   {
-    profile: "/speakers/zahra-khanjani.jpeg",
-    speaker: "زهرا خانجانی",
-    title: "از کد بد به کد خوب",
+    profile: "/speakers/pouria.jpg",
+    speaker: "پوریا باباعلی",
+    title: "بدهی فنی",
     start: "۱۱:۴۰",
     end: "۱۲:۰۰",
     type: "speaker",
-    link: "https://linkedin.com/in/zahra-khanjani/",
+    link: "https://www.linkedin.com/in/pouriya-babaali/",
   },
   {
     profile: "/speakers/hossein-mousavi.jpeg",

src/data/speakersData.ts

@@ -59,11 +59,11 @@ export const speakersData: TSpeakerCard[] = [
   },
   {
     avatar: imageAvatarFive,
-    fullName: "زهرا خانجانی",
-    position: "برنامه‌نویس فرانت‌اند",
-    company: "چپتر لید آیتول",
+    fullName: "پوریا باباعلی",
+    position: "مهندس نرم‌افزار",
+    company: "مدرس در کوئرا",
     socials: {
-      linkedin: "https://linkedin.com/in/zahra-khanjani",
+      linkedin: "https://www.linkedin.com/in/pouriya-babaali/",
     },
   },
   {

src/styles/globals.css

@@ -5,3 +5,7 @@
 html {
   scroll-behavior: smooth;
 }
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+}

src/utils/countDown.ts

@@ -0,0 +1,15 @@
+"use client";
+
+export const calculateTimeRemaining = (conferenceDateTime: Date) => {
+  const now = new Date().getTime();
+  const timeLeft = conferenceDateTime.getTime() - now;
+
+  const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
+  const hours = Math.floor(
+    (timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),
+  );
+  const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
+  const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
+
+  return { days, hours, minutes, seconds };
+};