Now I'll build a beautiful dark-themed clock app with an analog clock, digital display, world clocks, stopwatch, and timer. Let me update the theme and create the components.
Now let me create the clock components:
Now let me create the main page that ties everything together with tabbed navigation:
Now let me update the tailwind config to use the custom fonts:
Your clock app is ready! It features a dark, premium aesthetic with four main sections:
- Clock - A canvas-drawn analog clock with smooth second hand animation (orange accent) paired with a large digital time display showing hours, minutes, and seconds
- World Clocks - Six major cities (New York, London, Tokyo, Sydney, Dubai, Paris) each with mini analog clock faces, day/night indicators, and live times
- Stopwatch - A circular progress ring with lap tracking, showing both split and total times for each lap
- Timer - Preset durations (1m to 30m) with fine-grained adjustment controls (+/-10s and +/-1m), a progress ring that depletes as time runs out, and a pulsing alert when finished