Dual Section Block This block allows you to create a visually appealing section with content and an image side-by-side. It offers flexibility in layout and styling to suit your needs.

Frontend Editor Options:

Anchor: A unique ID for the section, allowing you to link directly to it. Subheading: A smaller heading displayed below the main heading. Heading: The main heading of the section. Excerpt: The main content of the section, displayed below the headings. Image: Upload an image to be displayed alongside the content. Call-to-Action Buttons: Add multiple buttons with links and titles to encourage user interaction. Disposition: Choose the arrangement of the content and image columns: Image Left: Image appears on the left, content on the right. Image Right: Image appears on the right, content on the left. List Style: Apply a specific style to the excerpt content: is_dot: Displays the excerpt as a bulleted list. is_none: Displays the excerpt as plain text. Example Usage:

Imagine you want to create a section highlighting a new product with an image and a description. You can use the Dual Section block to achieve this:

Add the block: Insert the Dual Section block into your page or post. Set the content: Heading: "Introducing Our New Product" Excerpt: "This is a brief description of the product's features and benefits." Image: Upload an image of the product. Add a call-to-action: Link: "Learn More" URL: Link to the product page. Choose the layout: Select "Image Left" to display the image on the left side. Save the block: Your Dual Section is ready! Result:

The Dual Section block will render a visually appealing section with the product image on the left and the description and "Learn More" button on the right.

Customization:

You can further customize the block's appearance by adjusting the heading styles, adding more call-to-action buttons, and experimenting with different list styles.

Benefits:

Visual Appeal: Creates a visually engaging section with content and image. Flexibility: Allows for different layouts and styling options. User Engagement: Encourages user interaction with call-to-action buttons. Overall, the Dual Section block is a versatile tool for creating visually appealing and informative sections on your website.