Palette: Hero
Palette: Hero component provides ability to add a block with Hero image, title, subtitle and two buttons.
https://www.drupal.org/project/canvas_palette
composer require drupal/canvas_paletteUse it with Section (design options) component as a wrapper to add background video, image, or stretch it on full width.
2 Columns
The 2-column Hero component is a prominent section placed at the top of a landing page, employing a dynamic layout to engage users right from the start. The component divides the screen into two columns, where one column holds a captivating visual element, such as an image or background, while the other column delivers a concise and persuasive text or call-to-action. This arrangement maximizes the impact of the content and enhances the overall user experience.
One Column
The Hero component with one column is a prominent section at the top of a landing page that focuses on delivering a clear and concise message. It utilizes a single column layout to present compelling content, such as a captivating headline, a persuasive value proposition, or a prominent call-to-action. This simplified design allows for a streamlined and focused user experience, ensuring that visitors quickly grasp the main message and purpose of the landing page. The Hero component with one column efficiently captures attention and encourages users to take desired actions.
Full width hero
The Full Width (Edge to Edge) style in the Palette Hero module offers a seamless and immersive design that spans the entire width of the viewport. This style eliminates any margins or padding on the sides, creating a bold and expansive visual impact. Ideal for showcasing high-resolution images and compelling content, it enhances user engagement by maximizing screen real estate and delivering a modern, dynamic aesthetic.