Footer 27 block design & features
The layout splits into two columns. The left side holds a large bold heading ("Connect with Me"), a muted descriptive paragraph, and a shadcn/ui button at large size. The right side displays social link names (Instagram, X/Twitter) as large medium-weight text, each paired with an ArrowUpRight icon. All elements animate into view using Framer Motion staggered fade-and-slide transitions. A separator sits above the bottom row, which carries copyright text and an attribution link.
Social links use a spring-based horizontal shift on hover, and the arrow icon translates slightly up and right on group hover. The staggered container animation reveals each element sequentially with a 0.1-second delay between items. The attribution link uses an underline with offset and a scale-up hover animation. The separator uses the standard Shadcn UI separator component.
The Framer Motion entrance animations and spring-based hover interactions give this footer a polished, portfolio-grade feel. The minimal content and large typography create a focused, personal tone compared to the denser link-grid footers.
On smaller screens the two columns stack vertically, with the heading and button appearing above the social links. The separator and bottom row maintain their full-width layout at all breakpoints.