Hero 03

About this block

Hero 03 is a two-column hero section designed to lead with social proof. The left column features a star rating display, a headline, a subtitle, CTA buttons, and a statistics card showing key business metrics. The right column holds a product image or screenshot. Built with shadcn/ui Cards and Tailwind CSS, it uses a responsive grid that collapses to a single column on mobile. The stats card is a nested shadcn Card component that can be updated with real numbers from any data source.

When to use it

• SaaS or agency landing pages where you want to lead with measurable traction (users, revenue, ratings)
• Products with strong review scores or notable growth metrics worth surfacing above the fold
• B2B landing pages where trust-building is the primary conversion lever
• Situations where a plain headline-and-CTA hero needs more credibility signals

Notes

Replace the placeholder star rating and stats with real numbers. The stats card is a standalone shadcn Card — you can connect it to a live data source or keep it static.