About 25 block design & features
About25 is an animated studio about section. It opens with a very large Our Story title that animates in. The intro row uses a four-column grid with a label, main text with partner avatars stacked horizontally, and side note. A rounded hero image follows. The stats section shows four metrics with large numbers and labels. A bordered footer section contains brand name, philosophy text, and a rounded CTA button linking to the work.
All sections use Framer Motion whileInView animations with staggered delays. Avatars overlap slightly using negative margin and have rounded corners with borders. Stats display very large numbers with suffix characters. The footer uses a top border to separate it from content above. The CTA button has a rounded-full style with a dot indicator.
This is a feature-rich animated block combining multiple content types. The animations create engagement as users scroll. The avatar stack adds a human element. High complexity with animations, multiple sections, and interactive button. Requires team avatar images, hero image, and substantial copy.
On mobile, the four-column grid stacks. Stats become two columns. Avatars maintain their overlapping stack. Animations still trigger on scroll.