From 2ca35ac6b3db620dfdd023624cba7be831a59a6d Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 06:53:24 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 184 +++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 156 insertions(+), 28 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 5ae0147..da510dd 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -6,20 +6,49 @@ import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarou import ProductCardThree from "@/components/sections/product/ProductCardThree"; import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import FooterCard from "@/components/sections/footer/FooterCard"; -import { Instagram } from "lucide-react"; +import { Instagram, Clock } from "lucide-react"; +import { useEffect, useState } from "react"; export default function LandingPage() { + const [timeLeft, setTimeLeft] = useState({ + days: 0, + hours: 0, + minutes: 0, + seconds: 0, + }); + + useEffect(() => { + const calculateTimeLeft = () => { + const targetDate = new Date("2026-03-15T15:00:00+01:00").getTime(); + const now = new Date().getTime(); + const difference = targetDate - 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), + }); + } + }; + + calculateTimeLeft(); + const timer = setInterval(calculateTimeLeft, 1000); + return () => clearInterval(timer); + }, []); + return ( +
+
+
+ +

LAUNCHING MARCH 15, 2026 AT 3:00 PM CET

+
+
+ {[ + { label: "DAYS", value: timeLeft.days }, + { label: "HOURS", value: timeLeft.hours }, + { label: "MINUTES", value: timeLeft.minutes }, + { label: "SECONDS", value: timeLeft.seconds }, + ].map((unit, idx) => ( +
+
+
+
+ {String(unit.value).padStart(2, "0")} +
+
+ {unit.label} +
+
+
+ ))} +
+
+
+ +
+
+
+

+ GET EXCLUSIVE ACCESS +

+

+ Join our waitlist and be among the first to experience UNBRKABLE +

+
{ + e.preventDefault(); + console.log("Email captured"); + }} + > + + +
+

+ ✓ We respect your privacy. Unsubscribe at any time. +

+
+
+
+ +
+
+
+

+ UNBREAKABLE RESILIENCE +

+

+ Designed for those who never back down. Premium streetwear built to last through anything. +

+
+
+
+
+ + + +

TEASER VIDEO

+
+
+
+
+
+