Components
Soft Focus Clock
A soft-focus clock hero: the time counts up, rests blurred, then snaps sharp when you hover it — on a calm sage backdrop with breathing rings. A tunable landing or opening frame.
'use client';
import SoftFocusClock from "@/components/ui/soft-focus-clock";
const settings = {
targetTime: '7:00',
countDurationMs: 1600,
blurStrength: 15,
baseColor: '#bcc4bd',
textColor: '#424942',
showRings: true,
};
// ONLY DEFAULT EXPORT WILL BE TREATED AS A DEMO
export default function DemoOne(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return <SoftFocusClock {...s} />;
}