Two Column With Image
A two-column layout with headline, description, and social proof on the left, product screenshot on the right. Overlapping avatars with tooltips and star ratings show trust signals. The primary CTA uses a blue-to-indigo gradient with an arrow that slides on hover.
Avatar images animate in on mount with staggered timing. The screenshot sits in a double-bordered container with inset shadows. Columns stack on mobile with content appearing first. The headline uses gradient text that inverts in dark mode.
Fits product marketing pages, B2B SaaS landing pages, app showcases, feature highlight sections, and e-commerce product launches where balancing copy with visuals matters.
Explore more
Part of Hero Sections ยท All blocks
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
100+ templates and blocks combined
Ready to copy paste component blocks, save days of development time




