"use client" // react import { useEffect, useState } from "react" // shadcn import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Input } from "@/components/ui/input" // assets import { Bell } from "lucide-react" // types interface TimeLeft { days: number hours: number minutes: number seconds: number } interface TimerBoxProps { count: number label: string } function TimerBox({ count, label }: TimerBoxProps) { return ( {String(count).padStart(2, "0")} {label} ) } // ------------------------------ | COMING SOON 2 | ------------------------------ // export default function ComingSoon2() { const [timeLeft, setTimeLeft] = useState({ days: 7, hours: 12, minutes: 45, seconds: 30, }) useEffect(() => { const targetDate = new Date() targetDate.setDate(targetDate.getDate() + 7) targetDate.setHours(targetDate.getHours() + 12) const interval = setInterval(() => { const now = new Date().getTime() const difference = targetDate.getTime() - now if (difference > 0) { setTimeLeft({ days: Math.floor(difference / (1000 * 60 * 60 * 24)), hours: Math.floor((difference / (1000 * 60 * 60)) % 24), minutes: Math.floor((difference / 1000 / 60) % 60), seconds: Math.floor((difference / 1000) % 60), }) } else { clearInterval(interval) } }, 1000) return () => clearInterval(interval) }, []) return (

Coming Soon

Something new is on its way!

) }