Footer 8 block design & features
A six-column grid places the logo, brand title, description, and social media icons in a two-column span on the left. Two single-column spans in the middle hold titled link lists for Product and Company sections. The right two-column span contains a "Newsletter" heading with a shadcn/ui input and button pair, plus a privacy consent line. A border-top row at the bottom shows a bold brand name with copyright and an attribution link.
Social icons use a scale-up hover animation with a muted foreground color shift, giving them a playful interactive quality. The newsletter input and subscribe button sit inline at the same height, and the privacy link below them uses primary color with an underline-on-hover state. Section headings use medium-weight text, a step lighter than the bold treatment seen in other footer variants.
The composition balances three distinct footer purposes in a single horizontal row: branding, navigation, and email capture. The equal visual weight given to each area prevents any one section from dominating.
On smaller screens the grid stacks fully, placing the logo and social row above the link columns, with the newsletter section appearing last. Link columns split into two-column pairs on medium viewports before going single-column on phones.