Footer 10 - Minimal footer with brand image and live clock

Pro

Stripped-back footer displaying a full-width brand image, a live-updating London time readout, copyright, and a contact email.

Vue
Shadcn Footer 10 block

Component Data

  • ID:footer10
  • Access:pro
  • Created:Nov 15, 2024
  • Type:block

Footer 10 block design & features

A single full-width SVG image spans the top of the section, rendered at a fixed aspect ratio. Below it, three inline text elements sit in a horizontal row: copyright on the left, a live clock showing the current London time in the center, and a contact email on the right. The component uses client-side state to update the clock every second.

All text is set in the muted foreground color at the default size. The brand image uses an object-cover fit at a specific aspect ratio, and there are no borders, separators, or background fills. The section carries standard vertical padding but otherwise adds no decorative elements.

This is a highly minimal, designer-oriented footer that relies on the oversized brand image for visual weight. The live-updating clock adds an unexpected interactive detail to an otherwise static layout, giving it a slightly editorial or studio feel.

On smaller screens the three text items stack vertically and center-align, preserving the clean horizontal rhythm at larger sizes while remaining readable on narrow viewports.