STYLED - Trim coming-soon to title + countdown
CI / quality (push) Waiting to run

- Remove the status badge, kicker, and description texts
- Keep only the title and the countdown (all locales)
This commit is contained in:
Moh
2026-08-08 03:48:19 +02:00
parent aadc93e870
commit b2b90bd1bf
+2 -33
View File
@@ -8,7 +8,6 @@ import { LaunchCountdown } from "@/components/site/launch-countdown";
import { getSiteSettings } from "@/lib/app-config";
import { buildLocalizedMetadata } from "@/lib/metadata";
import { resolveLocale } from "@/lib/locale";
import { cn } from "@/lib/utils";
// Target launch date for the countdown. Edit this single line to change it.
const LAUNCH_DATE_ISO = "2026-08-28T12:00:00Z";
@@ -64,9 +63,6 @@ export default async function ComingSoonPage({ params }: ComingSoonPageProps) {
},
];
const trackedEyebrow = isArabic ? "tracking-normal" : "uppercase tracking-[0.28em]";
const trackedPill = isArabic ? "tracking-normal" : "uppercase tracking-[0.12em]";
return (
<div className="relative h-screen overflow-hidden">
<FloatingPreferences locale={localeKey} defaultLocale={siteSettings.defaultLocale} />
@@ -74,36 +70,9 @@ export default async function ComingSoonPage({ params }: ComingSoonPageProps) {
<HeroShell className="h-screen" showBridges>
<HeroContentMotion className="relative z-10 w-full">
<div className="mx-auto flex w-full max-w-[60rem] flex-col items-center text-center">
<HeroMotionItem>
<span
className={cn(
"inline-flex items-center gap-2.5 rounded-pill border border-foreground/10 bg-background/55 px-4 py-2 text-xs font-medium text-[hsl(var(--hero-ink)/0.82)] shadow-[var(--shadow-sm)] backdrop-blur-[18px] dark:border-foreground/12 dark:bg-background/20 dark:text-foreground/82",
trackedPill,
)}
>
<span className="relative flex h-2 w-2">
<span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-brand-secondary opacity-70" />
<span className="relative inline-flex h-2 w-2 rounded-full bg-brand-secondary" />
</span>
{t("status")}
</span>
</HeroMotionItem>
<HeroTitle locale={localeKey} lines={lines} className="mx-auto tracking-normal" />
<HeroMotionItem>
<p className={cn("mt-7 text-xs font-medium text-foreground/45", trackedEyebrow)}>
{t("kicker")}
</p>
</HeroMotionItem>
<HeroTitle locale={localeKey} lines={lines} className="mx-auto mt-4 tracking-normal" />
<HeroMotionItem>
<p className="mx-auto mt-8 max-w-[36rem] text-sm leading-7 text-foreground/68 sm:text-base">
{t("description")}
</p>
</HeroMotionItem>
<HeroMotionItem className="mt-11">
<HeroMotionItem className="mt-12">
<LaunchCountdown
targetIso={LAUNCH_DATE_ISO}
arabic={isArabic}