Multi-column hero section with image gallery

This component displays a hero section with a heading, description, call-to-action buttons, and an image gallery in a multi-column layout. It utilizes Tailwind CSS utilities for styling. The heading and description are contained in the left column which spans the full width on mobile. The image gallery is shown in the right column as a stacked layout on mobile. On larger screens, the left and right columns display side-by-side. The image gallery uses a repeated pattern of wrapping each image with rounded corners and a subtle shadow in individual column divs. The column divs are stacked on mobile and shown side-by-side on larger breakpoints. An angled background SVG gradients behind the content adds visual interest. The navbar at the top demonstrates a responsive mobile menu toggle using Tailwind components and utilities.