Generic BOFU Landing Page

{% comment %}
	Bottom-of-funnel generic landing page (decision/conversion stage).
	Clean layout with a focused CTA banner, offer content with conversion form, and FAQs.

	Inputs:
		entity - the landing page article and its custom fields
{% endcomment -%}
{%- include "/_header.liquid" minimal_header_and_footer_content:true no_header_title:true -%}
{%- include "/sections/_home_banner.liquid" min_height:"300px" -%}
{%- include "/sections/_landing_bofu_generic.liquid" section_id:'conversion-form' increment_headinglevel:true -%}
{%- include "/sections/_faqs.liquid" section_class:'container py-5 border-top' -%}
{%- include "/_footer.liquid" minimal_header_and_footer_content:true -%}

{% comment %}
	Bottom-of-funnel main section with offer content in the left column and a conversion form in the right column.

	Inputs:
		section_class - an optional classname to apply to the section, defaults to py-5
		section_id - an optional id to apply to the section
		img_preset_bofu_offer - The image preset to use for the main offer image

	Custom Fields:
		bofu_image
		bofu_content_html
		bofu_leftcol_width
		bofu_form_above
		bofu_form
		bofu_form_below

	Outputs:
		section_rendered - true when this section outputs markup, false otherwise
{% endcomment -%}
{%- var showleftcol = entity.bofu_image.is_valid %}{% if entity.bofu_content_html.is_valid %}{% set showleftcol = true %}{% endif -%}
{%- var showrightcol = entity.bofu_form.is_valid %}{% if entity.bofu_form_above.is_valid or entity.bofu_form_below.is_valid %}{% set showrightcol = true %}{% endif -%}
{%- var leftcolwidth = 12 -%}
{%- var rightcolwidth = 12 -%}
{%- if showleftcol and showrightcol -%}
	{%- set leftcolwidth = entity.bofu_leftcol_width.value | default:8 | to_int -%}
	{%- set rightcolwidth = 12 | minus: leftcolwidth -%}
{%- endif -%}
{%- if showleftcol or showrightcol -%}
	<main class="{{ section_class | default: 'py-5'}}"{% if section_id %} id="{{ section_id }}"{% endif %}>
		<div class="container">
			<div class="row g-5 align-items-start">
				{%- if showleftcol -%}
					<div class="col-12 col-md-{{leftcolwidth}}">
						{%- if entity.bofu_image.is_valid -%}
							<div class="mb-4">
								{%- img entity.bofu_image link:false preset:img_preset_bofu_offer class:'img-fluid rounded' -%}
							</div>
						{%- endif -%}
						{{ entity.bofu_content_html }}
					</div>
				{%- endif -%}
				{%- if showrightcol -%}
					<div class="col-12 col-md-{{rightcolwidth}}">
						<div class="bg-light p-4 p-lg-5 rounded-3">
							{%- if entity.bofu_form_above.is_valid -%}
								<div class="mb-4">{{ entity.bofu_form_above }}</div>
							{%- endif -%}
							{%- if entity.bofu_form.title.is_valid -%}
								{%- include '/common/_title.liquid' title:entity.bofu_form.title title_classname:'h4 fw-bold mb-4' postincrement_headinglevel:true -%}
							{%- endif -%}
							{{- entity.bofu_form -}}
							{%- if entity.bofu_form_below.is_valid -%}
								<div class="mt-4">{{ entity.bofu_form_below }}</div>
							{%- endif -%}
						</div>
					</div>
				{%- endif -%}
			</div>
		</div>
	</main>
	{%- set section_rendered = true -%}
{%- else -%}
	{%- set section_rendered = false -%}
{%- endif -%}

[
  {
    "Type": "group",
    "Label": "Left Column",
    "Fields": [
      {
        "Type": "image",
        "FieldID": "bofu_image",
        "Label": "Image"
      },
      {
        "Type": "html",
        "FieldID": "bofu_content_html",
        "Label": "Supporting Content"
      },
      {
        "Type": "select",
        "FieldID": "bofu_leftcol_width",
        "Label": "Left Column Width",
        "Options": "3:1/4 width,4:1/3 width;5:5/12 width;6:1/2 width,7:7/12 width;8:2/3 width;9:3/4 width",
        "DefaultValue": "8",
        "Delimiter": ";",
        "ValueDelimiter": ":"
      }
    ]
  },
  {
    "Type": "group",
    "Label": "Right Column",
    "Fields": [
      {
        "Type": "html",
        "FieldID": "bofu_form_above",
        "Label": "Content Above Form"
      },
      {
        "Type": "form",
        "FieldID": "bofu_form",
        "Label": "Form",
        "IsRequired": true
      },
      {
        "Type": "html",
        "FieldID": "bofu_form_below",
        "Label": "Content Below Form"
      }
    ]
  }
]