A centered hero layout with announcement badge, headline, description, two CTA buttons, and a product screenshot in a double-bordered frame. Everything animates in from below with staggered timing using Framer Motion. The headline uses gradient text, and the screenshot fades out at the bottom.

The badge works as a clickable button with a hover underline effect. The primary button has inset shadows for depth, while the secondary shows an arrow that slides on hover. The screenshot container uses nested borders with different background colors for a layered look.

Use for SaaS product pages, startup launches, app download pages, product showcases, and portfolio hero sections where a clean, centered layout with a visual focus works best.