"use client" import { useState, useEffect } from "react" import { motion, AnimatePresence } from "framer-motion" import { fadeIn, slideUp, scaleIn } from "@/lib/animations" import { HeroImage } from "@/components/backgrounds/hero-image" import { heroImageMap } from "@/lib/hero-images" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { Bird, Camera, Code2, Mail, Bell, ArrowRight, Sparkles, } from "lucide-react" function useCountdown(target: Date) { const [time, setTime] = useState({ days: 0, hours: 0, minutes: 0, seconds: 0 }) useEffect(() => { function tick() { const diff = target.getTime() - Date.now() if (diff <= 0) return setTime({ days: 0, hours: 0, minutes: 0, seconds: 0 }) setTime({ days: Math.floor(diff / 86400000), hours: Math.floor((diff / 3600000) % 24), minutes: Math.floor((diff / 60000) % 60), seconds: Math.floor((diff / 1000) % 60), }) } tick() const id = setInterval(tick, 1000) return () => clearInterval(id) }, [target]) return time } const socialLinks = [ { id: "x", icon: Bird, href: "#" }, { id: "instagram", icon: Camera, href: "#" }, { id: "github", icon: Code2, href: "#" }, ] export default function ComingSoonLanding() { const countdown = useCountdown(new Date("2026-09-01T00:00:00")) return (

njobvu Something{" "} amazing {" "} is coming. We're building the next generation platform. Leave your email below to be the first to know when we launch. {(["days", "hours", "minutes", "seconds"] as const).map((unit) => (

{String(countdown[unit]).padStart(2, "0")} {unit}

) }

Coming Soon

Something amazing is coming.

Something amazing is coming.