Footer
Site-wide footer. Left column: a 'Start a project' CTA with two buttons and an availability callout. Right column: sitemap grid and optional recent blog posts with hover preview. Bottom bar: copyright and social icons.
Live Preview (with recent posts)
Without recent posts
Props
| Prop | Type | Default | Description |
|---|---|---|---|
recentPosts | BlogPost[] | [] | Optional list of the most-recent blog posts. When non-empty, renders the "Recent Posts" column with a hover preview. When empty, the column is omitted. |
Composition
Left: CTA
"Start a project" heading, two-button row (primary → /contact, secondary → /services), availability line with inline link.
Right: sitemap + recent posts
Two-column sitemap. If `recentPosts` is supplied, a third block lists them with thumbnails; hovering a row reveals a large preview to the left (lg+).
Background glows
Two absolute-positioned radial gradients (`.footer-glow-left`, `.footer-glow-right`) give the footer its ambient color wash.
Import
tsx
import { Footer } from '@/components/layout/Footer'