Hero With Image
Simple full-width hero with an offset image.
View a live demo of this section.
Modules
How to Use This Section
The Hero With Image section creates an eye-catching focal point for your restaurant’s homepage or landing pages by combining bold typography with a strategically placed offset image. This asymmetrical layout breaks away from traditional centered hero designs, giving your HubSpot pages the energetic, modern feel that defines the Bussin theme.
When designing your hero, position your most compelling content in the Theme Rich Text module—this could be your restaurant’s tagline, a special promotion, or your signature dish description. The offset image placement means you have ample white space to work with substantial text content without overwhelming the visual hierarchy.
Choose your hero image carefully since it serves as the first impression visitors get of your business. High-resolution photos of signature dishes, your restaurant’s atmosphere, or happy customers work particularly well. The Theme Image module automatically optimizes your upload for fast loading while maintaining visual quality across desktop and mobile devices.
For mobile responsiveness, the section intelligently stacks the text and image vertically on smaller screens, ensuring your message remains readable and impactful. You can preview these changes directly in the HubSpot page editor by toggling between device views.
Consider using this section as an alternative to standard full-width heroes when you want to create visual interest and guide the eye through your page content. The offset design naturally draws attention to your call-to-action text while the image adds personality and context. This section works exceptionally well for restaurant homepages, event announcements, or seasonal menu launches where you need to balance promotional text with appetizing visuals.