Hero With Image and Scales
Welcome to the era of AI Agents
AI Agents are revolutionizing how we approach complex tasks and decision-making processes, next evolution is here.

The product screenshot follows your mouse with a parallax effect, shifting up to 40 pixels and springing back when you leave. Behind it, a diagonal CSS grid pattern creates a technical blueprint aesthetic. Framer Motion's useSpring hook controls the movement with smooth, responsive timing.
The layout includes a subheading, two-line headline, description, and two CTA buttons (primary in indigo). Horizontal and vertical border lines frame the section. The image fades in with a 1-second delay so content appears first. Mouse tracking only activates on desktop.
Works for tech product pages, SaaS dashboard previews, developer tool marketing, API platforms, and design tool sites where an interactive, technical feel fits the brand.
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



